codexify.css

/*
 * Codexify
 * Version 0.8.0
 * Last updated 2026-11-11
 * Repository: https://github.com/Xeverything11/Codexify
 * MIT License
 * Copyright (c) 2026 Xeverything11
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 * Some icons are from Wikimedia's Codex design, which is licensed under CC BY 4.0.
 */


@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Thin.woff2");
    font-weight: 100;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-ThinItalic.woff2");
    font-weight: 100;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Extralight.woff2");
    font-weight: 200;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-ExtralightItalic.woff2");
    font-weight: 200;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Light.woff2");
    font-weight: 300;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-LightItalic.woff2");
    font-weight: 300;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Regular.woff2");
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Italic.woff2");
    font-weight: 400;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Book.woff2");
    font-weight: 500;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-BookItalic.woff2");
    font-weight: 500;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Medium.woff2");
    font-weight: 600;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-MediumItalic.woff2");
    font-weight: 600;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Bold.woff2");
    font-weight: 700;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-BoldItalic.woff2");
    font-weight: 700;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Extrabold.woff2");
    font-weight: 800;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-ExtraboldItalic.woff2");
    font-weight: 800;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-Black.woff2");
    font-weight: 900;
    font-style: normal;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "FF Kievit";
    src: url("fonts/FFKievit-BlackItalic.woff2");
    font-weight: 900;
    font-style: italic;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: "Noto Sans Mono";
    src: url("fonts/NotoSansMono.woff2");
    font-weight: 100 900;
    font-stretch: 62.5% 100%;
    font-style: normal;
}

:root {
    --breakpoint-mobile: 320px;
    --breakpoint-tablet: 640px;
    --breakpoint-desktop: 1120px;
    --breakpoint-desktop-wide: 1680px;

    --font-sans: "FF Kievit", "Noto Sans", "Helvetica Neue", sans-serif;
    --font-mono: "Noto Sans Mono", "Consolas", monospace;

    --color-red-10:  oklch(99% 0.04  43.0);
    --color-red-20:  oklch(98% 0.06  36.0);
    --color-red-50:  oklch(96% 0.09  31.0);
    --color-red-100: oklch(92% 0.12  27.5);
    --color-red-200: oklch(85% 0.15  25.0);
    --color-red-300: oklch(78% 0.17  23.0);
    --color-red-400: oklch(70% 0.19  21.2);
    --color-red-500: oklch(62% 0.20  19.5);
    --color-red-600: oklch(53% 0.20  18.0);
    --color-red-700: oklch(43% 0.16  16.6);
    --color-red-800: oklch(33% 0.13  15.3);
    --color-red-900: oklch(25% 0.10  14.0);
    --color-red-950: oklch(20% 0.08  12.8);
    --color-red-980: oklch(16% 0.06  11.6);
    --color-red-990: oklch(12% 0.05  10.5);

    --color-tomato-10:  oklch(99% 0.04  70.0);
    --color-tomato-20:  oklch(98% 0.06  60.0);
    --color-tomato-50:  oklch(96% 0.09  53.0);
    --color-tomato-100: oklch(92% 0.11  48.0);
    --color-tomato-200: oklch(85% 0.13  44.0);
    --color-tomato-300: oklch(78% 0.15  41.0);
    --color-tomato-400: oklch(70% 0.17  38.5);
    --color-tomato-500: oklch(63% 0.18  36.2);
    --color-tomato-600: oklch(53% 0.17  34.0);
    --color-tomato-700: oklch(43% 0.15  32.0);
    --color-tomato-800: oklch(34% 0.12  30.0);
    --color-tomato-900: oklch(25% 0.10  28.2);
    --color-tomato-950: oklch(20% 0.08  26.5);
    --color-tomato-980: oklch(16% 0.06  25.0);
    --color-tomato-990: oklch(12% 0.04  23.8);

    --color-orange-10:  oklch(99% 0.04  90.0);
    --color-orange-20:  oklch(98% 0.06  88.0);
    --color-orange-50:  oklch(96% 0.08  86.0);
    --color-orange-100: oklch(92% 0.10  83.0);
    --color-orange-200: oklch(86% 0.13  78.0);
    --color-orange-300: oklch(79% 0.15  71.0);
    --color-orange-400: oklch(72% 0.16  64.0);
    --color-orange-500: oklch(64% 0.16  56.0);
    --color-orange-600: oklch(54% 0.14  48.0);
    --color-orange-700: oklch(44% 0.12  42.0);
    --color-orange-800: oklch(34% 0.10  38.0);
    --color-orange-900: oklch(26% 0.09  35.0);
    --color-orange-950: oklch(21% 0.08  33.0);
    --color-orange-980: oklch(16% 0.06  31.0);
    --color-orange-990: oklch(12% 0.05  29.0);

    --color-amber-10:  oklch(99% 0.04 102.0);
    --color-amber-20:  oklch(98% 0.06 101.4);
    --color-amber-50:  oklch(96% 0.09  99.0);
    --color-amber-100: oklch(93% 0.13  96.0);
    --color-amber-200: oklch(87% 0.16  92.0);
    --color-amber-300: oklch(80% 0.16  86.0);
    --color-amber-400: oklch(74% 0.15  80.0);
    --color-amber-500: oklch(65% 0.14  74.0);
    --color-amber-600: oklch(56% 0.12  68.0);
    --color-amber-700: oklch(46% 0.11  63.0);
    --color-amber-800: oklch(36% 0.10  58.0);
    --color-amber-900: oklch(28% 0.08  53.0);
    --color-amber-950: oklch(22% 0.07  48.0);
    --color-amber-980: oklch(18% 0.06  43.0);
    --color-amber-990: oklch(13% 0.05  38.0);

    --color-yellow-10:  oklch(99% 0.04 109.0);
    --color-yellow-20:  oklch(98% 0.09 108.5);
    --color-yellow-50:  oklch(96% 0.13 107.6);
    --color-yellow-100: oklch(93% 0.18 105.0);
    --color-yellow-200: oklch(87% 0.18 100.0);
    --color-yellow-300: oklch(81% 0.17  95.0);
    --color-yellow-400: oklch(74% 0.15  90.0);
    --color-yellow-500: oklch(66% 0.13  85.5);
    --color-yellow-600: oklch(56% 0.11  81.0);
    --color-yellow-700: oklch(46% 0.10  76.0);
    --color-yellow-800: oklch(36% 0.09  71.0);
    --color-yellow-900: oklch(28% 0.07  65.0);
    --color-yellow-950: oklch(22% 0.06  59.0);
    --color-yellow-980: oklch(18% 0.05  53.0);
    --color-yellow-990: oklch(13% 0.04  47.0);

    --color-lime-10:  oklch(99% 0.04 110.0);
    --color-lime-20:  oklch(98% 0.06 111.0);
    --color-lime-50:  oklch(96% 0.11 113.0);
    --color-lime-100: oklch(93% 0.18 116.0);
    --color-lime-200: oklch(87% 0.20 119.0);
    --color-lime-300: oklch(80% 0.19 120.0);
    --color-lime-400: oklch(74% 0.18 120.0);
    --color-lime-500: oklch(65% 0.16 119.0);
    --color-lime-600: oklch(56% 0.14 116.0);
    --color-lime-700: oklch(46% 0.11 112.0);
    --color-lime-800: oklch(36% 0.09 105.0);
    --color-lime-900: oklch(28% 0.07  96.0);
    --color-lime-950: oklch(22% 0.05  86.0);
    --color-lime-980: oklch(18% 0.04  76.0);
    --color-lime-990: oklch(13% 0.03  66.0);

    --color-green-10:  oklch(99% 0.04 120.0);
    --color-green-20:  oklch(98% 0.06 135.0);
    --color-green-50:  oklch(96% 0.09 143.0);
    --color-green-100: oklch(93% 0.12 148.0);
    --color-green-200: oklch(87% 0.18 151.0);
    --color-green-300: oklch(80% 0.19 153.5);
    --color-green-400: oklch(73% 0.17 156.0);
    --color-green-500: oklch(65% 0.15 158.5);
    --color-green-600: oklch(55% 0.12 161.0);
    --color-green-700: oklch(45% 0.10 164.0);
    --color-green-800: oklch(35% 0.08 168.0);
    --color-green-900: oklch(27% 0.06 174.0);
    --color-green-950: oklch(21% 0.05 182.0);
    --color-green-980: oklch(17% 0.04 196.0);
    --color-green-990: oklch(12% 0.03 210.0);

    --color-teal-10:  oklch(99% 0.03 165.0);
    --color-teal-20:  oklch(98% 0.05 175.0);
    --color-teal-50:  oklch(96% 0.07 183.0);
    --color-teal-100: oklch(92% 0.09 189.5);
    --color-teal-200: oklch(86% 0.12 194.5);
    --color-teal-300: oklch(79% 0.13 198.5);
    --color-teal-400: oklch(72% 0.12 202.0);
    --color-teal-500: oklch(64% 0.11 205.0);
    --color-teal-600: oklch(54% 0.10 208.0);
    --color-teal-700: oklch(44% 0.08 211.2);
    --color-teal-800: oklch(34% 0.07 215.0);
    --color-teal-900: oklch(26% 0.06 220.0);
    --color-teal-950: oklch(21% 0.05 228.0);
    --color-teal-980: oklch(16% 0.04 240.0);
    --color-teal-990: oklch(12% 0.04 260.0);

    --color-blue-10:  oklch(99% 0.01 200.0);
    --color-blue-20:  oklch(98% 0.02 215.0);
    --color-blue-50:  oklch(96% 0.03 225.0);
    --color-blue-100: oklch(92% 0.05 232.0);
    --color-blue-200: oklch(85% 0.08 237.0);
    --color-blue-300: oklch(77% 0.12 242.0);
    --color-blue-400: oklch(69% 0.15 247.0);
    --color-blue-500: oklch(61% 0.17 252.0);
    --color-blue-600: oklch(52% 0.17 257.0);
    --color-blue-700: oklch(42% 0.17 261.8);
    --color-blue-800: oklch(32% 0.16 266.0);
    --color-blue-900: oklch(24% 0.15 270.1);
    --color-blue-950: oklch(19% 0.12 273.4);
    --color-blue-980: oklch(15% 0.10 275.5);
    --color-blue-990: oklch(11% 0.07 277.0);

    --color-indigo-10:  oklch(99% 0.01 274.0);
    --color-indigo-20:  oklch(98% 0.02 276.0);
    --color-indigo-50:  oklch(96% 0.03 276.5);
    --color-indigo-100: oklch(92% 0.05 276.9);
    --color-indigo-200: oklch(84% 0.08 277.2);
    --color-indigo-300: oklch(75% 0.12 277.5);
    --color-indigo-400: oklch(67% 0.16 277.8);
    --color-indigo-500: oklch(59% 0.20 278.0);
    --color-indigo-600: oklch(50% 0.22 278.1);
    --color-indigo-700: oklch(40% 0.20 278.2);
    --color-indigo-800: oklch(31% 0.17 278.2);
    --color-indigo-900: oklch(23% 0.14 278.3);
    --color-indigo-950: oklch(18% 0.12 278.3);
    --color-indigo-980: oklch(14% 0.10 278.3);
    --color-indigo-990: oklch(11% 0.07 278.3);

    --color-purple-10:  oklch(99% 0.01 330.0);
    --color-purple-20:  oklch(98% 0.02 322.0);
    --color-purple-50:  oklch(96% 0.03 317.0);
    --color-purple-100: oklch(92% 0.05 312.0);
    --color-purple-200: oklch(84% 0.09 307.4);
    --color-purple-300: oklch(76% 0.13 303.0);
    --color-purple-400: oklch(68% 0.18 299.0);
    --color-purple-500: oklch(60% 0.23 295.0);
    --color-purple-600: oklch(51% 0.25 291.2);
    --color-purple-700: oklch(41% 0.21 287.5);
    --color-purple-800: oklch(31% 0.17 284.0);
    --color-purple-900: oklch(23% 0.13 281.0);
    --color-purple-950: oklch(19% 0.10 280.0);
    --color-purple-980: oklch(15% 0.08 279.5);
    --color-purple-990: oklch(11% 0.06 279.0);

    --color-pink-10:  oklch(99% 0.01  20.0);
    --color-pink-20:  oklch(98% 0.02  10.0);
    --color-pink-50:  oklch(96% 0.03   4.0);
    --color-pink-100: oklch(92% 0.05 359.0);
    --color-pink-200: oklch(85% 0.08 355.0);
    --color-pink-300: oklch(77% 0.14 351.5);
    --color-pink-400: oklch(69% 0.20 348.5);
    --color-pink-500: oklch(61% 0.23 345.5);
    --color-pink-600: oklch(52% 0.20 342.5);
    --color-pink-700: oklch(42% 0.17 339.3);
    --color-pink-800: oklch(32% 0.13 336.0);
    --color-pink-900: oklch(24% 0.10 332.5);
    --color-pink-950: oklch(20% 0.08 328.5);
    --color-pink-980: oklch(16% 0.06 322.0);
    --color-pink-990: oklch(12% 0.05 310.0);

    --color-brown-10:  oklch(99% 0.006  61.0);
    --color-brown-20:  oklch(98% 0.010  59.0);
    --color-brown-50:  oklch(96% 0.016  58.0);
    --color-brown-100: oklch(92% 0.024  57.2);
    --color-brown-200: oklch(85% 0.032  56.5);
    --color-brown-300: oklch(77% 0.045  56.0);
    --color-brown-400: oklch(69% 0.056  55.5);
    --color-brown-500: oklch(61% 0.068  55.0);
    --color-brown-600: oklch(52% 0.089  54.5);
    --color-brown-700: oklch(42% 0.092  54.0);
    --color-brown-800: oklch(32% 0.076  53.4);
    --color-brown-900: oklch(23% 0.052  52.6);
    --color-brown-950: oklch(19% 0.038  51.4);
    --color-brown-980: oklch(15% 0.029  49.5);
    --color-brown-990: oklch(11% 0.018  46.5);

    --color-gray-10:  oklch(99% 0.003 240.0);
    --color-gray-20:  oklch(98% 0.006 244.0);
    --color-gray-50:  oklch(97% 0.007 246.5);
    --color-gray-100: oklch(95% 0.008 248.5);
    --color-gray-200: oklch(92% 0.009 250.0);
    --color-gray-300: oklch(86% 0.010 251.2);
    --color-gray-400: oklch(76% 0.011 252.3);
    --color-gray-500: oklch(63% 0.011 253.3);
    --color-gray-600: oklch(50% 0.011 254.3);
    --color-gray-700: oklch(38% 0.011 255.4);
    --color-gray-800: oklch(27% 0.010 256.7);
    --color-gray-900: oklch(21% 0.009 258.5);
    --color-gray-950: oklch(16% 0.008 261.0);
    --color-gray-980: oklch(13% 0.006 264.5);
    --color-gray-990: oklch(10% 0.004 270.0);

    --color-white: white;
    --color-black: black;

    --color-base: var(--color-gray-900);
    --color-fixed: var(--color-gray-900);
    --color--hover: var(--color-gray-700);
    --color-emphasised: var(--color-gray-950);
    --color-neutral: var(--color-gray-700);
    --color-subtle: var(--color-gray-600);
    --color-placeholder: var(--color-gray-500);
    --color-disabled: var(--color-gray-400);
    --color-disabled-emphasised: var(--color-gray-400);
    --color-inverted: var(--color-white);
    --color-inverted-fixed: var(--color-white);
    --color-progressive: var(--color-blue-700);
    --color-progressive--hover: var(--color-blue-800);
    --color-progressive--active: var(--color-blue-900);
    --color-progressive--focus: var(--color-blue-700);
    --color-destructive: var(--color-red-700);
    --color-destructive--hover: var(--color-red-800);
    --color-destructive--active: var(--color-red-900);
    --color-destructive--focus: var(--color-blue-700);
    --color-error: var(--color-red-700);
    --color-error--hover: var(--color-red-800);
    --color-error--active: var(--color-red-900);
    --color-warning: var(--color-yellow-700);
    --color-warning--hover: var(--color-yellow-800);
    --color-warning--active: var(--color-yellow-900);
    --color-success: var(--color-green-700);
    --color-success--hover: var(--color-green-800);
    --color-success--active: var(--color-green-900);
    --color-notice: var(--color-gray-700);
    --color-notice--hover: var(--color-gray-800);
    --color-notice--active: var(--color-gray-900);
    --color-link: var(--color-blue-700);
    --color-link--hover: var(--color-blue-800);
    --color-link--active: var(--color-blue-900);
    --color-link--focus: var(--color-blue-700);
    --color-link--visited: var(--color-purple-700);
    --color-link--visited--hover: var(--color-purple-800);
    --color-link--visited--active: var(--color-purple-900);
    --color-link-red: var(--color-red-700);
    --color-link-red--hover: var(--color-red-800);
    --color-link-red--active: var(--color-red-900);
    --color-link-red--focus: var(--color-blue-700);

    --background-color-base: var(--color-white);
    --background-color-base-fixed: var(--color-white);
    --background-color-neutral: var(--color-gray-100);
    --background-color-neutral-subtle: var(--color-gray-50);
    --background-color-interactive: var(--color-gray-100);
    --background-color-interactive--hover: var(--color-gray-200);
    --background-color-interactive--active: var(--color-gray-300);
    --background-color-interactive-subtle: var(--color-gray-50);
    --background-color-interactive-subtle--hover: var(--color-gray-100);
    --background-color-interactive-subtle--active: var(--color-gray-200);
    --background-color-disabled: var(--color-gray-200);
    --background-color-disabled-subtle: var(--color-gray-100);
    --background-color-inverted: var(--color-gray-950);
    --background-color-progressive: var(--color-blue-700);
    --background-color-progressive--hover: var(--color-blue-800);
    --background-color-progressive--active: var(--color-blue-900);
    --background-color-progressive--focus: var(--color-blue-700);
    --background-color-progressive-subtle: var(--color-blue-50);
    --background-color-progressive-subtle--hover: var(--color-blue-100);
    --background-color-progressive-subtle--active: var(--color-blue-200);
    --background-color-destructive: var(--color-red-700);
    --background-color-destructive--hover: var(--color-red-800);
    --background-color-destructive--active: var(--color-red-900);
    --background-color-destructive--focus: var(--color-blue-700);
    --background-color-destructive-subtle: var(--color-red-50);
    --background-color-destructive-subtle--hover: var(--color-red-100);
    --background-color-destructive-subtle--active: var(--color-red-200);
    --background-color-error: var(--color-red-500);
    --background-color-error--hover: var(--color-red-600);
    --background-color-error--active: var(--color-red-700);
    --background-color-error-subtle: var(--color-red-50);
    --background-color-error-subtle--hover: var(--color-red-100);
    --background-color-error-subtle--active: var(--color-red-200);
    --background-color-warning: var(--color-yellow-500);
    --background-color-warning--hover: var(--color-yellow-600);
    --background-color-warning--active: var(--color-yellow-700);
    --background-color-warning-subtle: var(--color-yellow-50);
    --background-color-warning-subtle--hover: var(--color-yellow-100);
    --background-color-warning-subtle--active: var(--color-yellow-200);
    --background-color-success: var(--color-green-500);
    --background-color-success--hover: var(--color-green-600);
    --background-color-success--active: var(--color-green-700);
    --background-color-success-subtle: var(--color-green-50);
    --background-color-success-subtle--hover: var(--color-green-100);
    --background-color-success-subtle--active: var(--color-green-200);
    --background-color-notice: var(--color-gray-500);
    --background-color-notice--hover: var(--color-gray-600);
    --background-color-notice--active: var(--color-gray-700);
    --background-color-notice-subtle: var(--color-gray-50);
    --background-color-notice-subtle--hover: var(--color-gray-100);
    --background-color-notice-subtle--active: var(--color-gray-200);

    --border-color-base: var(--color-gray-400);
    --border-color-emphasised: var(--color-gray-900);
    --border-color-subtle: var(--color-gray-300);
    --border-color-muted: var(--color-gray-200);
    --border-color-interactive: var(--color-gray-500);
    --border-color-interactive--hover: var(--color-gray-800);
    --border-color-interactive--active: var(--color-gray-900);
    --border-color-disabled: var(--color-gray-300);
    --border-color-progressive: var(--color-blue-700);
    --border-color-progressive--hover: var(--color-blue-800);
    --border-color-progressive--active: var(--color-blue-900);
    --border-color-progressive--focus: var(--color-blue-700);
    --border-color-destructive: var(--color-red-500);
    --border-color-destructive--hover: var(--color-red-600);
    --border-color-destructive--active: var(--color-red-700);
    --border-color-destructive--focus: var(--color-blue-700);
    --border-color-error: var(--color-red-500);
    --border-color-error--hover: var(--color-red-600);
    --border-color-error--active: var(--color-red-700);
    --border-color-warning: var(--color-yellow-500);
    --border-color-warning--hover: var(--color-yellow-600);
    --border-color-warning--active: var(--color-yellow-700);
    --border-color-success: var(--color-green-500);
    --border-color-success--hover: var(--color-green-600);
    --border-color-success--active: var(--color-green-700);
    --border-color-notice: var(--color-gray-500);
    --border-color-notice--hover: var(--color-gray-600);
    --border-color-notice--active: var(--color-gray-700);
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-base: var(--color-gray-100);
        --color--hover: var(--color-gray-50);
        --color-emphasised: var(--color-gray-50);
        --color-neutral: var(--color-gray-300);
        --color-subtle: var(--color-gray-400);
        --color-placeholder: var(--color-gray-500);
        --color-disabled: var(--color-gray-600);
        --color-disabled-emphasised: var(--color-gray-500);
        --color-inverted: var(--color-gray-950);
        --color-progressive: var(--color-blue-400);
        --color-progressive--hover: var(--color-blue-300);
        --color-progressive--active: var(--color-blue-200);
        --color-progressive--focus: var(--color-blue-700);
        --color-destructive: var(--color-red-400);
        --color-destructive--hover: var(--color-red-300);
        --color-destructive--active: var(--color-red-200);
        --color-destructive--focus: var(--color-blue-700);
        --color-error: var(--color-red-400);
        --color-error--hover: var(--color-red-300);
        --color-error--active: var(--color-red-200);
        --color-warning: var(--color-yellow-400);
        --color-warning--hover: var(--color-yellow-300);
        --color-warning--active: var(--color-yellow-200);
        --color-success: var(--color-green-400);
        --color-success--hover: var(--color-green-300);
        --color-success--active: var(--color-green-200);
        --color-notice: var(--color-gray-400);
        --color-notice--hover: var(--color-gray-300);
        --color-notice--active: var(--color-gray-200);
        --color-link: var(--color-blue-400);
        --color-link--hover: var(--color-blue-300);
        --color-link--active: var(--color-blue-200);
        --color-link--focus: var(--color-blue-700);
        --color-link--visited: var(--color-purple-400);
        --color-link--visited--hover: var(--color-purple-300);
        --color-link--visited--active: var(--color-purple-200);
        --color-link-red: var(--color-red-400);
        --color-link-red--hover: var(--color-red-300);
        --color-link-red--active: var(--color-red-200);
        --color-link-red--focus: var(--color-blue-700);

        --background-color-base: var(--color-gray-950);
        --background-color-neutral: var(--color-gray-800);
        --background-color-neutral-subtle: var(--color-gray-900);
        --background-color-interactive: var(--color-gray-800);
        --background-color-interactive--hover: var(--color-gray-700);
        --background-color-interactive--active: var(--color-gray-600);
        --background-color-interactive-subtle: var(--color-gray-900);
        --background-color-interactive-subtle--hover: var(--color-gray-800);
        --background-color-interactive-subtle--active: var(--color-gray-700);
        --background-color-disabled: var(--color-gray-700);
        --background-color-disabled-subtle: var(--color-gray-800);
        --background-color-inverted: var(--color-gray-50);
        --background-color-progressive: var(--color-blue-700);
        --background-color-progressive--hover: var(--color-blue-800);
        --background-color-progressive--active: var(--color-blue-900);
        --background-color-progressive--focus: var(--color-blue-500);
        --background-color-progressive-subtle: var(--color-blue-950);
        --background-color-progressive-subtle--hover: var(--color-blue-900);
        --background-color-progressive-subtle--active: var(--color-blue-800);
        --background-color-destructive: var(--color-red-700);
        --background-color-destructive--hover: var(--color-red-800);
        --background-color-destructive--active: var(--color-red-900);
        --background-color-destructive--focus: var(--color-blue-500);
        --background-color-destructive-subtle: var(--color-red-950);
        --background-color-destructive-subtle--hover: var(--color-red-900);
        --background-color-destructive-subtle--active: var(--color-red-800);
        --background-color-error: var(--color-red-500);
        --background-color-error--hover: var(--color-red-600);
        --background-color-error--active: var(--color-red-700);
        --background-color-error-subtle: var(--color-red-950);
        --background-color-error-subtle--hover: var(--color-red-900);
        --background-color-error-subtle--active: var(--color-red-800);
        --background-color-warning: var(--color-yellow-500);
        --background-color-warning--hover: var(--color-yellow-600);
        --background-color-warning--active: var(--color-yellow-700);
        --background-color-warning-subtle: var(--color-yellow-950);
        --background-color-warning-subtle--hover: var(--color-yellow-900);
        --background-color-warning-subtle--active: var(--color-yellow-800);
        --background-color-success: var(--color-green-500);
        --background-color-success--hover: var(--color-green-600);
        --background-color-success--active: var(--color-green-700);
        --background-color-success-subtle: var(--color-green-950);
        --background-color-success-subtle--hover: var(--color-green-900);
        --background-color-success-subtle--active: var(--color-green-800);
        --background-color-notice: var(--color-gray-500);
        --background-color-notice--hover: var(--color-gray-600);
        --background-color-notice--active: var(--color-gray-700);
        --background-color-notice-subtle: var(--color-gray-800);
        --background-color-notice-subtle--hover: var(--color-gray-700);
        --background-color-notice-subtle--active: var(--color-gray-600);

        --border-color-base: var(--color-gray-500);
        --border-color-emphasised: var(--color-gray-100);
        --border-color-subtle: var(--color-gray-600);
        --border-color-muted: var(--color-gray-700);
        --border-color-interactive: var(--color-gray-500);
        --border-color-interactive--hover: var(--color-gray-400);
        --border-color-interactive--active: var(--color-gray-300);
        --border-color-disabled: var(--color-gray-600);
        --border-color-progressive: var(--color-blue-500);
        --border-color-progressive--hover: var(--color-blue-400);
        --border-color-progressive--active: var(--color-blue-300);
        --border-color-progressive--focus: var(--color-blue-500);
        --border-color-destructive: var(--color-red-500);
        --border-color-destructive--hover: var(--color-red-400);
        --border-color-destructive--active: var(--color-red-300);
        --border-color-destructive--focus: var(--color-blue-500);
        --border-color-error: var(--color-red-500);
        --border-color-error--hover: var(--color-red-400);
        --border-color-error--active: var(--color-red-300);
        --border-color-warning: var(--color-yellow-500);
        --border-color-warning--hover: var(--color-yellow-400);
        --border-color-warning--active: var(--color-yellow-300);
        --border-color-success: var(--color-green-500);
        --border-color-success--hover: var(--color-green-400);
        --border-color-success--active: var(--color-green-300);
        --border-color-notice: var(--color-gray-500);
        --border-color-notice--hover: var(--color-gray-400);
        --border-color-notice--active: var(--color-gray-300);
    }
}

@layer reboot, component, utilities;

/* Reboot */
@layer reboot {
    *, *::before, *::after {
    box-sizing: border-box;
    outline: none;
    }

    body {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-size-adjust: 0.48;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    min-inline-size: var(--breakpoint-mobile);
    background: var(--background-color-base);
    color: var(--color-base);
    }

    input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-size-adjust: inherit;
    font-variant-numeric: inherit;
    line-height: inherit;
    }

    p {
        margin-block-start: 0;
        margin-block-end: 1rem;
    }

    h1, .heading-1 {
        font-size: 2.25rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 0.5625rem;
    }

    h2, .heading-2 {
        font-size: 1.75rem;
        line-height: 1.25;
        font-weight: 700;
        margin: 1.75rem 0 0.4375rem;
    }

    h3, .heading-3 {
        font-size: 1.5rem;
        line-height: 1.33;
        font-weight: 700;
        margin: 1.5rem 0 0.375rem;
    }

    h4, .heading-4 {
        font-size: 1.25rem;
        line-height: 1.42;
        font-weight: 700;
        margin: 1.25rem 0 0.3125rem;
    }

    h5, .heading-5 {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700;
        margin: 1rem 0 0.25rem;
    }

    h6, .heading-6 {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 600;
        margin: 1rem 0 0.25rem;
    }

    * > :is(h2, h3, h4, h5, h6, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6):first-child {
        margin-block-start: 0;
    }

    a:not(.btn, .list-group-item) {
        text-decoration: none;
        color: var(--color-link);
        transition: color 150ms;
    }

    a:not(.btn, .list-group-item):hover {
        color: var(--color-link--hover);
    }

    a:not(.btn, .list-group-item):focus {
        text-decoration: underline;
    }

    a:not(.btn, .list-group-item):active {
        color: var(--color-link--active);
    }

    a:not(.btn, .list-group-item):visited {
        color: var(--color-link--visited);
    }

    a:not(.btn, .list-group-item):visited:hover {
        color: var(--color-link--visited--hover);
    }

    a:not(.btn, .list-group-item):visited:active {
        color: var(--color-link--visited--active);
    }

    ol, ul {
        margin-block-start: 0;
        margin-block-end: 1rem;
        padding-inline-start: 1.5rem;
    }

    :is(ol, ul) > li {
        margin-block-start: 0;
        margin-block-end: 0.25rem;
    }

    :is(ol, ul) > li > :is(ol, ul) {
        margin-block-start: 0.25rem;
        margin-block-end: 0;
    }

    pre {
        font-size: 0.875rem;
        line-height: 1.33;
        background-color: var(--background-color-neutral-subtle);
        border: 1px solid var(--border-color-base);
        border-radius: 0.125rem;
        padding: 1rem;
        overflow: auto;
    }

    pre, code, kbd {
        font-family: var(--font-mono);
    }

    kbd {
        display: inline-block;
        padding: 0.125em 0.25em; /* Scales relative to font size */
        background-color: var(--background-color-inverted);
        color: var(--color-inverted);
        border-radius: 0.125rem;
        line-height: 1;
    }

    img, svg {
        vertical-align: middle;
        max-width: 100%;
    }

    @media (prefers-reduced-motion: reduce) {
        *, *::before, *::after {
            transition: none 0s !important;
            animation: none 0s !important;
        }
    }
}

@layer components {
    .container {
        max-inline-size: var(--breakpoint-desktop);
        padding: 2rem 2rem;
        margin: 0 auto;
    }

    .container.container-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1rem;
    }

    .container-wide {
        max-inline-size: var(--breakpoint-desktop-wide);
        padding: 2rem 2rem;
        margin: 0 auto;
    }

    .container-fluid {
        max-inline-size: 100%;
        padding: 2rem 2rem;
        margin: 0 auto;
    }

    /* Icons */
    .icon {
        display: inline-block;
        inline-size: 1.25rem;
        block-size: 1.25rem;
        background: currentColor;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        vertical-align: middle;
    }

    @media (forced-colors: active) {
        .icon {
            forced-color-adjust: none;
            color: currentColor !important;
        }
    }

    .icon-small {
        inline-size: 1rem;
        block-size: 1rem;
    }

    .icon-xs {
        inline-size: 0.75rem;
        block-size: 0.75rem;
    }

    .icon-add { mask-image: url("icons/add.svg");}
    .icon-alert { mask-image: url("icons/alert.svg");}
    .icon-align-center { mask-image: url("icons/alignCenter.svg");}
    .icon-align-left { mask-image: url("icons/alignLeft.svg");}
    .icon-align-right { mask-image: url("icons/alignRight.svg");}
    .icon-appearance { mask-image: url("icons/appearance.svg");}
    .icon-arrow-down { mask-image: url("icons/arrowDown.svg");}
    .icon-arrow-next { mask-image: url("icons/arrowNext.svg");}
    .icon-arrow-previous { mask-image: url("icons/arrowPrevious.svg");}
    .icon-arrow-up { mask-image: url("icons/arrowUp.svg");}
    .icon-article { mask-image: url("icons/article.svg");}
    .icon-article-add { mask-image: url("icons/articleAdd.svg");}
    .icon-article-check { mask-image: url("icons/articleCheck.svg");}
    .icon-article-disambiguation { mask-image: url("icons/articleDisambiguation.svg");}
    .icon-article-not-found { mask-image: url("icons/articleNotFound.svg");}
    .icon-article-redirect { mask-image: url("icons/articleRedirect.svg");}
    .icon-article-search { mask-image: url("icons/articleSearch.svg");}
    .icon-articles { mask-image: url("icons/articles.svg");}
    .icon-articles-search-ltr { mask-image: url("icons/articlesSearch-ltr.svg");}
    .icon-articles-search-rtl { mask-image: url("icons/articlesSearch-rtl.svg");}
    .icon-asterisk { mask-image: url("icons/asterisk.svg");}
    .icon-attachment { mask-image: url("icons/attachment.svg");}
    .icon-bell { mask-image: url("icons/bell.svg");}
    .icon-bell-outline { mask-image: url("icons/bellOutline.svg");}
    .icon-bigger { mask-image: url("icons/bigger.svg");}
    .icon-block { mask-image: url("icons/block.svg");}
    .icon-block-outline { mask-image: url("icons/blockOutline.svg");}
    .icon-bold-a { mask-image: url("icons/bold-a.svg");}
    .icon-bold-arab-ain { mask-image: url("icons/bold-arab-ain.svg");}
    .icon-bold-arab-dad { mask-image: url("icons/bold-arab-dad.svg");}
    .icon-bold-arab-jeem { mask-image: url("icons/bold-arab-jeem.svg");}
    .icon-bold-armn-to { mask-image: url("icons/bold-armn-to.svg");}
    .icon-bold-b { mask-image: url("icons/bold-b.svg");}
    .icon-bold-cyrl-be { mask-image: url("icons/bold-cyrl-be.svg");}
    .icon-bold-cyrl-palochka { mask-image: url("icons/bold-cyrl-palochka.svg");}
    .icon-bold-cyrl-te { mask-image: url("icons/bold-cyrl-te.svg");}
    .icon-bold-cyrl-zhe { mask-image: url("icons/bold-cyrl-zhe.svg");}
    .icon-bold-f { mask-image: url("icons/bold-f.svg");}
    .icon-bold-g { mask-image: url("icons/bold-g.svg");}
    .icon-bold-geor-man { mask-image: url("icons/bold-geor-man.svg");}
    .icon-bold-l { mask-image: url("icons/bold-l.svg");}
    .icon-bold-n { mask-image: url("icons/bold-n.svg");}
    .icon-bold-q { mask-image: url("icons/bold-q.svg");}
    .icon-bold-v { mask-image: url("icons/bold-v.svg");}
    .icon-book { mask-image: url("icons/book.svg");}
    .icon-bookmark { mask-image: url("icons/bookmark.svg");}
    .icon-bookmark-list { mask-image: url("icons/bookmarkList.svg");}
    .icon-bookmark-outline { mask-image: url("icons/bookmarkOutline.svg");}
    .icon-bright { mask-image: url("icons/bright.svg");}
    .icon-browser { mask-image: url("icons/browser.svg");}
    .icon-calendar { mask-image: url("icons/calendar.svg");}
    .icon-camera { mask-image: url("icons/camera.svg");}
    .icon-cancel { mask-image: url("icons/cancel.svg");}
    .icon-chart { mask-image: url("icons/chart.svg");}
    .icon-chart-bar { mask-image: url("icons/chartBar.svg");}
    .icon-chart-line { mask-image: url("icons/chartLine.svg");}
    .icon-chart-pie { mask-image: url("icons/chartPie.svg");}
    .icon-chart-scatter { mask-image: url("icons/chartScatter.svg");}
    .icon-check { mask-image: url("icons/check.svg");}
    .icon-check-all { mask-image: url("icons/checkAll.svg");}
    .icon-clear { mask-image: url("icons/clear.svg");}
    .icon-clock { mask-image: url("icons/clock.svg");}
    .icon-close { mask-image: url("icons/close.svg");}
    .icon-code { mask-image: url("icons/code.svg");}
    .icon-collapse { mask-image: url("icons/collapse.svg");}
    .icon-configure { mask-image: url("icons/configure.svg");}
    .icon-copy { mask-image: url("icons/copy.svg");}
    .icon-cut { mask-image: url("icons/cut.svg");}
    .icon-database { mask-image: url("icons/database.svg");}
    .icon-die { mask-image: url("icons/die.svg");}
    .icon-diffs-ltr { mask-image: url("icons/diffs-ltr.svg");}
    .icon-diffs-rtl { mask-image: url("icons/diffs-rtl.svg");}
    .icon-double-chevron-end { mask-image: url("icons/doubleChevronEnd.svg");}
    .icon-double-chevron-start { mask-image: url("icons/doubleChevronStart.svg");}
    .icon-down-triangle { mask-image: url("icons/downTriangle.svg");}
    .icon-download { mask-image: url("icons/download.svg");}
    .icon-draggable-horizontal { mask-image: url("icons/draggableHorizontal.svg");}
    .icon-draggable-vertical { mask-image: url("icons/draggableVertical.svg");}
    .icon-draggable-xy { mask-image: url("icons/draggableXY.svg");}
    .icon-edit { mask-image: url("icons/edit.svg");}
    .icon-edit-lock { mask-image: url("icons/editLock.svg");}
    .icon-edit-undo-ltr { mask-image: url("icons/editUndo-ltr.svg");}
    .icon-edit-undo-rtl { mask-image: url("icons/editUndo-rtl.svg");}
    .icon-ellipsis { mask-image: url("icons/ellipsis.svg");}
    .icon-error { mask-image: url("icons/error.svg");}
    .icon-exit-fullscreen { mask-image: url("icons/exitFullscreen.svg");}
    .icon-expand { mask-image: url("icons/expand.svg");}
    .icon-eye { mask-image: url("icons/eye.svg");}
    .icon-eye-closed { mask-image: url("icons/eyeClosed.svg");}
    .icon-feedback { mask-image: url("icons/feedback.svg");}
    .icon-filter { mask-image: url("icons/filter.svg");}
    .icon-flag { mask-image: url("icons/flag.svg");}
    .icon-folder-placeholder { mask-image: url("icons/folderPlaceholder.svg");}
    .icon-fullscreen { mask-image: url("icons/fullscreen.svg");}
    .icon-function { mask-image: url("icons/function.svg");}
    .icon-function-argument { mask-image: url("icons/functionArgument.svg");}
    .icon-funnel { mask-image: url("icons/funnel.svg");}
    .icon-funnel-match { mask-image: url("icons/funnelMatch.svg");}
    .icon-globe { mask-image: url("icons/globe.svg");}
    .icon-half-bright { mask-image: url("icons/halfBright.svg");}
    .icon-half-star { mask-image: url("icons/halfStar.svg");}
    .icon-hand { mask-image: url("icons/hand.svg");}
    .icon-heart { mask-image: url("icons/heart.svg");}
    .icon-heart-outline { mask-image: url("icons/heartOutline.svg");}
    .icon-help { mask-image: url("icons/help.svg");}
    .icon-help-notice { mask-image: url("icons/helpNotice.svg");}
    .icon-help-notice-filled { mask-image: url("icons/helpNoticeFilled.svg");}
    .icon-hieroglyph { mask-image: url("icons/hieroglyph.svg");}
    .icon-highlight { mask-image: url("icons/highlight.svg");}
    .icon-history { mask-image: url("icons/history.svg");}
    .icon-home { mask-image: url("icons/home.svg");}
    .icon-image { mask-image: url("icons/image.svg");}
    .icon-image-add-ltr { mask-image: url("icons/imageAdd-ltr.svg");}
    .icon-image-add-rtl { mask-image: url("icons/imageAdd-rtl.svg");}
    .icon-image-broken { mask-image: url("icons/imageBroken.svg");}
    .icon-image-gallery-ltr { mask-image: url("icons/imageGallery-ltr.svg");}
    .icon-image-gallery-rtl { mask-image: url("icons/imageGallery-rtl.svg");}
    .icon-image-layout-basic { mask-image: url("icons/imageLayoutBasic.svg");}
    .icon-image-layout-frame { mask-image: url("icons/imageLayoutFrame.svg");}
    .icon-image-layout-frameless { mask-image: url("icons/imageLayoutFrameless.svg");}
    .icon-image-layout-thumbnail { mask-image: url("icons/imageLayoutThumbnail.svg");}
    .icon-image-lock-ltr { mask-image: url("icons/imageLock-ltr.svg");}
    .icon-image-lock-rtl { mask-image: url("icons/imageLock-rtl.svg");}
    .icon-indent { mask-image: url("icons/indent.svg");}
    .icon-info { mask-image: url("icons/info.svg");}
    .icon-info-filled { mask-image: url("icons/infoFilled.svg");}
    .icon-instance { mask-image: url("icons/instance.svg");}
    .icon-italic-a { mask-image: url("icons/italic-a.svg");}
    .icon-italic-arab-keheh-jeem { mask-image: url("icons/italic-arab-keheh-jeem.svg");}
    .icon-italic-arab-meem { mask-image: url("icons/italic-arab-meem.svg");}
    .icon-italic-arab-teh { mask-image: url("icons/italic-arab-teh.svg");}
    .icon-italic-armn-sha { mask-image: url("icons/italic-armn-sha.svg");}
    .icon-italic-c { mask-image: url("icons/italic-c.svg");}
    .icon-italic-d { mask-image: url("icons/italic-d.svg");}
    .icon-italic-e { mask-image: url("icons/italic-e.svg");}
    .icon-italic-geor-kan { mask-image: url("icons/italic-geor-kan.svg");}
    .icon-italic-i { mask-image: url("icons/italic-i.svg");}
    .icon-italic-k { mask-image: url("icons/italic-k.svg");}
    .icon-italic-s { mask-image: url("icons/italic-s.svg");}
    .icon-journal { mask-image: url("icons/journal.svg");}
    .icon-key { mask-image: url("icons/key.svg");}
    .icon-keyboard { mask-image: url("icons/keyboard.svg");}
    .icon-lab-flask { mask-image: url("icons/labFlask.svg");}
    .icon-language { mask-image: url("icons/language.svg");}
    .icon-larger-text { mask-image: url("icons/largerText.svg");}
    .icon-layout { mask-image: url("icons/layout.svg");}
    .icon-level-none { mask-image: url("icons/levelNone.svg");}
    .icon-level-one { mask-image: url("icons/levelOne.svg");}
    .icon-level-three { mask-image: url("icons/levelThree.svg");}
    .icon-level-two { mask-image: url("icons/levelTwo.svg");}
    .icon-lightbulb { mask-image: url("icons/lightbulb.svg");}
    .icon-lightbulb-dashed { mask-image: url("icons/lightbulbDashed.svg");}
    .icon-lightbulb-outline { mask-image: url("icons/lightbulbOutline.svg");}
    .icon-link { mask-image: url("icons/link.svg");}
    .icon-link-external { mask-image: url("icons/linkExternal.svg");}
    .icon-link-secure { mask-image: url("icons/linkSecure.svg");}
    .icon-list-bullet { mask-image: url("icons/listBullet.svg");}
    .icon-list-numbered-ltr { mask-image: url("icons/listNumbered-ltr.svg");}
    .icon-list-numbered-rtl { mask-image: url("icons/listNumbered-rtl.svg");}
    .icon-literal { mask-image: url("icons/literal.svg");}
    .icon-live { mask-image: url("icons/live.svg");}
    .icon-lock { mask-image: url("icons/lock.svg");}
    .icon-log-in { mask-image: url("icons/logIn.svg");}
    .icon-log-out { mask-image: url("icons/logOut.svg");}
    .icon-logo-cc { mask-image: url("icons/logo-CC.svg");}
    .icon-logo-codex { mask-image: url("icons/logo-Codex.svg");}
    .icon-logo-media-wiki { mask-image: url("icons/logo-MediaWiki.svg");}
    .icon-logo-meta-wiki { mask-image: url("icons/logo-MetaWiki.svg");}
    .icon-logo-wikibooks { mask-image: url("icons/logo-Wikibooks.svg");}
    .icon-logo-wikidata { mask-image: url("icons/logo-Wikidata.svg");}
    .icon-logo-wikifunctions { mask-image: url("icons/logo-Wikifunctions.svg");}
    .icon-logo-wikimedia-commons { mask-image: url("icons/logo-Wikimedia-Commons.svg");}
    .icon-logo-wikimedia-discovery { mask-image: url("icons/logo-Wikimedia-Discovery.svg");}
    .icon-logo-wikimedia { mask-image: url("icons/logo-Wikimedia.svg");}
    .icon-logo-wikinews { mask-image: url("icons/logo-Wikinews.svg");}
    .icon-logo-wikipedia { mask-image: url("icons/logo-Wikipedia.svg");}
    .icon-logo-wikiquote { mask-image: url("icons/logo-Wikiquote.svg");}
    .icon-logo-wikisource { mask-image: url("icons/logo-Wikisource.svg");}
    .icon-logo-wikispecies { mask-image: url("icons/logo-Wikispecies.svg");}
    .icon-logo-wikiversity { mask-image: url("icons/logo-Wikiversity.svg");}
    .icon-logo-wikivoyage { mask-image: url("icons/logo-Wikivoyage.svg");}
    .icon-logo-wiktionary { mask-image: url("icons/logo-Wiktionary.svg");}
    .icon-magic-wand { mask-image: url("icons/magicWand.svg");}
    .icon-map { mask-image: url("icons/map.svg");}
    .icon-map-pin { mask-image: url("icons/mapPin.svg");}
    .icon-map-pin-add { mask-image: url("icons/mapPinAdd.svg");}
    .icon-map-trail { mask-image: url("icons/mapTrail.svg");}
    .icon-markup { mask-image: url("icons/markup.svg");}
    .icon-mathematics { mask-image: url("icons/mathematics.svg");}
    .icon-mathematics-display-block { mask-image: url("icons/mathematicsDisplayBlock.svg");}
    .icon-mathematics-display-default { mask-image: url("icons/mathematicsDisplayDefault.svg");}
    .icon-mathematics-display-inline { mask-image: url("icons/mathematicsDisplayInline.svg");}
    .icon-menu { mask-image: url("icons/menu.svg");}
    .icon-merge { mask-image: url("icons/merge.svg");}
    .icon-message { mask-image: url("icons/message.svg");}
    .icon-microphone { mask-image: url("icons/microphone.svg");}
    .icon-moon { mask-image: url("icons/moon.svg");}
    .icon-move { mask-image: url("icons/move.svg");}
    .icon-move-first { mask-image: url("icons/moveFirst.svg");}
    .icon-move-last { mask-image: url("icons/moveLast.svg");}
    .icon-musical-score { mask-image: url("icons/musicalScore.svg");}
    .icon-network { mask-image: url("icons/network.svg");}
    .icon-network-off { mask-image: url("icons/networkOff.svg");}
    .icon-new-window { mask-image: url("icons/newWindow.svg");}
    .icon-newline { mask-image: url("icons/newline.svg");}
    .icon-newspaper { mask-image: url("icons/newspaper.svg");}
    .icon-next { mask-image: url("icons/next.svg");}
    .icon-no-wikitext { mask-image: url("icons/noWikitext.svg");}
    .icon-not-bright { mask-image: url("icons/notBright.svg");}
    .icon-notice { mask-image: url("icons/notice.svg");}
    .icon-ocr { mask-image: url("icons/ocr.svg");}
    .icon-ongoing-conversation { mask-image: url("icons/ongoingConversation.svg");}
    .icon-outdent { mask-image: url("icons/outdent.svg");}
    .icon-outline { mask-image: url("icons/outline.svg");}
    .icon-page-settings { mask-image: url("icons/pageSettings.svg");}
    .icon-palette { mask-image: url("icons/palette.svg");}
    .icon-paste { mask-image: url("icons/paste.svg");}
    .icon-pause { mask-image: url("icons/pause.svg");}
    .icon-picture-in-picture { mask-image: url("icons/pictureInPicture.svg");}
    .icon-play { mask-image: url("icons/play.svg");}
    .icon-power { mask-image: url("icons/power.svg");}
    .icon-previous { mask-image: url("icons/previous.svg");}
    .icon-printer { mask-image: url("icons/printer.svg");}
    .icon-push-pin { mask-image: url("icons/pushPin.svg");}
    .icon-puzzle { mask-image: url("icons/puzzle.svg");}
    .icon-qr-code { mask-image: url("icons/qrCode.svg");}
    .icon-quotes { mask-image: url("icons/quotes.svg");}
    .icon-recent-changes-ltr { mask-image: url("icons/recentChanges-ltr.svg");}
    .icon-recent-changes-rtl { mask-image: url("icons/recentChanges-rtl.svg");}
    .icon-redo { mask-image: url("icons/redo.svg");}
    .icon-reference { mask-image: url("icons/reference.svg");}
    .icon-reference-existing { mask-image: url("icons/referenceExisting.svg");}
    .icon-references { mask-image: url("icons/references.svg");}
    .icon-reload { mask-image: url("icons/reload.svg");}
    .icon-restart { mask-image: url("icons/restart.svg");}
    .icon-restore { mask-image: url("icons/restore.svg");}
    .icon-robot { mask-image: url("icons/robot.svg");}
    .icon-rotate { mask-image: url("icons/rotate.svg");}
    .icon-sandbox { mask-image: url("icons/sandbox.svg");}
    .icon-search { mask-image: url("icons/search.svg");}
    .icon-search-case-sensitive { mask-image: url("icons/searchCaseSensitive.svg");}
    .icon-search-diacritics { mask-image: url("icons/searchDiacritics.svg");}
    .icon-search-regular-expression { mask-image: url("icons/searchRegularExpression.svg");}
    .icon-settings { mask-image: url("icons/settings.svg");}
    .icon-share { mask-image: url("icons/share.svg");}
    .icon-share-android { mask-image: url("icons/shareAndroid.svg");}
    .icon-share-ios { mask-image: url("icons/shareIOS.svg");}
    .icon-signature { mask-image: url("icons/signature.svg");}
    .icon-smaller { mask-image: url("icons/smaller.svg");}
    .icon-smaller-text { mask-image: url("icons/smallerText.svg");}
    .icon-sort-vertical { mask-image: url("icons/sortVertical.svg");}
    .icon-special-character { mask-image: url("icons/specialCharacter.svg");}
    .icon-special-pages { mask-image: url("icons/specialPages.svg");}
    .icon-speech-bubble { mask-image: url("icons/speechBubble.svg");}
    .icon-speech-bubble-add { mask-image: url("icons/speechBubbleAdd.svg");}
    .icon-speech-bubble-alert { mask-image: url("icons/speechBubbleAlert.svg");}
    .icon-speech-bubbles { mask-image: url("icons/speechBubbles.svg");}
    .icon-star { mask-image: url("icons/star.svg");}
    .icon-sticker { mask-image: url("icons/sticker.svg");}
    .icon-stop { mask-image: url("icons/stop.svg");}
    .icon-strikethrough-a { mask-image: url("icons/strikethrough-a.svg");}
    .icon-strikethrough-s { mask-image: url("icons/strikethrough-s.svg");}
    .icon-strikethrough-y { mask-image: url("icons/strikethrough-y.svg");}
    .icon-subscript { mask-image: url("icons/subscript.svg");}
    .icon-subtitle { mask-image: url("icons/subtitle.svg");}
    .icon-subtract { mask-image: url("icons/subtract.svg");}
    .icon-success { mask-image: url("icons/success.svg");}
    .icon-suggested-investigations { mask-image: url("icons/suggestedInvestigations.svg");}
    .icon-superscript { mask-image: url("icons/superscript.svg");}
    .icon-table { mask-image: url("icons/table.svg");}
    .icon-table-add-column-after { mask-image: url("icons/tableAddColumnAfter.svg");}
    .icon-table-add-column-before { mask-image: url("icons/tableAddColumnBefore.svg");}
    .icon-table-add-row-after { mask-image: url("icons/tableAddRowAfter.svg");}
    .icon-table-add-row-before { mask-image: url("icons/tableAddRowBefore.svg");}
    .icon-table-caption { mask-image: url("icons/tableCaption.svg");}
    .icon-table-merge-cells { mask-image: url("icons/tableMergeCells.svg");}
    .icon-table-move-column-after { mask-image: url("icons/tableMoveColumnAfter.svg");}
    .icon-table-move-column-before { mask-image: url("icons/tableMoveColumnBefore.svg");}
    .icon-table-move-row-after { mask-image: url("icons/tableMoveRowAfter.svg");}
    .icon-table-move-row-before { mask-image: url("icons/tableMoveRowBefore.svg");}
    .icon-tabs { mask-image: url("icons/tabs.svg");}
    .icon-tag { mask-image: url("icons/tag.svg");}
    .icon-template-add { mask-image: url("icons/templateAdd.svg");}
    .icon-text-dir-ltr { mask-image: url("icons/textDirLTR.svg");}
    .icon-text-dir-rtl { mask-image: url("icons/textDirRTL.svg");}
    .icon-text-flow { mask-image: url("icons/textFlow.svg");}
    .icon-text-style { mask-image: url("icons/textStyle.svg");}
    .icon-text-summary { mask-image: url("icons/textSummary.svg");}
    .icon-three-dimensional { mask-image: url("icons/threeDimensional.svg");}
    .icon-trash { mask-image: url("icons/trash.svg");}
    .icon-tray { mask-image: url("icons/tray.svg");}
    .icon-un-block { mask-image: url("icons/unBlock.svg");}
    .icon-un-flag-ltr { mask-image: url("icons/unFlag-ltr.svg");}
    .icon-un-flag-rtl { mask-image: url("icons/unFlag-rtl.svg");}
    .icon-un-link { mask-image: url("icons/unLink.svg");}
    .icon-un-lock { mask-image: url("icons/unLock.svg");}
    .icon-un-star { mask-image: url("icons/unStar.svg");}
    .icon-underline-a { mask-image: url("icons/underline-a.svg");}
    .icon-underline-u { mask-image: url("icons/underline-u.svg");}
    .icon-undo { mask-image: url("icons/undo.svg");}
    .icon-universal-design { mask-image: url("icons/universalDesign.svg");}
    .icon-up-triangle { mask-image: url("icons/upTriangle.svg");}
    .icon-update { mask-image: url("icons/update.svg");}
    .icon-upload { mask-image: url("icons/upload.svg");}
    .icon-user-active { mask-image: url("icons/userActive.svg");}
    .icon-user-add { mask-image: url("icons/userAdd.svg");}
    .icon-user-anonymous { mask-image: url("icons/userAnonymous.svg");}
    .icon-user-avatar { mask-image: url("icons/userAvatar.svg");}
    .icon-user-avatar-outline { mask-image: url("icons/userAvatarOutline.svg");}
    .icon-user-blocked { mask-image: url("icons/userBlocked.svg");}
    .icon-user-chat { mask-image: url("icons/userChat.svg");}
    .icon-user-contributions { mask-image: url("icons/userContributions.svg");}
    .icon-user-group { mask-image: url("icons/userGroup.svg");}
    .icon-user-mentor { mask-image: url("icons/userMentor.svg");}
    .icon-user-pages { mask-image: url("icons/userPages.svg");}
    .icon-user-rights { mask-image: url("icons/userRights.svg");}
    .icon-user-talk { mask-image: url("icons/userTalk.svg");}
    .icon-user-temporary { mask-image: url("icons/userTemporary.svg");}
    .icon-user-temporary-location { mask-image: url("icons/userTemporaryLocation.svg");}
    .icon-vertical-ellipsis { mask-image: url("icons/verticalEllipsis.svg");}
    .icon-view-compact { mask-image: url("icons/viewCompact.svg");}
    .icon-view-details { mask-image: url("icons/viewDetails.svg");}
    .icon-vision-simulator { mask-image: url("icons/visionSimulator.svg");}
    .icon-volume-down { mask-image: url("icons/volumeDown.svg");}
    .icon-volume-off-ltr { mask-image: url("icons/volumeOff-ltr.svg");}
    .icon-volume-off-rtl { mask-image: url("icons/volumeOff-rtl.svg");}
    .icon-volume-up { mask-image: url("icons/volumeUp.svg");}
    .icon-watchlist { mask-image: url("icons/watchlist.svg");}
    .icon-wikitext { mask-image: url("icons/wikitext.svg");}
    .icon-window { mask-image: url("icons/window.svg");}
    .icon-zoom-in { mask-image: url("icons/zoomIn.svg");}
    .icon-zoom-out { mask-image: url("icons/zoomOut.svg");}

    /* Buttons */
    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        user-select: none;
        padding: 0 0.5rem;
        color: var(--color-base);
        background-color: var(--background-color-interactive-subtle);
        border: 1px solid var(--border-color-interactive);
        font-size: 1rem;
        line-height: 1.5;
        min-block-size: 2rem;
        min-inline-size: 2rem;
        border-radius: 0.125rem;
        transition: color 150ms, background-color 150ms, border-color 150ms, box-shadow 150ms, opacity 150ms;
        vertical-align: middle;
    }

    @media (forced-colors: active) {
        .btn .icon {
            background-color: ButtonText !important;
        }

        .btn:disabled .icon {
            background-color: GrayText !important;
        }
    }

    .btn.btn-large {
        padding-inline: 1rem;
        min-block-size: 3rem;
        min-inline-size: 3rem;
    }

    .btn.btn-small {
        padding-inline: 0.25rem;
        min-block-size: 1.5rem;
        min-inline-size: 1.5rem;
    }

    .btn.btn-icon {
        padding: 0;
    }

    .btn.btn-small .icon {
        inline-size: 1rem;
        block-size: 1rem;
    }

    .btn:not(:disabled):hover {
        color: var(--color--hover);
        background-color: var(--background-color-interactive-subtle--hover);
        border-color: var(--border-color-interactive--hover);
    }

    .btn:not(:disabled):active {
        color: var(--color--hover);
        background-color: var(--background-color-interactive--active);
        border-color: var(--border-color-interactive--active);
    }

    .btn.btn-progressive:not(:disabled) {
        color: var(--color-progressive);
        background-color: var(--background-color-progressive-subtle);
        border-color: var(--border-color-progressive);
    }

    .btn.btn-progressive:not(:disabled):focus {
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
        border-color: var(--border-color-progressive--focus);
    }

    .btn.btn-progressive:not(:disabled):hover {
        color: var(--color-progressive--hover);
        background-color: var(--background-color-progressive-subtle--hover);
        border-color: var(--border-color-progressive--hover);
    }

    .btn.btn-progressive:not(:disabled):active {
        color: var(--color-progressive--active);
        background-color: var(--background-color-progressive-subtle--active);
        border-color: var(--border-color-progressive--active);
        box-shadow: none;
    }

    .btn.btn-destructive:not(:disabled) {
        color: var(--color-destructive);
        background-color: var(--background-color-destructive-subtle);
        border-color: var(--border-color-destructive);
    }

    .btn.btn-destructive:not(:disabled):hover {
        color: var(--color-destructive--hover);
        background-color: var(--background-color-destructive-subtle--hover);
        border-color: var(--border-color-destructive--hover);
    }

    .btn.btn-destructive:not(:disabled):active {
        color: var(--color-destructive--active);
        background-color: var(--background-color-destructive-subtle--active);
        border-color: var(--border-color-destructive--active);
    }

    .btn.btn-primary.btn-progressive:not(:disabled) {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-progressive);
        border-color: transparent;
    }

    .btn.btn-primary.btn-progressive:not(:disabled):focus:not(:active) {
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus), inset 0 0 0 3px var(--background-color-base);
    }

    .btn.btn-primary.btn-progressive:not(:disabled):hover {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-progressive--hover);
    }

    .btn.btn-primary.btn-progressive:not(:disabled):active {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-progressive--active);
    }

    .btn.btn-primary.btn-destructive:not(:disabled) {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-destructive);
        border-color: transparent;
    }

    .btn.btn-primary.btn-destructive:not(:disabled):focus:not(:active) {
        box-shadow: inset 0 0 0 2px var(--background-color-destructive--focus), inset 0 0 0 3px var(--background-color-base);
    }

    .btn.btn-primary.btn-destructive:not(:disabled):hover {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-destructive--hover);
    }

    .btn.btn-primary.btn-destructive:not(:disabled):active {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-destructive--active);
    }

    .btn.btn-quiet {
        background-color: transparent;
        border-color: transparent;
    }

    .btn.btn-quiet:not(:disabled):hover {
        background-color: var(--background-color-interactive-subtle--hover);
    }

    .btn.btn-quiet:not(:disabled):active {
        background-color: var(--background-color-interactive-subtle--active);
    }

    .btn.btn-quiet.btn-progressive:not(:disabled) {
        color: var(--color-blue-700);
        background-color: transparent;
        border-color: transparent;
    }

    .btn.btn-quiet.btn-progressive:not(:disabled):hover {
        color: var(--color-progressive--hover);
        background-color:  var(--background-color-progressive-subtle--hover);
    }

    .btn.btn-quiet.btn-progressive:not(:disabled):active {
        color: var(--color-progressive--active);
        background-color:  var(--background-color-progressive-subtle--active);
    }

    .btn.btn-quiet.btn-destructive:not(:disabled) {
        color: var(--color-destructive);
        background-color: transparent;
        border-color: transparent;
    }

    .btn.btn-quiet.btn-destructive:not(:disabled):hover {
        color: var(--color-destructive--hover);
        background-color:  var(--background-color-destructive-subtle--hover);
    }

    .btn.btn-quiet.btn-destructive:not(:disabled):active {
        color: var(--color-destructive--active);
        background-color:  var(--background-color-destructive-subtle--active);
    }

    .btn[disabled] {
        color: var(--color-disabled);
        background-color: var(--background-color-disabled);
        border-color: transparent;
    }

    .btn.btn-quiet[disabled] {
        color: var(--color-disabled);
        background-color: transparent;
    }

    .btn.btn:focus:not(:active), .btn.btn-quiet:focus:not(:active) {
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
        border-color: var(--border-color-progressive--focus);
    }

    .skip-link {
        position: absolute;
        top: -9999px;
        left: -9999px;
        background-color: var(--background-color-interactive-subtle);
        color: var(--color-base);
        border: 1px solid var(--border-color-interactive);
        border-radius: 0.125rem;
        padding: 0.5rem 1rem;
        z-index: 1000;
    }

    .skip-link:focus {
        top: 1rem;
        left: 1rem;
        border-radius: 0.125rem;
    }

    /* Button groups */
    .btn-group {
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
    }

    .btn-group .btn {
        border-radius: 0;
        border-inline-start-width: 0;
    }

    .btn-group .btn:first-child {
        border-start-start-radius: 0.125rem;
        border-end-start-radius: 0.125rem;
        border-inline-start-width: 1px;
    }

    .btn-group .btn:last-child {
        border-start-end-radius: 0.125rem;
        border-end-end-radius: 0.125rem;
    }



    /* Tables */
    table.table {
        inline-size: 100%;
        border-collapse: collapse;
        margin-bottom: 1rem;
    }

    table.table :is(th, td) {
        padding: 0.5rem;
        border-bottom: 1px solid var(--border-color-base);
        text-align: inherit;
        vertical-align: top;
    }

    table.table.table-bordered :is(th, td) {
        border: 1px solid var(--border-color-base);
    }

    table.table :is(tr, th, td).table-progressive {
        background-color: var(--background-color-progressive-subtle);
        color: var(--color-progressive);
    }

    table.table.table-progressive {
        background-color: var(--background-color-progressive-subtle);
        color: var(--color-progressive);
    }

    table.table.table-progressive :is(th, td) {
        border-color: var(--border-color-progressive);
    }

    table.table :is(tr, th, td).table-destructive {
        background-color: var(--background-color-destructive-subtle);
        color: var(--color-destructive);
    }

    table.table.table-destructive {
        background-color: var(--background-color-destructive-subtle);
        color: var(--color-destructive);
    }

    table.table.table-destructive :is(th, td) {
        border-color: var(--border-color-destructive);
    }

    table.table :is(tr, th, td).table-error {
        background-color: var(--background-color-error-subtle);
        color: var(--color-error);
    }

    table.table.table-error {
        background-color: var(--background-color-error-subtle);
        color: var(--color-error);
    }

    table.table.table-error :is(th, td) {
        border-color: var(--border-color-error);
    }

    table.table :is(tr, th, td).table-warning {
        background-color: var(--background-color-warning-subtle);
        color: var(--color-warning);
    }

    table.table.table-warning {
        background-color: var(--background-color-warning-subtle);
        color: var(--color-warning);
    }

    table.table.table-warning :is(th, td) {
        border-color: var(--border-color-warning);
    }

    table.table :is(tr, th, td).table-success {
        background-color: var(--background-color-success-subtle);
        color: var(--color-success);
    }

    table.table.table-success {
        background-color: var(--background-color-success-subtle);
        color: var(--color-success);
    }

    table.table.table-success :is(th, td) {
        border-color: var(--border-color-success);
    }

    table.table :is(tr, th, td).table-notice {
        background-color: var(--background-color-notice-subtle);
        color: var(--color-notice);
    }

    table.table.table-notice {
        background-color: var(--background-color-notice-subtle);
        color: var(--color-notice);
    }

    table.table.table-notice :is(th, td) {
        border-color: var(--border-color-notice);
    }

    /* Form control */
    .form-label {
        display: block;
    }

    .form-control {
        display: block;
        padding: 0.25rem 0.5rem;
        inline-size: 100%;
        border-radius: 0.125rem;
        border: 1px solid var(--border-color-interactive);
        background: var(--background-color-base);
        color: var(--color-base);
        transition: border-color 150ms, box-shadow 150ms;
    }

    .form-control::placeholder {
        color: var(--color-placeholder);
    }

    .form-control:hover {
        border-color: var(--border-color-interactive--hover);
    }

    .form-control:focus {
        border-color: var(--border-color-progressive--focus);
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
    }

    .form-control:disabled {
        background-color: var(--background-color-disabled-subtle);
        border-color: var(--border-color-disabled);
        color: var(--color-disabled);
    }

    .form-control:disabled::placeholder {
        color: var(--color-disabled);
    }

    textarea.form-control {
        resize: vertical;
        min-block-size: 2rem;
    }

    select.form-control {
        padding-block: 0.5rem;
    }

    .form-control:is([type="number"], [type="date"], [type="time"], [type="datetime-local"], [type="week"], [type="month"]) {
        font-variant-numeric: tabular-nums;
    }

    .form-control[type="color"] {
        block-size: auto;
        inline-size: auto;
        padding: 0;
    }

    .form-control[type="color"]::-moz-color-swatch {
        block-size: 2rem;
        inline-size: 2rem;
        margin: 0;
        border: none;
    }

    .form-control[type="color"]::-webkit-color-swatch-wrapper {
        padding: 0;
    }

    .form-control[type="color"]::-webkit-color-swatch {
        appearance: none;
        block-size: 1.5rem;
        inline-size: 1.5rem;
        margin: 0;
        border: none;
    }

    .form-control[type="file"] {
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
    }

    .form-control[type="file"]::file-selector-button {
        appearance: none;
        margin-inline-end: 0.5rem;
        padding: 0 0.5rem;
        border: 1px solid var(--border-color-interactive);
        border-radius: 0.125rem;
        color: var(--color-base);
        background-color: var(--background-color-interactive-subtle);
        font: inherit;
        font-size-adjust: inherit;
        font-variant-numeric: inherit;
        font-weight: 700;
        line-height: 2rem;
        transition: color 150ms, background-color 150ms, border-color 150ms, box-shadow 150ms;
    }

    .form-control[type="file"]::file-selector-button:hover {
        color: var(--color-gray-900);
        background-color: var(--background-color-interactive-subtle--hover);
        border-color: var(--border-color-interactive--hover);
    }

    .form-control[type="file"]::file-selector-button:active {
        color: var(--color-gray-900);
        background-color: var(--background-color-interactive--active);
        border-color: var(--border-color-interactive--active);
    }

    .form-control[type="file"]:focus::file-selector-button {
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
        border-color: var(--border-color-progressive--focus);
    }

    .form-control[type="file"]:disabled::file-selector-button {
        color: var(--color-disabled);
        background-color: var(--background-color-disabled);
        border-color: transparent;
    }

    .form-field {
        margin-block-end: 0.5rem;
    }

    .form-field > .form-label {
        margin-block-end: 0.125rem;
    }

    .form-field > .form-text {
        font-size: 0.875rem;
    }

    /* Checkboxes, radios & switches */
    .check, .radio, .switch {
        appearance: none;
        position: relative;
        block-size: 1.5rem;
        inline-size: 1.5rem;
        background-color: var(--background-color-base);
        border: 1px solid var(--border-color-interactive);
        border-radius: 0.125rem;
        transition: background-color 150ms, border-color 150ms, box-shadow 150ms;
    }

    .radio {
        border-radius: 50%;
    }

    .switch {
        border-radius: 1.5rem;
        inline-size: 2.5rem;
    }

    .check::after {
        content: "";
        position: absolute;
        inset: 0.125rem;
        background-color: transparent;
        mask-image: url("icons/check.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        transition: background-color 150ms;
    }

    .radio::after {
        content: "";
        position: absolute;
        inset: 0.375rem;
        background-color: transparent;
        border-radius: 50%;
        transition: background-color 150ms, scale 150ms;
    }

    .switch::after {
        content: "";
        position: absolute;
        inset: 0.25rem;
        width: 0.875rem;
        background-color: var(--background-color-base);
        border: 1px solid var(--border-color-interactive);
        border-radius: 50%;
        transition: background-color 150ms, border-color 150ms, translate 150ms;
    }

    :is(.check, .radio, .switch):hover {
        background-color: var(--background-color-interactive--hover);
        border-color: var(--border-color-interactive--hover);
    }

    .switch:not(:checked):hover::after {
        border-color: var(--border-color-interactive--hover);
    }

    :is(.check, .radio, .switch):focus {
        border-color: var(--border-color-progressive--focus);
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
    }

    .radio:focus:not(:active)::after {
        scale: 0.75;
    }

    :is(.check, .radio, .switch):active {
        background-color: var(--background-color-interactive--active);
        border-color: var(--border-color-interactive--active);
        box-shadow: none;
    }

    .switch:not(:checked):active::after {
        border-color: var(--border-color-interactive--active);
    }

    :is(.check, .radio, .switch):checked, .check:indeterminate {
        background-color: var(--background-color-progressive);
        border-color: transparent;
    }

    :is(.check, .radio, .switch):checked::after {
        background-color: var(--color-inverted-fixed);
    }

    .check:indeterminate::after {
        background-color: var(--color-inverted-fixed);
        mask-image: url("icons/subtract.svg");

    }

    .switch:checked::after {
        border-color: transparent;
        translate: 1rem;
    }

    :is(.check, .radio, .switch):checked:hover, .check:indeterminate:hover {
        background-color: var(--background-color-progressive--hover);
    }

    :is(.check, .radio, .switch):checked:focus:not(:active), .check:indeterminate:focus:not(:active) {
        border-color: var(--border-color-progressive--focus);
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus), inset 0 0 0 3px var(--background-color-base);
    }

    :is(.check, .radio, .switch):checked:active, .check:indeterminate:active {
        background-color: var(--background-color-progressive--active);
    }

    :is(.check, .radio, .switch):disabled {
        border-color: var(--border-color-disabled);
        background-color: var(--background-color-disabled-subtle);
    }

    :is(.check, .radio, .switch):disabled + label {
        color: var(--color-disabled);
    }

    .switch:disabled:not(:checked)::after {
        background-color: var(--background-color-disabled-subtle);
        border-color: var(--border-color-disabled);
    }

    :is(.check, .radio, .switch):disabled:checked, .check:indeterminate:disabled {
        border-color: transparent;
        background-color: var(--background-color-disabled);
    }

    :is(.check, .radio, .switch):disabled:checked::after, .check:indeterminate:disabled::after {
        background-color: var(--color-disabled);
    }

    @media (forced-colors: active) {
        :is(.check, .radio, .switch):checked, .check:indeterminate {
            forced-color-adjust: none;
            background-color: Canvas !important;
        }

        :is(.check, .radio, .switch):checked, .check:indeterminate {
            forced-color-adjust: none;
            background-color: Highlight !important;
        }

        :is(:is(.check, .radio):checked, .switch)::after, .switch::after {
            background-color: Canvas !important;
        }

        :is(.check, .radio, .switch):disabled, .switch:disabled:not(:checked)::after {
            border-color: GrayText !important;
        }

        :is(.check, .radio, .switch):disabled:checked {
            background: GrayText !important;
        }

        :is(.check, .radio, .switch):disabled + label {
            color: GrayText !important;
        }
    }

    .form-field-inline {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 0.25rem;
    }

    /* List groups */
    .list-group {
        display: flex;
        flex-direction: column;
        padding: 0 0 0.5rem;
        margin: 0;
        list-style: none;
    }

    .list-group-item {
        display: block;
        padding: 0.5rem 1rem;
        margin: 0;
        color: inherit;
        text-decoration: none;
        text-align: inherit;
        background-color: var(--background-color-base);
        border: 1px solid var(--border-color-base);
        border-bottom-width: 0;
        transition: background-color 150ms, box-shadow 150ms;
    }

    .list-group-item:first-child {
        border-start-start-radius: 0.125rem;
        border-start-end-radius: 0.125rem;
    }

    .list-group-item:last-child {
        border-bottom-width: 1px;
        border-end-start-radius: 0.125rem;
        border-end-end-radius: 0.125rem;
    }

    a.list-group-item:hover:not(.disabled), button.list-group-item:hover:not(:disabled) {
        background-color: var(--background-color-interactive-subtle--hover);
    }

    a.list-group-item:active:not(.disabled), button.list-group-item:active:not(:disabled) {
        background-color: var(--background-color-interactive-subtle--active);
        box-shadow: none;
    }

    .list-group-item:focus:not(:active, .disabled) {
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
    }

    a.list-group-item.disabled, button.list-group-item:disabled {
        background-color: var(--background-color-disabled-subtle);
        color: var(--color-disabled);
    }

    a.list-group-item.disabled {
        pointer-events: none;
    }

    .list-group-item.active {
        background-color: var(--background-color-progressive);
        color: var(--color-inverted-fixed);
        border-color: transparent;
    }

    a.list-group-item.active:hover, button.list-group-item.active:hover {
        background-color: var(--background-color-progressive--hover);
    }

    a.list-group-item.active:active, button.list-group-item.active:active {
        background-color: var(--background-color-progressive--active);
    }

    .list-group-item.active:focus:not(:active) {
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus), inset 0 0 0 3px var(--background-color-base);
    }

    /* Accordion */
    .accordion-item {
        border: 1px solid var(--border-color-base);
        border-block-end-width: 0;
        padding: 0 0.5rem;
        background-color: var(--background-color-base);
    }

    .accordion:not(.accordion-flush) > .accordion-item:first-child {
        border-start-start-radius: 0.125rem;
        border-start-end-radius: 0.125rem;
    }

    .accordion:not(.accordion-flush) > .accordion-item:last-child {
        border-end-start-radius: 0.125rem;
        border-end-end-radius: 0.125rem;
        border-block-end-width: 1px;
    }

    .accordion-item > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        margin: 0 -0.5rem;
        font-weight: 700;
        cursor: pointer;
        background-color: var(--background-color-interactive-subtle);
        transition: background-color 150ms, box-shadow 150ms;
    }

    .accordion-item > summary:focus {
        text-decoration: none;
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
    }

    .accordion-item > summary:active {
        box-shadow: none;
    }

    .accordion-item[open] > summary {
        margin-block-end: 0.5rem;
        border-block-end: 1px solid var(--border-color-base);
    }

    .accordion-body > :last-child {
        margin-block-end: 0;
    }

    .accordion-body > p:last-child {
        padding-block-end: 1rem;
    }

    .accordion > .accordion-item:first-child > summary {
        border-start-start-radius: 0.125rem;
        border-start-end-radius: 0.125rem;
    }

    .accordion > .accordion-item:last-child:not([open]) > summary {
        border-end-start-radius: 0.125rem;
        border-end-end-radius: 0.125rem;
    }

    .accordion-item > summary::after {
        content: "";
        inline-size: 1.25rem;
        block-size: 1.25rem;
        background-color: currentColor;
        mask: url("icons/expand.svg") center / contain no-repeat;
    }

    @media (forced-colors: active) {
        .accordion-item > summary::after {
            forced-color-adjust: none;
            color: LinkText !important;
        }
    }

    .accordion-item[open] > summary::after {
        mask-image: url("icons/collapse.svg");
    }

    .accordion-item.accordion-progressive[open] {
        border-color: var(--border-color-progressive);
    }

    .accordion-item.accordion-progressive[open] > summary {
        background-color: var(--background-color-progressive-subtle);
        border-color: var(--border-color-progressive);
        color: var(--color-progressive)
    }

    .accordion-item.accordion-progressive[open] + .accordion-item {
        border-block-start-color: var(--border-color-progressive);
    }

    .accordion-item.accordion-destructive[open] {
        border-color: var(--border-color-destructive);
    }

    .accordion-item.accordion-destructive[open] > summary {
        background-color: var(--background-color-destructive-subtle);
        border-color: var(--border-color-destructive);
        color: var(--color-destructive)
    }

    .accordion-item.accordion-destructive[open] + .accordion-item {
        border-block-start-color: var(--border-color-destructive);
    }

    .accordion-item.accordion-error[open] {
        border-color: var(--border-color-error);
    }

    .accordion-item.accordion-error[open] > summary {
        background-color: var(--background-color-error-subtle);
        border-color: var(--border-color-error);
        color: var(--color-error)
    }

    .accordion-item.accordion-error[open] + .accordion-item {
        border-block-start-color: var(--border-color-error);
    }

    .accordion-item.accordion-warning[open] {
        border-color: var(--border-color-warning);
    }

    .accordion-item.accordion-warning[open] > summary {
        background-color: var(--background-color-warning-subtle);
        border-color: var(--border-color-warning);
        color: var(--color-warning)
    }

    .accordion-item.accordion-warning[open] + .accordion-item {
        border-block-start-color: var(--border-color-warning);
    }

    .accordion-item.accordion-success[open] {
        border-color: var(--border-color-success);
    }

    .accordion-item.accordion-success[open] > summary {
        background-color: var(--background-color-success-subtle);
        border-color: var(--border-color-success);
        color: var(--color-success)
    }

    .accordion-item.accordion-success[open] + .accordion-item {
        border-block-start-color: var(--border-color-success);
    }

    .accordion-item.accordion-notice[open] {
        border-color: var(--border-color-notice);
    }

    .accordion-item.accordion-notice[open] > summary {
        background-color: var(--background-color-notice-subtle);
        border-color: var(--border-color-notice);
        color: var(--color-notice)
    }

    .accordion-item.accordion-notice[open] + .accordion-item {
        border-block-start-color: var(--border-color-notice);
    }

    .accordion.accordion-flush > .accordion-item {
        border-inline-width: 0;
    }

    .accordion.accordion-flush > .accordion-item:first-child {
        border-block-start-width: 0;
    }

    .accordion.accordion-flush > .accordion-item:not([open]) > summary {
        background-color: var(--background-color-base);
    }
    /* Alerts */
    .alert {
        padding: 0.5rem 1rem;
        margin-block-end: 1rem;
        border: 1px solid;
        border-radius: 0.125rem;
    }

    .alert.alert-error {
        background-color: var(--background-color-error-subtle);
        border-color: var(--border-color-error);
        color: var(--color-error);
    }

    .alert.alert-warning {
        background-color: var(--background-color-warning-subtle);
        border-color: var(--border-color-warning);
        color: var(--color-warning);
    }

    .alert.alert-success {
        background-color: var(--background-color-success-subtle);
        border-color: var(--border-color-success);
        color: var(--color-success);
    }

    .alert.alert-notice {
        background-color: var(--background-color-notice-subtle);
        border-color: var(--border-color-notice);
        color: var(--color-notice);
    }

    .alert a {
        font-weight: 700;
        color: inherit
    }

    .alert.alert-error a:hover {
        color: var(--color-error--hover);
    }

    .alert.alert-warning a:hover {
        color: var(--color-warning--hover);
    }

    .alert.alert-success a:hover {
        color: var(--color-success--hover);
    }

    .alert.alert-notice a:hover {
        color: var(--color-notice--hover);
    }

    .alert.alert-error a:active {
        color: var(--color-error--active);
    }

    .alert.alert-warning a:active {
        color: var(--color-warning--active);
    }

    .alert.alert-success a:active {
        color: var(--color-success--active);
    }

    .alert.alert-notice a:active {
        color: var(--color-notice--active);
    }

    /* Tooltips */
    .tooltip {
        position: fixed;
        z-index: 800;
        isolation: isolate;
        max-width: min(20rem, calc(100vw - 1rem));
        padding: 0.375rem 0.5rem;
        border-radius: 0.125rem;
        color: var(--color-inverted);
        font-size: 0.875rem;
        line-height: 1.4;
        pointer-events: none;
        transition: scale 150ms, opacity 150ms;
        transform-origin: bottom;
        will-change: top, bottom, left, right;
    }

    .tooltip::before {
        content: "";
        position: absolute;
        inset: var(--tooltip-before-inset, 0);
        z-index: -1;
        border-radius: inherit;
        -webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.12) saturate(2.80); /* glass-950 */
        backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.12) saturate(2.80); /* glass-950 */
        transition: -webkit-backdrop-filter 150ms, backdrop-filter 150ms;
    }

    .tooltip-anchor-top {
        transform-origin: top;
    }

    .tooltip-anchor-bottom {
        transform-origin: bottom;
    }

    .tooltip-anchor-left {
        transform-origin: left;
    }

    .tooltip-anchor-right {
        transform-origin: right;
    }

    .tooltip.tooltip-hidden {
        opacity: 1;
        pointer-events: none;
        scale: 0.75;
    }

    .tooltip.tooltip-hidden::before {
        -webkit-backdrop-filter: blur(0) contrast(1.00) brightness(1.00) saturate(1.00);
        backdrop-filter: blur(0) contrast(1.00) brightness(1.00) saturate(1.00);
    }

    .tooltip > .tooltip-inner {
        transition: opacity 150ms;
    }

    .tooltip.tooltip-hidden > .tooltip-inner {
        opacity: 0;
    }

    @media (forced-colors: active) {
        .tooltip::before {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
        }

        .tooltip {
            background-color: Canvas !important;
            border: 1px solid;
        }

        .tooltip.tooltip-hidden {
            opacity: 0;
        }

        .tooltip.tooltip-hidden > .tooltip-inner {
            opacity: 1;
        }
    }

    /* Popovers */
    .popover {
        position: fixed;
        z-index: 700;
        isolation: isolate;
        max-width: min(20rem, calc(100vw - 1rem));
        padding: 0.5rem 0.75rem;
        border-radius: 0.125rem;
        color: var(base);
        border: 1px solid var(--border-color-base);
        font-size: 0.875rem;
        line-height: 1.4;
        transition: scale 150ms, border-color 150ms, opacity 150ms;
        transform-origin: left;
        will-change: top, bottom, left, right;
    }

    .popover::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: 0.0625rem;
        -webkit-backdrop-filter: blur(1.000rem) contrast(0.03) brightness(1.95) saturate(2.80); /* glass-50 */
        backdrop-filter: blur(1.000rem) contrast(0.03) brightness(1.95) saturate(2.80); /* glass-50 */
        transition: -webkit-backdrop-filter 150ms, backdrop-filter 150ms;
    }

    .popover::after {
        content: "";
        position: absolute;
        inset: 50% auto auto 0;
        width: 0.5rem;
        height: 0.5rem;
        background-color: var(--background-color-base);
        border: 1px solid var(--border-color-base);
        z-index: 1;
        rotate: 45deg;
        translate: -50% -50%;
        clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 0%);
        transition: border-color 150ms;
    }

    .popover.popover-hidden {
        scale: 0.75;
        border-color: transparent;
    }

    .popover.popover-hidden::before {
        -webkit-backdrop-filter: blur(0) contrast(1.00) brightness(1.00) saturate(1.00);
        backdrop-filter: blur(0) contrast(1.00) brightness(1.00) saturate(1.00);
    }

    .popover.popover-hidden::after {
        border-color: transparent;
    }

    .popover-inner {
        transition: opacity 150ms;
    }

    .popover.popover-hidden .popover-inner {
        opacity: 0;
    }

    .popover-title {
        font-weight: 700;
        font-size: 1rem;
    }

    .popover-anchor-top {
        transform-origin: top;
    }

    .popover.popover-anchor-top::after {
        inset: 0 auto auto 50%;
        clip-path: polygon(0% 0%, 0% 100%, 100% 0%, 0% 0%);
        translate: -50% -50%;
    }

    .popover-anchor-bottom {
        transform-origin: bottom;
    }

    .popover.popover-anchor-bottom::after {
        inset: auto auto 0 50%;
        clip-path: polygon(100% 0%, 1000% 100%, 0% 100%, 100% 0%);
        translate: -50% 50%;
    }

    .popover-anchor-left {
        transform-origin: left;
    }

    .popover.popover-anchor-left::after {
        inset: 50% auto auto 0;
        clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 0%);
        translate: -50% -50%;
    }

    .popover-anchor-right {
        transform-origin: right;
    }

    .popover.popover-anchor-right::after {
        inset: 50% 0 auto auto;
        clip-path: polygon(0% 0%, 100% 100%, 100% 0%, 0% 0%);
        translate: 50% -50%;
    }

    @media (prefers-color-scheme: dark) {
        .tooltip::before {
            -webkit-backdrop-filter: blur(1rem) contrast(0.03) brightness(1.95) saturate(2.80); /* glass-50 */
            backdrop-filter: blur(1rem) contrast(0.03) brightness(1.95) saturate(2.80); /* glass-50 */
        }

        .popover::before {
            -webkit-backdrop-filter: blur(1rem) contrast(1) brightness(0.12) saturate(2.80); /* glass-950 */
            backdrop-filter: blur(1rem) contrast(1) brightness(0.12) saturate(2.80); /* glass-950 */
        }
    }

    @media (forced-colors: active) {
        .popover::before {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
        }

        .popover {
            background-color: Canvas !important;
        }

        .popover.popover-hidden {
            opacity: 0;
        }

        .popover.popover-hidden > .popover-inner {
            opacity: 1;
        }
    }

    /* Navbar */
    .navbar {
        background: var(--background-color-base);
    }

    .navbar .container {
        max-inline-size: var(--breakpoint-desktop);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        block-size: 4rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar .navbar-brand {
        font-weight: 700;
        font-size: 1.25rem;
        padding: 0.5rem 1rem;
        border-radius: 0.125rem;
    }

    .navbar.navbar a {
        color: inherit;
        transition: color 150ms, box-shadow 150ms;
    }

    .navbar.navbar a:hover, .navbar.navbar a:active {
        color: var(--color--hover)
    }

    .navbar a:focus {
        text-decoration: none;
        box-shadow: inset 0 0 0 2px var(--background-color-progressive--focus);
    }

    .navbar .navbar-nav {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .navbar .navbar-nav .nav-item {
        margin: 0;
    }

    .navbar .navbar-nav .nav-link {
        padding: 0.5rem 1rem;
        border-radius: 2px;
    }

    /* Badges */
    .badge {
        display: inline-block;
        padding: 0.125em 0.25em; /* Scales relative to font size */
        font-size: 0.875em;
        font-weight: 600;
        border: 1px solid transparent;
        border-radius: 0.125rem;
        line-height: 1;
    }

    .badge.badge-progressive {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-progressive);
    }

    .badge.badge-destructive {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-destructive);
    }

    .badge.badge-error {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-error);
    }

    .badge.badge-warning {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-warning);
    }

    .badge.badge-success {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-success);
    }

    .badge.badge-notice {
        color: var(--color-inverted-fixed);
        background-color: var(--background-color-notice);
    }

    .badge.badge-subtle.badge-progressive {
        color: var(--color-progressive);
        background-color: var(--background-color-progressive-subtle);
    }

    .badge.badge-subtle.badge-destructive {
        color: var(--color-destructive);
        background-color: var(--background-color-destructive-subtle);
    }

    .badge.badge-subtle.badge-error {
        color: var(--color-error);
        background-color: var(--background-color-error-subtle);
    }

    .badge.badge-subtle.badge-warning {
        color: var(--color-warning);
        background-color: var(--background-color-warning-subtle);
    }

    .badge.badge-subtle.badge-success {
        color: var(--color-success);
        background-color: var(--background-color-success-subtle);
    }

    .badge.badge-subtle.badge-notice {
        color: var(--color-notice);
        background-color: var(--background-color-notice-subtle);
    }

    .badge.badge-outlined {
        background-color: transparent;
    }

    .badge.badge-outlined.badge-progressive {
        color: var(--color-progressive);
        border-color: var(--border-color-progressive);
    }

    .badge.badge-outlined.badge-destructive {
        color: var(--color-destructive);
        border-color: var(--border-color-destructive);
    }

    .badge.badge-outlined.badge-error {
        color: var(--color-error);
        border-color: var(--border-color-error);
    }

    .badge.badge-outlined.badge-warning {
        color: var(--color-warning);
        border-color: var(--border-color-warning);
    }

    .badge.badge-outlined.badge-success {
        color: var(--color-success);
        border-color: var(--border-color-success);
    }

    .badge.badge-outlined.badge-notice {
        color: var(--color-notice);
        border-color: var(--border-color-notice);
    }

    /* Cards */
    .card {
        background-color: var(--background-color-base);
        border: 1px solid var(--border-color-base);
        border-radius: 0.125rem;
        display: flex;
        flex-direction: column;
        color: inherit;
        text-decoration: none;
    }

    .card-body {
        padding: 1rem;
    }

    .card-body .card-title {
        margin: 0 0 0.5rem;
        font-size: 1.5rem;
        line-height: 1.33;
        font-weight: 700;
    }

    .card-body > :last-child {
        margin-block-end: 0;
    }

    .card > img {
        width: 100%;
    }

    /* Dialogs */
    .dialog {
        position: fixed;
        inset: 0;
        width: 90%;
        max-width: var(--breakpoint-tablet);
        border-radius: 0.125rem;
        border: 1px solid var(--border-color-base);
        background: transparent;
        color: var(--color-base);
        padding: 0;
        z-index: 450;
        display: flex;
        flex-direction: column;
        transition: scale 300ms, border-color 300ms;
    }

    .dialog:not([open]) {
        display: none;
    }

    body.dialog-open {
        overflow: hidden;
    }

    .dialog.dialog-hidden {
        border-color: transparent;
        scale: 0.75;
    }

    .dialog::before {
        content: "";
        z-index: -1;
        position: absolute;
        inset: 0;
        -webkit-backdrop-filter: blur(1.000rem) contrast(0.06) brightness(1.89) saturate(2.10); /* glass-100 */
        backdrop-filter: blur(1.000rem) contrast(0.06) brightness(1.89) saturate(2.10); /* glass-100 */
        transition: -webkit-backdrop-filter 300ms, backdrop-filter 300ms;
    }

    .dialog.dialog-hidden::before {
        -webkit-backdrop-filter: blur(0) contrast(1) brightness(1) saturate(1);
        backdrop-filter: blur(0) contrast(1) brightness(1) saturate(1);
    }

    .dialog::backdrop {
        background-color: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        z-index: 400;
    }

    .dialog.dialog-backdrop-stage-1::backdrop {
        -webkit-backdrop-filter: blur(0.25rem) contrast(0.50) brightness(1.33) saturate(1.32);
        backdrop-filter: blur(0.25rem) contrast(0.50) brightness(1.33) saturate(1.32);
    }

    .dialog.dialog-backdrop-stage-2::backdrop {
        -webkit-backdrop-filter: blur(0.5rem) contrast(0.25) brightness(1.60) saturate(1.45);
        backdrop-filter: blur(0.5rem) contrast(0.25) brightness(1.60) saturate(1.45);
    }

    .dialog.dialog-backdrop-stage-3::backdrop {
        -webkit-backdrop-filter: blur(0.75rem) contrast(0.12) brightness(1.79) saturate(1.70);
        backdrop-filter: blur(0.75rem) contrast(0.12) brightness(1.79) saturate(1.70);
    }

    .dialog.dialog-backdrop-stage-4::backdrop {
        -webkit-backdrop-filter: blur(1rem) contrast(0.06) brightness(1.89) saturate(2.10);
        backdrop-filter: blur(1rem) contrast(0.06) brightness(1.89) saturate(2.10);
    }

    @media (prefers-color-scheme: dark) {
        .dialog::before {
            -webkit-backdrop-filter: blur(1rem) contrast(1) brightness(0.21) saturate(2.10); /* glass-900 */
            backdrop-filter: blur(1rem) contrast(1) brightness(0.21) saturate(2.10); /* glass-900 */
        }

        .dialog.dialog-backdrop-stage-1::backdrop {
            -webkit-backdrop-filter: blur(0.25rem) contrast(1) brightness(0.75) saturate(1.32); /* glass-600 */
            backdrop-filter: blur(0.25rem) contrast(1) brightness(0.75) saturate(1.32); /* glass-600 */
        }

        .dialog.dialog-backdrop-stage-2::backdrop {
            -webkit-backdrop-filter: blur(0.5rem) contrast(1) brightness(0.54) saturate(1.45); /* glass-700 */
            backdrop-filter: blur(0.5rem) contrast(1) brightness(0.54) saturate(1.45); /* glass-700 */
        }

        .dialog.dialog-backdrop-stage-3::backdrop {
            -webkit-backdrop-filter: blur(0.75rem) contrast(1) brightness(0.35) saturate(1.70); /* glass-800 */
            backdrop-filter: blur(0.75rem) contrast(1) brightness(0.35) saturate(1.70); /* glass-800 */
        }

        .dialog.dialog-backdrop-stage-4::backdrop {
            -webkit-backdrop-filter: blur(1rem) contrast(1) brightness(0.21) saturate(2.10); /* glass-900 */
            backdrop-filter: blur(1rem) contrast(1) brightness(0.21) saturate(2.10); /* glass-900 */
        }
    }

    .dialog > *:not(.tooltip, .popover) {
        transition: opacity 300ms;
    }

    .dialog.dialog-hidden > *:not(.tooltip, .popover) {
        opacity: 0;
    }

    .dialog > .dialog-header {
        display: flex;
        align-items: center;
        border-block-end: 1px solid var(--border-color-base);
    }

    .dialog > .dialog-header > .dialog-title {
        font-size: 1rem;
        text-align: center;
        flex: 1;
        margin: 0;
    }

    .dialog > .dialog-header > button {
        border-width: 0;
        border-radius: 0;
        padding: 0.5rem 0.75rem;
    }

    .dialog > .dialog-header > button:first-child {
        border-inline-end-width: 1px;
    }

    .dialog > .dialog-header > button:last-child {
        border-inline-start-width: 1px;
    }

    .dialog > .dialog-body {
        flex: 1;
        overflow-y: auto;
        padding: 1rem;
    }

    @media (forced-colors: active) {
        .dialog::backdrop {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
            background-color: Canvas !important;
        }

        .dialog::before {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
        }

        .dialog {
            background-color: Canvas !important;
        }
    }
}

/* Utilities */
@layer utilities {
    /* Background colors */
    @media (forced-colors: none) {
        .bg-red-10 {background: var(--color-red-10) !important;} .bg-red-20 {background: var(--color-red-20) !important;} .bg-red-50 {background: var(--color-red-50) !important;} .bg-red-100 {background: var(--color-red-100) !important;} .bg-red-200 {background: var(--color-red-200) !important;} .bg-red-300 {background: var(--color-red-300) !important;} .bg-red-400 {background: var(--color-red-400) !important;} .bg-red-500 {background: var(--color-red-500) !important;} .bg-red-600 {background: var(--color-red-600) !important;} .bg-red-700 {background: var(--color-red-700) !important;} .bg-red-800 {background: var(--color-red-800) !important;} .bg-red-900 {background: var(--color-red-900) !important;} .bg-red-950 {background: var(--color-red-950) !important;} .bg-red-980 {background: var(--color-red-980) !important;} .bg-red-990 {background: var(--color-red-990) !important;}
        .bg-tomato-10 {background: var(--color-tomato-10) !important;} .bg-tomato-20 {background: var(--color-tomato-20) !important;} .bg-tomato-50 {background: var(--color-tomato-50) !important;} .bg-tomato-100 {background: var(--color-tomato-100) !important;} .bg-tomato-200 {background: var(--color-tomato-200) !important;} .bg-tomato-300 {background: var(--color-tomato-300) !important;} .bg-tomato-400 {background: var(--color-tomato-400) !important;} .bg-tomato-500 {background: var(--color-tomato-500) !important;} .bg-tomato-600 {background: var(--color-tomato-600) !important;} .bg-tomato-700 {background: var(--color-tomato-700) !important;} .bg-tomato-800 {background: var(--color-tomato-800) !important;} .bg-tomato-900 {background: var(--color-tomato-900) !important;} .bg-tomato-950 {background: var(--color-tomato-950) !important;} .bg-tomato-980 {background: var(--color-tomato-980) !important;} .bg-tomato-990 {background: var(--color-tomato-990) !important;}
        .bg-orange-10 {background: var(--color-orange-10) !important;} .bg-orange-20 {background: var(--color-orange-20) !important;} .bg-orange-50 {background: var(--color-orange-50) !important;} .bg-orange-100 {background: var(--color-orange-100) !important;} .bg-orange-200 {background: var(--color-orange-200) !important;} .bg-orange-300 {background: var(--color-orange-300) !important;} .bg-orange-400 {background: var(--color-orange-400) !important;} .bg-orange-500 {background: var(--color-orange-500) !important;} .bg-orange-600 {background: var(--color-orange-600) !important;} .bg-orange-700 {background: var(--color-orange-700) !important;} .bg-orange-800 {background: var(--color-orange-800) !important;} .bg-orange-900 {background: var(--color-orange-900) !important;} .bg-orange-950 {background: var(--color-orange-950) !important;} .bg-orange-980 {background: var(--color-orange-980) !important;} .bg-orange-990 {background: var(--color-orange-990) !important;}
        .bg-amber-10 {background: var(--color-amber-10) !important;} .bg-amber-20 {background: var(--color-amber-20) !important;} .bg-amber-50 {background: var(--color-amber-50) !important;} .bg-amber-100 {background: var(--color-amber-100) !important;} .bg-amber-200 {background: var(--color-amber-200) !important;} .bg-amber-300 {background: var(--color-amber-300) !important;} .bg-amber-400 {background: var(--color-amber-400) !important;} .bg-amber-500 {background: var(--color-amber-500) !important;} .bg-amber-600 {background: var(--color-amber-600) !important;} .bg-amber-700 {background: var(--color-amber-700) !important;} .bg-amber-800 {background: var(--color-amber-800) !important;} .bg-amber-900 {background: var(--color-amber-900) !important;} .bg-amber-950 {background: var(--color-amber-950) !important;} .bg-amber-980 {background: var(--color-amber-980) !important;} .bg-amber-990 {background: var(--color-amber-990) !important;}
        .bg-yellow-10 {background: var(--color-yellow-10) !important;} .bg-yellow-20 {background: var(--color-yellow-20) !important;} .bg-yellow-50 {background: var(--color-yellow-50) !important;} .bg-yellow-100 {background: var(--color-yellow-100) !important;} .bg-yellow-200 {background: var(--color-yellow-200) !important;} .bg-yellow-300 {background: var(--color-yellow-300) !important;} .bg-yellow-400 {background: var(--color-yellow-400) !important;} .bg-yellow-500 {background: var(--color-yellow-500) !important;} .bg-yellow-600 {background: var(--color-yellow-600) !important;} .bg-yellow-700 {background: var(--color-yellow-700) !important;} .bg-yellow-800 {background: var(--color-yellow-800) !important;} .bg-yellow-900 {background: var(--color-yellow-900) !important;} .bg-yellow-950 {background: var(--color-yellow-950) !important;} .bg-yellow-980 {background: var(--color-yellow-980) !important;} .bg-yellow-990 {background: var(--color-yellow-990) !important;}
        .bg-lime-10 {background: var(--color-lime-10) !important;} .bg-lime-20 {background: var(--color-lime-20) !important;} .bg-lime-50 {background: var(--color-lime-50) !important;} .bg-lime-100 {background: var(--color-lime-100) !important;} .bg-lime-200 {background: var(--color-lime-200) !important;} .bg-lime-300 {background: var(--color-lime-300) !important;} .bg-lime-400 {background: var(--color-lime-400) !important;} .bg-lime-500 {background: var(--color-lime-500) !important;} .bg-lime-600 {background: var(--color-lime-600) !important;} .bg-lime-700 {background: var(--color-lime-700) !important;} .bg-lime-800 {background: var(--color-lime-800) !important;} .bg-lime-900 {background: var(--color-lime-900) !important;} .bg-lime-950 {background: var(--color-lime-950) !important;} .bg-lime-980 {background: var(--color-lime-980) !important;} .bg-lime-990 {background: var(--color-lime-990) !important;}
        .bg-green-10 {background: var(--color-green-10) !important;} .bg-green-20 {background: var(--color-green-20) !important;} .bg-green-50 {background: var(--color-green-50) !important;} .bg-green-100 {background: var(--color-green-100) !important;} .bg-green-200 {background: var(--color-green-200) !important;} .bg-green-300 {background: var(--color-green-300) !important;} .bg-green-400 {background: var(--color-green-400) !important;} .bg-green-500 {background: var(--color-green-500) !important;} .bg-green-600 {background: var(--color-green-600) !important;} .bg-green-700 {background: var(--color-green-700) !important;} .bg-green-800 {background: var(--color-green-800) !important;} .bg-green-900 {background: var(--color-green-900) !important;} .bg-green-950 {background: var(--color-green-950) !important;} .bg-green-980 {background: var(--color-green-980) !important;} .bg-green-990 {background: var(--color-green-990) !important;}
        .bg-teal-10 {background: var(--color-teal-10) !important;} .bg-teal-20 {background: var(--color-teal-20) !important;} .bg-teal-50 {background: var(--color-teal-50) !important;} .bg-teal-100 {background: var(--color-teal-100) !important;} .bg-teal-200 {background: var(--color-teal-200) !important;} .bg-teal-300 {background: var(--color-teal-300) !important;} .bg-teal-400 {background: var(--color-teal-400) !important;} .bg-teal-500 {background: var(--color-teal-500) !important;} .bg-teal-600 {background: var(--color-teal-600) !important;} .bg-teal-700 {background: var(--color-teal-700) !important;} .bg-teal-800 {background: var(--color-teal-800) !important;} .bg-teal-900 {background: var(--color-teal-900) !important;} .bg-teal-950 {background: var(--color-teal-950) !important;} .bg-teal-980 {background: var(--color-teal-980) !important;} .bg-teal-990 {background: var(--color-teal-990) !important;}
        .bg-blue-10 {background: var(--color-blue-10) !important;} .bg-blue-20 {background: var(--color-blue-20) !important;} .bg-blue-50 {background: var(--color-blue-50) !important;} .bg-blue-100 {background: var(--color-blue-100) !important;} .bg-blue-200 {background: var(--color-blue-200) !important;} .bg-blue-300 {background: var(--color-blue-300) !important;} .bg-blue-400 {background: var(--color-blue-400) !important;} .bg-blue-500 {background: var(--color-blue-500) !important;} .bg-blue-600 {background: var(--color-blue-600) !important;} .bg-blue-700 {background: var(--color-blue-700) !important;} .bg-blue-800 {background: var(--color-blue-800) !important;} .bg-blue-900 {background: var(--color-blue-900) !important;} .bg-blue-950 {background: var(--color-blue-950) !important;} .bg-blue-980 {background: var(--color-blue-980) !important;} .bg-blue-990 {background: var(--color-blue-990) !important;}
        .bg-indigo-10 {background: var(--color-indigo-10) !important;} .bg-indigo-20 {background: var(--color-indigo-20) !important;} .bg-indigo-50 {background: var(--color-indigo-50) !important;} .bg-indigo-100 {background: var(--color-indigo-100) !important;} .bg-indigo-200 {background: var(--color-indigo-200) !important;} .bg-indigo-300 {background: var(--color-indigo-300) !important;} .bg-indigo-400 {background: var(--color-indigo-400) !important;} .bg-indigo-500 {background: var(--color-indigo-500) !important;} .bg-indigo-600 {background: var(--color-indigo-600) !important;} .bg-indigo-700 {background: var(--color-indigo-700) !important;} .bg-indigo-800 {background: var(--color-indigo-800) !important;} .bg-indigo-900 {background: var(--color-indigo-900) !important;} .bg-indigo-950 {background: var(--color-indigo-950) !important;} .bg-indigo-980 {background: var(--color-indigo-980) !important;} .bg-indigo-990 {background: var(--color-indigo-990) !important;}
        .bg-purple-10 {background: var(--color-purple-10) !important;} .bg-purple-20 {background: var(--color-purple-20) !important;} .bg-purple-50 {background: var(--color-purple-50) !important;} .bg-purple-100 {background: var(--color-purple-100) !important;} .bg-purple-200 {background: var(--color-purple-200) !important;} .bg-purple-300 {background: var(--color-purple-300) !important;} .bg-purple-400 {background: var(--color-purple-400) !important;} .bg-purple-500 {background: var(--color-purple-500) !important;} .bg-purple-600 {background: var(--color-purple-600) !important;} .bg-purple-700 {background: var(--color-purple-700) !important;} .bg-purple-800 {background: var(--color-purple-800) !important;} .bg-purple-900 {background: var(--color-purple-900) !important;} .bg-purple-950 {background: var(--color-purple-950) !important;} .bg-purple-980 {background: var(--color-purple-980) !important;} .bg-purple-990 {background: var(--color-purple-990) !important;}
        .bg-pink-10 {background: var(--color-pink-10) !important;} .bg-pink-20 {background: var(--color-pink-20) !important;} .bg-pink-50 {background: var(--color-pink-50) !important;} .bg-pink-100 {background: var(--color-pink-100) !important;} .bg-pink-200 {background: var(--color-pink-200) !important;} .bg-pink-300 {background: var(--color-pink-300) !important;} .bg-pink-400 {background: var(--color-pink-400) !important;} .bg-pink-500 {background: var(--color-pink-500) !important;} .bg-pink-600 {background: var(--color-pink-600) !important;} .bg-pink-700 {background: var(--color-pink-700) !important;} .bg-pink-800 {background: var(--color-pink-800) !important;} .bg-pink-900 {background: var(--color-pink-900) !important;} .bg-pink-950 {background: var(--color-pink-950) !important;} .bg-pink-980 {background: var(--color-pink-980) !important;} .bg-pink-990 {background: var(--color-pink-990) !important;}
        .bg-brown-10 {background: var(--color-brown-10) !important;} .bg-brown-20 {background: var(--color-brown-20) !important;} .bg-brown-50 {background: var(--color-brown-50) !important;} .bg-brown-100 {background: var(--color-brown-100) !important;} .bg-brown-200 {background: var(--color-brown-200) !important;} .bg-brown-300 {background: var(--color-brown-300) !important;} .bg-brown-400 {background: var(--color-brown-400) !important;} .bg-brown-500 {background: var(--color-brown-500) !important;} .bg-brown-600 {background: var(--color-brown-600) !important;} .bg-brown-700 {background: var(--color-brown-700) !important;} .bg-brown-800 {background: var(--color-brown-800) !important;} .bg-brown-900 {background: var(--color-brown-900) !important;} .bg-brown-950 {background: var(--color-brown-950) !important;} .bg-brown-980 {background: var(--color-brown-980) !important;} .bg-brown-990 {background: var(--color-brown-990) !important;}
        .bg-gray-10 {background: var(--color-gray-10) !important;} .bg-gray-20 {background: var(--color-gray-20) !important;} .bg-gray-50 {background: var(--color-gray-50) !important;} .bg-gray-100 {background: var(--color-gray-100) !important;} .bg-gray-200 {background: var(--color-gray-200) !important;} .bg-gray-300 {background: var(--color-gray-300) !important;} .bg-gray-400 {background: var(--color-gray-400) !important;} .bg-gray-500 {background: var(--color-gray-500) !important;} .bg-gray-600 {background: var(--color-gray-600) !important;} .bg-gray-700 {background: var(--color-gray-700) !important;} .bg-gray-800 {background: var(--color-gray-800) !important;} .bg-gray-900 {background: var(--color-gray-900) !important;} .bg-gray-950 {background: var(--color-gray-950) !important;} .bg-gray-980 {background: var(--color-gray-980) !important;} .bg-gray-990 {background: var(--color-gray-990) !important;}
        .bg-white {background: var(--color-white) !important;}
        .bg-black {background: var(--color-black) !important;}
        .bg-transparent {background: transparent !important;}
        .bg-base {background-color: var(--background-color-base) !important;}
        .bg-base-fixed {background-color: var(--background-color-base-fixed) !important;}
        .bg-neutral {background-color: var(--background-color-neutral) !important;}
        .bg-neutral-subtle {background-color: var(--background-color-neutral-subtle) !important;}
        .bg-interactive {background-color: var(--background-color-interactive) !important;}
        .bg-interactive-subtle {background-color: var(--background-color-interactive-subtle) !important;}
        .bg-disabled {background-color: var(--background-color-disabled) !important;}
        .bg-disabled-subtle {background-color: var(--background-color-disabled-subtle) !important;}
        .bg-inverted {background-color: var(--background-color-inverted) !important;}
        .bg-progressive {background-color: var(--background-color-progressive) !important;}
        .bg-progressive-subtle {background-color: var(--background-color-progressive-subtle) !important;}
        .bg-destructive {background-color: var(--background-color-destructive) !important;}
        .bg-destructive-subtle {background-color: var(--background-color-destructive-subtle) !important;}
        .bg-error {background-color: var(--background-color-error) !important;}
        .bg-error-subtle {background-color: var(--background-color-error-subtle) !important;}
        .bg-warning {background-color: var(--background-color-warning) !important;}
        .bg-warning-subtle {background-color: var(--background-color-warning-subtle) !important;}
        .bg-success {background-color: var(--background-color-success) !important;}
        .bg-success-subtle {background-color: var(--background-color-success-subtle) !important;}
        .bg-notice {background-color: var(--background-color-notice) !important;}
        .bg-notice-subtle {background-color: var(--background-color-notice-subtle) !important;}
    }

    /* Glassmorphism */
    .glass-10  {-webkit-backdrop-filter: blur(1.000rem) contrast(0.01) brightness(1.99) saturate(5.50) !important; backdrop-filter: blur(1.000rem) contrast(0.01) brightness(1.99) saturate(5.50) !important;}
    .glass-20  {-webkit-backdrop-filter: blur(1.000rem) contrast(0.02) brightness(1.97) saturate(3.50) !important; backdrop-filter: blur(1.000rem) contrast(0.02) brightness(1.97) saturate(3.50) !important;}
    .glass-50  {-webkit-backdrop-filter: blur(1.000rem) contrast(0.03) brightness(1.95) saturate(2.80) !important; backdrop-filter: blur(1.000rem) contrast(0.03) brightness(1.95) saturate(2.80) !important;}
    .glass-100 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.06) brightness(1.89) saturate(2.10) !important; backdrop-filter: blur(1.000rem) contrast(0.06) brightness(1.89) saturate(2.10) !important;}
    .glass-200 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.12) brightness(1.79) saturate(1.70) !important; backdrop-filter: blur(1.000rem) contrast(0.12) brightness(1.79) saturate(1.70) !important;}
    .glass-300 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.25) brightness(1.60) saturate(1.45) !important; backdrop-filter: blur(1.000rem) contrast(0.25) brightness(1.60) saturate(1.45) !important;}
    .glass-400 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.50) brightness(1.33) saturate(1.32) !important; backdrop-filter: blur(1.000rem) contrast(0.50) brightness(1.33) saturate(1.32) !important;}
    .glass-500 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(1.00) saturate(1.25) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(1.00) saturate(1.25) !important;}
    .glass-600 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.75) saturate(1.32) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.75) saturate(1.32) !important;}
    .glass-700 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.54) saturate(1.45) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.54) saturate(1.45) !important;}
    .glass-800 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.35) saturate(1.70) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.35) saturate(1.70) !important;}
    .glass-900 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.21) saturate(2.10) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.21) saturate(2.10) !important;}
    .glass-950 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.12) saturate(2.80) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.12) saturate(2.80) !important;}
    .glass-980 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.07) saturate(3.50) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.07) saturate(3.50) !important;}
    .glass-990 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.04) saturate(5.50) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.04) saturate(5.50) !important;}

    [class^="bg-"][class^="glass-"] {background: transparent !important;}
    /* Text colors */
    @media (forced-colors: none) {
        .text-red-10 {color: var(--color-red-10) !important;} .text-red-20 {color: var(--color-red-20) !important;} .text-red-50 {color: var(--color-red-50) !important;} .text-red-100 {color: var(--color-red-100) !important;} .text-red-200 {color: var(--color-red-200) !important;} .text-red-300 {color: var(--color-red-300) !important;} .text-red-400 {color: var(--color-red-400) !important;} .text-red-500 {color: var(--color-red-500) !important;} .text-red-600 {color: var(--color-red-600) !important;} .text-red-700 {color: var(--color-red-700) !important;} .text-red-800 {color: var(--color-red-800) !important;} .text-red-900 {color: var(--color-red-900) !important;} .text-red-950 {color: var(--color-red-950) !important;} .text-red-980 {color: var(--color-red-980) !important;} .text-red-990 {color: var(--color-red-990) !important;}
        .text-tomato-10 {color: var(--color-tomato-10) !important;} .text-tomato-20 {color: var(--color-tomato-20) !important;} .text-tomato-50 {color: var(--color-tomato-50) !important;} .text-tomato-100 {color: var(--color-tomato-100) !important;} .text-tomato-200 {color: var(--color-tomato-200) !important;} .text-tomato-300 {color: var(--color-tomato-300) !important;} .text-tomato-400 {color: var(--color-tomato-400) !important;} .text-tomato-500 {color: var(--color-tomato-500) !important;} .text-tomato-600 {color: var(--color-tomato-600) !important;} .text-tomato-700 {color: var(--color-tomato-700) !important;} .text-tomato-800 {color: var(--color-tomato-800) !important;} .text-tomato-900 {color: var(--color-tomato-900) !important;} .text-tomato-950 {color: var(--color-tomato-950) !important;} .text-tomato-980 {color: var(--color-tomato-980) !important;} .text-tomato-990 {color: var(--color-tomato-990) !important;}
        .text-orange-10 {color: var(--color-orange-10) !important;} .text-orange-20 {color: var(--color-orange-20) !important;} .text-orange-50 {color: var(--color-orange-50) !important;} .text-orange-100 {color: var(--color-orange-100) !important;} .text-orange-200 {color: var(--color-orange-200) !important;} .text-orange-300 {color: var(--color-orange-300) !important;} .text-orange-400 {color: var(--color-orange-400) !important;} .text-orange-500 {color: var(--color-orange-500) !important;} .text-orange-600 {color: var(--color-orange-600) !important;} .text-orange-700 {color: var(--color-orange-700) !important;} .text-orange-800 {color: var(--color-orange-800) !important;} .text-orange-900 {color: var(--color-orange-900) !important;} .text-orange-950 {color: var(--color-orange-950) !important;} .text-orange-980 {color: var(--color-orange-980) !important;} .text-orange-990 {color: var(--color-orange-990) !important;}
        .text-amber-10 {color: var(--color-amber-10) !important;} .text-amber-20 {color: var(--color-amber-20) !important;} .text-amber-50 {color: var(--color-amber-50) !important;} .text-amber-100 {color: var(--color-amber-100) !important;} .text-amber-200 {color: var(--color-amber-200) !important;} .text-amber-300 {color: var(--color-amber-300) !important;} .text-amber-400 {color: var(--color-amber-400) !important;} .text-amber-500 {color: var(--color-amber-500) !important;} .text-amber-600 {color: var(--color-amber-600) !important;} .text-amber-700 {color: var(--color-amber-700) !important;} .text-amber-800 {color: var(--color-amber-800) !important;} .text-amber-900 {color: var(--color-amber-900) !important;} .text-amber-950 {color: var(--color-amber-950) !important;} .text-amber-980 {color: var(--color-amber-980) !important;} .text-amber-990 {color: var(--color-amber-990) !important;}
        .text-yellow-10 {color: var(--color-yellow-10) !important;} .text-yellow-20 {color: var(--color-yellow-20) !important;} .text-yellow-50 {color: var(--color-yellow-50) !important;} .text-yellow-100 {color: var(--color-yellow-100) !important;} .text-yellow-200 {color: var(--color-yellow-200) !important;} .text-yellow-300 {color: var(--color-yellow-300) !important;} .text-yellow-400 {color: var(--color-yellow-400) !important;} .text-yellow-500 {color: var(--color-yellow-500) !important;} .text-yellow-600 {color: var(--color-yellow-600) !important;} .text-yellow-700 {color: var(--color-yellow-700) !important;} .text-yellow-800 {color: var(--color-yellow-800) !important;} .text-yellow-900 {color: var(--color-yellow-900) !important;} .text-yellow-950 {color: var(--color-yellow-950) !important;} .text-yellow-980 {color: var(--color-yellow-980) !important;} .text-yellow-990 {color: var(--color-yellow-990) !important;}
        .text-lime-10 {color: var(--color-lime-10) !important;} .text-lime-20 {color: var(--color-lime-20) !important;} .text-lime-50 {color: var(--color-lime-50) !important;} .text-lime-100 {color: var(--color-lime-100) !important;} .text-lime-200 {color: var(--color-lime-200) !important;} .text-lime-300 {color: var(--color-lime-300) !important;} .text-lime-400 {color: var(--color-lime-400) !important;} .text-lime-500 {color: var(--color-lime-500) !important;} .text-lime-600 {color: var(--color-lime-600) !important;} .text-lime-700 {color: var(--color-lime-700) !important;} .text-lime-800 {color: var(--color-lime-800) !important;} .text-lime-900 {color: var(--color-lime-900) !important;} .text-lime-950 {color: var(--color-lime-950) !important;} .text-lime-980 {color: var(--color-lime-980) !important;} .text-lime-990 {color: var(--color-lime-990) !important;}
        .text-green-10 {color: var(--color-green-10) !important;} .text-green-20 {color: var(--color-green-20) !important;} .text-green-50 {color: var(--color-green-50) !important;} .text-green-100 {color: var(--color-green-100) !important;} .text-green-200 {color: var(--color-green-200) !important;} .text-green-300 {color: var(--color-green-300) !important;} .text-green-400 {color: var(--color-green-400) !important;} .text-green-500 {color: var(--color-green-500) !important;} .text-green-600 {color: var(--color-green-600) !important;} .text-green-700 {color: var(--color-green-700) !important;} .text-green-800 {color: var(--color-green-800) !important;} .text-green-900 {color: var(--color-green-900) !important;} .text-green-950 {color: var(--color-green-950) !important;} .text-green-980 {color: var(--color-green-980) !important;} .text-green-990 {color: var(--color-green-990) !important;}
        .text-teal-10 {color: var(--color-teal-10) !important;} .text-teal-20 {color: var(--color-teal-20) !important;} .text-teal-50 {color: var(--color-teal-50) !important;} .text-teal-100 {color: var(--color-teal-100) !important;} .text-teal-200 {color: var(--color-teal-200) !important;} .text-teal-300 {color: var(--color-teal-300) !important;} .text-teal-400 {color: var(--color-teal-400) !important;} .text-teal-500 {color: var(--color-teal-500) !important;} .text-teal-600 {color: var(--color-teal-600) !important;} .text-teal-700 {color: var(--color-teal-700) !important;} .text-teal-800 {color: var(--color-teal-800) !important;} .text-teal-900 {color: var(--color-teal-900) !important;} .text-teal-950 {color: var(--color-teal-950) !important;} .text-teal-980 {color: var(--color-teal-980) !important;} .text-teal-990 {color: var(--color-teal-990) !important;}
        .text-blue-10 {color: var(--color-blue-10) !important;} .text-blue-20 {color: var(--color-blue-20) !important;} .text-blue-50 {color: var(--color-blue-50) !important;} .text-blue-100 {color: var(--color-blue-100) !important;} .text-blue-200 {color: var(--color-blue-200) !important;} .text-blue-300 {color: var(--color-blue-300) !important;} .text-blue-400 {color: var(--color-blue-400) !important;} .text-blue-500 {color: var(--color-blue-500) !important;} .text-blue-600 {color: var(--color-blue-600) !important;} .text-blue-700 {color: var(--color-blue-700) !important;} .text-blue-800 {color: var(--color-blue-800) !important;} .text-blue-900 {color: var(--color-blue-900) !important;} .text-blue-950 {color: var(--color-blue-950) !important;} .text-blue-980 {color: var(--color-blue-980) !important;} .text-blue-990 {color: var(--color-blue-990) !important;}
        .text-indigo-10 {color: var(--color-indigo-10) !important;} .text-indigo-20 {color: var(--color-indigo-20) !important;} .text-indigo-50 {color: var(--color-indigo-50) !important;} .text-indigo-100 {color: var(--color-indigo-100) !important;} .text-indigo-200 {color: var(--color-indigo-200) !important;} .text-indigo-300 {color: var(--color-indigo-300) !important;} .text-indigo-400 {color: var(--color-indigo-400) !important;} .text-indigo-500 {color: var(--color-indigo-500) !important;} .text-indigo-600 {color: var(--color-indigo-600) !important;} .text-indigo-700 {color: var(--color-indigo-700) !important;} .text-indigo-800 {color: var(--color-indigo-800) !important;} .text-indigo-900 {color: var(--color-indigo-900) !important;} .text-indigo-950 {color: var(--color-indigo-950) !important;} .text-indigo-980 {color: var(--color-indigo-980) !important;} .text-indigo-990 {color: var(--color-indigo-990) !important;}
        .text-purple-10 {color: var(--color-purple-10) !important;} .text-purple-20 {color: var(--color-purple-20) !important;} .text-purple-50 {color: var(--color-purple-50) !important;} .text-purple-100 {color: var(--color-purple-100) !important;} .text-purple-200 {color: var(--color-purple-200) !important;} .text-purple-300 {color: var(--color-purple-300) !important;} .text-purple-400 {color: var(--color-purple-400) !important;} .text-purple-500 {color: var(--color-purple-500) !important;} .text-purple-600 {color: var(--color-purple-600) !important;} .text-purple-700 {color: var(--color-purple-700) !important;} .text-purple-800 {color: var(--color-purple-800) !important;} .text-purple-900 {color: var(--color-purple-900) !important;} .text-purple-950 {color: var(--color-purple-950) !important;} .text-purple-980 {color: var(--color-purple-980) !important;} .text-purple-990 {color: var(--color-purple-990) !important;}
        .text-pink-10 {color: var(--color-pink-10) !important;} .text-pink-20 {color: var(--color-pink-20) !important;} .text-pink-50 {color: var(--color-pink-50) !important;} .text-pink-100 {color: var(--color-pink-100) !important;} .text-pink-200 {color: var(--color-pink-200) !important;} .text-pink-300 {color: var(--color-pink-300) !important;} .text-pink-400 {color: var(--color-pink-400) !important;} .text-pink-500 {color: var(--color-pink-500) !important;} .text-pink-600 {color: var(--color-pink-600) !important;} .text-pink-700 {color: var(--color-pink-700) !important;} .text-pink-800 {color: var(--color-pink-800) !important;} .text-pink-900 {color: var(--color-pink-900) !important;} .text-pink-950 {color: var(--color-pink-950) !important;} .text-pink-980 {color: var(--color-pink-980) !important;} .text-pink-990 {color: var(--color-pink-990) !important;}
        .text-brown-10 {color: var(--color-brown-10) !important;} .text-brown-20 {color: var(--color-brown-20) !important;} .text-brown-50 {color: var(--color-brown-50) !important;} .text-brown-100 {color: var(--color-brown-100) !important;} .text-brown-200 {color: var(--color-brown-200) !important;} .text-brown-300 {color: var(--color-brown-300) !important;} .text-brown-400 {color: var(--color-brown-400) !important;} .text-brown-500 {color: var(--color-brown-500) !important;} .text-brown-600 {color: var(--color-brown-600) !important;} .text-brown-700 {color: var(--color-brown-700) !important;} .text-brown-800 {color: var(--color-brown-800) !important;} .text-brown-900 {color: var(--color-brown-900) !important;} .text-brown-950 {color: var(--color-brown-950) !important;} .text-brown-980 {color: var(--color-brown-980) !important;} .text-brown-990 {color: var(--color-brown-990) !important;}
        .text-gray-10 {color: var(--color-gray-10) !important;} .text-gray-20 {color: var(--color-gray-20) !important;} .text-gray-50 {color: var(--color-gray-50) !important;} .text-gray-100 {color: var(--color-gray-100) !important;} .text-gray-200 {color: var(--color-gray-200) !important;} .text-gray-300 {color: var(--color-gray-300) !important;} .text-gray-400 {color: var(--color-gray-400) !important;} .text-gray-500 {color: var(--color-gray-500) !important;} .text-gray-600 {color: var(--color-gray-600) !important;} .text-gray-700 {color: var(--color-gray-700) !important;} .text-gray-800 {color: var(--color-gray-800) !important;} .text-gray-900 {color: var(--color-gray-900) !important;} .text-gray-950 {color: var(--color-gray-950) !important;} .text-gray-980 {color: var(--color-gray-980) !important;} .text-gray-990 {color: var(--color-gray-990) !important;}
        .text-white {color: var(--color-white) !important;}
        .text-black {color: var(--color-black) !important;}

        .text-base {color: var(--color-base) !important;}
        .text-fixed {color: var(--color-fixed) !important;}
        .text-emphasised {color: var(--color-emphasised) !important;}
        .text-neutral {color: var(--color-neutral) !important;}
        .text-subtle {color: var(--color-subtle) !important;}
        .text-placeholder {color: var(--color-placeholder) !important;}
        .text-disabled {color: var(--color-disabled) !important;}
        .text-disabled-emphasised {color: var(--color-disabled-emphasised) !important;}
        .text-inverted {color: var(--color-inverted) !important;}
        .text-inverted-fixed {color: var(--color-inverted-fixed) !important;}
        .text-progressive {color: var(--color-progressive) !important;}
        .text-destructive {color: var(--color-destructive) !important;}
        .text-error {color: var(--color-error) !important;}
        .text-warning {color: var(--color-warning) !important;}
        .text-success {color: var(--color-success) !important;}
        .text-notice {color: var(--color-notice) !important;}
        .text-link {color: var(--color-link) !important;}
        .text-link-visited {color: var(--color-link--visited) !important;}
        .text-link-red {color: var(--color-link-red) !important;}
    }

    /* Text sizes */
    .text-xs  {font-size: 0.750rem; line-height: 1.50 !important;}
    .text-sm  {font-size: 0.875rem; line-height: 1.50 !important;}
    .text-md  {font-size: 1.000rem; line-height: 1.50 !important;}
    .text-lg  {font-size: 1.125rem; line-height: 1.45 !important;}
    .text-xl  {font-size: 1.250rem; line-height: 1.40 !important;}
    .text-2xl {font-size: 1.500rem; line-height: 1.33 !important;}
    .text-3xl {font-size: 1.750rem; line-height: 1.25 !important;}
    .text-4xl {font-size: 2.250rem; line-height: 1.16 !important;}
    .text-5xl {font-size: 3.000rem; line-height: 1.08 !important;}
    .text-6xl {font-size: 4.000rem; line-height: 1.00 !important;}

    /* Font family */
    .font-sans {font-family: var(--font-sans) !important;}
    .font-mono {font-family: var(--font-mono) !important;}

    /* Font weights */
    .font-thin       {font-weight: 100 !important;}
    .font-extralight {font-weight: 200 !important;}
    .font-light      {font-weight: 300 !important;}
    .font-regular    {font-weight: 400 !important;}
    .font-medium     {font-weight: 500 !important;}
    .font-semibold   {font-weight: 600 !important;}
    .font-bold       {font-weight: 700 !important;}
    .font-extrabold  {font-weight: 800 !important;}
    .font-black      {font-weight: 900 !important;}

    /* Font styles */
    .font-normal {font-style: normal !important;}
    .font-italic {font-style: italic !important;}

    /* Text align */
    .text-start   {text-align: start !important;}
    .text-center  {text-align: center !important;}
    .text-end     {text-align: end !important;}
    .text-justify {text-align: justify !important;}

    table.table-c1-text-start tr > :is(th, td):nth-child(1)     {text-align: start !important;}
    table.table-c1-text-center tr > :is(th, td):nth-child(1)    {text-align: center !important;}
    table.table-c1-text-end tr > :is(th, td):nth-child(1)       {text-align: end !important;}
    table.table-c1-text-justify tr > :is(th, td):nth-child(1)   {text-align: justify !important;}
    table.table-c2-text-start tr > :is(th, td):nth-child(2)     {text-align: start !important;}
    table.table-c2-text-center tr > :is(th, td):nth-child(2)    {text-align: center !important;}
    table.table-c2-text-end tr > :is(th, td):nth-child(2)       {text-align: end !important;}
    table.table-c2-text-justify tr > :is(th, td):nth-child(2)   {text-align: justify !important;}
    table.table-c3-text-start tr > :is(th, td):nth-child(3)     {text-align: start !important;}
    table.table-c3-text-center tr > :is(th, td):nth-child(3)    {text-align: center !important;}
    table.table-c3-text-end tr > :is(th, td):nth-child(3)       {text-align: end !important;}
    table.table-c3-text-justify tr > :is(th, td):nth-child(3)   {text-align: justify !important;}
    table.table-c4-text-start tr > :is(th, td):nth-child(4)     {text-align: start !important;}
    table.table-c4-text-center tr > :is(th, td):nth-child(4)    {text-align: center !important;}
    table.table-c4-text-end tr > :is(th, td):nth-child(4)       {text-align: end !important;}
    table.table-c4-text-justify tr > :is(th, td):nth-child(4)   {text-align: justify !important;}
    table.table-c5-text-start tr > :is(th, td):nth-child(5)     {text-align: start !important;}
    table.table-c5-text-center tr > :is(th, td):nth-child(5)    {text-align: center !important;}
    table.table-c5-text-end tr > :is(th, td):nth-child(5)       {text-align: end !important;}
    table.table-c5-text-justify tr > :is(th, td):nth-child(5)   {text-align: justify !important;}
    table.table-c6-text-start tr > :is(th, td):nth-child(6)     {text-align: start !important;}
    table.table-c6-text-center tr > :is(th, td):nth-child(6)    {text-align: center !important;}
    table.table-c6-text-end tr > :is(th, td):nth-child(6)       {text-align: end !important;}
    table.table-c6-text-justify tr > :is(th, td):nth-child(6)   {text-align: justify !important;}
    table.table-c7-text-start tr > :is(th, td):nth-child(7)     {text-align: start !important;}
    table.table-c7-text-center tr > :is(th, td):nth-child(7)    {text-align: center !important;}
    table.table-c7-text-end tr > :is(th, td):nth-child(7)       {text-align: end !important;}
    table.table-c7-text-justify tr > :is(th, td):nth-child(7)   {text-align: justify !important;}
    table.table-c8-text-start tr > :is(th, td):nth-child(8)     {text-align: start !important;}
    table.table-c8-text-center tr > :is(th, td):nth-child(8)    {text-align: center !important;}
    table.table-c8-text-end tr > :is(th, td):nth-child(8)       {text-align: end !important;}
    table.table-c8-text-justify tr > :is(th, td):nth-child(8)   {text-align: justify !important;}
    table.table-c9-text-start tr > :is(th, td):nth-child(9)     {text-align: start !important;}
    table.table-c9-text-center tr > :is(th, td):nth-child(9)    {text-align: center !important;}
    table.table-c9-text-end tr > :is(th, td):nth-child(9)       {text-align: end !important;}
    table.table-c9-text-justify tr > :is(th, td):nth-child(9)   {text-align: justify !important;}
    table.table-c10-text-start tr > :is(th, td):nth-child(10)   {text-align: start !important;}
    table.table-c10-text-center tr > :is(th, td):nth-child(10)  {text-align: center !important;}
    table.table-c10-text-end tr > :is(th, td):nth-child(10)     {text-align: end !important;}
    table.table-c10-text-justify tr > :is(th, td):nth-child(10) {text-align: justify !important;}
    table.table-c11-text-start tr > :is(th, td):nth-child(11)   {text-align: start !important;}
    table.table-c11-text-center tr > :is(th, td):nth-child(11)  {text-align: center !important;}
    table.table-c11-text-end tr > :is(th, td):nth-child(11)     {text-align: end !important;}
    table.table-c11-text-justify tr > :is(th, td):nth-child(11) {text-align: justify !important;}
    table.table-c12-text-start tr > :is(th, td):nth-child(12)   {text-align: start !important;}
    table.table-c12-text-center tr > :is(th, td):nth-child(12)  {text-align: center !important;}
    table.table-c12-text-end tr > :is(th, td):nth-child(12)     {text-align: end !important;}
    table.table-c12-text-justify tr > :is(th, td):nth-child(12) {text-align: justify !important;}

    /* Margin */
    .m-0  {margin: 0.000rem !important;}
    .m-1  {margin: 0.125rem !important;}
    .m-2  {margin: 0.250rem !important;}
    .m-3  {margin: 0.375rem !important;}
    .m-4  {margin: 0.500rem !important;}
    .m-5  {margin: 0.750rem !important;}
    .m-6  {margin: 1.000rem !important;}
    .m-7  {margin: 1.250rem !important;}
    .m-8  {margin: 1.500rem !important;}
    .m-9  {margin: 2.000rem !important;}
    .m-10 {margin: 2.500rem !important;}
    .m-11 {margin: 3.000rem !important;}
    .m-12 {margin: 3.500rem !important;}
    .m-13 {margin: 4.000rem !important;}

    .m--1  {margin: -0.125rem !important;}
    .m--2  {margin: -0.250rem !important;}
    .m--3  {margin: -0.375rem !important;}
    .m--4  {margin: -0.500rem !important;}
    .m--5  {margin: -0.750rem !important;}
    .m--6  {margin: -1.000rem !important;}
    .m--7  {margin: -1.250rem !important;}
    .m--8  {margin: -1.500rem !important;}
    .m--9  {margin: -2.000rem !important;}
    .m--10 {margin: -2.500rem !important;}
    .m--11 {margin: -3.000rem !important;}
    .m--12 {margin: -3.500rem !important;}
    .m--13 {margin: -4.000rem !important;}

    .mx-0  {margin-inline: 0.000rem !important;}
    .mx-1  {margin-inline: 0.125rem !important;}
    .mx-2  {margin-inline: 0.250rem !important;}
    .mx-3  {margin-inline: 0.375rem !important;}
    .mx-4  {margin-inline: 0.500rem !important;}
    .mx-5  {margin-inline: 0.750rem !important;}
    .mx-6  {margin-inline: 1.000rem !important;}
    .mx-7  {margin-inline: 1.250rem !important;}
    .mx-8  {margin-inline: 1.500rem !important;}
    .mx-9  {margin-inline: 2.000rem !important;}
    .mx-10 {margin-inline: 2.500rem !important;}
    .mx-11 {margin-inline: 3.000rem !important;}
    .mx-12 {margin-inline: 3.500rem !important;}
    .mx-13 {margin-inline: 4.000rem !important;}
    .mx--1 {margin-inline: -0.125rem !important;}
    .mx--2 {margin-inline: -0.250rem !important;}
    .mx--3 {margin-inline: -0.375rem !important;}
    .mx--4 {margin-inline: -0.500rem !important;}
    .mx--5 {margin-inline: -0.750rem !important;}
    .mx--6 {margin-inline: -1.000rem !important;}
    .mx--7 {margin-inline: -1.250rem !important;}
    .mx--8 {margin-inline: -1.500rem !important;}
    .mx--9 {margin-inline: -2.000rem !important;}
    .mx--10 {margin-inline: -2.500rem !important;}
    .mx--11 {margin-inline: -3.000rem !important;}
    .mx--12 {margin-inline: -3.500rem !important;}
    .mx--13 {margin-inline: -4.000rem !important;}
    .mx-auto {margin-inline: auto !important;}

    .my-0  {margin-block: 0.000rem !important;}
    .my-1  {margin-block: 0.125rem !important;}
    .my-2  {margin-block: 0.250rem !important;}
    .my-3  {margin-block: 0.375rem !important;}
    .my-4  {margin-block: 0.500rem !important;}
    .my-5  {margin-block: 0.750rem !important;}
    .my-6  {margin-block: 1.000rem !important;}
    .my-7  {margin-block: 1.250rem !important;}
    .my-8  {margin-block: 1.500rem !important;}
    .my-9  {margin-block: 2.000rem !important;}
    .my-10 {margin-block: 2.500rem !important;}
    .my-11 {margin-block: 3.000rem !important;}
    .my-12 {margin-block: 3.500rem !important;}
    .my-13 {margin-block: 4.000rem !important;}
    .my--1 {margin-block: -0.125rem !important;}
    .my--2 {margin-block: -0.250rem !important;}
    .my--3 {margin-block: -0.375rem !important;}
    .my--4 {margin-block: -0.500rem !important;}
    .my--5 {margin-block: -0.750rem !important;}
    .my--6 {margin-block: -1.000rem !important;}
    .my--7 {margin-block: -1.250rem !important;}
    .my--8 {margin-block: -1.500rem !important;}
    .my--9 {margin-block: -2.000rem !important;}
    .my--10 {margin-block: -2.500rem !important;}
    .my--11 {margin-block: -3.000rem !important;}
    .my--12 {margin-block: -3.500rem !important;}
    .my--13 {margin-block: -4.000rem !important;}

    .mt-0  {margin-block-start: 0.000rem !important;}
    .mt-1  {margin-block-start: 0.125rem !important;}
    .mt-2  {margin-block-start: 0.250rem !important;}
    .mt-3  {margin-block-start: 0.375rem !important;}
    .mt-4  {margin-block-start: 0.500rem !important;}
    .mt-5  {margin-block-start: 0.750rem !important;}
    .mt-6  {margin-block-start: 1.000rem !important;}
    .mt-7  {margin-block-start: 1.250rem !important;}
    .mt-8  {margin-block-start: 1.500rem !important;}
    .mt-9  {margin-block-start: 2.000rem !important;}
    .mt-10 {margin-block-start: 2.500rem !important;}
    .mt-11 {margin-block-start: 3.000rem !important;}
    .mt-12 {margin-block-start: 3.500rem !important;}
    .mt-13 {margin-block-start: 4.000rem !important;}
    .mt--1 {margin-block-start: -0.125rem !important;}
    .mt--2 {margin-block-start: -0.250rem !important;}
    .mt--3 {margin-block-start: -0.375rem !important;}
    .mt--4 {margin-block-start: -0.500rem !important;}
    .mt--5 {margin-block-start: -0.750rem !important;}
    .mt--6 {margin-block-start: -1.000rem !important;}
    .mt--7 {margin-block-start: -1.250rem !important;}
    .mt--8 {margin-block-start: -1.500rem !important;}
    .mt--9 {margin-block-start: -2.000rem !important;}
    .mt--10 {margin-block-start: -2.500rem !important;}
    .mt--11 {margin-block-start: -3.000rem !important;}
    .mt--12 {margin-block-start: -3.500rem !important;}
    .mt--13 {margin-block-start: -4.000rem !important;}

    .mb-0  {margin-block-end: 0.000rem !important;}
    .mb-1  {margin-block-end: 0.125rem !important;}
    .mb-2  {margin-block-end: 0.250rem !important;}
    .mb-3  {margin-block-end: 0.375rem !important;}
    .mb-4  {margin-block-end: 0.500rem !important;}
    .mb-5  {margin-block-end: 0.750rem !important;}
    .mb-6  {margin-block-end: 1.000rem !important;}
    .mb-7  {margin-block-end: 1.250rem !important;}
    .mb-8  {margin-block-end: 1.500rem !important;}
    .mb-9  {margin-block-end: 2.000rem !important;}
    .mb-10 {margin-block-end: 2.500rem !important;}
    .mb-11 {margin-block-end: 3.000rem !important;}
    .mb-12 {margin-block-end: 3.500rem !important;}
    .mb-13 {margin-block-end: 4.000rem !important;}
    .mb--1 {margin-block-end: -0.125rem !important;}
    .mb--2 {margin-block-end: -0.250rem !important;}
    .mb--3 {margin-block-end: -0.375rem !important;}
    .mb--4 {margin-block-end: -0.500rem !important;}
    .mb--5 {margin-block-end: -0.750rem !important;}
    .mb--6 {margin-block-end: -1.000rem !important;}
    .mb--7 {margin-block-end: -1.250rem !important;}
    .mb--8 {margin-block-end: -1.500rem !important;}
    .mb--9 {margin-block-end: -2.000rem !important;}
    .mb--10 {margin-block-end: -2.500rem !important;}
    .mb--11 {margin-block-end: -3.000rem !important;}
    .mb--12 {margin-block-end: -3.500rem !important;}
    .mb--13 {margin-block-end: -4.000rem !important;}

    .ms-0  {margin-inline-start: 0.000rem !important;}
    .ms-1  {margin-inline-start: 0.125rem !important;}
    .ms-2  {margin-inline-start: 0.250rem !important;}
    .ms-3  {margin-inline-start: 0.375rem !important;}
    .ms-4  {margin-inline-start: 0.500rem !important;}
    .ms-5  {margin-inline-start: 0.750rem !important;}
    .ms-6  {margin-inline-start: 1.000rem !important;}
    .ms-7  {margin-inline-start: 1.250rem !important;}
    .ms-8  {margin-inline-start: 1.500rem !important;}
    .ms-9  {margin-inline-start: 2.000rem !important;}
    .ms-10 {margin-inline-start: 2.500rem !important;}
    .ms-11 {margin-inline-start: 3.000rem !important;}
    .ms-12 {margin-inline-start: 3.500rem !important;}
    .ms-13 {margin-inline-start: 4.000rem !important;}
    .ms--1 {margin-inline-start: -0.125rem !important;}
    .ms--2 {margin-inline-start: -0.250rem !important;}
    .ms--3 {margin-inline-start: -0.375rem !important;}
    .ms--4 {margin-inline-start: -0.500rem !important;}
    .ms--5 {margin-inline-start: -0.750rem !important;}
    .ms--6 {margin-inline-start: -1.000rem !important;}
    .ms--7 {margin-inline-start: -1.250rem !important;}
    .ms--8 {margin-inline-start: -1.500rem !important;}
    .ms--9 {margin-inline-start: -2.000rem !important;}
    .ms--10 {margin-inline-start: -2.500rem !important;}
    .ms--11 {margin-inline-start: -3.000rem !important;}
    .ms--12 {margin-inline-start: -3.500rem !important;}
    .ms--13 {margin-inline-start: -4.000rem !important;}
    .ms-auto {margin-inline-start: auto !important;}

    .me-0  {margin-inline-end: 0.000rem !important;}
    .me-1  {margin-inline-end: 0.125rem !important;}
    .me-2  {margin-inline-end: 0.250rem !important;}
    .me-3  {margin-inline-end: 0.375rem !important;}
    .me-4  {margin-inline-end: 0.500rem !important;}
    .me-5  {margin-inline-end: 0.750rem !important;}
    .me-6  {margin-inline-end: 1.000rem !important;}
    .me-7  {margin-inline-end: 1.250rem !important;}
    .me-8  {margin-inline-end: 1.500rem !important;}
    .me-9  {margin-inline-end: 2.000rem !important;}
    .me-10 {margin-inline-end: 2.500rem !important;}
    .me-11 {margin-inline-end: 3.000rem !important;}
    .me-12 {margin-inline-end: 3.500rem !important;}
    .me-13 {margin-inline-end: 4.000rem !important;}
    .me--1 {margin-inline-end: -0.125rem !important;}
    .me--2 {margin-inline-end: -0.250rem !important;}
    .me--3 {margin-inline-end: -0.375rem !important;}
    .me--4 {margin-inline-end: -0.500rem !important;}
    .me--5 {margin-inline-end: -0.750rem !important;}
    .me--6 {margin-inline-end: -1.000rem !important;}
    .me--7 {margin-inline-end: -1.250rem !important;}
    .me--8 {margin-inline-end: -1.500rem !important;}
    .me--9 {margin-inline-end: -2.000rem !important;}
    .me--10 {margin-inline-end: -2.500rem !important;}
    .me--11 {margin-inline-end: -3.000rem !important;}
    .me--12 {margin-inline-end: -3.500rem !important;}
    .me--13 {margin-inline-end: -4.000rem !important;}
    .me-auto {margin-inline-end: auto !important;}

    /* Padding */
    .p-0  {padding: 0.000rem !important;}
    .p-1  {padding: 0.125rem !important;}
    .p-2  {padding: 0.250rem !important;}
    .p-3  {padding: 0.375rem !important;}
    .p-4  {padding: 0.500rem !important;}
    .p-5  {padding: 0.750rem !important;}
    .p-6  {padding: 1.000rem !important;}
    .p-7  {padding: 1.250rem !important;}
    .p-8  {padding: 1.500rem !important;}
    .p-9  {padding: 2.000rem !important;}
    .p-10 {padding: 2.500rem !important;}
    .p-11 {padding: 3.000rem !important;}
    .p-12 {padding: 3.500rem !important;}
    .p-13 {padding: 4.000rem !important;}

    .px-0  {padding-inline: 0.000rem !important;}
    .px-1  {padding-inline: 0.125rem !important;}
    .px-2  {padding-inline: 0.250rem !important;}
    .px-3  {padding-inline: 0.375rem !important;}
    .px-4  {padding-inline: 0.500rem !important;}
    .px-5  {padding-inline: 0.750rem !important;}
    .px-6  {padding-inline: 1.000rem !important;}
    .px-7  {padding-inline: 1.250rem !important;}
    .px-8  {padding-inline: 1.500rem !important;}
    .px-9  {padding-inline: 2.000rem !important;}
    .px-10 {padding-inline: 2.500rem !important;}
    .px-11 {padding-inline: 3.000rem !important;}
    .px-12 {padding-inline: 3.500rem !important;}
    .px-13 {padding-inline: 4.000rem !important;}

    .py-0  {padding-block: 0.000rem !important;}
    .py-1  {padding-block: 0.125rem !important;}
    .py-2  {padding-block: 0.250rem !important;}
    .py-3  {padding-block: 0.375rem !important;}
    .py-4  {padding-block: 0.500rem !important;}
    .py-5  {padding-block: 0.750rem !important;}
    .py-6  {padding-block: 1.000rem !important;}
    .py-7  {padding-block: 1.250rem !important;}
    .py-8  {padding-block: 1.500rem !important;}
    .py-9  {padding-block: 2.000rem !important;}
    .py-10 {padding-block: 2.500rem !important;}
    .py-11 {padding-block: 3.000rem !important;}
    .py-12 {padding-block: 3.500rem !important;}
    .py-13 {padding-block: 4.000rem !important;}

    .pt-0  {padding-block-start: 0.000rem !important;}
    .pt-1  {padding-block-start: 0.125rem !important;}
    .pt-2  {padding-block-start: 0.250rem !important;}
    .pt-3  {padding-block-start: 0.375rem !important;}
    .pt-4  {padding-block-start: 0.500rem !important;}
    .pt-5  {padding-block-start: 0.750rem !important;}
    .pt-6  {padding-block-start: 1.000rem !important;}
    .pt-7  {padding-block-start: 1.250rem !important;}
    .pt-8  {padding-block-start: 1.500rem !important;}
    .pt-9  {padding-block-start: 2.000rem !important;}
    .pt-10 {padding-block-start: 2.500rem !important;}
    .pt-11 {padding-block-start: 3.000rem !important;}
    .pt-12 {padding-block-start: 3.500rem !important;}
    .pt-13 {padding-block-start: 4.000rem !important;}

    .pb-0  {padding-block-end: 0.000rem !important;}
    .pb-1  {padding-block-end: 0.125rem !important;}
    .pb-2  {padding-block-end: 0.250rem !important;}
    .pb-3  {padding-block-end: 0.375rem !important;}
    .pb-4  {padding-block-end: 0.500rem !important;}
    .pb-5  {padding-block-end: 0.750rem !important;}
    .pb-6  {padding-block-end: 1.000rem !important;}
    .pb-7  {padding-block-end: 1.250rem !important;}
    .pb-8  {padding-block-end: 1.500rem !important;}
    .pb-9  {padding-block-end: 2.000rem !important;}
    .pb-10 {padding-block-end: 2.500rem !important;}
    .pb-11 {padding-block-end: 3.000rem !important;}
    .pb-12 {padding-block-end: 3.500rem !important;}
    .pb-13 {padding-block-end: 4.000rem !important;}

    .ps-0  {padding-inline-start: 0.000rem !important;}
    .ps-1  {padding-inline-start: 0.125rem !important;}
    .ps-2  {padding-inline-start: 0.250rem !important;}
    .ps-3  {padding-inline-start: 0.375rem !important;}
    .ps-4  {padding-inline-start: 0.500rem !important;}
    .ps-5  {padding-inline-start: 0.750rem !important;}
    .ps-6  {padding-inline-start: 1.000rem !important;}
    .ps-7  {padding-inline-start: 1.250rem !important;}
    .ps-8  {padding-inline-start: 1.500rem !important;}
    .ps-9  {padding-inline-start: 2.000rem !important;}
    .ps-10 {padding-inline-start: 2.500rem !important;}
    .ps-11 {padding-inline-start: 3.000rem !important;}
    .ps-12 {padding-inline-start: 3.500rem !important;}
    .ps-13 {padding-inline-start: 4.000rem !important;}

    .pe-0  {padding-inline-end: 0.000rem !important;}
    .pe-1  {padding-inline-end: 0.125rem !important;}
    .pe-2  {padding-inline-end: 0.250rem !important;}
    .pe-3  {padding-inline-end: 0.375rem !important;}
    .pe-4  {padding-inline-end: 0.500rem !important;}
    .pe-5  {padding-inline-end: 0.750rem !important;}
    .pe-6  {padding-inline-end: 1.000rem !important;}
    .pe-7  {padding-inline-end: 1.250rem !important;}
    .pe-8  {padding-inline-end: 1.500rem !important;}
    .pe-9  {padding-inline-end: 2.000rem !important;}
    .pe-10 {padding-inline-end: 2.500rem !important;}
    .pe-11 {padding-inline-end: 3.000rem !important;}
    .pe-12 {padding-inline-end: 3.500rem !important;}
    .pe-13 {padding-inline-end: 4.000rem !important;}

    /* Gap */
    .gap-0  {gap: 0.000rem !important;}
    .gap-1  {gap: 0.125rem !important;}
    .gap-2  {gap: 0.250rem !important;}
    .gap-3  {gap: 0.375rem !important;}
    .gap-4  {gap: 0.500rem !important;}
    .gap-5  {gap: 0.750rem !important;}
    .gap-6  {gap: 1.000rem !important;}
    .gap-7  {gap: 1.250rem !important;}
    .gap-8  {gap: 1.500rem !important;}
    .gap-9  {gap: 2.000rem !important;}
    .gap-10 {gap: 2.500rem !important;}
    .gap-11 {gap: 3.000rem !important;}
    .gap-12 {gap: 3.500rem !important;}
    .gap-13 {gap: 4.000rem !important;}

    .gap-x-0  {column-gap: 0.000rem !important;}
    .gap-x-1  {column-gap: 0.125rem !important;}
    .gap-x-2  {column-gap: 0.250rem !important;}
    .gap-x-3  {column-gap: 0.375rem !important;}
    .gap-x-4  {column-gap: 0.500rem !important;}
    .gap-x-5  {column-gap: 0.750rem !important;}
    .gap-x-6  {column-gap: 1.000rem !important;}
    .gap-x-7  {column-gap: 1.250rem !important;}
    .gap-x-8  {column-gap: 1.500rem !important;}
    .gap-x-9  {column-gap: 2.000rem !important;}
    .gap-x-10 {column-gap: 2.500rem !important;}
    .gap-x-11 {column-gap: 3.000rem !important;}
    .gap-x-12 {column-gap: 3.500rem !important;}
    .gap-x-13 {column-gap: 4.000rem !important;}

    .gap-y-0  {row-gap: 0.000rem !important;}
    .gap-y-1  {row-gap: 0.125rem !important;}
    .gap-y-2  {row-gap: 0.250rem !important;}
    .gap-y-3  {row-gap: 0.375rem !important;}
    .gap-y-4  {row-gap: 0.500rem !important;}
    .gap-y-5  {row-gap: 0.750rem !important;}
    .gap-y-6  {row-gap: 1.000rem !important;}
    .gap-y-7  {row-gap: 1.250rem !important;}
    .gap-y-8  {row-gap: 1.500rem !important;}
    .gap-y-9  {row-gap: 2.000rem !important;}
    .gap-y-10 {row-gap: 2.500rem !important;}
    .gap-y-11 {row-gap: 3.000rem !important;}
    .gap-y-12 {row-gap: 3.500rem !important;}
    .gap-y-13 {row-gap: 4.000rem !important;}

    /* Borders */
    .border     {border: 1px solid var(--border-color-base) !important;}
    .border-x   {border-inline: 1px solid var(--border-color-base) !important;}
    .border-y   {border-block: 1px solid var(--border-color-base) !important;}
    .border-t   {border-block-start: 1px solid var(--border-color-base) !important;}
    .border-b   {border-block-end: 1px solid var(--border-color-base) !important;}
    .border-s   {border-inline-start: 1px solid var(--border-color-base) !important;}
    .border-e   {border-inline-end: 1px solid var(--border-color-base) !important;}

    .border-0   {border: 0 !important;}
    .border-x-0 {border-inline: 0 !important;}
    .border-y-0 {border-block: 0 !important;}
    .border-t-0 {border-block-start: 0 !important;}
    .border-b-0 {border-block-end: 0 !important;}
    .border-s-0 {border-inline-start: 0 !important;}
    .border-e-0 {border-inline-end: 0 !important;}

    /* Border colors */
    @media (forced-colors: none) {
        .border-red-10 {border-color: var(--color-red-10) !important;} .border-red-20 {border-color: var(--color-red-20) !important;} .border-red-50 {border-color: var(--color-red-50) !important;} .border-red-100 {border-color: var(--color-red-100) !important;} .border-red-200 {border-color: var(--color-red-200) !important;} .border-red-300 {border-color: var(--color-red-300) !important;} .border-red-400 {border-color: var(--color-red-400) !important;} .border-red-500 {border-color: var(--color-red-500) !important;} .border-red-600 {border-color: var(--color-red-600) !important;} .border-red-700 {border-color: var(--color-red-700) !important;} .border-red-800 {border-color: var(--color-red-800) !important;} .border-red-900 {border-color: var(--color-red-900) !important;} .border-red-950 {border-color: var(--color-red-950) !important;} .border-red-980 {border-color: var(--color-red-980) !important;} .border-red-990 {border-color: var(--color-red-990) !important;}
        .border-tomato-10 {border-color: var(--color-tomato-10) !important;} .border-tomato-20 {border-color: var(--color-tomato-20) !important;} .border-tomato-50 {border-color: var(--color-tomato-50) !important;} .border-tomato-100 {border-color: var(--color-tomato-100) !important;} .border-tomato-200 {border-color: var(--color-tomato-200) !important;} .border-tomato-300 {border-color: var(--color-tomato-300) !important;} .border-tomato-400 {border-color: var(--color-tomato-400) !important;} .border-tomato-500 {border-color: var(--color-tomato-500) !important;} .border-tomato-600 {border-color: var(--color-tomato-600) !important;} .border-tomato-700 {border-color: var(--color-tomato-700) !important;} .border-tomato-800 {border-color: var(--color-tomato-800) !important;} .border-tomato-900 {border-color: var(--color-tomato-900) !important;} .border-tomato-950 {border-color: var(--color-tomato-950) !important;} .border-tomato-980 {border-color: var(--color-tomato-980) !important;} .border-tomato-990 {border-color: var(--color-tomato-990) !important;}
        .border-orange-10 {border-color: var(--color-orange-10) !important;} .border-orange-20 {border-color: var(--color-orange-20) !important;} .border-orange-50 {border-color: var(--color-orange-50) !important;} .border-orange-100 {border-color: var(--color-orange-100) !important;} .border-orange-200 {border-color: var(--color-orange-200) !important;} .border-orange-300 {border-color: var(--color-orange-300) !important;} .border-orange-400 {border-color: var(--color-orange-400) !important;} .border-orange-500 {border-color: var(--color-orange-500) !important;} .border-orange-600 {border-color: var(--color-orange-600) !important;} .border-orange-700 {border-color: var(--color-orange-700) !important;} .border-orange-800 {border-color: var(--color-orange-800) !important;} .border-orange-900 {border-color: var(--color-orange-900) !important;} .border-orange-950 {border-color: var(--color-orange-950) !important;} .border-orange-980 {border-color: var(--color-orange-980) !important;} .border-orange-990 {border-color: var(--color-orange-990) !important;}
        .border-amber-10 {border-color: var(--color-amber-10) !important;} .border-amber-20 {border-color: var(--color-amber-20) !important;} .border-amber-50 {border-color: var(--color-amber-50) !important;} .border-amber-100 {border-color: var(--color-amber-100) !important;} .border-amber-200 {border-color: var(--color-amber-200) !important;} .border-amber-300 {border-color: var(--color-amber-300) !important;} .border-amber-400 {border-color: var(--color-amber-400) !important;} .border-amber-500 {border-color: var(--color-amber-500) !important;} .border-amber-600 {border-color: var(--color-amber-600) !important;} .border-amber-700 {border-color: var(--color-amber-700) !important;} .border-amber-800 {border-color: var(--color-amber-800) !important;} .border-amber-900 {border-color: var(--color-amber-900) !important;} .border-amber-950 {border-color: var(--color-amber-950) !important;} .border-amber-980 {border-color: var(--color-amber-980) !important;} .border-amber-990 {border-color: var(--color-amber-990) !important;}
        .border-yellow-10 {border-color: var(--color-yellow-10) !important;} .border-yellow-20 {border-color: var(--color-yellow-20) !important;} .border-yellow-50 {border-color: var(--color-yellow-50) !important;} .border-yellow-100 {border-color: var(--color-yellow-100) !important;} .border-yellow-200 {border-color: var(--color-yellow-200) !important;} .border-yellow-300 {border-color: var(--color-yellow-300) !important;} .border-yellow-400 {border-color: var(--color-yellow-400) !important;} .border-yellow-500 {border-color: var(--color-yellow-500) !important;} .border-yellow-600 {border-color: var(--color-yellow-600) !important;} .border-yellow-700 {border-color: var(--color-yellow-700) !important;} .border-yellow-800 {border-color: var(--color-yellow-800) !important;} .border-yellow-900 {border-color: var(--color-yellow-900) !important;} .border-yellow-950 {border-color: var(--color-yellow-950) !important;} .border-yellow-980 {border-color: var(--color-yellow-980) !important;} .border-yellow-990 {border-color: var(--color-yellow-990) !important;}
        .border-lime-10 {border-color: var(--color-lime-10) !important;} .border-lime-20 {border-color: var(--color-lime-20) !important;} .border-lime-50 {border-color: var(--color-lime-50) !important;} .border-lime-100 {border-color: var(--color-lime-100) !important;} .border-lime-200 {border-color: var(--color-lime-200) !important;} .border-lime-300 {border-color: var(--color-lime-300) !important;} .border-lime-400 {border-color: var(--color-lime-400) !important;} .border-lime-500 {border-color: var(--color-lime-500) !important;} .border-lime-600 {border-color: var(--color-lime-600) !important;} .border-lime-700 {border-color: var(--color-lime-700) !important;} .border-lime-800 {border-color: var(--color-lime-800) !important;} .border-lime-900 {border-color: var(--color-lime-900) !important;} .border-lime-950 {border-color: var(--color-lime-950) !important;} .border-lime-980 {border-color: var(--color-lime-980) !important;} .border-lime-990 {border-color: var(--color-lime-990) !important;}
        .border-green-10 {border-color: var(--color-green-10) !important;} .border-green-20 {border-color: var(--color-green-20) !important;} .border-green-50 {border-color: var(--color-green-50) !important;} .border-green-100 {border-color: var(--color-green-100) !important;} .border-green-200 {border-color: var(--color-green-200) !important;} .border-green-300 {border-color: var(--color-green-300) !important;} .border-green-400 {border-color: var(--color-green-400) !important;} .border-green-500 {border-color: var(--color-green-500) !important;} .border-green-600 {border-color: var(--color-green-600) !important;} .border-green-700 {border-color: var(--color-green-700) !important;} .border-green-800 {border-color: var(--color-green-800) !important;} .border-green-900 {border-color: var(--color-green-900) !important;} .border-green-950 {border-color: var(--color-green-950) !important;} .border-green-980 {border-color: var(--color-green-980) !important;} .border-green-990 {border-color: var(--color-green-990) !important;}
        .border-teal-10 {border-color: var(--color-teal-10) !important;} .border-teal-20 {border-color: var(--color-teal-20) !important;} .border-teal-50 {border-color: var(--color-teal-50) !important;} .border-teal-100 {border-color: var(--color-teal-100) !important;} .border-teal-200 {border-color: var(--color-teal-200) !important;} .border-teal-300 {border-color: var(--color-teal-300) !important;} .border-teal-400 {border-color: var(--color-teal-400) !important;} .border-teal-500 {border-color: var(--color-teal-500) !important;} .border-teal-600 {border-color: var(--color-teal-600) !important;} .border-teal-700 {border-color: var(--color-teal-700) !important;} .border-teal-800 {border-color: var(--color-teal-800) !important;} .border-teal-900 {border-color: var(--color-teal-900) !important;} .border-teal-950 {border-color: var(--color-teal-950) !important;} .border-teal-980 {border-color: var(--color-teal-980) !important;} .border-teal-990 {border-color: var(--color-teal-990) !important;}
        .border-blue-10 {border-color: var(--color-blue-10) !important;} .border-blue-20 {border-color: var(--color-blue-20) !important;} .border-blue-50 {border-color: var(--color-blue-50) !important;} .border-blue-100 {border-color: var(--color-blue-100) !important;} .border-blue-200 {border-color: var(--color-blue-200) !important;} .border-blue-300 {border-color: var(--color-blue-300) !important;} .border-blue-400 {border-color: var(--color-blue-400) !important;} .border-blue-500 {border-color: var(--color-blue-500) !important;} .border-blue-600 {border-color: var(--color-blue-600) !important;} .border-blue-700 {border-color: var(--color-blue-700) !important;} .border-blue-800 {border-color: var(--color-blue-800) !important;} .border-blue-900 {border-color: var(--color-blue-900) !important;} .border-blue-950 {border-color: var(--color-blue-950) !important;} .border-blue-980 {border-color: var(--color-blue-980) !important;} .border-blue-990 {border-color: var(--color-blue-990) !important;}
        .border-indigo-10 {border-color: var(--color-indigo-10) !important;} .border-indigo-20 {border-color: var(--color-indigo-20) !important;} .border-indigo-50 {border-color: var(--color-indigo-50) !important;} .border-indigo-100 {border-color: var(--color-indigo-100) !important;} .border-indigo-200 {border-color: var(--color-indigo-200) !important;} .border-indigo-300 {border-color: var(--color-indigo-300) !important;} .border-indigo-400 {border-color: var(--color-indigo-400) !important;} .border-indigo-500 {border-color: var(--color-indigo-500) !important;} .border-indigo-600 {border-color: var(--color-indigo-600) !important;} .border-indigo-700 {border-color: var(--color-indigo-700) !important;} .border-indigo-800 {border-color: var(--color-indigo-800) !important;} .border-indigo-900 {border-color: var(--color-indigo-900) !important;} .border-indigo-950 {border-color: var(--color-indigo-950) !important;} .border-indigo-980 {border-color: var(--color-indigo-980) !important;} .border-indigo-990 {border-color: var(--color-indigo-990) !important;}
        .border-purple-10 {border-color: var(--color-purple-10) !important;} .border-purple-20 {border-color: var(--color-purple-20) !important;} .border-purple-50 {border-color: var(--color-purple-50) !important;} .border-purple-100 {border-color: var(--color-purple-100) !important;} .border-purple-200 {border-color: var(--color-purple-200) !important;} .border-purple-300 {border-color: var(--color-purple-300) !important;} .border-purple-400 {border-color: var(--color-purple-400) !important;} .border-purple-500 {border-color: var(--color-purple-500) !important;} .border-purple-600 {border-color: var(--color-purple-600) !important;} .border-purple-700 {border-color: var(--color-purple-700) !important;} .border-purple-800 {border-color: var(--color-purple-800) !important;} .border-purple-900 {border-color: var(--color-purple-900) !important;} .border-purple-950 {border-color: var(--color-purple-950) !important;} .border-purple-980 {border-color: var(--color-purple-980) !important;} .border-purple-990 {border-color: var(--color-purple-990) !important;}
        .border-pink-10 {border-color: var(--color-pink-10) !important;} .border-pink-20 {border-color: var(--color-pink-20) !important;} .border-pink-50 {border-color: var(--color-pink-50) !important;} .border-pink-100 {border-color: var(--color-pink-100) !important;} .border-pink-200 {border-color: var(--color-pink-200) !important;} .border-pink-300 {border-color: var(--color-pink-300) !important;} .border-pink-400 {border-color: var(--color-pink-400) !important;} .border-pink-500 {border-color: var(--color-pink-500) !important;} .border-pink-600 {border-color: var(--color-pink-600) !important;} .border-pink-700 {border-color: var(--color-pink-700) !important;} .border-pink-800 {border-color: var(--color-pink-800) !important;} .border-pink-900 {border-color: var(--color-pink-900) !important;} .border-pink-950 {border-color: var(--color-pink-950) !important;} .border-pink-980 {border-color: var(--color-pink-980) !important;} .border-pink-990 {border-color: var(--color-pink-990) !important;}
        .border-brown-10 {border-color: var(--color-brown-10) !important;} .border-brown-20 {border-color: var(--color-brown-20) !important;} .border-brown-50 {border-color: var(--color-brown-50) !important;} .border-brown-100 {border-color: var(--color-brown-100) !important;} .border-brown-200 {border-color: var(--color-brown-200) !important;} .border-brown-300 {border-color: var(--color-brown-300) !important;} .border-brown-400 {border-color: var(--color-brown-400) !important;} .border-brown-500 {border-color: var(--color-brown-500) !important;} .border-brown-600 {border-color: var(--color-brown-600) !important;} .border-brown-700 {border-color: var(--color-brown-700) !important;} .border-brown-800 {border-color: var(--color-brown-800) !important;} .border-brown-900 {border-color: var(--color-brown-900) !important;} .border-brown-950 {border-color: var(--color-brown-950) !important;} .border-brown-980 {border-color: var(--color-brown-980) !important;} .border-brown-990 {border-color: var(--color-brown-990) !important;}
        .border-gray-10 {border-color: var(--color-gray-10) !important;} .border-gray-20 {border-color: var(--color-gray-20) !important;} .border-gray-50 {border-color: var(--color-gray-50) !important;} .border-gray-100 {border-color: var(--color-gray-100) !important;} .border-gray-200 {border-color: var(--color-gray-200) !important;} .border-gray-300 {border-color: var(--color-gray-300) !important;} .border-gray-400 {border-color: var(--color-gray-400) !important;} .border-gray-500 {border-color: var(--color-gray-500) !important;} .border-gray-600 {border-color: var(--color-gray-600) !important;} .border-gray-700 {border-color: var(--color-gray-700) !important;} .border-gray-800 {border-color: var(--color-gray-800) !important;} .border-gray-900 {border-color: var(--color-gray-900) !important;} .border-gray-950 {border-color: var(--color-gray-950) !important;} .border-gray-980 {border-color: var(--color-gray-980) !important;} .border-gray-990 {border-color: var(--color-gray-990) !important;}
        .border-white {border-color: var(--color-white) !important;}
        .border-black {border-color: var(--color-black) !important;}
        .border-base {border-color: var(--border-color-base) !important;}
        .border-emphasised {border-color: var(--border-color-emphasised) !important;}
        .border-subtle {border-color: var(--border-color-subtle) !important;}
        .border-muted {border-color: var(--border-color-muted) !important;}
        .border-interactive {border-color: var(--border-color-interactive) !important;}
        .border-disabled {border-color: var(--border-color-disabled) !important;}
        .border-progressive {border-color: var(--border-color-progressive) !important;}
        .border-destructive {border-color: var(--border-color-destructive) !important;}
        .border-error {border-color: var(--border-color-error) !important;}
        .border-warning {border-color: var(--border-color-warning) !important;}
        .border-success {border-color: var(--border-color-success) !important;}
        .border-notice {border-color: var(--border-color-notice) !important;}
    }

    /* Border radius */
    .rounded-0  {border-radius: 0 !important;}
    .rounded    {border-radius: 0.125rem !important;}
    .rounded-1  {border-radius: 0.125rem !important;}
    .rounded-2  {border-radius: 0.250rem !important;}
    .rounded-3  {border-radius: 0.375rem !important;}
    .rounded-4  {border-radius: 0.500rem !important;}
    .rounded-5  {border-radius: 0.750rem !important;}
    .rounded-6  {border-radius: 1.000rem !important;}
    .rounded-7  {border-radius: 1.250rem !important;}
    .rounded-8  {border-radius: 1.500rem !important;}
    .rounded-9  {border-radius: 2.000rem !important;}
    .rounded-10 {border-radius: 2.500rem !important;}
    .rounded-11 {border-radius: 3.000rem !important;}
    .rounded-12 {border-radius: 3.500rem !important;}
    .rounded-13 {border-radius: 4.000rem !important;}
    .rounded-full {border-radius: 9999px !important;}
    .rounded-circle {border-radius: 50% !important;}
    .rounded-s-0  {border-start-start-radius: 0        !important; border-end-start-radius: 0        !important;}
    .rounded-s    {border-start-start-radius: 0.125rem !important; border-end-start-radius: 0.125rem !important;}
    .rounded-s-1  {border-start-start-radius: 0.125rem !important; border-end-start-radius: 0.125rem !important;}
    .rounded-s-2  {border-start-start-radius: 0.250rem !important; border-end-start-radius: 0.250rem !important;}
    .rounded-s-3  {border-start-start-radius: 0.375rem !important; border-end-start-radius: 0.375rem !important;}
    .rounded-s-4  {border-start-start-radius: 0.500rem !important; border-end-start-radius: 0.500rem !important;}
    .rounded-s-5  {border-start-start-radius: 0.750rem !important; border-end-start-radius: 0.750rem !important;}
    .rounded-s-6  {border-start-start-radius: 1.000rem !important; border-end-start-radius: 1.000rem !important;}
    .rounded-s-7  {border-start-start-radius: 1.250rem !important; border-end-start-radius: 1.250rem !important;}
    .rounded-s-8  {border-start-start-radius: 1.500rem !important; border-end-start-radius: 1.500rem !important;}
    .rounded-s-9  {border-start-start-radius: 2.000rem !important; border-end-start-radius: 2.000rem !important;}
    .rounded-s-10 {border-start-start-radius: 2.500rem !important; border-end-start-radius: 2.500rem !important;}
    .rounded-s-11 {border-start-start-radius: 3.000rem !important; border-end-start-radius: 3.000rem !important;}
    .rounded-s-12 {border-start-start-radius: 3.500rem !important; border-end-start-radius: 3.500rem !important;}
    .rounded-s-13 {border-start-start-radius: 4.000rem !important; border-end-start-radius: 4.000rem !important;}
    .rounded-s-full {border-start-start-radius: 9999px !important; border-end-start-radius: 9999px !important;}
    .rounded-s-circle {border-start-start-radius: 50% !important; border-end-start-radius: 50% !important;}

    .rounded-e-0  {border-start-end-radius: 0        !important; border-end-end-radius: 0        !important;}
    .rounded-e    {border-start-end-radius: 0.125rem !important; border-end-end-radius: 0.125rem !important;}
    .rounded-e-1  {border-start-end-radius: 0.125rem !important; border-end-end-radius: 0.125rem !important;}
    .rounded-e-2  {border-start-end-radius: 0.250rem !important; border-end-end-radius: 0.250rem !important;}
    .rounded-e-3  {border-start-end-radius: 0.375rem !important; border-end-end-radius: 0.375rem !important;}
    .rounded-e-4  {border-start-end-radius: 0.500rem !important; border-end-end-radius: 0.500rem !important;}
    .rounded-e-5  {border-start-end-radius: 0.750rem !important; border-end-end-radius: 0.750rem !important;}
    .rounded-e-6  {border-start-end-radius: 1.000rem !important; border-end-end-radius: 1.000rem !important;}
    .rounded-e-7  {border-start-end-radius: 1.250rem !important; border-end-end-radius: 1.250rem !important;}
    .rounded-e-8  {border-start-end-radius: 1.500rem !important; border-end-end-radius: 1.500rem !important;}
    .rounded-e-9  {border-start-end-radius: 2.000rem !important; border-end-end-radius: 2.000rem !important;}
    .rounded-e-10 {border-start-end-radius: 2.500rem !important; border-end-end-radius: 2.500rem !important;}
    .rounded-e-11 {border-start-end-radius: 3.000rem !important; border-end-end-radius: 3.000rem !important;}
    .rounded-e-12 {border-start-end-radius: 3.500rem !important; border-end-end-radius: 3.500rem !important;}
    .rounded-e-13 {border-start-end-radius: 4.000rem !important; border-end-end-radius: 4.000rem !important;}
    .rounded-e-full {border-start-end-radius: 9999px !important; border-end-end-radius: 9999px !important;}
    .rounded-e-circle {border-start-end-radius: 50% !important; border-end-end-radius: 50% !important;}

    .rounded-t-0  {border-start-start-radius: 0        !important; border-start-end-radius: 0        !important;}
    .rounded-t    {border-start-start-radius: 0.125rem !important; border-start-end-radius: 0.125rem !important;}
    .rounded-t-1  {border-start-start-radius: 0.125rem !important; border-start-end-radius: 0.125rem !important;}
    .rounded-t-2  {border-start-start-radius: 0.250rem !important; border-start-end-radius: 0.250rem !important;}
    .rounded-t-3  {border-start-start-radius: 0.375rem !important; border-start-end-radius: 0.375rem !important;}
    .rounded-t-4  {border-start-start-radius: 0.500rem !important; border-start-end-radius: 0.500rem !important;}
    .rounded-t-5  {border-start-start-radius: 0.750rem !important; border-start-end-radius: 0.750rem !important;}
    .rounded-t-6  {border-start-start-radius: 1.000rem !important; border-start-end-radius: 1.000rem !important;}
    .rounded-t-7  {border-start-start-radius: 1.250rem !important; border-start-end-radius: 1.250rem !important;}
    .rounded-t-8  {border-start-start-radius: 1.500rem !important; border-start-end-radius: 1.500rem !important;}
    .rounded-t-9  {border-start-start-radius: 2.000rem !important; border-start-end-radius: 2.000rem !important;}
    .rounded-t-10 {border-start-start-radius: 2.500rem !important; border-start-end-radius: 2.500rem !important;}
    .rounded-t-11 {border-start-start-radius: 3.000rem !important; border-start-end-radius: 3.000rem !important;}
    .rounded-t-12 {border-start-start-radius: 3.500rem !important; border-start-end-radius: 3.500rem !important;}
    .rounded-t-13 {border-start-start-radius: 4.000rem !important; border-start-end-radius: 4.000rem !important;}
    .rounded-t-full {border-start-start-radius: 9999px !important; border-start-end-radius: 9999px !important;}
    .rounded-t-circle {border-start-start-radius: 50% !important; border-start-end-radius: 50% !important;}

    .rounded-b-0  {border-end-start-radius: 0        !important; border-end-end-radius: 0        !important;}
    .rounded-b    {border-end-start-radius: 0.125rem !important; border-end-end-radius: 0.125rem !important;}
    .rounded-b-1  {border-end-start-radius: 0.125rem !important; border-end-end-radius: 0.125rem !important;}
    .rounded-b-2  {border-end-start-radius: 0.250rem !important; border-end-end-radius: 0.250rem !important;}
    .rounded-b-3  {border-end-start-radius: 0.375rem !important; border-end-end-radius: 0.375rem !important;}
    .rounded-b-4  {border-end-start-radius: 0.500rem !important; border-end-end-radius: 0.500rem !important;}
    .rounded-b-5  {border-end-start-radius: 0.750rem !important; border-end-end-radius: 0.750rem !important;}
    .rounded-b-6  {border-end-start-radius: 1.000rem !important; border-end-end-radius: 1.000rem !important;}
    .rounded-b-7  {border-end-start-radius: 1.250rem !important; border-end-end-radius: 1.250rem !important;}
    .rounded-b-8  {border-end-start-radius: 1.500rem !important; border-end-end-radius: 1.500rem !important;}
    .rounded-b-9  {border-end-start-radius: 2.000rem !important; border-end-end-radius: 2.000rem !important;}
    .rounded-b-10 {border-end-start-radius: 2.500rem !important; border-end-end-radius: 2.500rem !important;}
    .rounded-b-11 {border-end-start-radius: 3.000rem !important; border-end-end-radius: 3.000rem !important;}
    .rounded-b-12 {border-end-start-radius: 3.500rem !important; border-end-end-radius: 3.500rem !important;}
    .rounded-b-13 {border-end-start-radius: 4.000rem !important; border-end-end-radius: 4.000rem !important;}
    .rounded-b-full {border-end-start-radius: 9999px !important; border-end-end-radius: 9999px !important;}
    .rounded-b-circle {border-end-start-radius: 50% !important; border-end-end-radius: 50% !important;}

    /* Display */
    .d-block {display: block !important;}
    .d-contents {display: contents !important;}
    .d-flex {display: flex !important;}
    .d-flow-root {display: flow-root !important;}
    .d-grid {display: grid !important;}
    .d-inline {display: inline !important;}
    .d-inline-block {display: inline-block !important;}
    .d-inline-flex {display: inline-flex !important;}
    .d-inline-grid {display: inline-grid !important;}
    .d-none {display: none !important;}

    /* Width */
    .w-0    {inline-size:  0.000rem !important;}
    .w-1    {inline-size:  0.125rem !important;}
    .w-2    {inline-size:  0.250rem !important;}
    .w-3    {inline-size:  0.375rem !important;}
    .w-4    {inline-size:  0.500rem !important;}
    .w-5    {inline-size:  0.750rem !important;}
    .w-6    {inline-size:  1.000rem !important;}
    .w-7    {inline-size:  1.250rem !important;}
    .w-8    {inline-size:  1.500rem !important;}
    .w-9    {inline-size:  2.000rem !important;}
    .w-10   {inline-size:  2.500rem !important;}
    .w-11   {inline-size:  3.000rem !important;}
    .w-12   {inline-size:  3.500rem !important;}
    .w-13   {inline-size:  4.000rem !important;}
    .w-14   {inline-size:  4.500rem !important;}
    .w-15   {inline-size:  5.000rem !important;}
    .w-16   {inline-size:  6.000rem !important;}
    .w-17   {inline-size:  7.000rem !important;}
    .w-18   {inline-size:  8.000rem !important;}
    .w-19   {inline-size:  9.000rem !important;}
    .w-20   {inline-size: 10.000rem !important;}
    .w-21   {inline-size: 11.000rem !important;}
    .w-22   {inline-size: 12.000rem !important;}
    .w-23   {inline-size: 14.000rem !important;}
    .w-24   {inline-size: 16.000rem !important;}
    .w-25   {inline-size: 18.000rem !important;}
    .w-26   {inline-size: 20.000rem !important;}
    .w-27   {inline-size: 22.000rem !important;}
    .w-28   {inline-size: 24.000rem !important;}
    .w-29   {inline-size: 28.000rem !important;}
    .w-30   {inline-size: 32.000rem !important;}
    .w-31   {inline-size: 36.000rem !important;}
    .w-32   {inline-size: 40.000rem !important;}
    .w-33   {inline-size: 44.000rem !important;}
    .w-34   {inline-size: 48.000rem !important;}
    .w-35   {inline-size: 56.000rem !important;}
    .w-36   {inline-size: 64.000rem !important;}
    .w-37   {inline-size: 72.000rem !important;}
    .w-38   {inline-size: 80.000rem !important;}
    .w-39   {inline-size: 88.000rem !important;}
    .w-40   {inline-size: 96.000rem !important;}
    .w-1-6  {inline-size: calc(100% / 6) !important;}
    .w-1-5  {inline-size: 20% !important;}
    .w-1-4  {inline-size: 25% !important;}
    .w-1-3  {inline-size: calc(100% / 3) !important;}
    .w-2-5  {inline-size: 40% !important;}
    .w-1-2  {inline-size: 50% !important;}
    .w-3-5  {inline-size: 60% !important;}
    .w-2-3  {inline-size: calc(100% / 1.5) !important;}
    .w-3-4  {inline-size: 75% !important;}
    .w-4-5  {inline-size: 80% !important;}
    .w-5-6  {inline-size: calc(100% / 1.2) !important;}
    .w-full {inline-size: 100% !important;}
    .w-min  {inline-size: min-content !important;}
    .w-max  {inline-size: max-content !important;}
    .w-fit  {inline-size: fit-content !important;}

    .min-w-0    {min-inline-size:  0.000rem !important;}
    .min-w-1    {min-inline-size:  0.125rem !important;}
    .min-w-2    {min-inline-size:  0.250rem !important;}
    .min-w-3    {min-inline-size:  0.375rem !important;}
    .min-w-4    {min-inline-size:  0.500rem !important;}
    .min-w-5    {min-inline-size:  0.750rem !important;}
    .min-w-6    {min-inline-size:  1.000rem !important;}
    .min-w-7    {min-inline-size:  1.250rem !important;}
    .min-w-8    {min-inline-size:  1.500rem !important;}
    .min-w-9    {min-inline-size:  2.000rem !important;}
    .min-w-10   {min-inline-size:  2.500rem !important;}
    .min-w-11   {min-inline-size:  3.000rem !important;}
    .min-w-12   {min-inline-size:  3.500rem !important;}
    .min-w-13   {min-inline-size:  4.000rem !important;}
    .min-w-14   {min-inline-size:  4.500rem !important;}
    .min-w-15   {min-inline-size:  5.000rem !important;}
    .min-w-16   {min-inline-size:  6.000rem !important;}
    .min-w-17   {min-inline-size:  7.000rem !important;}
    .min-w-18   {min-inline-size:  8.000rem !important;}
    .min-w-19   {min-inline-size:  9.000rem !important;}
    .min-w-20   {min-inline-size: 10.000rem !important;}
    .min-w-21   {min-inline-size: 11.000rem !important;}
    .min-w-22   {min-inline-size: 12.000rem !important;}
    .min-w-23   {min-inline-size: 14.000rem !important;}
    .min-w-24   {min-inline-size: 16.000rem !important;}
    .min-w-25   {min-inline-size: 18.000rem !important;}
    .min-w-26   {min-inline-size: 20.000rem !important;}
    .min-w-27   {min-inline-size: 22.000rem !important;}
    .min-w-28   {min-inline-size: 24.000rem !important;}
    .min-w-29   {min-inline-size: 28.000rem !important;}
    .min-w-30   {min-inline-size: 32.000rem !important;}
    .min-w-31   {min-inline-size: 36.000rem !important;}
    .min-w-32   {min-inline-size: 40.000rem !important;}
    .min-w-33   {min-inline-size: 44.000rem !important;}
    .min-w-34   {min-inline-size: 48.000rem !important;}
    .min-w-35   {min-inline-size: 56.000rem !important;}
    .min-w-36   {min-inline-size: 64.000rem !important;}
    .min-w-37   {min-inline-size: 72.000rem !important;}
    .min-w-38   {min-inline-size: 80.000rem !important;}
    .min-w-39   {min-inline-size: 88.000rem !important;}
    .min-w-40   {min-inline-size: 96.000rem !important;}
    .min-w-1-6  {min-inline-size: calc(100% / 6) !important;}
    .min-w-1-5  {min-inline-size: 20% !important;}
    .min-w-1-4  {min-inline-size: 25% !important;}
    .min-w-1-3  {min-inline-size: calc(100% / 3) !important;}
    .min-w-2-5  {min-inline-size: 40% !important;}
    .min-w-1-2  {min-inline-size: 50% !important;}
    .min-w-3-5  {min-inline-size: 60% !important;}
    .min-w-2-3  {min-inline-size: calc(100% / 1.5) !important;}
    .min-w-3-4  {min-inline-size: 75% !important;}
    .min-w-4-5  {min-inline-size: 80% !important;}
    .min-w-5-6  {min-inline-size: calc(100% / 1.2) !important;}
    .min-w-full {min-inline-size: 100% !important;}
    .min-w-min  {min-inline-size: min-content !important;}
    .min-w-max  {min-inline-size: max-content !important;}
    .min-w-fit  {min-inline-size: fit-content !important;}

    .max-w-0    {max-inline-size:  0.000rem !important;}
    .max-w-1    {max-inline-size:  0.125rem !important;}
    .max-w-2    {max-inline-size:  0.250rem !important;}
    .max-w-3    {max-inline-size:  0.375rem !important;}
    .max-w-4    {max-inline-size:  0.500rem !important;}
    .max-w-5    {max-inline-size:  0.750rem !important;}
    .max-w-6    {max-inline-size:  1.000rem !important;}
    .max-w-7    {max-inline-size:  1.250rem !important;}
    .max-w-8    {max-inline-size:  1.500rem !important;}
    .max-w-9    {max-inline-size:  2.000rem !important;}
    .max-w-10   {max-inline-size:  2.500rem !important;}
    .max-w-11   {max-inline-size:  3.000rem !important;}
    .max-w-12   {max-inline-size:  3.500rem !important;}
    .max-w-13   {max-inline-size:  4.000rem !important;}
    .max-w-14   {max-inline-size:  4.500rem !important;}
    .max-w-15   {max-inline-size:  5.000rem !important;}
    .max-w-16   {max-inline-size:  6.000rem !important;}
    .max-w-17   {max-inline-size:  7.000rem !important;}
    .max-w-18   {max-inline-size:  8.000rem !important;}
    .max-w-19   {max-inline-size:  9.000rem !important;}
    .max-w-20   {max-inline-size: 10.000rem !important;}
    .max-w-21   {max-inline-size: 11.000rem !important;}
    .max-w-22   {max-inline-size: 12.000rem !important;}
    .max-w-23   {max-inline-size: 14.000rem !important;}
    .max-w-24   {max-inline-size: 16.000rem !important;}
    .max-w-25   {max-inline-size: 18.000rem !important;}
    .max-w-26   {max-inline-size: 20.000rem !important;}
    .max-w-27   {max-inline-size: 22.000rem !important;}
    .max-w-28   {max-inline-size: 24.000rem !important;}
    .max-w-29   {max-inline-size: 28.000rem !important;}
    .max-w-30   {max-inline-size: 32.000rem !important;}
    .max-w-31   {max-inline-size: 36.000rem !important;}
    .max-w-32   {max-inline-size: 40.000rem !important;}
    .max-w-33   {max-inline-size: 44.000rem !important;}
    .max-w-34   {max-inline-size: 48.000rem !important;}
    .max-w-35   {max-inline-size: 56.000rem !important;}
    .max-w-36   {max-inline-size: 64.000rem !important;}
    .max-w-37   {max-inline-size: 72.000rem !important;}
    .max-w-38   {max-inline-size: 80.000rem !important;}
    .max-w-39   {max-inline-size: 88.000rem !important;}
    .max-w-40   {max-inline-size: 96.000rem !important;}
    .max-w-1-6  {max-inline-size: calc(100% / 6) !important;}
    .max-w-1-5  {max-inline-size: 20% !important;}
    .max-w-1-4  {max-inline-size: 25% !important;}
    .max-w-1-3  {max-inline-size: calc(100% / 3) !important;}
    .max-w-2-5  {max-inline-size: 40% !important;}
    .max-w-1-2  {max-inline-size: 50% !important;}
    .max-w-3-5  {max-inline-size: 60% !important;}
    .max-w-2-3  {max-inline-size: calc(100% / 1.5) !important;}
    .max-w-3-4  {max-inline-size: 75% !important;}
    .max-w-4-5  {max-inline-size: 80% !important;}
    .max-w-5-6  {max-inline-size: calc(100% / 1.2) !important;}
    .max-w-full {max-inline-size: 100% !important;}
    .max-w-min  {max-inline-size: min-content !important;}
    .max-w-max  {max-inline-size: max-content !important;}
    .max-w-fit  {max-inline-size: fit-content !important;}

    /* Height */
    .h-0    {block-size:  0.000rem !important;}
    .h-1    {block-size:  0.125rem !important;}
    .h-2    {block-size:  0.250rem !important;}
    .h-3    {block-size:  0.375rem !important;}
    .h-4    {block-size:  0.500rem !important;}
    .h-5    {block-size:  0.750rem !important;}
    .h-6    {block-size:  1.000rem !important;}
    .h-7    {block-size:  1.250rem !important;}
    .h-8    {block-size:  1.500rem !important;}
    .h-9    {block-size:  2.000rem !important;}
    .h-10   {block-size:  2.500rem !important;}
    .h-11   {block-size:  3.000rem !important;}
    .h-12   {block-size:  3.500rem !important;}
    .h-13   {block-size:  4.000rem !important;}
    .h-14   {block-size:  4.500rem !important;}
    .h-15   {block-size:  5.000rem !important;}
    .h-16   {block-size:  6.000rem !important;}
    .h-17   {block-size:  7.000rem !important;}
    .h-18   {block-size:  8.000rem !important;}
    .h-19   {block-size:  9.000rem !important;}
    .h-20   {block-size: 10.000rem !important;}
    .h-21   {block-size: 11.000rem !important;}
    .h-22   {block-size: 12.000rem !important;}
    .h-23   {block-size: 14.000rem !important;}
    .h-24   {block-size: 16.000rem !important;}
    .h-25   {block-size: 18.000rem !important;}
    .h-26   {block-size: 20.000rem !important;}
    .h-27   {block-size: 22.000rem !important;}
    .h-28   {block-size: 24.000rem !important;}
    .h-29   {block-size: 28.000rem !important;}
    .h-30   {block-size: 32.000rem !important;}
    .h-31   {block-size: 36.000rem !important;}
    .h-32   {block-size: 40.000rem !important;}
    .h-33   {block-size: 44.000rem !important;}
    .h-34   {block-size: 48.000rem !important;}
    .h-35   {block-size: 56.000rem !important;}
    .h-36   {block-size: 64.000rem !important;}
    .h-37   {block-size: 72.000rem !important;}
    .h-38   {block-size: 80.000rem !important;}
    .h-39   {block-size: 88.000rem !important;}
    .h-40   {block-size: 96.000rem !important;}
    .h-1-6  {block-size: calc(100% / 6) !important;}
    .h-1-5  {block-size: 20% !important;}
    .h-1-4  {block-size: 25% !important;}
    .h-1-3  {block-size: calc(100% / 3) !important;}
    .h-2-5  {block-size: 40% !important;}
    .h-1-2  {block-size: 50% !important;}
    .h-3-5  {block-size: 60% !important;}
    .h-2-3  {block-size: calc(100% / 1.5) !important;}
    .h-3-4  {block-size: 75% !important;}
    .h-4-5  {block-size: 80% !important;}
    .h-5-6  {block-size: calc(100% / 1.2) !important;}
    .h-full {block-size: 100% !important;}
    .h-min  {block-size: min-content !important;}
    .h-max  {block-size: max-content !important;}
    .h-fit  {block-size: fit-content !important;}

    .min-h-0    {min-block-size:  0.000rem !important;}
    .min-h-1    {min-block-size:  0.125rem !important;}
    .min-h-2    {min-block-size:  0.250rem !important;}
    .min-h-3    {min-block-size:  0.375rem !important;}
    .min-h-4    {min-block-size:  0.500rem !important;}
    .min-h-5    {min-block-size:  0.750rem !important;}
    .min-h-6    {min-block-size:  1.000rem !important;}
    .min-h-7    {min-block-size:  1.250rem !important;}
    .min-h-8    {min-block-size:  1.500rem !important;}
    .min-h-9    {min-block-size:  2.000rem !important;}
    .min-h-10   {min-block-size:  2.500rem !important;}
    .min-h-11   {min-block-size:  3.000rem !important;}
    .min-h-12   {min-block-size:  3.500rem !important;}
    .min-h-13   {min-block-size:  4.000rem !important;}
    .min-h-14   {min-block-size:  4.500rem !important;}
    .min-h-15   {min-block-size:  5.000rem !important;}
    .min-h-16   {min-block-size:  6.000rem !important;}
    .min-h-17   {min-block-size:  7.000rem !important;}
    .min-h-18   {min-block-size:  8.000rem !important;}
    .min-h-19   {min-block-size:  9.000rem !important;}
    .min-h-20   {min-block-size: 10.000rem !important;}
    .min-h-21   {min-block-size: 11.000rem !important;}
    .min-h-22   {min-block-size: 12.000rem !important;}
    .min-h-23   {min-block-size: 14.000rem !important;}
    .min-h-24   {min-block-size: 16.000rem !important;}
    .min-h-25   {min-block-size: 18.000rem !important;}
    .min-h-26   {min-block-size: 20.000rem !important;}
    .min-h-27   {min-block-size: 22.000rem !important;}
    .min-h-28   {min-block-size: 24.000rem !important;}
    .min-h-29   {min-block-size: 28.000rem !important;}
    .min-h-30   {min-block-size: 32.000rem !important;}
    .min-h-31   {min-block-size: 36.000rem !important;}
    .min-h-32   {min-block-size: 40.000rem !important;}
    .min-h-33   {min-block-size: 44.000rem !important;}
    .min-h-34   {min-block-size: 48.000rem !important;}
    .min-h-35   {min-block-size: 56.000rem !important;}
    .min-h-36   {min-block-size: 64.000rem !important;}
    .min-h-37   {min-block-size: 72.000rem !important;}
    .min-h-38   {min-block-size: 80.000rem !important;}
    .min-h-39   {min-block-size: 88.000rem !important;}
    .min-h-40   {min-block-size: 96.000rem !important;}
    .min-h-1-6  {min-block-size: calc(100% / 6) !important;}
    .min-h-1-5  {min-block-size: 20% !important;}
    .min-h-1-4  {min-block-size: 25% !important;}
    .min-h-1-3  {min-block-size: calc(100% / 3) !important;}
    .min-h-2-5  {min-block-size: 40% !important;}
    .min-h-1-2  {min-block-size: 50% !important;}
    .min-h-3-5  {min-block-size: 60% !important;}
    .min-h-2-3  {min-block-size: calc(100% / 1.5) !important;}
    .min-h-3-4  {min-block-size: 75% !important;}
    .min-h-4-5  {min-block-size: 80% !important;}
    .min-h-5-6  {min-block-size: calc(100% / 1.2) !important;}
    .min-h-full {min-block-size: 100% !important;}
    .min-h-min  {min-block-size: min-content !important;}
    .min-h-max  {min-block-size: max-content !important;}
    .min-h-fit  {min-block-size: fit-content !important;}

    .max-h-0    {max-block-size:  0.000rem !important;}
    .max-h-1    {max-block-size:  0.125rem !important;}
    .max-h-2    {max-block-size:  0.250rem !important;}
    .max-h-3    {max-block-size:  0.375rem !important;}
    .max-h-4    {max-block-size:  0.500rem !important;}
    .max-h-5    {max-block-size:  0.750rem !important;}
    .max-h-6    {max-block-size:  1.000rem !important;}
    .max-h-7    {max-block-size:  1.250rem !important;}
    .max-h-8    {max-block-size:  1.500rem !important;}
    .max-h-9    {max-block-size:  2.000rem !important;}
    .max-h-10   {max-block-size:  2.500rem !important;}
    .max-h-11   {max-block-size:  3.000rem !important;}
    .max-h-12   {max-block-size:  3.500rem !important;}
    .max-h-13   {max-block-size:  4.000rem !important;}
    .max-h-14   {max-block-size:  4.500rem !important;}
    .max-h-15   {max-block-size:  5.000rem !important;}
    .max-h-16   {max-block-size:  6.000rem !important;}
    .max-h-17   {max-block-size:  7.000rem !important;}
    .max-h-18   {max-block-size:  8.000rem !important;}
    .max-h-19   {max-block-size:  9.000rem !important;}
    .max-h-20   {max-block-size: 10.000rem !important;}
    .max-h-21   {max-block-size: 11.000rem !important;}
    .max-h-22   {max-block-size: 12.000rem !important;}
    .max-h-23   {max-block-size: 14.000rem !important;}
    .max-h-24   {max-block-size: 16.000rem !important;}
    .max-h-25   {max-block-size: 18.000rem !important;}
    .max-h-26   {max-block-size: 20.000rem !important;}
    .max-h-27   {max-block-size: 22.000rem !important;}
    .max-h-28   {max-block-size: 24.000rem !important;}
    .max-h-29   {max-block-size: 28.000rem !important;}
    .max-h-30   {max-block-size: 32.000rem !important;}
    .max-h-31   {max-block-size: 36.000rem !important;}
    .max-h-32   {max-block-size: 40.000rem !important;}
    .max-h-33   {max-block-size: 44.000rem !important;}
    .max-h-34   {max-block-size: 48.000rem !important;}
    .max-h-35   {max-block-size: 56.000rem !important;}
    .max-h-36   {max-block-size: 64.000rem !important;}
    .max-h-37   {max-block-size: 72.000rem !important;}
    .max-h-38   {max-block-size: 80.000rem !important;}
    .max-h-39   {max-block-size: 88.000rem !important;}
    .max-h-40   {max-block-size: 96.000rem !important;}
    .max-h-1-6  {max-block-size: calc(100% / 6) !important;}
    .max-h-1-5  {max-block-size: 20% !important;}
    .max-h-1-4  {max-block-size: 25% !important;}
    .max-h-1-3  {max-block-size: calc(100% / 3) !important;}
    .max-h-2-5  {max-block-size: 40% !important;}
    .max-h-1-2  {max-block-size: 50% !important;}
    .max-h-3-5  {max-block-size: 60% !important;}
    .max-h-2-3  {max-block-size: calc(100% / 1.5) !important;}
    .max-h-3-4  {max-block-size: 75% !important;}
    .max-h-4-5  {max-block-size: 80% !important;}
    .max-h-5-6  {max-block-size: calc(100% / 1.2) !important;}
    .max-h-full {max-block-size: 100% !important;}
    .max-h-min  {max-block-size: min-content !important;}
    .max-h-max  {max-block-size: max-content !important;}
    .max-h-fit  {max-block-size: fit-content !important;}

    /* Position */
    .position-static {position: static !important;}
    .position-relative {position: relative !important;}
    .position-absolute {position: absolute !important;}
    .position-fixed {position: fixed !important;}
    .position-sticky {position: sticky !important;}

    .top-0    {top: 0 !important;}
    .top-1    {top: 0.125rem !important;}
    .top-2    {top: 0.250rem !important;}
    .top-3    {top: 0.375rem !important;}
    .top-4    {top: 0.500rem !important;}
    .top-5    {top: 0.750rem !important;}
    .top-6    {top: 1.000rem !important;}
    .top-7    {top: 1.250rem !important;}
    .top-8    {top: 1.500rem !important;}
    .top-9    {top: 2.000rem !important;}
    .top-10   {top: 2.500rem !important;}
    .top-11   {top: 3.000rem !important;}
    .top-12   {top: 3.500rem !important;}
    .top-13   {top: 4.000rem !important;}
    .top-1-6  {top: calc(100% / 6) !important;}
    .top-1-5  {top: 20% !important;}
    .top-1-4  {top: 25% !important;}
    .top-1-3  {top: calc(100% / 3) !important;}
    .top-2-5  {top: 40% !important;}
    .top-1-2  {top: 50% !important;}
    .top-3-5  {top: 60% !important;}
    .top-2-3  {top: calc(100% / 1.5) !important;}
    .top-3-4  {top: 75% !important;}
    .top-4-5  {top: 80% !important;}
    .top-5-6  {top: calc(100% / 1.2) !important;}
    .top-full {top: 100% !important;}
    .bottom-0    {bottom: 0 !important;}
    .bottom-1    {bottom: 0.125rem !important;}
    .bottom-2    {bottom: 0.250rem !important;}
    .bottom-3    {bottom: 0.375rem !important;}
    .bottom-4    {bottom: 0.500rem !important;}
    .bottom-5    {bottom: 0.750rem !important;}
    .bottom-6    {bottom: 1.000rem !important;}
    .bottom-7    {bottom: 1.250rem !important;}
    .bottom-8    {bottom: 1.500rem !important;}
    .bottom-9    {bottom: 2.000rem !important;}
    .bottom-10   {bottom: 2.500rem !important;}
    .bottom-11   {bottom: 3.000rem !important;}
    .bottom-12   {bottom: 3.500rem !important;}
    .bottom-13   {bottom: 4.000rem !important;}
    .bottom-1-6  {bottom: calc(100% / 6) !important;}
    .bottom-1-5  {bottom: 20% !important;}
    .bottom-1-4  {bottom: 25% !important;}
    .bottom-1-3  {bottom: calc(100% / 3) !important;}
    .bottom-2-5  {bottom: 40% !important;}
    .bottom-1-2  {bottom: 50% !important;}
    .bottom-3-5  {bottom: 60% !important;}
    .bottom-2-3  {bottom: calc(100% / 1.5) !important;}
    .bottom-3-4  {bottom: 75% !important;}
    .bottom-4-5  {bottom: 80% !important;}
    .bottom-5-6  {bottom: calc(100% / 1.2) !important;}
    .bottom-full {bottom: 100% !important;}
    .start-0    {inset-inline-start: 0 !important;}
    .start-1    {inset-inline-start: 0.125rem !important;}
    .start-2    {inset-inline-start: 0.250rem !important;}
    .start-3    {inset-inline-start: 0.375rem !important;}
    .start-4    {inset-inline-start: 0.500rem !important;}
    .start-5    {inset-inline-start: 0.750rem !important;}
    .start-6    {inset-inline-start: 1.000rem !important;}
    .start-7    {inset-inline-start: 1.250rem !important;}
    .start-8    {inset-inline-start: 1.500rem !important;}
    .start-9    {inset-inline-start: 2.000rem !important;}
    .start-10   {inset-inline-start: 2.500rem !important;}
    .start-11   {inset-inline-start: 3.000rem !important;}
    .start-12   {inset-inline-start: 3.500rem !important;}
    .start-13   {inset-inline-start: 4.000rem !important;}
    .start-1-6  {inset-inline-start: calc(100% / 6) !important;}
    .start-1-5  {inset-inline-start: 20% !important;}
    .start-1-4  {inset-inline-start: 25% !important;}
    .start-1-3  {inset-inline-start: calc(100% / 3) !important;}
    .start-2-5  {inset-inline-start: 40% !important;}
    .start-1-2  {inset-inline-start: 50% !important;}
    .start-3-5  {inset-inline-start: 60% !important;}
    .start-2-3  {inset-inline-start: calc(100% / 1.5) !important;}
    .start-3-4  {inset-inline-start: 75% !important;}
    .start-4-5  {inset-inline-start: 80% !important;}
    .start-5-6  {inset-inline-start: calc(100% / 1.2) !important;}
    .start-full {inset-inline-start: 100% !important;}
    .end-0   {inset-inline-end: 0 !important;}
    .end-1   {inset-inline-end: 0.125rem !important;}
    .end-2   {inset-inline-end: 0.250rem !important;}
    .end-3   {inset-inline-end: 0.375rem !important;}
    .end-4   {inset-inline-end: 0.500rem !important;}
    .end-5   {inset-inline-end: 0.750rem !important;}
    .end-6   {inset-inline-end: 1.000rem !important;}
    .end-7   {inset-inline-end: 1.250rem !important;}
    .end-8   {inset-inline-end: 1.500rem !important;}
    .end-9   {inset-inline-end: 2.000rem !important;}
    .end-10  {inset-inline-end: 2.500rem !important;}
    .end-11  {inset-inline-end: 3.000rem !important;}
    .end-12  {inset-inline-end: 3.500rem !important;}
    .end-13  {inset-inline-end: 4.000rem !important;}
    .end-1-6  {inset-inline-end: calc(100% / 6) !important;}
    .end-1-5  {inset-inline-end: 20% !important;}
    .end-1-4  {inset-inline-end: 25% !important;}
    .end-1-3  {inset-inline-end: calc(100% / 3) !important;}
    .end-2-5  {inset-inline-end: 40% !important;}
    .end-1-2  {inset-inline-end: 50% !important;}
    .end-3-5  {inset-inline-end: 60% !important;}
    .end-2-3  {inset-inline-end: calc(100% / 1.5) !important;}
    .end-3-4  {inset-inline-end: 75% !important;}
    .end-4-5  {inset-inline-end: 80% !important;}
    .end-5-6  {inset-inline-end: calc(100% / 1.2) !important;}
    .end-full {inset-inline-end: 100% !important;}
    .inset-0   {inset: 0 !important;}
    .inset-1   {inset: 0.125rem !important;}
    .inset-2   {inset: 0.250rem !important;}
    .inset-3   {inset: 0.375rem !important;}
    .inset-4   {inset: 0.500rem !important;}
    .inset-5   {inset: 0.750rem !important;}
    .inset-6   {inset: 1.000rem !important;}
    .inset-7   {inset: 1.250rem !important;}
    .inset-8   {inset: 1.500rem !important;}
    .inset-9   {inset: 2.000rem !important;}
    .inset-10  {inset: 2.500rem !important;}
    .inset-11  {inset: 3.000rem !important;}
    .inset-12  {inset: 3.500rem !important;}
    .inset-13  {inset: 4.000rem !important;}

    /* Flexbox */
    .flex-row {flex-direction: row !important;}
    .flex-row-reverse {flex-direction: row-reverse !important;}
    .flex-col {flex-direction: column !important;}
    .flex-col-reverse {flex-direction: column-reverse !important;}
    .flex-wrap {flex-wrap: wrap !important;}
    .flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
    .flex-nowrap {flex-wrap: nowrap !important;}
    .flex-fill {flex: 1 1 auto !important;}
    .flex-grow {flex-grow: 1 !important;}
    .flex-grow-0 {flex-grow: 0 !important;}
    .flex-shrink {flex-shrink: 1 !important;}
    .flex-shrink-0 {flex-shrink: 0 !important;}

    /* Grid */
    .row {display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem !important;}

    .grid-cols-1  {grid-template-columns: repeat( 1, minmax(0, 1fr)) !important;}
    .grid-cols-2  {grid-template-columns: repeat( 2, minmax(0, 1fr)) !important;}
    .grid-cols-3  {grid-template-columns: repeat( 3, minmax(0, 1fr)) !important;}
    .grid-cols-4  {grid-template-columns: repeat( 4, minmax(0, 1fr)) !important;}
    .grid-cols-5  {grid-template-columns: repeat( 5, minmax(0, 1fr)) !important;}
    .grid-cols-6  {grid-template-columns: repeat( 6, minmax(0, 1fr)) !important;}
    .grid-cols-8  {grid-template-columns: repeat( 8, minmax(0, 1fr)) !important;}
    .grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr)) !important;}
    .grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr)) !important;}
    .grid-cols-15 {grid-template-columns: repeat(15, minmax(0, 1fr)) !important;}
    .grid-cols-16 {grid-template-columns: repeat(16, minmax(0, 1fr)) !important;}
    .grid-cols-18 {grid-template-columns: repeat(18, minmax(0, 1fr)) !important;}
    .grid-cols-20 {grid-template-columns: repeat(20, minmax(0, 1fr)) !important;}
    .grid-cols-24 {grid-template-columns: repeat(24, minmax(0, 1fr)) !important;}

    .col-1  {grid-column: span  1 / span  1 !important;}
    .col-2  {grid-column: span  2 / span  2 !important;}
    .col-3  {grid-column: span  3 / span  3 !important;}
    .col-4  {grid-column: span  4 / span  4 !important;}
    .col-5  {grid-column: span  5 / span  5 !important;}
    .col-6  {grid-column: span  6 / span  6 !important;}
    .col-7  {grid-column: span  7 / span  7 !important;}
    .col-8  {grid-column: span  8 / span  8 !important;}
    .col-9  {grid-column: span  9 / span  9 !important;}
    .col-10 {grid-column: span 10 / span 10 !important;}
    .col-11 {grid-column: span 11 / span 11 !important;}
    .col-12 {grid-column: span 12 / span 12 !important;}
    .col-13 {grid-column: span 13 / span 13 !important;}
    .col-14 {grid-column: span 14 / span 14 !important;}
    .col-15 {grid-column: span 15 / span 15 !important;}
    .col-16 {grid-column: span 16 / span 16 !important;}
    .col-17 {grid-column: span 17 / span 17 !important;}
    .col-18 {grid-column: span 18 / span 18 !important;}
    .col-19 {grid-column: span 19 / span 19 !important;}
    .col-20 {grid-column: span 20 / span 20 !important;}
    .col-21 {grid-column: span 21 / span 21 !important;}
    .col-22 {grid-column: span 22 / span 22 !important;}
    .col-23 {grid-column: span 23 / span 23 !important;}
    .col-24 {grid-column: span 24 / span 24 !important;}

    .col-fill {grid-column: 1 / -1 !important;}

    .col-start-1  {grid-column-start:  1 !important;}
    .col-start-2  {grid-column-start:  2 !important;}
    .col-start-3  {grid-column-start:  3 !important;}
    .col-start-4  {grid-column-start:  4 !important;}
    .col-start-5  {grid-column-start:  5 !important;}
    .col-start-6  {grid-column-start:  6 !important;}
    .col-start-7  {grid-column-start:  7 !important;}
    .col-start-8  {grid-column-start:  8 !important;}
    .col-start-9  {grid-column-start:  9 !important;}
    .col-start-10 {grid-column-start: 10 !important;}
    .col-start-11 {grid-column-start: 11 !important;}
    .col-start-12 {grid-column-start: 12 !important;}
    .col-start-13 {grid-column-start: 13 !important;}
    .col-start-14 {grid-column-start: 14 !important;}
    .col-start-15 {grid-column-start: 15 !important;}
    .col-start-16 {grid-column-start: 16 !important;}
    .col-start-17 {grid-column-start: 17 !important;}
    .col-start-18 {grid-column-start: 18 !important;}
    .col-start-19 {grid-column-start: 19 !important;}
    .col-start-20 {grid-column-start: 20 !important;}
    .col-start-21 {grid-column-start: 21 !important;}
    .col-start-22 {grid-column-start: 22 !important;}
    .col-start-23 {grid-column-start: 23 !important;}
    .col-start-24 {grid-column-start: 24 !important;}
    .col-start-25 {grid-column-start: 25 !important;}

    .col-end-1  {grid-column-end:  1 !important;}
    .col-end-2  {grid-column-end:  2 !important;}
    .col-end-3  {grid-column-end:  3 !important;}
    .col-end-4  {grid-column-end:  4 !important;}
    .col-end-5  {grid-column-end:  5 !important;}
    .col-end-6  {grid-column-end:  6 !important;}
    .col-end-7  {grid-column-end:  7 !important;}
    .col-end-8  {grid-column-end:  8 !important;}
    .col-end-9  {grid-column-end:  9 !important;}
    .col-end-10 {grid-column-end: 10 !important;}
    .col-end-11 {grid-column-end: 11 !important;}
    .col-end-12 {grid-column-end: 12 !important;}
    .col-end-13 {grid-column-end: 13 !important;}
    .col-end-14 {grid-column-end: 14 !important;}
    .col-end-15 {grid-column-end: 15 !important;}
    .col-end-16 {grid-column-end: 16 !important;}
    .col-end-17 {grid-column-end: 17 !important;}
    .col-end-18 {grid-column-end: 18 !important;}
    .col-end-19 {grid-column-end: 19 !important;}
    .col-end-20 {grid-column-end: 20 !important;}
    .col-end-21 {grid-column-end: 21 !important;}
    .col-end-22 {grid-column-end: 22 !important;}
    .col-end-23 {grid-column-end: 23 !important;}
    .col-end-24 {grid-column-end: 24 !important;}
    .col-end-25 {grid-column-end: 25 !important;}

    /* Flex wrap */
    .flex-wrap         {flex-wrap: wrap !important;}
    .flex-nowrap       {flex-wrap: nowrap !important;}
    .flex-wrap-reverse {flex-wrap: wrap-reverse !important;}

    /* Align items */
    .align-items-start    {align-items: start !important;}
    .align-items-end      {align-items: end !important;}
    .align-items-center   {align-items: center !important;}
    .align-items-baseline {align-items: baseline !important;}
    .align-items-stretch  {align-items: stretch !important;}

    /* Align content */
    .align-content-start   {align-content: flex-start !important;}
    .align-content-end     {align-content: flex-end !important;}
    .align-content-center  {align-content: center !important;}
    .align-content-between {align-content: space-between !important;}
    .align-content-around  {align-content: space-around !important;}
    .align-content-stretch {align-content: stretch !important;}

    /* Justify items */
    .justify-items-start    {justify-items: start !important;}
    .justify-items-end      {justify-items: end !important;}
    .justify-items-center   {justify-items: center !important;}
    .justify-items-stretch  {justify-items: stretch !important;}

    /* Justify content */
    .justify-content-start   {justify-content: start !important;}
    .justify-content-end     {justify-content: end !important;}
    .justify-content-center  {justify-content: center !important;}
    .justify-content-between {justify-content: space-between !important;}
    .justify-content-around  {justify-content: space-around !important;}
    .justify-content-evenly  {justify-content: space-evenly !important;}

    /* Float */
    .float-start {float: inline-start !important;}
    .float-end   {float: inline-end !important;}
    .float-none  {float: none !important;}

    /* Overflow */
    .overflow-visible   {overflow: visible !important;}
    .overflow-hidden    {overflow: hidden !important;}
    .overflow-clip      {overflow: clip !important;}
    .overflow-scroll    {overflow: scroll !important;}
    .overflow-auto      {overflow: auto !important;}
    .overflow-x-visible {overflow-x: visible !important;}
    .overflow-x-hidden  {overflow-x: hidden !important;}
    .overflow-x-clip    {overflow-x: clip !important;}
    .overflow-x-scroll  {overflow-x: scroll !important;}
    .overflow-x-auto    {overflow-x: auto !important;}
    .overflow-y-visible {overflow-y: visible !important;}
    .overflow-y-hidden  {overflow-y: hidden !important;}
    .overflow-y-clip    {overflow-y: clip !important;}
    .overflow-y-scroll  {overflow-y: scroll !important;}
    .overflow-y-auto    {overflow-y: auto !important;}

    /* Responsive grid and flex utilities */
    @media (width >= 640px) {
        .tablet-d-block {display: block !important;}
        .tablet-d-contents {display: contents !important;}
        .tablet-d-flex {display: flex !important;}
        .tablet-d-flow-root {display: flow-root !important;}
        .tablet-d-grid {display: grid !important;}
        .tablet-d-inline {display: inline !important;}
        .tablet-d-inline-block {display: inline-block !important;}
        .tablet-d-inline-flex {display: inline-flex !important;}
        .tablet-d-inline-grid {display: inline-grid !important;}
        .tablet-d-none {display: none !important;}
        .tablet-grid-cols-1 {grid-template-columns: repeat( 1, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-2 {grid-template-columns: repeat( 2, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-3 {grid-template-columns: repeat( 3, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-4 {grid-template-columns: repeat( 4, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-5 {grid-template-columns: repeat( 5, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-6 {grid-template-columns: repeat( 6, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-8 {grid-template-columns: repeat( 8, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-15 {grid-template-columns: repeat(15, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-16 {grid-template-columns: repeat(16, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-18 {grid-template-columns: repeat(18, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-20 {grid-template-columns: repeat(20, minmax(0, 1fr)) !important;}
        .tablet-grid-cols-24 {grid-template-columns: repeat(24, minmax(0, 1fr)) !important;}
        .tablet-col-1 {grid-column: span  1 / span  1 !important;}
        .tablet-col-2 {grid-column: span  2 / span  2 !important;}
        .tablet-col-3 {grid-column: span  3 / span  3 !important;}
        .tablet-col-4 {grid-column: span  4 / span  4 !important;}
        .tablet-col-5 {grid-column: span  5 / span  5 !important;}
        .tablet-col-6 {grid-column: span  6 / span  6 !important;}
        .tablet-col-7 {grid-column: span  7 / span  7 !important;}
        .tablet-col-8 {grid-column: span  8 / span  8 !important;}
        .tablet-col-9 {grid-column: span  9 / span  9 !important;}
        .tablet-col-10 {grid-column: span 10 / span 10 !important;}
        .tablet-col-11 {grid-column: span 11 / span 11 !important;}
        .tablet-col-12 {grid-column: span 12 / span 12 !important;}
        .tablet-col-13 {grid-column: span 13 / span 13 !important;}
        .tablet-col-14 {grid-column: span 14 / span 14 !important;}
        .tablet-col-15 {grid-column: span 15 / span 15 !important;}
        .tablet-col-16 {grid-column: span 16 / span 16 !important;}
        .tablet-col-17 {grid-column: span 17 / span 17 !important;}
        .tablet-col-18 {grid-column: span 18 / span 18 !important;}
        .tablet-col-19 {grid-column: span 19 / span 19 !important;}
        .tablet-col-20 {grid-column: span 20 / span 20 !important;}
        .tablet-col-21 {grid-column: span 21 / span 21 !important;}
        .tablet-col-22 {grid-column: span 22 / span 22 !important;}
        .tablet-col-23 {grid-column: span 23 / span 23 !important;}
        .tablet-col-24 {grid-column: span 24 / span 24 !important;}
        .tablet-col-fill {grid-column: 1 / -1 !important;}
        .tablet-col-start-1 {grid-column-start:  1 !important;}
        .tablet-col-start-2 {grid-column-start:  2 !important;}
        .tablet-col-start-3 {grid-column-start:  3 !important;}
        .tablet-col-start-4 {grid-column-start:  4 !important;}
        .tablet-col-start-5 {grid-column-start:  5 !important;}
        .tablet-col-start-6 {grid-column-start:  6 !important;}
        .tablet-col-start-7 {grid-column-start:  7 !important;}
        .tablet-col-start-8 {grid-column-start:  8 !important;}
        .tablet-col-start-9 {grid-column-start:  9 !important;}
        .tablet-col-start-10 {grid-column-start: 10 !important;}
        .tablet-col-start-11 {grid-column-start: 11 !important;}
        .tablet-col-start-12 {grid-column-start: 12 !important;}
        .tablet-col-start-13 {grid-column-start: 13 !important;}
        .tablet-col-start-14 {grid-column-start: 14 !important;}
        .tablet-col-start-15 {grid-column-start: 15 !important;}
        .tablet-col-start-16 {grid-column-start: 16 !important;}
        .tablet-col-start-17 {grid-column-start: 17 !important;}
        .tablet-col-start-18 {grid-column-start: 18 !important;}
        .tablet-col-start-19 {grid-column-start: 19 !important;}
        .tablet-col-start-20 {grid-column-start: 20 !important;}
        .tablet-col-start-21 {grid-column-start: 21 !important;}
        .tablet-col-start-22 {grid-column-start: 22 !important;}
        .tablet-col-start-23 {grid-column-start: 23 !important;}
        .tablet-col-start-24 {grid-column-start: 24 !important;}
        .tablet-col-start-25 {grid-column-start: 25 !important;}
        .tablet-col-end-1 {grid-column-end:  1 !important;}
        .tablet-col-end-2 {grid-column-end:  2 !important;}
        .tablet-col-end-3 {grid-column-end:  3 !important;}
        .tablet-col-end-4 {grid-column-end:  4 !important;}
        .tablet-col-end-5 {grid-column-end:  5 !important;}
        .tablet-col-end-6 {grid-column-end:  6 !important;}
        .tablet-col-end-7 {grid-column-end:  7 !important;}
        .tablet-col-end-8 {grid-column-end:  8 !important;}
        .tablet-col-end-9 {grid-column-end:  9 !important;}
        .tablet-col-end-10 {grid-column-end: 10 !important;}
        .tablet-col-end-11 {grid-column-end: 11 !important;}
        .tablet-col-end-12 {grid-column-end: 12 !important;}
        .tablet-col-end-13 {grid-column-end: 13 !important;}
        .tablet-col-end-14 {grid-column-end: 14 !important;}
        .tablet-col-end-15 {grid-column-end: 15 !important;}
        .tablet-col-end-16 {grid-column-end: 16 !important;}
        .tablet-col-end-17 {grid-column-end: 17 !important;}
        .tablet-col-end-18 {grid-column-end: 18 !important;}
        .tablet-col-end-19 {grid-column-end: 19 !important;}
        .tablet-col-end-20 {grid-column-end: 20 !important;}
        .tablet-col-end-21 {grid-column-end: 21 !important;}
        .tablet-col-end-22 {grid-column-end: 22 !important;}
        .tablet-col-end-23 {grid-column-end: 23 !important;}
        .tablet-col-end-24 {grid-column-end: 24 !important;}
        .tablet-col-end-25 {grid-column-end: 25 !important;}
        .tablet-flex-row {flex-direction: row !important;}
        .tablet-flex-row-reverse {flex-direction: row-reverse !important;}
        .tablet-flex-col {flex-direction: column !important;}
        .tablet-flex-col-reverse {flex-direction: column-reverse !important;}
        .tablet-flex-wrap {flex-wrap: wrap !important;}
        .tablet-flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
        .tablet-flex-nowrap {flex-wrap: nowrap !important;}
        .tablet-flex-fill {flex: 1 1 auto !important;}
        .tablet-flex-grow {flex-grow: 1 !important;}
        .tablet-flex-grow-0 {flex-grow: 0 !important;}
        .tablet-flex-shrink {flex-shrink: 1 !important;}
        .tablet-flex-shrink-0 {flex-shrink: 0 !important;}
        .tablet-align-items-start {align-items: start !important;}
        .tablet-align-items-end {align-items: end !important;}
        .tablet-align-items-center {align-items: center !important;}
        .tablet-align-items-baseline {align-items: baseline !important;}
        .tablet-align-items-stretch {align-items: stretch !important;}
        .tablet-align-content-start {align-content: flex-start !important;}
        .tablet-align-content-end {align-content: flex-end !important;}
        .tablet-align-content-center {align-content: center !important;}
        .tablet-align-content-between {align-content: space-between !important;}
        .tablet-align-content-around {align-content: space-around !important;}
        .tablet-align-content-stretch {align-content: stretch !important;}
        .tablet-justify-items-start {justify-items: start !important;}
        .tablet-justify-items-end {justify-items: end !important;}
        .tablet-justify-items-center {justify-items: center !important;}
        .tablet-justify-items-stretch {justify-items: stretch !important;}
        .tablet-justify-content-start {justify-content: start !important;}
        .tablet-justify-content-end {justify-content: end !important;}
        .tablet-justify-content-center {justify-content: center !important;}
        .tablet-justify-content-between {justify-content: space-between !important;}
        .tablet-justify-content-around {justify-content: space-around !important;}
        .tablet-justify-content-evenly {justify-content: space-evenly !important;}
        .tablet-position-static {position: static !important;}
        .tablet-position-relative {position: relative !important;}
        .tablet-position-absolute {position: absolute !important;}
        .tablet-position-fixed {position: fixed !important;}
        .tablet-position-sticky {position: sticky !important;}
        .tablet-text-xs  {font-size: 0.750rem; line-height: 1.50 !important;}
        .tablet-text-sm  {font-size: 0.875rem; line-height: 1.50 !important;}
        .tablet-text-md  {font-size: 1.000rem; line-height: 1.50 !important;}
        .tablet-text-lg  {font-size: 1.125rem; line-height: 1.45 !important;}
        .tablet-text-xl  {font-size: 1.250rem; line-height: 1.40 !important;}
        .tablet-text-2xl {font-size: 1.500rem; line-height: 1.33 !important;}
        .tablet-text-3xl {font-size: 1.750rem; line-height: 1.25 !important;}
        .tablet-text-4xl {font-size: 2.250rem; line-height: 1.16 !important;}
        .tablet-text-5xl {font-size: 3.000rem; line-height: 1.08 !important;}
        .tablet-text-6xl {font-size: 4.000rem; line-height: 1.00 !important;}
        .tablet-text-start {text-align: start !important;}
        .tablet-text-center {text-align: center !important;}
        .tablet-text-end {text-align: end !important;}
        .tablet-text-justify {text-align: justify !important;}
    }

    @media (width >= 1120px) {
        .desktop-d-block {display: block !important;}
        .desktop-d-contents {display: contents !important;}
        .desktop-d-flex {display: flex !important;}
        .desktop-d-flow-root {display: flow-root !important;}
        .desktop-d-grid {display: grid !important;}
        .desktop-d-inline {display: inline !important;}
        .desktop-d-inline-block {display: inline-block !important;}
        .desktop-d-inline-flex {display: inline-flex !important;}
        .desktop-d-inline-grid {display: inline-grid !important;}
        .desktop-d-none {display: none !important;}
        .desktop-grid-cols-1 {grid-template-columns: repeat( 1, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-2 {grid-template-columns: repeat( 2, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-3 {grid-template-columns: repeat( 3, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-4 {grid-template-columns: repeat( 4, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-5 {grid-template-columns: repeat( 5, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-6 {grid-template-columns: repeat( 6, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-8 {grid-template-columns: repeat( 8, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-15 {grid-template-columns: repeat(15, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-16 {grid-template-columns: repeat(16, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-18 {grid-template-columns: repeat(18, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-20 {grid-template-columns: repeat(20, minmax(0, 1fr)) !important;}
        .desktop-grid-cols-24 {grid-template-columns: repeat(24, minmax(0, 1fr)) !important;}
        .desktop-col-1 {grid-column: span  1 / span  1 !important;}
        .desktop-col-2 {grid-column: span  2 / span  2 !important;}
        .desktop-col-3 {grid-column: span  3 / span  3 !important;}
        .desktop-col-4 {grid-column: span  4 / span  4 !important;}
        .desktop-col-5 {grid-column: span  5 / span  5 !important;}
        .desktop-col-6 {grid-column: span  6 / span  6 !important;}
        .desktop-col-7 {grid-column: span  7 / span  7 !important;}
        .desktop-col-8 {grid-column: span  8 / span  8 !important;}
        .desktop-col-9 {grid-column: span  9 / span  9 !important;}
        .desktop-col-10 {grid-column: span 10 / span 10 !important;}
        .desktop-col-11 {grid-column: span 11 / span 11 !important;}
        .desktop-col-12 {grid-column: span 12 / span 12 !important;}
        .desktop-col-13 {grid-column: span 13 / span 13 !important;}
        .desktop-col-14 {grid-column: span 14 / span 14 !important;}
        .desktop-col-15 {grid-column: span 15 / span 15 !important;}
        .desktop-col-16 {grid-column: span 16 / span 16 !important;}
        .desktop-col-17 {grid-column: span 17 / span 17 !important;}
        .desktop-col-18 {grid-column: span 18 / span 18 !important;}
        .desktop-col-19 {grid-column: span 19 / span 19 !important;}
        .desktop-col-20 {grid-column: span 20 / span 20 !important;}
        .desktop-col-21 {grid-column: span 21 / span 21 !important;}
        .desktop-col-22 {grid-column: span 22 / span 22 !important;}
        .desktop-col-23 {grid-column: span 23 / span 23 !important;}
        .desktop-col-24 {grid-column: span 24 / span 24 !important;}
        .desktop-col-fill {grid-column: 1 / -1 !important;}
        .desktop-col-start-1 {grid-column-start:  1 !important;}
        .desktop-col-start-2 {grid-column-start:  2 !important;}
        .desktop-col-start-3 {grid-column-start:  3 !important;}
        .desktop-col-start-4 {grid-column-start:  4 !important;}
        .desktop-col-start-5 {grid-column-start:  5 !important;}
        .desktop-col-start-6 {grid-column-start:  6 !important;}
        .desktop-col-start-7 {grid-column-start:  7 !important;}
        .desktop-col-start-8 {grid-column-start:  8 !important;}
        .desktop-col-start-9 {grid-column-start:  9 !important;}
        .desktop-col-start-10 {grid-column-start: 10 !important;}
        .desktop-col-start-11 {grid-column-start: 11 !important;}
        .desktop-col-start-12 {grid-column-start: 12 !important;}
        .desktop-col-start-13 {grid-column-start: 13 !important;}
        .desktop-col-start-14 {grid-column-start: 14 !important;}
        .desktop-col-start-15 {grid-column-start: 15 !important;}
        .desktop-col-start-16 {grid-column-start: 16 !important;}
        .desktop-col-start-17 {grid-column-start: 17 !important;}
        .desktop-col-start-18 {grid-column-start: 18 !important;}
        .desktop-col-start-19 {grid-column-start: 19 !important;}
        .desktop-col-start-20 {grid-column-start: 20 !important;}
        .desktop-col-start-21 {grid-column-start: 21 !important;}
        .desktop-col-start-22 {grid-column-start: 22 !important;}
        .desktop-col-start-23 {grid-column-start: 23 !important;}
        .desktop-col-start-24 {grid-column-start: 24 !important;}
        .desktop-col-start-25 {grid-column-start: 25 !important;}
        .desktop-col-end-1 {grid-column-end:  1 !important;}
        .desktop-col-end-2 {grid-column-end:  2 !important;}
        .desktop-col-end-3 {grid-column-end:  3 !important;}
        .desktop-col-end-4 {grid-column-end:  4 !important;}
        .desktop-col-end-5 {grid-column-end:  5 !important;}
        .desktop-col-end-6 {grid-column-end:  6 !important;}
        .desktop-col-end-7 {grid-column-end:  7 !important;}
        .desktop-col-end-8 {grid-column-end:  8 !important;}
        .desktop-col-end-9 {grid-column-end:  9 !important;}
        .desktop-col-end-10 {grid-column-end: 10 !important;}
        .desktop-col-end-11 {grid-column-end: 11 !important;}
        .desktop-col-end-12 {grid-column-end: 12 !important;}
        .desktop-col-end-13 {grid-column-end: 13 !important;}
        .desktop-col-end-14 {grid-column-end: 14 !important;}
        .desktop-col-end-15 {grid-column-end: 15 !important;}
        .desktop-col-end-16 {grid-column-end: 16 !important;}
        .desktop-col-end-17 {grid-column-end: 17 !important;}
        .desktop-col-end-18 {grid-column-end: 18 !important;}
        .desktop-col-end-19 {grid-column-end: 19 !important;}
        .desktop-col-end-20 {grid-column-end: 20 !important;}
        .desktop-col-end-21 {grid-column-end: 21 !important;}
        .desktop-col-end-22 {grid-column-end: 22 !important;}
        .desktop-col-end-23 {grid-column-end: 23 !important;}
        .desktop-col-end-24 {grid-column-end: 24 !important;}
        .desktop-col-end-25 {grid-column-end: 25 !important;}
        .desktop-flex-row {flex-direction: row !important;}
        .desktop-flex-row-reverse {flex-direction: row-reverse !important;}
        .desktop-flex-col {flex-direction: column !important;}
        .desktop-flex-col-reverse {flex-direction: column-reverse !important;}
        .desktop-flex-wrap {flex-wrap: wrap !important;}
        .desktop-flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
        .desktop-flex-nowrap {flex-wrap: nowrap !important;}
        .desktop-flex-fill {flex: 1 1 auto !important;}
        .desktop-flex-grow {flex-grow: 1 !important;}
        .desktop-flex-grow-0 {flex-grow: 0 !important;}
        .desktop-flex-shrink {flex-shrink: 1 !important;}
        .desktop-flex-shrink-0 {flex-shrink: 0 !important;}
        .desktop-align-items-start {align-items: start !important;}
        .desktop-align-items-end {align-items: end !important;}
        .desktop-align-items-center {align-items: center !important;}
        .desktop-align-items-baseline {align-items: baseline !important;}
        .desktop-align-items-stretch {align-items: stretch !important;}
        .desktop-align-content-start {align-content: flex-start !important;}
        .desktop-align-content-end {align-content: flex-end !important;}
        .desktop-align-content-center {align-content: center !important;}
        .desktop-align-content-between {align-content: space-between !important;}
        .desktop-align-content-around {align-content: space-around !important;}
        .desktop-align-content-stretch {align-content: stretch !important;}
        .desktop-justify-items-start {justify-items: start !important;}
        .desktop-justify-items-end {justify-items: end !important;}
        .desktop-justify-items-center {justify-items: center !important;}
        .desktop-justify-items-stretch {justify-items: stretch !important;}
        .desktop-justify-content-start {justify-content: start !important;}
        .desktop-justify-content-end {justify-content: end !important;}
        .desktop-justify-content-center {justify-content: center !important;}
        .desktop-justify-content-between {justify-content: space-between !important;}
        .desktop-justify-content-around {justify-content: space-around !important;}
        .desktop-justify-content-evenly {justify-content: space-evenly !important;}
        .desktop-position-static {position: static !important;}
        .desktop-position-relative {position: relative !important;}
        .desktop-position-absolute {position: absolute !important;}
        .desktop-position-fixed {position: fixed !important;}
        .desktop-position-sticky {position: sticky !important;}
        .desktop-text-xs  {font-size: 0.750rem; line-height: 1.50 !important;}
        .desktop-text-sm  {font-size: 0.875rem; line-height: 1.50 !important;}
        .desktop-text-md  {font-size: 1.000rem; line-height: 1.50 !important;}
        .desktop-text-lg  {font-size: 1.125rem; line-height: 1.45 !important;}
        .desktop-text-xl  {font-size: 1.250rem; line-height: 1.40 !important;}
        .desktop-text-2xl {font-size: 1.500rem; line-height: 1.33 !important;}
        .desktop-text-3xl {font-size: 1.750rem; line-height: 1.25 !important;}
        .desktop-text-4xl {font-size: 2.250rem; line-height: 1.16 !important;}
        .desktop-text-5xl {font-size: 3.000rem; line-height: 1.08 !important;}
        .desktop-text-6xl {font-size: 4.000rem; line-height: 1.00 !important;}
        .desktop-text-start {text-align: start !important;}
        .desktop-text-center {text-align: center !important;}
        .desktop-text-end {text-align: end !important;}
        .desktop-text-justify {text-align: justify !important;}
    }

    @media (width >= 1680px) {
        .desktop-wide-d-block {display: block !important;}
        .desktop-wide-d-contents {display: contents !important;}
        .desktop-wide-d-flex {display: flex !important;}
        .desktop-wide-d-flow-root {display: flow-root !important;}
        .desktop-wide-d-grid {display: grid !important;}
        .desktop-wide-d-inline {display: inline !important;}
        .desktop-wide-d-inline-block {display: inline-block !important;}
        .desktop-wide-d-inline-flex {display: inline-flex !important;}
        .desktop-wide-d-inline-grid {display: inline-grid !important;}
        .desktop-wide-d-none {display: none !important;}
        .desktop-wide-grid-cols-1 {grid-template-columns: repeat( 1, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-2 {grid-template-columns: repeat( 2, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-3 {grid-template-columns: repeat( 3, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-4 {grid-template-columns: repeat( 4, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-5 {grid-template-columns: repeat( 5, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-6 {grid-template-columns: repeat( 6, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-8 {grid-template-columns: repeat( 8, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-15 {grid-template-columns: repeat(15, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-16 {grid-template-columns: repeat(16, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-18 {grid-template-columns: repeat(18, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-20 {grid-template-columns: repeat(20, minmax(0, 1fr)) !important;}
        .desktop-wide-grid-cols-24 {grid-template-columns: repeat(24, minmax(0, 1fr)) !important;}
        .desktop-wide-col-1 {grid-column: span  1 / span  1 !important;}
        .desktop-wide-col-2 {grid-column: span  2 / span  2 !important;}
        .desktop-wide-col-3 {grid-column: span  3 / span  3 !important;}
        .desktop-wide-col-4 {grid-column: span  4 / span  4 !important;}
        .desktop-wide-col-5 {grid-column: span  5 / span  5 !important;}
        .desktop-wide-col-6 {grid-column: span  6 / span  6 !important;}
        .desktop-wide-col-7 {grid-column: span  7 / span  7 !important;}
        .desktop-wide-col-8 {grid-column: span  8 / span  8 !important;}
        .desktop-wide-col-9 {grid-column: span  9 / span  9 !important;}
        .desktop-wide-col-10 {grid-column: span 10 / span 10 !important;}
        .desktop-wide-col-11 {grid-column: span 11 / span 11 !important;}
        .desktop-wide-col-12 {grid-column: span 12 / span 12 !important;}
        .desktop-wide-col-13 {grid-column: span 13 / span 13 !important;}
        .desktop-wide-col-14 {grid-column: span 14 / span 14 !important;}
        .desktop-wide-col-15 {grid-column: span 15 / span 15 !important;}
        .desktop-wide-col-16 {grid-column: span 16 / span 16 !important;}
        .desktop-wide-col-17 {grid-column: span 17 / span 17 !important;}
        .desktop-wide-col-18 {grid-column: span 18 / span 18 !important;}
        .desktop-wide-col-19 {grid-column: span 19 / span 19 !important;}
        .desktop-wide-col-20 {grid-column: span 20 / span 20 !important;}
        .desktop-wide-col-21 {grid-column: span 21 / span 21 !important;}
        .desktop-wide-col-22 {grid-column: span 22 / span 22 !important;}
        .desktop-wide-col-23 {grid-column: span 23 / span 23 !important;}
        .desktop-wide-col-24 {grid-column: span 24 / span 24 !important;}
        .desktop-wide-col-fill {grid-column: 1 / -1 !important;}
        .desktop-wide-col-start-1 {grid-column-start:  1 !important;}
        .desktop-wide-col-start-2 {grid-column-start:  2 !important;}
        .desktop-wide-col-start-3 {grid-column-start:  3 !important;}
        .desktop-wide-col-start-4 {grid-column-start:  4 !important;}
        .desktop-wide-col-start-5 {grid-column-start:  5 !important;}
        .desktop-wide-col-start-6 {grid-column-start:  6 !important;}
        .desktop-wide-col-start-7 {grid-column-start:  7 !important;}
        .desktop-wide-col-start-8 {grid-column-start:  8 !important;}
        .desktop-wide-col-start-9 {grid-column-start:  9 !important;}
        .desktop-wide-col-start-10 {grid-column-start: 10 !important;}
        .desktop-wide-col-start-11 {grid-column-start: 11 !important;}
        .desktop-wide-col-start-12 {grid-column-start: 12 !important;}
        .desktop-wide-col-start-13 {grid-column-start: 13 !important;}
        .desktop-wide-col-start-14 {grid-column-start: 14 !important;}
        .desktop-wide-col-start-15 {grid-column-start: 15 !important;}
        .desktop-wide-col-start-16 {grid-column-start: 16 !important;}
        .desktop-wide-col-start-17 {grid-column-start: 17 !important;}
        .desktop-wide-col-start-18 {grid-column-start: 18 !important;}
        .desktop-wide-col-start-19 {grid-column-start: 19 !important;}
        .desktop-wide-col-start-20 {grid-column-start: 20 !important;}
        .desktop-wide-col-start-21 {grid-column-start: 21 !important;}
        .desktop-wide-col-start-22 {grid-column-start: 22 !important;}
        .desktop-wide-col-start-23 {grid-column-start: 23 !important;}
        .desktop-wide-col-start-24 {grid-column-start: 24 !important;}
        .desktop-wide-col-start-25 {grid-column-start: 25 !important;}
        .desktop-wide-col-end-1 {grid-column-end:  1 !important;}
        .desktop-wide-col-end-2 {grid-column-end:  2 !important;}
        .desktop-wide-col-end-3 {grid-column-end:  3 !important;}
        .desktop-wide-col-end-4 {grid-column-end:  4 !important;}
        .desktop-wide-col-end-5 {grid-column-end:  5 !important;}
        .desktop-wide-col-end-6 {grid-column-end:  6 !important;}
        .desktop-wide-col-end-7 {grid-column-end:  7 !important;}
        .desktop-wide-col-end-8 {grid-column-end:  8 !important;}
        .desktop-wide-col-end-9 {grid-column-end:  9 !important;}
        .desktop-wide-col-end-10 {grid-column-end: 10 !important;}
        .desktop-wide-col-end-11 {grid-column-end: 11 !important;}
        .desktop-wide-col-end-12 {grid-column-end: 12 !important;}
        .desktop-wide-col-end-13 {grid-column-end: 13 !important;}
        .desktop-wide-col-end-14 {grid-column-end: 14 !important;}
        .desktop-wide-col-end-15 {grid-column-end: 15 !important;}
        .desktop-wide-col-end-16 {grid-column-end: 16 !important;}
        .desktop-wide-col-end-17 {grid-column-end: 17 !important;}
        .desktop-wide-col-end-18 {grid-column-end: 18 !important;}
        .desktop-wide-col-end-19 {grid-column-end: 19 !important;}
        .desktop-wide-col-end-20 {grid-column-end: 20 !important;}
        .desktop-wide-col-end-21 {grid-column-end: 21 !important;}
        .desktop-wide-col-end-22 {grid-column-end: 22 !important;}
        .desktop-wide-col-end-23 {grid-column-end: 23 !important;}
        .desktop-wide-col-end-24 {grid-column-end: 24 !important;}
        .desktop-wide-col-end-25 {grid-column-end: 25 !important;}
        .desktop-wide-flex-row {flex-direction: row !important;}
        .desktop-wide-flex-row-reverse {flex-direction: row-reverse !important;}
        .desktop-wide-flex-col {flex-direction: column !important;}
        .desktop-wide-flex-col-reverse {flex-direction: column-reverse !important;}
        .desktop-wide-flex-wrap {flex-wrap: wrap !important;}
        .desktop-wide-flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
        .desktop-wide-flex-nowrap {flex-wrap: nowrap !important;}
        .desktop-wide-flex-fill {flex: 1 1 auto !important;}
        .desktop-wide-flex-grow {flex-grow: 1 !important;}
        .desktop-wide-flex-grow-0 {flex-grow: 0 !important;}
        .desktop-wide-flex-shrink {flex-shrink: 1 !important;}
        .desktop-wide-flex-shrink-0 {flex-shrink: 0 !important;}
        .desktop-wide-align-items-start {align-items: start !important;}
        .desktop-wide-align-items-end {align-items: end !important;}
        .desktop-wide-align-items-center {align-items: center !important;}
        .desktop-wide-align-items-baseline {align-items: baseline !important;}
        .desktop-wide-align-items-stretch {align-items: stretch !important;}
        .desktop-wide-align-content-start {align-content: flex-start !important;}
        .desktop-wide-align-content-end {align-content: flex-end !important;}
        .desktop-wide-align-content-center {align-content: center !important;}
        .desktop-wide-align-content-between {align-content: space-between !important;}
        .desktop-wide-align-content-around {align-content: space-around !important;}
        .desktop-wide-align-content-stretch {align-content: stretch !important;}
        .desktop-wide-justify-items-start {justify-items: start !important;}
        .desktop-wide-justify-items-end {justify-items: end !important;}
        .desktop-wide-justify-items-center {justify-items: center !important;}
        .desktop-wide-justify-items-stretch {justify-items: stretch !important;}
        .desktop-wide-justify-content-start {justify-content: start !important;}
        .desktop-wide-justify-content-end {justify-content: end !important;}
        .desktop-wide-justify-content-center {justify-content: center !important;}
        .desktop-wide-justify-content-between {justify-content: space-between !important;}
        .desktop-wide-justify-content-around {justify-content: space-around !important;}
        .desktop-wide-justify-content-evenly {justify-content: space-evenly !important;}
        .desktop-wide-position-static {position: static !important;}
        .desktop-wide-position-relative {position: relative !important;}
        .desktop-wide-position-absolute {position: absolute !important;}
        .desktop-wide-position-fixed {position: fixed !important;}
        .desktop-wide-position-sticky {position: sticky !important;}
        .desktop-wide-text-xs  {font-size: 0.750rem; line-height: 1.50 !important;}
        .desktop-wide-text-sm  {font-size: 0.875rem; line-height: 1.50 !important;}
        .desktop-wide-text-md  {font-size: 1.000rem; line-height: 1.50 !important;}
        .desktop-wide-text-lg  {font-size: 1.125rem; line-height: 1.45 !important;}
        .desktop-wide-text-xl  {font-size: 1.250rem; line-height: 1.40 !important;}
        .desktop-wide-text-2xl {font-size: 1.500rem; line-height: 1.33 !important;}
        .desktop-wide-text-3xl {font-size: 1.750rem; line-height: 1.25 !important;}
        .desktop-wide-text-4xl {font-size: 2.250rem; line-height: 1.16 !important;}
        .desktop-wide-text-5xl {font-size: 3.000rem; line-height: 1.08 !important;}
        .desktop-wide-text-6xl {font-size: 4.000rem; line-height: 1.00 !important;}
        .desktop-wide-text-start {text-align: start !important;}
        .desktop-wide-text-center {text-align: center !important;}
        .desktop-wide-text-end {text-align: end !important;}
        .desktop-wide-text-justify {text-align: justify !important;}
    }

    /* Dark mode utilities */
    @media (prefers-color-scheme: dark) {
        @media (forced-colors: none) {
            .dark-bg-red-10 {background: var(--color-red-10) !important;} .dark-bg-red-20 {background: var(--color-red-20) !important;} .dark-bg-red-50 {background: var(--color-red-50) !important;} .dark-bg-red-100 {background: var(--color-red-100) !important;} .dark-bg-red-200 {background: var(--color-red-200) !important;} .dark-bg-red-300 {background: var(--color-red-300) !important;} .dark-bg-red-400 {background: var(--color-red-400) !important;} .dark-bg-red-500 {background: var(--color-red-500) !important;} .dark-bg-red-600 {background: var(--color-red-600) !important;} .dark-bg-red-700 {background: var(--color-red-700) !important;} .dark-bg-red-800 {background: var(--color-red-800) !important;} .dark-bg-red-900 {background: var(--color-red-900) !important;} .dark-bg-red-950 {background: var(--color-red-950) !important;} .dark-bg-red-980 {background: var(--color-red-980) !important;} .dark-bg-red-990 {background: var(--color-red-990) !important;}
            .dark-bg-tomato-10 {background: var(--color-tomato-10) !important;} .dark-bg-tomato-20 {background: var(--color-tomato-20) !important;} .dark-bg-tomato-50 {background: var(--color-tomato-50) !important;} .dark-bg-tomato-100 {background: var(--color-tomato-100) !important;} .dark-bg-tomato-200 {background: var(--color-tomato-200) !important;} .dark-bg-tomato-300 {background: var(--color-tomato-300) !important;} .dark-bg-tomato-400 {background: var(--color-tomato-400) !important;} .dark-bg-tomato-500 {background: var(--color-tomato-500) !important;} .dark-bg-tomato-600 {background: var(--color-tomato-600) !important;} .dark-bg-tomato-700 {background: var(--color-tomato-700) !important;} .dark-bg-tomato-800 {background: var(--color-tomato-800) !important;} .dark-bg-tomato-900 {background: var(--color-tomato-900) !important;} .dark-bg-tomato-950 {background: var(--color-tomato-950) !important;} .dark-bg-tomato-980 {background: var(--color-tomato-980) !important;} .dark-bg-tomato-990 {background: var(--color-tomato-990) !important;}
            .dark-bg-orange-10 {background: var(--color-orange-10) !important;} .dark-bg-orange-20 {background: var(--color-orange-20) !important;} .dark-bg-orange-50 {background: var(--color-orange-50) !important;} .dark-bg-orange-100 {background: var(--color-orange-100) !important;} .dark-bg-orange-200 {background: var(--color-orange-200) !important;} .dark-bg-orange-300 {background: var(--color-orange-300) !important;} .dark-bg-orange-400 {background: var(--color-orange-400) !important;} .dark-bg-orange-500 {background: var(--color-orange-500) !important;} .dark-bg-orange-600 {background: var(--color-orange-600) !important;} .dark-bg-orange-700 {background: var(--color-orange-700) !important;} .dark-bg-orange-800 {background: var(--color-orange-800) !important;} .dark-bg-orange-900 {background: var(--color-orange-900) !important;} .dark-bg-orange-950 {background: var(--color-orange-950) !important;} .dark-bg-orange-980 {background: var(--color-orange-980) !important;} .dark-bg-orange-990 {background: var(--color-orange-990) !important;}
            .dark-bg-amber-10 {background: var(--color-amber-10) !important;} .dark-bg-amber-20 {background: var(--color-amber-20) !important;} .dark-bg-amber-50 {background: var(--color-amber-50) !important;} .dark-bg-amber-100 {background: var(--color-amber-100) !important;} .dark-bg-amber-200 {background: var(--color-amber-200) !important;} .dark-bg-amber-300 {background: var(--color-amber-300) !important;} .dark-bg-amber-400 {background: var(--color-amber-400) !important;} .dark-bg-amber-500 {background: var(--color-amber-500) !important;} .dark-bg-amber-600 {background: var(--color-amber-600) !important;} .dark-bg-amber-700 {background: var(--color-amber-700) !important;} .dark-bg-amber-800 {background: var(--color-amber-800) !important;} .dark-bg-amber-900 {background: var(--color-amber-900) !important;} .dark-bg-amber-950 {background: var(--color-amber-950) !important;} .dark-bg-amber-980 {background: var(--color-amber-980) !important;} .dark-bg-amber-990 {background: var(--color-amber-990) !important;}
            .dark-bg-yellow-10 {background: var(--color-yellow-10) !important;} .dark-bg-yellow-20 {background: var(--color-yellow-20) !important;} .dark-bg-yellow-50 {background: var(--color-yellow-50) !important;} .dark-bg-yellow-100 {background: var(--color-yellow-100) !important;} .dark-bg-yellow-200 {background: var(--color-yellow-200) !important;} .dark-bg-yellow-300 {background: var(--color-yellow-300) !important;} .dark-bg-yellow-400 {background: var(--color-yellow-400) !important;} .dark-bg-yellow-500 {background: var(--color-yellow-500) !important;} .dark-bg-yellow-600 {background: var(--color-yellow-600) !important;} .dark-bg-yellow-700 {background: var(--color-yellow-700) !important;} .dark-bg-yellow-800 {background: var(--color-yellow-800) !important;} .dark-bg-yellow-900 {background: var(--color-yellow-900) !important;} .dark-bg-yellow-950 {background: var(--color-yellow-950) !important;} .dark-bg-yellow-980 {background: var(--color-yellow-980) !important;} .dark-bg-yellow-990 {background: var(--color-yellow-990) !important;}
            .dark-bg-lime-10 {background: var(--color-lime-10) !important;} .dark-bg-lime-20 {background: var(--color-lime-20) !important;} .dark-bg-lime-50 {background: var(--color-lime-50) !important;} .dark-bg-lime-100 {background: var(--color-lime-100) !important;} .dark-bg-lime-200 {background: var(--color-lime-200) !important;} .dark-bg-lime-300 {background: var(--color-lime-300) !important;} .dark-bg-lime-400 {background: var(--color-lime-400) !important;} .dark-bg-lime-500 {background: var(--color-lime-500) !important;} .dark-bg-lime-600 {background: var(--color-lime-600) !important;} .dark-bg-lime-700 {background: var(--color-lime-700) !important;} .dark-bg-lime-800 {background: var(--color-lime-800) !important;} .dark-bg-lime-900 {background: var(--color-lime-900) !important;} .dark-bg-lime-950 {background: var(--color-lime-950) !important;} .dark-bg-lime-980 {background: var(--color-lime-980) !important;} .dark-bg-lime-990 {background: var(--color-lime-990) !important;}
            .dark-bg-green-10 {background: var(--color-green-10) !important;} .dark-bg-green-20 {background: var(--color-green-20) !important;} .dark-bg-green-50 {background: var(--color-green-50) !important;} .dark-bg-green-100 {background: var(--color-green-100) !important;} .dark-bg-green-200 {background: var(--color-green-200) !important;} .dark-bg-green-300 {background: var(--color-green-300) !important;} .dark-bg-green-400 {background: var(--color-green-400) !important;} .dark-bg-green-500 {background: var(--color-green-500) !important;} .dark-bg-green-600 {background: var(--color-green-600) !important;} .dark-bg-green-700 {background: var(--color-green-700) !important;} .dark-bg-green-800 {background: var(--color-green-800) !important;} .dark-bg-green-900 {background: var(--color-green-900) !important;} .dark-bg-green-950 {background: var(--color-green-950) !important;} .dark-bg-green-980 {background: var(--color-green-980) !important;} .dark-bg-green-990 {background: var(--color-green-990) !important;}
            .dark-bg-teal-10 {background: var(--color-teal-10) !important;} .dark-bg-teal-20 {background: var(--color-teal-20) !important;} .dark-bg-teal-50 {background: var(--color-teal-50) !important;} .dark-bg-teal-100 {background: var(--color-teal-100) !important;} .dark-bg-teal-200 {background: var(--color-teal-200) !important;} .dark-bg-teal-300 {background: var(--color-teal-300) !important;} .dark-bg-teal-400 {background: var(--color-teal-400) !important;} .dark-bg-teal-500 {background: var(--color-teal-500) !important;} .dark-bg-teal-600 {background: var(--color-teal-600) !important;} .dark-bg-teal-700 {background: var(--color-teal-700) !important;} .dark-bg-teal-800 {background: var(--color-teal-800) !important;} .dark-bg-teal-900 {background: var(--color-teal-900) !important;} .dark-bg-teal-950 {background: var(--color-teal-950) !important;} .dark-bg-teal-980 {background: var(--color-teal-980) !important;} .dark-bg-teal-990 {background: var(--color-teal-990) !important;}
            .dark-bg-blue-10 {background: var(--color-blue-10) !important;} .dark-bg-blue-20 {background: var(--color-blue-20) !important;} .dark-bg-blue-50 {background: var(--color-blue-50) !important;} .dark-bg-blue-100 {background: var(--color-blue-100) !important;} .dark-bg-blue-200 {background: var(--color-blue-200) !important;} .dark-bg-blue-300 {background: var(--color-blue-300) !important;} .dark-bg-blue-400 {background: var(--color-blue-400) !important;} .dark-bg-blue-500 {background: var(--color-blue-500) !important;} .dark-bg-blue-600 {background: var(--color-blue-600) !important;} .dark-bg-blue-700 {background: var(--color-blue-700) !important;} .dark-bg-blue-800 {background: var(--color-blue-800) !important;} .dark-bg-blue-900 {background: var(--color-blue-900) !important;} .dark-bg-blue-950 {background: var(--color-blue-950) !important;} .dark-bg-blue-980 {background: var(--color-blue-980) !important;} .dark-bg-blue-990 {background: var(--color-blue-990) !important;}
            .dark-bg-indigo-10 {background: var(--color-indigo-10) !important;} .dark-bg-indigo-20 {background: var(--color-indigo-20) !important;} .dark-bg-indigo-50 {background: var(--color-indigo-50) !important;} .dark-bg-indigo-100 {background: var(--color-indigo-100) !important;} .dark-bg-indigo-200 {background: var(--color-indigo-200) !important;} .dark-bg-indigo-300 {background: var(--color-indigo-300) !important;} .dark-bg-indigo-400 {background: var(--color-indigo-400) !important;} .dark-bg-indigo-500 {background: var(--color-indigo-500) !important;} .dark-bg-indigo-600 {background: var(--color-indigo-600) !important;} .dark-bg-indigo-700 {background: var(--color-indigo-700) !important;} .dark-bg-indigo-800 {background: var(--color-indigo-800) !important;} .dark-bg-indigo-900 {background: var(--color-indigo-900) !important;} .dark-bg-indigo-950 {background: var(--color-indigo-950) !important;} .dark-bg-indigo-980 {background: var(--color-indigo-980) !important;} .dark-bg-indigo-990 {background: var(--color-indigo-990) !important;}
            .dark-bg-purple-10 {background: var(--color-purple-10) !important;} .dark-bg-purple-20 {background: var(--color-purple-20) !important;} .dark-bg-purple-50 {background: var(--color-purple-50) !important;} .dark-bg-purple-100 {background: var(--color-purple-100) !important;} .dark-bg-purple-200 {background: var(--color-purple-200) !important;} .dark-bg-purple-300 {background: var(--color-purple-300) !important;} .dark-bg-purple-400 {background: var(--color-purple-400) !important;} .dark-bg-purple-500 {background: var(--color-purple-500) !important;} .dark-bg-purple-600 {background: var(--color-purple-600) !important;} .dark-bg-purple-700 {background: var(--color-purple-700) !important;} .dark-bg-purple-800 {background: var(--color-purple-800) !important;} .dark-bg-purple-900 {background: var(--color-purple-900) !important;} .dark-bg-purple-950 {background: var(--color-purple-950) !important;} .dark-bg-purple-980 {background: var(--color-purple-980) !important;} .dark-bg-purple-990 {background: var(--color-purple-990) !important;}
            .dark-bg-pink-10 {background: var(--color-pink-10) !important;} .dark-bg-pink-20 {background: var(--color-pink-20) !important;} .dark-bg-pink-50 {background: var(--color-pink-50) !important;} .dark-bg-pink-100 {background: var(--color-pink-100) !important;} .dark-bg-pink-200 {background: var(--color-pink-200) !important;} .dark-bg-pink-300 {background: var(--color-pink-300) !important;} .dark-bg-pink-400 {background: var(--color-pink-400) !important;} .dark-bg-pink-500 {background: var(--color-pink-500) !important;} .dark-bg-pink-600 {background: var(--color-pink-600) !important;} .dark-bg-pink-700 {background: var(--color-pink-700) !important;} .dark-bg-pink-800 {background: var(--color-pink-800) !important;} .dark-bg-pink-900 {background: var(--color-pink-900) !important;} .dark-bg-pink-950 {background: var(--color-pink-950) !important;} .dark-bg-pink-980 {background: var(--color-pink-980) !important;} .dark-bg-pink-990 {background: var(--color-pink-990) !important;}
            .dark-bg-brown-10 {background: var(--color-brown-10) !important;} .dark-bg-brown-20 {background: var(--color-brown-20) !important;} .dark-bg-brown-50 {background: var(--color-brown-50) !important;} .dark-bg-brown-100 {background: var(--color-brown-100) !important;} .dark-bg-brown-200 {background: var(--color-brown-200) !important;} .dark-bg-brown-300 {background: var(--color-brown-300) !important;} .dark-bg-brown-400 {background: var(--color-brown-400) !important;} .dark-bg-brown-500 {background: var(--color-brown-500) !important;} .dark-bg-brown-600 {background: var(--color-brown-600) !important;} .dark-bg-brown-700 {background: var(--color-brown-700) !important;} .dark-bg-brown-800 {background: var(--color-brown-800) !important;} .dark-bg-brown-900 {background: var(--color-brown-900) !important;} .dark-bg-brown-950 {background: var(--color-brown-950) !important;} .dark-bg-brown-980 {background: var(--color-brown-980) !important;} .dark-bg-brown-990 {background: var(--color-brown-990) !important;}
            .dark-bg-gray-10 {background: var(--color-gray-10) !important;} .dark-bg-gray-20 {background: var(--color-gray-20) !important;} .dark-bg-gray-50 {background: var(--color-gray-50) !important;} .dark-bg-gray-100 {background: var(--color-gray-100) !important;} .dark-bg-gray-200 {background: var(--color-gray-200) !important;} .dark-bg-gray-300 {background: var(--color-gray-300) !important;} .dark-bg-gray-400 {background: var(--color-gray-400) !important;} .dark-bg-gray-500 {background: var(--color-gray-500) !important;} .dark-bg-gray-600 {background: var(--color-gray-600) !important;} .dark-bg-gray-700 {background: var(--color-gray-700) !important;} .dark-bg-gray-800 {background: var(--color-gray-800) !important;} .dark-bg-gray-900 {background: var(--color-gray-900) !important;} .dark-bg-gray-950 {background: var(--color-gray-950) !important;} .dark-bg-gray-980 {background: var(--color-gray-980) !important;} .dark-bg-gray-990 {background: var(--color-gray-990) !important;}
            .dark-bg-white {background: var(--color-white) !important;}
            .dark-bg-black {background: var(--color-black) !important;}
            .dark-bg-transparent {background: transparent !important;}

            .dark-text-red-10 {color: var(--color-red-10) !important;} .dark-text-red-20 {color: var(--color-red-20) !important;} .dark-text-red-50 {color: var(--color-red-50) !important;} .dark-text-red-100 {color: var(--color-red-100) !important;} .dark-text-red-200 {color: var(--color-red-200) !important;} .dark-text-red-300 {color: var(--color-red-300) !important;} .dark-text-red-400 {color: var(--color-red-400) !important;} .dark-text-red-500 {color: var(--color-red-500) !important;} .dark-text-red-600 {color: var(--color-red-600) !important;} .dark-text-red-700 {color: var(--color-red-700) !important;} .dark-text-red-800 {color: var(--color-red-800) !important;} .dark-text-red-900 {color: var(--color-red-900) !important;} .dark-text-red-950 {color: var(--color-red-950) !important;} .dark-text-red-980 {color: var(--color-red-980) !important;} .dark-text-red-990 {color: var(--color-red-990) !important;}
            .dark-text-tomato-10 {color: var(--color-tomato-10) !important;} .dark-text-tomato-20 {color: var(--color-tomato-20) !important;} .dark-text-tomato-50 {color: var(--color-tomato-50) !important;} .dark-text-tomato-100 {color: var(--color-tomato-100) !important;} .dark-text-tomato-200 {color: var(--color-tomato-200) !important;} .dark-text-tomato-300 {color: var(--color-tomato-300) !important;} .dark-text-tomato-400 {color: var(--color-tomato-400) !important;} .dark-text-tomato-500 {color: var(--color-tomato-500) !important;} .dark-text-tomato-600 {color: var(--color-tomato-600) !important;} .dark-text-tomato-700 {color: var(--color-tomato-700) !important;} .dark-text-tomato-800 {color: var(--color-tomato-800) !important;} .dark-text-tomato-900 {color: var(--color-tomato-900) !important;} .dark-text-tomato-950 {color: var(--color-tomato-950) !important;} .dark-text-tomato-980 {color: var(--color-tomato-980) !important;} .dark-text-tomato-990 {color: var(--color-tomato-990) !important;}
            .dark-text-orange-10 {color: var(--color-orange-10) !important;} .dark-text-orange-20 {color: var(--color-orange-20) !important;} .dark-text-orange-50 {color: var(--color-orange-50) !important;} .dark-text-orange-100 {color: var(--color-orange-100) !important;} .dark-text-orange-200 {color: var(--color-orange-200) !important;} .dark-text-orange-300 {color: var(--color-orange-300) !important;} .dark-text-orange-400 {color: var(--color-orange-400) !important;} .dark-text-orange-500 {color: var(--color-orange-500) !important;} .dark-text-orange-600 {color: var(--color-orange-600) !important;} .dark-text-orange-700 {color: var(--color-orange-700) !important;} .dark-text-orange-800 {color: var(--color-orange-800) !important;} .dark-text-orange-900 {color: var(--color-orange-900) !important;} .dark-text-orange-950 {color: var(--color-orange-950) !important;} .dark-text-orange-980 {color: var(--color-orange-980) !important;} .dark-text-orange-990 {color: var(--color-orange-990) !important;}
            .dark-text-amber-10 {color: var(--color-amber-10) !important;} .dark-text-amber-20 {color: var(--color-amber-20) !important;} .dark-text-amber-50 {color: var(--color-amber-50) !important;} .dark-text-amber-100 {color: var(--color-amber-100) !important;} .dark-text-amber-200 {color: var(--color-amber-200) !important;} .dark-text-amber-300 {color: var(--color-amber-300) !important;} .dark-text-amber-400 {color: var(--color-amber-400) !important;} .dark-text-amber-500 {color: var(--color-amber-500) !important;} .dark-text-amber-600 {color: var(--color-amber-600) !important;} .dark-text-amber-700 {color: var(--color-amber-700) !important;} .dark-text-amber-800 {color: var(--color-amber-800) !important;} .dark-text-amber-900 {color: var(--color-amber-900) !important;} .dark-text-amber-950 {color: var(--color-amber-950) !important;} .dark-text-amber-980 {color: var(--color-amber-980) !important;} .dark-text-amber-990 {color: var(--color-amber-990) !important;}
            .dark-text-yellow-10 {color: var(--color-yellow-10) !important;} .dark-text-yellow-20 {color: var(--color-yellow-20) !important;} .dark-text-yellow-50 {color: var(--color-yellow-50) !important;} .dark-text-yellow-100 {color: var(--color-yellow-100) !important;} .dark-text-yellow-200 {color: var(--color-yellow-200) !important;} .dark-text-yellow-300 {color: var(--color-yellow-300) !important;} .dark-text-yellow-400 {color: var(--color-yellow-400) !important;} .dark-text-yellow-500 {color: var(--color-yellow-500) !important;} .dark-text-yellow-600 {color: var(--color-yellow-600) !important;} .dark-text-yellow-700 {color: var(--color-yellow-700) !important;} .dark-text-yellow-800 {color: var(--color-yellow-800) !important;} .dark-text-yellow-900 {color: var(--color-yellow-900) !important;} .dark-text-yellow-950 {color: var(--color-yellow-950) !important;} .dark-text-yellow-980 {color: var(--color-yellow-980) !important;} .dark-text-yellow-990 {color: var(--color-yellow-990) !important;}
            .dark-text-lime-10 {color: var(--color-lime-10) !important;} .dark-text-lime-20 {color: var(--color-lime-20) !important;} .dark-text-lime-50 {color: var(--color-lime-50) !important;} .dark-text-lime-100 {color: var(--color-lime-100) !important;} .dark-text-lime-200 {color: var(--color-lime-200) !important;} .dark-text-lime-300 {color: var(--color-lime-300) !important;} .dark-text-lime-400 {color: var(--color-lime-400) !important;} .dark-text-lime-500 {color: var(--color-lime-500) !important;} .dark-text-lime-600 {color: var(--color-lime-600) !important;} .dark-text-lime-700 {color: var(--color-lime-700) !important;} .dark-text-lime-800 {color: var(--color-lime-800) !important;} .dark-text-lime-900 {color: var(--color-lime-900) !important;} .dark-text-lime-950 {color: var(--color-lime-950) !important;} .dark-text-lime-980 {color: var(--color-lime-980) !important;} .dark-text-lime-990 {color: var(--color-lime-990) !important;}
            .dark-text-green-10 {color: var(--color-green-10) !important;} .dark-text-green-20 {color: var(--color-green-20) !important;} .dark-text-green-50 {color: var(--color-green-50) !important;} .dark-text-green-100 {color: var(--color-green-100) !important;} .dark-text-green-200 {color: var(--color-green-200) !important;} .dark-text-green-300 {color: var(--color-green-300) !important;} .dark-text-green-400 {color: var(--color-green-400) !important;} .dark-text-green-500 {color: var(--color-green-500) !important;} .dark-text-green-600 {color: var(--color-green-600) !important;} .dark-text-green-700 {color: var(--color-green-700) !important;} .dark-text-green-800 {color: var(--color-green-800) !important;} .dark-text-green-900 {color: var(--color-green-900) !important;} .dark-text-green-950 {color: var(--color-green-950) !important;} .dark-text-green-980 {color: var(--color-green-980) !important;} .dark-text-green-990 {color: var(--color-green-990) !important;}
            .dark-text-teal-10 {color: var(--color-teal-10) !important;} .dark-text-teal-20 {color: var(--color-teal-20) !important;} .dark-text-teal-50 {color: var(--color-teal-50) !important;} .dark-text-teal-100 {color: var(--color-teal-100) !important;} .dark-text-teal-200 {color: var(--color-teal-200) !important;} .dark-text-teal-300 {color: var(--color-teal-300) !important;} .dark-text-teal-400 {color: var(--color-teal-400) !important;} .dark-text-teal-500 {color: var(--color-teal-500) !important;} .dark-text-teal-600 {color: var(--color-teal-600) !important;} .dark-text-teal-700 {color: var(--color-teal-700) !important;} .dark-text-teal-800 {color: var(--color-teal-800) !important;} .dark-text-teal-900 {color: var(--color-teal-900) !important;} .dark-text-teal-950 {color: var(--color-teal-950) !important;} .dark-text-teal-980 {color: var(--color-teal-980) !important;} .dark-text-teal-990 {color: var(--color-teal-990) !important;}
            .dark-text-blue-10 {color: var(--color-blue-10) !important;} .dark-text-blue-20 {color: var(--color-blue-20) !important;} .dark-text-blue-50 {color: var(--color-blue-50) !important;} .dark-text-blue-100 {color: var(--color-blue-100) !important;} .dark-text-blue-200 {color: var(--color-blue-200) !important;} .dark-text-blue-300 {color: var(--color-blue-300) !important;} .dark-text-blue-400 {color: var(--color-blue-400) !important;} .dark-text-blue-500 {color: var(--color-blue-500) !important;} .dark-text-blue-600 {color: var(--color-blue-600) !important;} .dark-text-blue-700 {color: var(--color-blue-700) !important;} .dark-text-blue-800 {color: var(--color-blue-800) !important;} .dark-text-blue-900 {color: var(--color-blue-900) !important;} .dark-text-blue-950 {color: var(--color-blue-950) !important;} .dark-text-blue-980 {color: var(--color-blue-980) !important;} .dark-text-blue-990 {color: var(--color-blue-990) !important;}
            .dark-text-indigo-10 {color: var(--color-indigo-10) !important;} .dark-text-indigo-20 {color: var(--color-indigo-20) !important;} .dark-text-indigo-50 {color: var(--color-indigo-50) !important;} .dark-text-indigo-100 {color: var(--color-indigo-100) !important;} .dark-text-indigo-200 {color: var(--color-indigo-200) !important;} .dark-text-indigo-300 {color: var(--color-indigo-300) !important;} .dark-text-indigo-400 {color: var(--color-indigo-400) !important;} .dark-text-indigo-500 {color: var(--color-indigo-500) !important;} .dark-text-indigo-600 {color: var(--color-indigo-600) !important;} .dark-text-indigo-700 {color: var(--color-indigo-700) !important;} .dark-text-indigo-800 {color: var(--color-indigo-800) !important;} .dark-text-indigo-900 {color: var(--color-indigo-900) !important;} .dark-text-indigo-950 {color: var(--color-indigo-950) !important;} .dark-text-indigo-980 {color: var(--color-indigo-980) !important;} .dark-text-indigo-990 {color: var(--color-indigo-990) !important;}
            .dark-text-purple-10 {color: var(--color-purple-10) !important;} .dark-text-purple-20 {color: var(--color-purple-20) !important;} .dark-text-purple-50 {color: var(--color-purple-50) !important;} .dark-text-purple-100 {color: var(--color-purple-100) !important;} .dark-text-purple-200 {color: var(--color-purple-200) !important;} .dark-text-purple-300 {color: var(--color-purple-300) !important;} .dark-text-purple-400 {color: var(--color-purple-400) !important;} .dark-text-purple-500 {color: var(--color-purple-500) !important;} .dark-text-purple-600 {color: var(--color-purple-600) !important;} .dark-text-purple-700 {color: var(--color-purple-700) !important;} .dark-text-purple-800 {color: var(--color-purple-800) !important;} .dark-text-purple-900 {color: var(--color-purple-900) !important;} .dark-text-purple-950 {color: var(--color-purple-950) !important;} .dark-text-purple-980 {color: var(--color-purple-980) !important;} .dark-text-purple-990 {color: var(--color-purple-990) !important;}
            .dark-text-pink-10 {color: var(--color-pink-10) !important;} .dark-text-pink-20 {color: var(--color-pink-20) !important;} .dark-text-pink-50 {color: var(--color-pink-50) !important;} .dark-text-pink-100 {color: var(--color-pink-100) !important;} .dark-text-pink-200 {color: var(--color-pink-200) !important;} .dark-text-pink-300 {color: var(--color-pink-300) !important;} .dark-text-pink-400 {color: var(--color-pink-400) !important;} .dark-text-pink-500 {color: var(--color-pink-500) !important;} .dark-text-pink-600 {color: var(--color-pink-600) !important;} .dark-text-pink-700 {color: var(--color-pink-700) !important;} .dark-text-pink-800 {color: var(--color-pink-800) !important;} .dark-text-pink-900 {color: var(--color-pink-900) !important;} .dark-text-pink-950 {color: var(--color-pink-950) !important;} .dark-text-pink-980 {color: var(--color-pink-980) !important;} .dark-text-pink-990 {color: var(--color-pink-990) !important;}
            .dark-text-brown-10 {color: var(--color-brown-10) !important;} .dark-text-brown-20 {color: var(--color-brown-20) !important;} .dark-text-brown-50 {color: var(--color-brown-50) !important;} .dark-text-brown-100 {color: var(--color-brown-100) !important;} .dark-text-brown-200 {color: var(--color-brown-200) !important;} .dark-text-brown-300 {color: var(--color-brown-300) !important;} .dark-text-brown-400 {color: var(--color-brown-400) !important;} .dark-text-brown-500 {color: var(--color-brown-500) !important;} .dark-text-brown-600 {color: var(--color-brown-600) !important;} .dark-text-brown-700 {color: var(--color-brown-700) !important;} .dark-text-brown-800 {color: var(--color-brown-800) !important;} .dark-text-brown-900 {color: var(--color-brown-900) !important;} .dark-text-brown-950 {color: var(--color-brown-950) !important;} .dark-text-brown-980 {color: var(--color-brown-980) !important;} .dark-text-brown-990 {color: var(--color-brown-990) !important;}
            .dark-text-gray-10 {color: var(--color-gray-10) !important;} .dark-text-gray-20 {color: var(--color-gray-20) !important;} .dark-text-gray-50 {color: var(--color-gray-50) !important;} .dark-text-gray-100 {color: var(--color-gray-100) !important;} .dark-text-gray-200 {color: var(--color-gray-200) !important;} .dark-text-gray-300 {color: var(--color-gray-300) !important;} .dark-text-gray-400 {color: var(--color-gray-400) !important;} .dark-text-gray-500 {color: var(--color-gray-500) !important;} .dark-text-gray-600 {color: var(--color-gray-600) !important;} .dark-text-gray-700 {color: var(--color-gray-700) !important;} .dark-text-gray-800 {color: var(--color-gray-800) !important;} .dark-text-gray-900 {color: var(--color-gray-900) !important;} .dark-text-gray-950 {color: var(--color-gray-950) !important;} .dark-text-gray-980 {color: var(--color-gray-980) !important;} .dark-text-gray-990 {color: var(--color-gray-990) !important;}
            .dark-text-white {color: var(--color-white) !important;}
            .dark-text-black {color: var(--color-black) !important;}


            .dark-border-red-10 {border-color: var(--color-red-10) !important;} .dark-border-red-20 {border-color: var(--color-red-20) !important;} .dark-border-red-50 {border-color: var(--color-red-50) !important;} .dark-border-red-100 {border-color: var(--color-red-100) !important;} .dark-border-red-200 {border-color: var(--color-red-200) !important;} .dark-border-red-300 {border-color: var(--color-red-300) !important;} .dark-border-red-400 {border-color: var(--color-red-400) !important;} .dark-border-red-500 {border-color: var(--color-red-500) !important;} .dark-border-red-600 {border-color: var(--color-red-600) !important;} .dark-border-red-700 {border-color: var(--color-red-700) !important;} .dark-border-red-800 {border-color: var(--color-red-800) !important;} .dark-border-red-900 {border-color: var(--color-red-900) !important;} .dark-border-red-950 {border-color: var(--color-red-950) !important;} .dark-border-red-980 {border-color: var(--color-red-980) !important;} .dark-border-red-990 {border-color: var(--color-red-990) !important;}
            .dark-border-tomato-10 {border-color: var(--color-tomato-10) !important;} .dark-border-tomato-20 {border-color: var(--color-tomato-20) !important;} .dark-border-tomato-50 {border-color: var(--color-tomato-50) !important;} .dark-border-tomato-100 {border-color: var(--color-tomato-100) !important;} .dark-border-tomato-200 {border-color: var(--color-tomato-200) !important;} .dark-border-tomato-300 {border-color: var(--color-tomato-300) !important;} .dark-border-tomato-400 {border-color: var(--color-tomato-400) !important;} .dark-border-tomato-500 {border-color: var(--color-tomato-500) !important;} .dark-border-tomato-600 {border-color: var(--color-tomato-600) !important;} .dark-border-tomato-700 {border-color: var(--color-tomato-700) !important;} .dark-border-tomato-800 {border-color: var(--color-tomato-800) !important;} .dark-border-tomato-900 {border-color: var(--color-tomato-900) !important;} .dark-border-tomato-950 {border-color: var(--color-tomato-950) !important;} .dark-border-tomato-980 {border-color: var(--color-tomato-980) !important;} .dark-border-tomato-990 {border-color: var(--color-tomato-990) !important;}
            .dark-border-orange-10 {border-color: var(--color-orange-10) !important;} .dark-border-orange-20 {border-color: var(--color-orange-20) !important;} .dark-border-orange-50 {border-color: var(--color-orange-50) !important;} .dark-border-orange-100 {border-color: var(--color-orange-100) !important;} .dark-border-orange-200 {border-color: var(--color-orange-200) !important;} .dark-border-orange-300 {border-color: var(--color-orange-300) !important;} .dark-border-orange-400 {border-color: var(--color-orange-400) !important;} .dark-border-orange-500 {border-color: var(--color-orange-500) !important;} .dark-border-orange-600 {border-color: var(--color-orange-600) !important;} .dark-border-orange-700 {border-color: var(--color-orange-700) !important;} .dark-border-orange-800 {border-color: var(--color-orange-800) !important;} .dark-border-orange-900 {border-color: var(--color-orange-900) !important;} .dark-border-orange-950 {border-color: var(--color-orange-950) !important;} .dark-border-orange-980 {border-color: var(--color-orange-980) !important;} .dark-border-orange-990 {border-color: var(--color-orange-990) !important;}
            .dark-border-amber-10 {border-color: var(--color-amber-10) !important;} .dark-border-amber-20 {border-color: var(--color-amber-20) !important;} .dark-border-amber-50 {border-color: var(--color-amber-50) !important;} .dark-border-amber-100 {border-color: var(--color-amber-100) !important;} .dark-border-amber-200 {border-color: var(--color-amber-200) !important;} .dark-border-amber-300 {border-color: var(--color-amber-300) !important;} .dark-border-amber-400 {border-color: var(--color-amber-400) !important;} .dark-border-amber-500 {border-color: var(--color-amber-500) !important;} .dark-border-amber-600 {border-color: var(--color-amber-600) !important;} .dark-border-amber-700 {border-color: var(--color-amber-700) !important;} .dark-border-amber-800 {border-color: var(--color-amber-800) !important;} .dark-border-amber-900 {border-color: var(--color-amber-900) !important;} .dark-border-amber-950 {border-color: var(--color-amber-950) !important;} .dark-border-amber-980 {border-color: var(--color-amber-980) !important;} .dark-border-amber-990 {border-color: var(--color-amber-990) !important;}
            .dark-border-yellow-10 {border-color: var(--color-yellow-10) !important;} .dark-border-yellow-20 {border-color: var(--color-yellow-20) !important;} .dark-border-yellow-50 {border-color: var(--color-yellow-50) !important;} .dark-border-yellow-100 {border-color: var(--color-yellow-100) !important;} .dark-border-yellow-200 {border-color: var(--color-yellow-200) !important;} .dark-border-yellow-300 {border-color: var(--color-yellow-300) !important;} .dark-border-yellow-400 {border-color: var(--color-yellow-400) !important;} .dark-border-yellow-500 {border-color: var(--color-yellow-500) !important;} .dark-border-yellow-600 {border-color: var(--color-yellow-600) !important;} .dark-border-yellow-700 {border-color: var(--color-yellow-700) !important;} .dark-border-yellow-800 {border-color: var(--color-yellow-800) !important;} .dark-border-yellow-900 {border-color: var(--color-yellow-900) !important;} .dark-border-yellow-950 {border-color: var(--color-yellow-950) !important;} .dark-border-yellow-980 {border-color: var(--color-yellow-980) !important;} .dark-border-yellow-990 {border-color: var(--color-yellow-990) !important;}
            .dark-border-lime-10 {border-color: var(--color-lime-10) !important;} .dark-border-lime-20 {border-color: var(--color-lime-20) !important;} .dark-border-lime-50 {border-color: var(--color-lime-50) !important;} .dark-border-lime-100 {border-color: var(--color-lime-100) !important;} .dark-border-lime-200 {border-color: var(--color-lime-200) !important;} .dark-border-lime-300 {border-color: var(--color-lime-300) !important;} .dark-border-lime-400 {border-color: var(--color-lime-400) !important;} .dark-border-lime-500 {border-color: var(--color-lime-500) !important;} .dark-border-lime-600 {border-color: var(--color-lime-600) !important;} .dark-border-lime-700 {border-color: var(--color-lime-700) !important;} .dark-border-lime-800 {border-color: var(--color-lime-800) !important;} .dark-border-lime-900 {border-color: var(--color-lime-900) !important;} .dark-border-lime-950 {border-color: var(--color-lime-950) !important;} .dark-border-lime-980 {border-color: var(--color-lime-980) !important;} .dark-border-lime-990 {border-color: var(--color-lime-990) !important;}
            .dark-border-green-10 {border-color: var(--color-green-10) !important;} .dark-border-green-20 {border-color: var(--color-green-20) !important;} .dark-border-green-50 {border-color: var(--color-green-50) !important;} .dark-border-green-100 {border-color: var(--color-green-100) !important;} .dark-border-green-200 {border-color: var(--color-green-200) !important;} .dark-border-green-300 {border-color: var(--color-green-300) !important;} .dark-border-green-400 {border-color: var(--color-green-400) !important;} .dark-border-green-500 {border-color: var(--color-green-500) !important;} .dark-border-green-600 {border-color: var(--color-green-600) !important;} .dark-border-green-700 {border-color: var(--color-green-700) !important;} .dark-border-green-800 {border-color: var(--color-green-800) !important;} .dark-border-green-900 {border-color: var(--color-green-900) !important;} .dark-border-green-950 {border-color: var(--color-green-950) !important;} .dark-border-green-980 {border-color: var(--color-green-980) !important;} .dark-border-green-990 {border-color: var(--color-green-990) !important;}
            .dark-border-teal-10 {border-color: var(--color-teal-10) !important;} .dark-border-teal-20 {border-color: var(--color-teal-20) !important;} .dark-border-teal-50 {border-color: var(--color-teal-50) !important;} .dark-border-teal-100 {border-color: var(--color-teal-100) !important;} .dark-border-teal-200 {border-color: var(--color-teal-200) !important;} .dark-border-teal-300 {border-color: var(--color-teal-300) !important;} .dark-border-teal-400 {border-color: var(--color-teal-400) !important;} .dark-border-teal-500 {border-color: var(--color-teal-500) !important;} .dark-border-teal-600 {border-color: var(--color-teal-600) !important;} .dark-border-teal-700 {border-color: var(--color-teal-700) !important;} .dark-border-teal-800 {border-color: var(--color-teal-800) !important;} .dark-border-teal-900 {border-color: var(--color-teal-900) !important;} .dark-border-teal-950 {border-color: var(--color-teal-950) !important;} .dark-border-teal-980 {border-color: var(--color-teal-980) !important;} .dark-border-teal-990 {border-color: var(--color-teal-990) !important;}
            .dark-border-blue-10 {border-color: var(--color-blue-10) !important;} .dark-border-blue-20 {border-color: var(--color-blue-20) !important;} .dark-border-blue-50 {border-color: var(--color-blue-50) !important;} .dark-border-blue-100 {border-color: var(--color-blue-100) !important;} .dark-border-blue-200 {border-color: var(--color-blue-200) !important;} .dark-border-blue-300 {border-color: var(--color-blue-300) !important;} .dark-border-blue-400 {border-color: var(--color-blue-400) !important;} .dark-border-blue-500 {border-color: var(--color-blue-500) !important;} .dark-border-blue-600 {border-color: var(--color-blue-600) !important;} .dark-border-blue-700 {border-color: var(--color-blue-700) !important;} .dark-border-blue-800 {border-color: var(--color-blue-800) !important;} .dark-border-blue-900 {border-color: var(--color-blue-900) !important;} .dark-border-blue-950 {border-color: var(--color-blue-950) !important;} .dark-border-blue-980 {border-color: var(--color-blue-980) !important;} .dark-border-blue-990 {border-color: var(--color-blue-990) !important;}
            .dark-border-indigo-10 {border-color: var(--color-indigo-10) !important;} .dark-border-indigo-20 {border-color: var(--color-indigo-20) !important;} .dark-border-indigo-50 {border-color: var(--color-indigo-50) !important;} .dark-border-indigo-100 {border-color: var(--color-indigo-100) !important;} .dark-border-indigo-200 {border-color: var(--color-indigo-200) !important;} .dark-border-indigo-300 {border-color: var(--color-indigo-300) !important;} .dark-border-indigo-400 {border-color: var(--color-indigo-400) !important;} .dark-border-indigo-500 {border-color: var(--color-indigo-500) !important;} .dark-border-indigo-600 {border-color: var(--color-indigo-600) !important;} .dark-border-indigo-700 {border-color: var(--color-indigo-700) !important;} .dark-border-indigo-800 {border-color: var(--color-indigo-800) !important;} .dark-border-indigo-900 {border-color: var(--color-indigo-900) !important;} .dark-border-indigo-950 {border-color: var(--color-indigo-950) !important;} .dark-border-indigo-980 {border-color: var(--color-indigo-980) !important;} .dark-border-indigo-990 {border-color: var(--color-indigo-990) !important;}
            .dark-border-purple-10 {border-color: var(--color-purple-10) !important;} .dark-border-purple-20 {border-color: var(--color-purple-20) !important;} .dark-border-purple-50 {border-color: var(--color-purple-50) !important;} .dark-border-purple-100 {border-color: var(--color-purple-100) !important;} .dark-border-purple-200 {border-color: var(--color-purple-200) !important;} .dark-border-purple-300 {border-color: var(--color-purple-300) !important;} .dark-border-purple-400 {border-color: var(--color-purple-400) !important;} .dark-border-purple-500 {border-color: var(--color-purple-500) !important;} .dark-border-purple-600 {border-color: var(--color-purple-600) !important;} .dark-border-purple-700 {border-color: var(--color-purple-700) !important;} .dark-border-purple-800 {border-color: var(--color-purple-800) !important;} .dark-border-purple-900 {border-color: var(--color-purple-900) !important;} .dark-border-purple-950 {border-color: var(--color-purple-950) !important;} .dark-border-purple-980 {border-color: var(--color-purple-980) !important;} .dark-border-purple-990 {border-color: var(--color-purple-990) !important;}
            .dark-border-pink-10 {border-color: var(--color-pink-10) !important;} .dark-border-pink-20 {border-color: var(--color-pink-20) !important;} .dark-border-pink-50 {border-color: var(--color-pink-50) !important;} .dark-border-pink-100 {border-color: var(--color-pink-100) !important;} .dark-border-pink-200 {border-color: var(--color-pink-200) !important;} .dark-border-pink-300 {border-color: var(--color-pink-300) !important;} .dark-border-pink-400 {border-color: var(--color-pink-400) !important;} .dark-border-pink-500 {border-color: var(--color-pink-500) !important;} .dark-border-pink-600 {border-color: var(--color-pink-600) !important;} .dark-border-pink-700 {border-color: var(--color-pink-700) !important;} .dark-border-pink-800 {border-color: var(--color-pink-800) !important;} .dark-border-pink-900 {border-color: var(--color-pink-900) !important;} .dark-border-pink-950 {border-color: var(--color-pink-950) !important;} .dark-border-pink-980 {border-color: var(--color-pink-980) !important;} .dark-border-pink-990 {border-color: var(--color-pink-990) !important;}
            .dark-border-brown-10 {border-color: var(--color-brown-10) !important;} .dark-border-brown-20 {border-color: var(--color-brown-20) !important;} .dark-border-brown-50 {border-color: var(--color-brown-50) !important;} .dark-border-brown-100 {border-color: var(--color-brown-100) !important;} .dark-border-brown-200 {border-color: var(--color-brown-200) !important;} .dark-border-brown-300 {border-color: var(--color-brown-300) !important;} .dark-border-brown-400 {border-color: var(--color-brown-400) !important;} .dark-border-brown-500 {border-color: var(--color-brown-500) !important;} .dark-border-brown-600 {border-color: var(--color-brown-600) !important;} .dark-border-brown-700 {border-color: var(--color-brown-700) !important;} .dark-border-brown-800 {border-color: var(--color-brown-800) !important;} .dark-border-brown-900 {border-color: var(--color-brown-900) !important;} .dark-border-brown-950 {border-color: var(--color-brown-950) !important;} .dark-border-brown-980 {border-color: var(--color-brown-980) !important;} .dark-border-brown-990 {border-color: var(--color-brown-990) !important;}
            .dark-border-gray-10 {border-color: var(--color-gray-10) !important;} .dark-border-gray-20 {border-color: var(--color-gray-20) !important;} .dark-border-gray-50 {border-color: var(--color-gray-50) !important;} .dark-border-gray-100 {border-color: var(--color-gray-100) !important;} .dark-border-gray-200 {border-color: var(--color-gray-200) !important;} .dark-border-gray-300 {border-color: var(--color-gray-300) !important;} .dark-border-gray-400 {border-color: var(--color-gray-400) !important;} .dark-border-gray-500 {border-color: var(--color-gray-500) !important;} .dark-border-gray-600 {border-color: var(--color-gray-600) !important;} .dark-border-gray-700 {border-color: var(--color-gray-700) !important;} .dark-border-gray-800 {border-color: var(--color-gray-800) !important;} .dark-border-gray-900 {border-color: var(--color-gray-900) !important;} .dark-border-gray-950 {border-color: var(--color-gray-950) !important;} .dark-border-gray-980 {border-color: var(--color-gray-980) !important;} .dark-border-gray-990 {border-color: var(--color-gray-990) !important;}
            .dark-border-white {border-color: var(--color-white) !important;}
            .dark-border-black {border-color: var(--color-black) !important;}
        }

        .dark-glass-10 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.01) brightness(1.99) saturate(5.50) !important; backdrop-filter: blur(1.000rem) contrast(0.01) brightness(1.99) saturate(5.50) !important;}
        .dark-glass-20 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.02) brightness(1.97) saturate(3.50) !important; backdrop-filter: blur(1.000rem) contrast(0.02) brightness(1.97) saturate(3.50) !important;}
        .dark-glass-50 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.03) brightness(1.95) saturate(2.80) !important; backdrop-filter: blur(1.000rem) contrast(0.03) brightness(1.95) saturate(2.80) !important;}
        .dark-glass-100 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.06) brightness(1.89) saturate(2.10) !important; backdrop-filter: blur(1.000rem) contrast(0.06) brightness(1.89) saturate(2.10) !important;}
        .dark-glass-200 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.12) brightness(1.79) saturate(1.70) !important; backdrop-filter: blur(1.000rem) contrast(0.12) brightness(1.79) saturate(1.70) !important;}
        .dark-glass-300 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.25) brightness(1.60) saturate(1.45) !important; backdrop-filter: blur(1.000rem) contrast(0.25) brightness(1.60) saturate(1.45) !important;}
        .dark-glass-400 {-webkit-backdrop-filter: blur(1.000rem) contrast(0.50) brightness(1.33) saturate(1.32) !important; backdrop-filter: blur(1.000rem) contrast(0.50) brightness(1.33) saturate(1.32) !important;}
        .dark-glass-500 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(1.00) saturate(1.25) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(1.00) saturate(1.25) !important;}
        .dark-glass-600 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.75) saturate(1.32) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.75) saturate(1.32) !important;}
        .dark-glass-700 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.54) saturate(1.45) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.54) saturate(1.45) !important;}
        .dark-glass-800 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.35) saturate(1.70) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.35) saturate(1.70) !important;}
        .dark-glass-900 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.21) saturate(2.10) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.21) saturate(2.10) !important;}
        .dark-glass-950 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.12) saturate(2.80) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.12) saturate(2.80) !important;}
        .dark-glass-980 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.07) saturate(3.50) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.07) saturate(3.50) !important;}
        .dark-glass-990 {-webkit-backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.04) saturate(5.50) !important; backdrop-filter: blur(1.000rem) contrast(1.00) brightness(0.04) saturate(5.50) !important;}
    }
}