/* Gardener v1.0.0 | MIT License | gardener.css */
@layer gardener.reset, gardener.tokens, gardener.base, gardener.components, gardener.utilities, gardener.overrides;

@layer gardener.tokens {
  :root {
    color-scheme: light;

    /* Typography */
    --g-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --g-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;
    --g-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    --g-font-size-xs: 0.75rem;
    --g-font-size-sm: 0.875rem;
    --g-font-size-md: 1rem;
    --g-font-size-lg: 1.125rem;
    --g-font-size-xl: 1.25rem;
    --g-font-size-2xl: 1.5rem;
    --g-font-size-3xl: 1.875rem;
    --g-font-size-4xl: 2.25rem;
    --g-font-size-5xl: 3rem;
    --g-line-height-tight: 1.2;
    --g-line-height-normal: 1.5;
    --g-line-height-relaxed: 1.75;

    /* Spacing */
    --g-space-0: 0;
    --g-space-1: 0.25rem;
    --g-space-2: 0.5rem;
    --g-space-3: 0.75rem;
    --g-space-4: 1rem;
    --g-space-5: 1.25rem;
    --g-space-6: 1.5rem;
    --g-space-8: 2rem;
    --g-space-10: 2.5rem;
    --g-space-12: 3rem;
    --g-space-16: 4rem;
    --g-space-20: 5rem;
    --g-space-24: 6rem;
    --g-space-control-x: var(--g-space-4);
    --g-space-control-y: var(--g-space-2);
    --g-space-page-x: clamp(1rem, 3vw, 2rem);

    /* Shape and depth */
    --g-border-width: 1px;
    --g-radius-none: 0;
    --g-radius-xs: 0.125rem;
    --g-radius-sm: 0.1875rem;
    --g-radius-md: 0.25rem;
    --g-radius-lg: 0.375rem;
    --g-radius-xl: 0.5rem;
    --g-radius-2xl: 0.75rem;
    --g-radius-full: 9999px;
    --g-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.05);
    --g-shadow-sm: 0 1px 3px rgb(15 23 42 / 0.1), 0 1px 2px rgb(15 23 42 / 0.06);
    --g-shadow-md: 0 4px 12px rgb(15 23 42 / 0.12);
    --g-shadow-lg: 0 12px 28px rgb(15 23 42 / 0.16);
    --g-shadow-xl: 0 24px 56px rgb(15 23 42 / 0.2);

    /* Motion */
    --g-duration-fast: 120ms;
    --g-duration-normal: 200ms;
    --g-duration-slow: 320ms;
    --g-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --g-ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);

    /* Layering */
    --g-z-base: 0;
    --g-z-sticky: 100;
    --g-z-dropdown: 300;
    --g-z-overlay: 500;
    --g-z-dialog: 600;
    --g-z-toast: 700;
    --g-z-tooltip: 800;

    /* Semantic colors */
    --g-color-canvas: #f8fafc;
    --g-color-surface: #ffffff;
    --g-color-surface-raised: #ffffff;
    --g-color-surface-subtle: #f1f5f9;
    --g-color-surface-sunken: #e9eef5;
    --g-color-text: #172033;
    --g-color-text-muted: #667085;
    --g-color-text-subtle: #657080;
    --g-color-border: #d9e0ea;
    --g-color-border-strong: #aeb8c7;
    --g-color-success: #117548;
    --g-color-success-soft: #e8f8ef;
    --g-color-warning: #965000;
    --g-color-warning-soft: #fff5df;
    --g-color-danger: #cf2e3d;
    --g-color-danger-soft: #fff0f1;
    --g-color-info: #1769c2;
    --g-color-info-soft: #eaf4ff;
    --g-color-overlay: rgb(15 23 42 / 0.58);
    --g-color-selection: var(--g-primary-200);

    /* Controls and layout */
    --g-control-height-sm: 2rem;
    --g-control-height-md: 2.5rem;
    --g-control-height-lg: 3rem;
    --g-touch-target: 2.75rem;
    --g-sidebar-width: 17rem;
    --g-sidebar-collapsed-width: 4.5rem;
    --g-header-height: 4rem;
    --g-content-max: 80rem;
    --g-reading-max: 70ch;
    --g-focus-ring-width: 3px;
  }

  [data-g-density="compact"] {
    --g-control-height-sm: 1.75rem;
    --g-control-height-md: 2rem;
    --g-control-height-lg: 2.5rem;
    --g-space-control-x: var(--g-space-3);
    --g-space-control-y: var(--g-space-1);
  }

  [data-g-density="comfortable"] {
    --g-control-height-sm: 2.25rem;
    --g-control-height-md: 2.75rem;
    --g-control-height-lg: 3.25rem;
  }

  [data-g-mode="dark"] {
    --g-color-canvas: #0c111b;
    --g-color-surface: #131b29;
    --g-color-surface-raised: #192334;
    --g-color-surface-subtle: #1c2738;
    --g-color-surface-sunken: #080d15;
    --g-color-text: #eef2f7;
    --g-color-text-muted: #aab5c5;
    --g-color-text-subtle: #7f8da1;
    --g-color-border: #2c394d;
    --g-color-border-strong: #506077;
    --g-color-success: #55d490;
    --g-color-success-soft: #123624;
    --g-color-warning: #f4b74e;
    --g-color-warning-soft: #3b2b10;
    --g-color-danger: #ff7782;
    --g-color-danger-soft: #3d171d;
    --g-color-info: #69adf5;
    --g-color-info-soft: #142d49;
    --g-color-overlay: rgb(0 0 0 / 0.72);
    --g-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.18);
    --g-shadow-sm: 0 2px 5px rgb(0 0 0 / 0.24);
    --g-shadow-md: 0 6px 16px rgb(0 0 0 / 0.3);
    --g-shadow-lg: 0 16px 36px rgb(0 0 0 / 0.38);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-g-mode]),
    [data-g-mode="system"] {
      --g-color-canvas: #0c111b;
      --g-color-surface: #131b29;
      --g-color-surface-raised: #192334;
      --g-color-surface-subtle: #1c2738;
      --g-color-surface-sunken: #080d15;
      --g-color-text: #eef2f7;
      --g-color-text-muted: #aab5c5;
      --g-color-text-subtle: #7f8da1;
      --g-color-border: #2c394d;
      --g-color-border-strong: #506077;
      --g-color-overlay: rgb(0 0 0 / 0.72);
    }
  }
}

@layer gardener.tokens {
:root {
  --g-space-0: 0;
  --g-space-1: calc(0.25rem * var(--g-density-factor, 1));
  --g-space-2: calc(0.5rem * var(--g-density-factor, 1));
  --g-space-3: calc(0.75rem * var(--g-density-factor, 1));
  --g-space-4: calc(1rem * var(--g-density-factor, 1));
  --g-space-5: calc(1.25rem * var(--g-density-factor, 1));
  --g-space-6: calc(1.5rem * var(--g-density-factor, 1));
  --g-space-7: calc(1.75rem * var(--g-density-factor, 1));
  --g-space-8: calc(2rem * var(--g-density-factor, 1));
  --g-space-9: calc(2.25rem * var(--g-density-factor, 1));
  --g-space-10: calc(2.5rem * var(--g-density-factor, 1));
  --g-space-12: calc(3rem * var(--g-density-factor, 1));
  --g-space-14: calc(3.5rem * var(--g-density-factor, 1));
  --g-space-16: calc(4rem * var(--g-density-factor, 1));
  --g-space-20: calc(5rem * var(--g-density-factor, 1));
  --g-space-24: calc(6rem * var(--g-density-factor, 1));
  --g-space-28: calc(7rem * var(--g-density-factor, 1));
  --g-space-32: calc(8rem * var(--g-density-factor, 1));
  --g-space-40: calc(10rem * var(--g-density-factor, 1));
  --g-space-48: calc(12rem * var(--g-density-factor, 1));
  --g-space-56: calc(14rem * var(--g-density-factor, 1));
  --g-space-64: calc(16rem * var(--g-density-factor, 1));
  --g-space-80: calc(20rem * var(--g-density-factor, 1));
  --g-space-96: calc(24rem * var(--g-density-factor, 1));
  --g-space-px: calc(1px * var(--g-density-factor, 1));
  --g-space-0_5: calc(0.125rem * var(--g-density-factor, 1));
  --g-space-1_5: calc(0.375rem * var(--g-density-factor, 1));
  --g-space-2_5: calc(0.625rem * var(--g-density-factor, 1));
  --g-space-3_5: calc(0.875rem * var(--g-density-factor, 1));
}
}

@layer gardener.tokens {
:root, [data-g-theme="garden"] {
  --g-primary-50: hsl(154 56% 97%);
  --g-primary-100: hsl(154 56% 93%);
  --g-primary-200: hsl(154 68% 84%);
  --g-primary-300: hsl(154 68% 72%);
  --g-primary-400: hsl(154 68% 60%);
  --g-primary-500: hsl(154 68% 50%);
  --g-primary-600: hsl(154 68% 41%);
  --g-primary-700: hsl(154 68% 33%);
  --g-primary-800: hsl(154 68% 25%);
  --g-primary-900: hsl(154 68% 18%);
  --g-primary-950: hsl(154 68% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="slate"] {
  --g-primary-50: hsl(215 13% 97%);
  --g-primary-100: hsl(215 13% 93%);
  --g-primary-200: hsl(215 25% 84%);
  --g-primary-300: hsl(215 25% 72%);
  --g-primary-400: hsl(215 25% 60%);
  --g-primary-500: hsl(215 25% 50%);
  --g-primary-600: hsl(215 25% 41%);
  --g-primary-700: hsl(215 25% 33%);
  --g-primary-800: hsl(215 25% 25%);
  --g-primary-900: hsl(215 25% 18%);
  --g-primary-950: hsl(215 25% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="graphite"] {
  --g-primary-50: hsl(220 0% 97%);
  --g-primary-100: hsl(220 0% 93%);
  --g-primary-200: hsl(220 12% 84%);
  --g-primary-300: hsl(220 12% 72%);
  --g-primary-400: hsl(220 12% 60%);
  --g-primary-500: hsl(220 12% 50%);
  --g-primary-600: hsl(220 12% 41%);
  --g-primary-700: hsl(220 12% 33%);
  --g-primary-800: hsl(220 12% 25%);
  --g-primary-900: hsl(220 12% 18%);
  --g-primary-950: hsl(220 12% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="zinc"] {
  --g-primary-50: hsl(240 0% 97%);
  --g-primary-100: hsl(240 0% 93%);
  --g-primary-200: hsl(240 8% 84%);
  --g-primary-300: hsl(240 8% 72%);
  --g-primary-400: hsl(240 8% 60%);
  --g-primary-500: hsl(240 8% 50%);
  --g-primary-600: hsl(240 8% 41%);
  --g-primary-700: hsl(240 8% 33%);
  --g-primary-800: hsl(240 8% 25%);
  --g-primary-900: hsl(240 8% 18%);
  --g-primary-950: hsl(240 8% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="stone"] {
  --g-primary-50: hsl(25 0% 97%);
  --g-primary-100: hsl(25 0% 93%);
  --g-primary-200: hsl(25 12% 84%);
  --g-primary-300: hsl(25 12% 72%);
  --g-primary-400: hsl(25 12% 60%);
  --g-primary-500: hsl(25 12% 50%);
  --g-primary-600: hsl(25 12% 41%);
  --g-primary-700: hsl(25 12% 33%);
  --g-primary-800: hsl(25 12% 25%);
  --g-primary-900: hsl(25 12% 18%);
  --g-primary-950: hsl(25 12% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="red"] {
  --g-primary-50: hsl(0 60% 97%);
  --g-primary-100: hsl(0 60% 93%);
  --g-primary-200: hsl(0 72% 84%);
  --g-primary-300: hsl(0 72% 72%);
  --g-primary-400: hsl(0 72% 60%);
  --g-primary-500: hsl(0 72% 50%);
  --g-primary-600: hsl(0 72% 41%);
  --g-primary-700: hsl(0 72% 33%);
  --g-primary-800: hsl(0 72% 25%);
  --g-primary-900: hsl(0 72% 18%);
  --g-primary-950: hsl(0 72% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="rose"] {
  --g-primary-50: hsl(347 65% 97%);
  --g-primary-100: hsl(347 65% 93%);
  --g-primary-200: hsl(347 77% 84%);
  --g-primary-300: hsl(347 77% 72%);
  --g-primary-400: hsl(347 77% 60%);
  --g-primary-500: hsl(347 77% 50%);
  --g-primary-600: hsl(347 77% 41%);
  --g-primary-700: hsl(347 77% 33%);
  --g-primary-800: hsl(347 77% 25%);
  --g-primary-900: hsl(347 77% 18%);
  --g-primary-950: hsl(347 77% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="ruby"] {
  --g-primary-50: hsl(350 70% 97%);
  --g-primary-100: hsl(350 70% 93%);
  --g-primary-200: hsl(350 82% 84%);
  --g-primary-300: hsl(350 82% 72%);
  --g-primary-400: hsl(350 82% 60%);
  --g-primary-500: hsl(350 82% 50%);
  --g-primary-600: hsl(350 82% 41%);
  --g-primary-700: hsl(350 82% 33%);
  --g-primary-800: hsl(350 82% 25%);
  --g-primary-900: hsl(350 82% 18%);
  --g-primary-950: hsl(350 82% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="crimson"] {
  --g-primary-50: hsl(340 62% 97%);
  --g-primary-100: hsl(340 62% 93%);
  --g-primary-200: hsl(340 74% 84%);
  --g-primary-300: hsl(340 74% 72%);
  --g-primary-400: hsl(340 74% 60%);
  --g-primary-500: hsl(340 74% 50%);
  --g-primary-600: hsl(340 74% 41%);
  --g-primary-700: hsl(340 74% 33%);
  --g-primary-800: hsl(340 74% 25%);
  --g-primary-900: hsl(340 74% 18%);
  --g-primary-950: hsl(340 74% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="coral"] {
  --g-primary-50: hsl(12 66% 97%);
  --g-primary-100: hsl(12 66% 93%);
  --g-primary-200: hsl(12 78% 84%);
  --g-primary-300: hsl(12 78% 72%);
  --g-primary-400: hsl(12 78% 60%);
  --g-primary-500: hsl(12 78% 50%);
  --g-primary-600: hsl(12 78% 41%);
  --g-primary-700: hsl(12 78% 33%);
  --g-primary-800: hsl(12 78% 25%);
  --g-primary-900: hsl(12 78% 18%);
  --g-primary-950: hsl(12 78% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="orange"] {
  --g-primary-50: hsl(25 76% 97%);
  --g-primary-100: hsl(25 76% 93%);
  --g-primary-200: hsl(25 88% 84%);
  --g-primary-300: hsl(25 88% 72%);
  --g-primary-400: hsl(25 88% 60%);
  --g-primary-500: hsl(25 88% 50%);
  --g-primary-600: hsl(25 88% 41%);
  --g-primary-700: hsl(25 88% 33%);
  --g-primary-800: hsl(25 88% 25%);
  --g-primary-900: hsl(25 88% 18%);
  --g-primary-950: hsl(25 88% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="amber"] {
  --g-primary-50: hsl(39 80% 97%);
  --g-primary-100: hsl(39 80% 93%);
  --g-primary-200: hsl(39 92% 84%);
  --g-primary-300: hsl(39 92% 72%);
  --g-primary-400: hsl(39 92% 60%);
  --g-primary-500: hsl(39 92% 50%);
  --g-primary-600: hsl(39 92% 41%);
  --g-primary-700: hsl(39 92% 33%);
  --g-primary-800: hsl(39 92% 25%);
  --g-primary-900: hsl(39 92% 18%);
  --g-primary-950: hsl(39 92% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="gold"] {
  --g-primary-50: hsl(46 76% 97%);
  --g-primary-100: hsl(46 76% 93%);
  --g-primary-200: hsl(46 88% 84%);
  --g-primary-300: hsl(46 88% 72%);
  --g-primary-400: hsl(46 88% 60%);
  --g-primary-500: hsl(46 88% 50%);
  --g-primary-600: hsl(46 88% 41%);
  --g-primary-700: hsl(46 88% 33%);
  --g-primary-800: hsl(46 88% 25%);
  --g-primary-900: hsl(46 88% 18%);
  --g-primary-950: hsl(46 88% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="yellow"] {
  --g-primary-50: hsl(53 70% 97%);
  --g-primary-100: hsl(53 70% 93%);
  --g-primary-200: hsl(53 82% 84%);
  --g-primary-300: hsl(53 82% 72%);
  --g-primary-400: hsl(53 82% 60%);
  --g-primary-500: hsl(53 82% 50%);
  --g-primary-600: hsl(53 82% 41%);
  --g-primary-700: hsl(53 82% 33%);
  --g-primary-800: hsl(53 82% 25%);
  --g-primary-900: hsl(53 82% 18%);
  --g-primary-950: hsl(53 82% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="lime"] {
  --g-primary-50: hsl(83 58% 97%);
  --g-primary-100: hsl(83 58% 93%);
  --g-primary-200: hsl(83 70% 84%);
  --g-primary-300: hsl(83 70% 72%);
  --g-primary-400: hsl(83 70% 60%);
  --g-primary-500: hsl(83 70% 50%);
  --g-primary-600: hsl(83 70% 41%);
  --g-primary-700: hsl(83 70% 33%);
  --g-primary-800: hsl(83 70% 25%);
  --g-primary-900: hsl(83 70% 18%);
  --g-primary-950: hsl(83 70% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="olive"] {
  --g-primary-50: hsl(70 30% 97%);
  --g-primary-100: hsl(70 30% 93%);
  --g-primary-200: hsl(70 42% 84%);
  --g-primary-300: hsl(70 42% 72%);
  --g-primary-400: hsl(70 42% 60%);
  --g-primary-500: hsl(70 42% 50%);
  --g-primary-600: hsl(70 42% 41%);
  --g-primary-700: hsl(70 42% 33%);
  --g-primary-800: hsl(70 42% 25%);
  --g-primary-900: hsl(70 42% 18%);
  --g-primary-950: hsl(70 42% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="green"] {
  --g-primary-50: hsl(135 48% 97%);
  --g-primary-100: hsl(135 48% 93%);
  --g-primary-200: hsl(135 60% 84%);
  --g-primary-300: hsl(135 60% 72%);
  --g-primary-400: hsl(135 60% 60%);
  --g-primary-500: hsl(135 60% 50%);
  --g-primary-600: hsl(135 60% 41%);
  --g-primary-700: hsl(135 60% 33%);
  --g-primary-800: hsl(135 60% 25%);
  --g-primary-900: hsl(135 60% 18%);
  --g-primary-950: hsl(135 60% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="forest"] {
  --g-primary-50: hsl(145 43% 97%);
  --g-primary-100: hsl(145 43% 93%);
  --g-primary-200: hsl(145 55% 84%);
  --g-primary-300: hsl(145 55% 72%);
  --g-primary-400: hsl(145 55% 60%);
  --g-primary-500: hsl(145 55% 50%);
  --g-primary-600: hsl(145 55% 41%);
  --g-primary-700: hsl(145 55% 33%);
  --g-primary-800: hsl(145 55% 25%);
  --g-primary-900: hsl(145 55% 18%);
  --g-primary-950: hsl(145 55% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="emerald"] {
  --g-primary-50: hsl(160 60% 97%);
  --g-primary-100: hsl(160 60% 93%);
  --g-primary-200: hsl(160 72% 84%);
  --g-primary-300: hsl(160 72% 72%);
  --g-primary-400: hsl(160 72% 60%);
  --g-primary-500: hsl(160 72% 50%);
  --g-primary-600: hsl(160 72% 41%);
  --g-primary-700: hsl(160 72% 33%);
  --g-primary-800: hsl(160 72% 25%);
  --g-primary-900: hsl(160 72% 18%);
  --g-primary-950: hsl(160 72% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="mint"] {
  --g-primary-50: hsl(165 46% 97%);
  --g-primary-100: hsl(165 46% 93%);
  --g-primary-200: hsl(165 58% 84%);
  --g-primary-300: hsl(165 58% 72%);
  --g-primary-400: hsl(165 58% 60%);
  --g-primary-500: hsl(165 58% 50%);
  --g-primary-600: hsl(165 58% 41%);
  --g-primary-700: hsl(165 58% 33%);
  --g-primary-800: hsl(165 58% 25%);
  --g-primary-900: hsl(165 58% 18%);
  --g-primary-950: hsl(165 58% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="teal"] {
  --g-primary-50: hsl(174 56% 97%);
  --g-primary-100: hsl(174 56% 93%);
  --g-primary-200: hsl(174 68% 84%);
  --g-primary-300: hsl(174 68% 72%);
  --g-primary-400: hsl(174 68% 60%);
  --g-primary-500: hsl(174 68% 50%);
  --g-primary-600: hsl(174 68% 41%);
  --g-primary-700: hsl(174 68% 33%);
  --g-primary-800: hsl(174 68% 25%);
  --g-primary-900: hsl(174 68% 18%);
  --g-primary-950: hsl(174 68% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="aqua"] {
  --g-primary-50: hsl(183 60% 97%);
  --g-primary-100: hsl(183 60% 93%);
  --g-primary-200: hsl(183 72% 84%);
  --g-primary-300: hsl(183 72% 72%);
  --g-primary-400: hsl(183 72% 60%);
  --g-primary-500: hsl(183 72% 50%);
  --g-primary-600: hsl(183 72% 41%);
  --g-primary-700: hsl(183 72% 33%);
  --g-primary-800: hsl(183 72% 25%);
  --g-primary-900: hsl(183 72% 18%);
  --g-primary-950: hsl(183 72% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="cyan"] {
  --g-primary-50: hsl(190 70% 97%);
  --g-primary-100: hsl(190 70% 93%);
  --g-primary-200: hsl(190 82% 84%);
  --g-primary-300: hsl(190 82% 72%);
  --g-primary-400: hsl(190 82% 60%);
  --g-primary-500: hsl(190 82% 50%);
  --g-primary-600: hsl(190 82% 41%);
  --g-primary-700: hsl(190 82% 33%);
  --g-primary-800: hsl(190 82% 25%);
  --g-primary-900: hsl(190 82% 18%);
  --g-primary-950: hsl(190 82% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-800);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="sky"] {
  --g-primary-50: hsl(199 74% 97%);
  --g-primary-100: hsl(199 74% 93%);
  --g-primary-200: hsl(199 86% 84%);
  --g-primary-300: hsl(199 86% 72%);
  --g-primary-400: hsl(199 86% 60%);
  --g-primary-500: hsl(199 86% 50%);
  --g-primary-600: hsl(199 86% 41%);
  --g-primary-700: hsl(199 86% 33%);
  --g-primary-800: hsl(199 86% 25%);
  --g-primary-900: hsl(199 86% 18%);
  --g-primary-950: hsl(199 86% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="blue"] {
  --g-primary-50: hsl(217 70% 97%);
  --g-primary-100: hsl(217 70% 93%);
  --g-primary-200: hsl(217 82% 84%);
  --g-primary-300: hsl(217 82% 72%);
  --g-primary-400: hsl(217 82% 60%);
  --g-primary-500: hsl(217 82% 50%);
  --g-primary-600: hsl(217 82% 41%);
  --g-primary-700: hsl(217 82% 33%);
  --g-primary-800: hsl(217 82% 25%);
  --g-primary-900: hsl(217 82% 18%);
  --g-primary-950: hsl(217 82% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="cobalt"] {
  --g-primary-50: hsl(224 63% 97%);
  --g-primary-100: hsl(224 63% 93%);
  --g-primary-200: hsl(224 75% 84%);
  --g-primary-300: hsl(224 75% 72%);
  --g-primary-400: hsl(224 75% 60%);
  --g-primary-500: hsl(224 75% 50%);
  --g-primary-600: hsl(224 75% 41%);
  --g-primary-700: hsl(224 75% 33%);
  --g-primary-800: hsl(224 75% 25%);
  --g-primary-900: hsl(224 75% 18%);
  --g-primary-950: hsl(224 75% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="navy"] {
  --g-primary-50: hsl(222 50% 97%);
  --g-primary-100: hsl(222 50% 93%);
  --g-primary-200: hsl(222 62% 84%);
  --g-primary-300: hsl(222 62% 72%);
  --g-primary-400: hsl(222 62% 60%);
  --g-primary-500: hsl(222 62% 50%);
  --g-primary-600: hsl(222 62% 41%);
  --g-primary-700: hsl(222 62% 33%);
  --g-primary-800: hsl(222 62% 25%);
  --g-primary-900: hsl(222 62% 18%);
  --g-primary-950: hsl(222 62% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="ocean"] {
  --g-primary-50: hsl(204 64% 97%);
  --g-primary-100: hsl(204 64% 93%);
  --g-primary-200: hsl(204 76% 84%);
  --g-primary-300: hsl(204 76% 72%);
  --g-primary-400: hsl(204 76% 60%);
  --g-primary-500: hsl(204 76% 50%);
  --g-primary-600: hsl(204 76% 41%);
  --g-primary-700: hsl(204 76% 33%);
  --g-primary-800: hsl(204 76% 25%);
  --g-primary-900: hsl(204 76% 18%);
  --g-primary-950: hsl(204 76% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="indigo"] {
  --g-primary-50: hsl(239 58% 97%);
  --g-primary-100: hsl(239 58% 93%);
  --g-primary-200: hsl(239 70% 84%);
  --g-primary-300: hsl(239 70% 72%);
  --g-primary-400: hsl(239 70% 60%);
  --g-primary-500: hsl(239 70% 50%);
  --g-primary-600: hsl(239 70% 41%);
  --g-primary-700: hsl(239 70% 33%);
  --g-primary-800: hsl(239 70% 25%);
  --g-primary-900: hsl(239 70% 18%);
  --g-primary-950: hsl(239 70% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #ffffff;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="violet"] {
  --g-primary-50: hsl(258 62% 97%);
  --g-primary-100: hsl(258 62% 93%);
  --g-primary-200: hsl(258 74% 84%);
  --g-primary-300: hsl(258 74% 72%);
  --g-primary-400: hsl(258 74% 60%);
  --g-primary-500: hsl(258 74% 50%);
  --g-primary-600: hsl(258 74% 41%);
  --g-primary-700: hsl(258 74% 33%);
  --g-primary-800: hsl(258 74% 25%);
  --g-primary-900: hsl(258 74% 18%);
  --g-primary-950: hsl(258 74% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #ffffff;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="purple"] {
  --g-primary-50: hsl(272 53% 97%);
  --g-primary-100: hsl(272 53% 93%);
  --g-primary-200: hsl(272 65% 84%);
  --g-primary-300: hsl(272 65% 72%);
  --g-primary-400: hsl(272 65% 60%);
  --g-primary-500: hsl(272 65% 50%);
  --g-primary-600: hsl(272 65% 41%);
  --g-primary-700: hsl(272 65% 33%);
  --g-primary-800: hsl(272 65% 25%);
  --g-primary-900: hsl(272 65% 18%);
  --g-primary-950: hsl(272 65% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="lavender"] {
  --g-primary-50: hsl(265 44% 97%);
  --g-primary-100: hsl(265 44% 93%);
  --g-primary-200: hsl(265 56% 84%);
  --g-primary-300: hsl(265 56% 72%);
  --g-primary-400: hsl(265 56% 60%);
  --g-primary-500: hsl(265 56% 50%);
  --g-primary-600: hsl(265 56% 41%);
  --g-primary-700: hsl(265 56% 33%);
  --g-primary-800: hsl(265 56% 25%);
  --g-primary-900: hsl(265 56% 18%);
  --g-primary-950: hsl(265 56% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="plum"] {
  --g-primary-50: hsl(292 36% 97%);
  --g-primary-100: hsl(292 36% 93%);
  --g-primary-200: hsl(292 48% 84%);
  --g-primary-300: hsl(292 48% 72%);
  --g-primary-400: hsl(292 48% 60%);
  --g-primary-500: hsl(292 48% 50%);
  --g-primary-600: hsl(292 48% 41%);
  --g-primary-700: hsl(292 48% 33%);
  --g-primary-800: hsl(292 48% 25%);
  --g-primary-900: hsl(292 48% 18%);
  --g-primary-950: hsl(292 48% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="fuchsia"] {
  --g-primary-50: hsl(305 58% 97%);
  --g-primary-100: hsl(305 58% 93%);
  --g-primary-200: hsl(305 70% 84%);
  --g-primary-300: hsl(305 70% 72%);
  --g-primary-400: hsl(305 70% 60%);
  --g-primary-500: hsl(305 70% 50%);
  --g-primary-600: hsl(305 70% 41%);
  --g-primary-700: hsl(305 70% 33%);
  --g-primary-800: hsl(305 70% 25%);
  --g-primary-900: hsl(305 70% 18%);
  --g-primary-950: hsl(305 70% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="magenta"] {
  --g-primary-50: hsl(320 64% 97%);
  --g-primary-100: hsl(320 64% 93%);
  --g-primary-200: hsl(320 76% 84%);
  --g-primary-300: hsl(320 76% 72%);
  --g-primary-400: hsl(320 76% 60%);
  --g-primary-500: hsl(320 76% 50%);
  --g-primary-600: hsl(320 76% 41%);
  --g-primary-700: hsl(320 76% 33%);
  --g-primary-800: hsl(320 76% 25%);
  --g-primary-900: hsl(320 76% 18%);
  --g-primary-950: hsl(320 76% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="pink"] {
  --g-primary-50: hsl(330 64% 97%);
  --g-primary-100: hsl(330 64% 93%);
  --g-primary-200: hsl(330 76% 84%);
  --g-primary-300: hsl(330 76% 72%);
  --g-primary-400: hsl(330 76% 60%);
  --g-primary-500: hsl(330 76% 50%);
  --g-primary-600: hsl(330 76% 41%);
  --g-primary-700: hsl(330 76% 33%);
  --g-primary-800: hsl(330 76% 25%);
  --g-primary-900: hsl(330 76% 18%);
  --g-primary-950: hsl(330 76% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="brown"] {
  --g-primary-50: hsl(24 33% 97%);
  --g-primary-100: hsl(24 33% 93%);
  --g-primary-200: hsl(24 45% 84%);
  --g-primary-300: hsl(24 45% 72%);
  --g-primary-400: hsl(24 45% 60%);
  --g-primary-500: hsl(24 45% 50%);
  --g-primary-600: hsl(24 45% 41%);
  --g-primary-700: hsl(24 45% 33%);
  --g-primary-800: hsl(24 45% 25%);
  --g-primary-900: hsl(24 45% 18%);
  --g-primary-950: hsl(24 45% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="coffee"] {
  --g-primary-50: hsl(28 26% 97%);
  --g-primary-100: hsl(28 26% 93%);
  --g-primary-200: hsl(28 38% 84%);
  --g-primary-300: hsl(28 38% 72%);
  --g-primary-400: hsl(28 38% 60%);
  --g-primary-500: hsl(28 38% 50%);
  --g-primary-600: hsl(28 38% 41%);
  --g-primary-700: hsl(28 38% 33%);
  --g-primary-800: hsl(28 38% 25%);
  --g-primary-900: hsl(28 38% 18%);
  --g-primary-950: hsl(28 38% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="sand"] {
  --g-primary-50: hsl(38 28% 97%);
  --g-primary-100: hsl(38 28% 93%);
  --g-primary-200: hsl(38 40% 84%);
  --g-primary-300: hsl(38 40% 72%);
  --g-primary-400: hsl(38 40% 60%);
  --g-primary-500: hsl(38 40% 50%);
  --g-primary-600: hsl(38 40% 41%);
  --g-primary-700: hsl(38 40% 33%);
  --g-primary-800: hsl(38 40% 25%);
  --g-primary-900: hsl(38 40% 18%);
  --g-primary-950: hsl(38 40% 11%);
  --g-on-primary-light: #000000;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="sunset"] {
  --g-primary-50: hsl(18 72% 97%);
  --g-primary-100: hsl(18 72% 93%);
  --g-primary-200: hsl(18 84% 84%);
  --g-primary-300: hsl(18 84% 72%);
  --g-primary-400: hsl(18 84% 60%);
  --g-primary-500: hsl(18 84% 50%);
  --g-primary-600: hsl(18 84% 41%);
  --g-primary-700: hsl(18 84% 33%);
  --g-primary-800: hsl(18 84% 25%);
  --g-primary-900: hsl(18 84% 18%);
  --g-primary-950: hsl(18 84% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-700);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="midnight"] {
  --g-primary-50: hsl(246 26% 97%);
  --g-primary-100: hsl(246 26% 93%);
  --g-primary-200: hsl(246 38% 84%);
  --g-primary-300: hsl(246 38% 72%);
  --g-primary-400: hsl(246 38% 60%);
  --g-primary-500: hsl(246 38% 50%);
  --g-primary-600: hsl(246 38% 41%);
  --g-primary-700: hsl(246 38% 33%);
  --g-primary-800: hsl(246 38% 25%);
  --g-primary-900: hsl(246 38% 18%);
  --g-primary-950: hsl(246 38% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-300);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-theme="monochrome"] {
  --g-primary-50: hsl(0 0% 97%);
  --g-primary-100: hsl(0 0% 93%);
  --g-primary-200: hsl(0 0% 84%);
  --g-primary-300: hsl(0 0% 72%);
  --g-primary-400: hsl(0 0% 60%);
  --g-primary-500: hsl(0 0% 50%);
  --g-primary-600: hsl(0 0% 41%);
  --g-primary-700: hsl(0 0% 33%);
  --g-primary-800: hsl(0 0% 25%);
  --g-primary-900: hsl(0 0% 18%);
  --g-primary-950: hsl(0 0% 11%);
  --g-on-primary-light: #ffffff;
  --g-on-primary-dark: #000000;
  --g-primary-text-light: var(--g-primary-600);
  --g-primary-text-dark: var(--g-primary-400);
  --g-color-primary: var(--g-primary-600);
  --g-color-primary-text: var(--g-primary-text-light);
  --g-color-primary-hover: var(--g-primary-700);
  --g-color-primary-active: var(--g-primary-800);
  --g-color-primary-soft: var(--g-primary-100);
  --g-color-on-primary: var(--g-on-primary-light);
  --g-color-on-primary-soft: var(--g-primary-900);
  --g-focus-ring: color-mix(in srgb, var(--g-primary-500) 32%, transparent);
}

[data-g-mode="dark"] {
  color-scheme: dark;
  --g-color-primary: var(--g-primary-400);
  --g-color-primary-text: var(--g-primary-text-dark);
  --g-color-primary-hover: var(--g-primary-300);
  --g-color-primary-active: var(--g-primary-200);
  --g-color-primary-soft: color-mix(in srgb, var(--g-primary-500) 18%, transparent);
  --g-color-on-primary: var(--g-on-primary-dark);
  --g-color-on-primary-soft: var(--g-primary-200);
}

[data-g-mode="light"] { color-scheme: light; }

[data-g-mode="high-contrast"] {
  color-scheme: light;
  --g-border-width: 2px;
  --g-color-canvas: #fff;
  --g-color-surface: #fff;
  --g-color-surface-raised: #fff;
  --g-color-surface-subtle: #f2f2f2;
  --g-color-text: #000;
  --g-color-text-muted: #222;
  --g-color-border: #000;
  --g-color-border-strong: #000;
  --g-color-primary: #0037a6;
  --g-color-primary-text: #0037a6;
  --g-color-primary-hover: #001f66;
  --g-color-on-primary: #fff;
  --g-focus-ring-width: 4px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-g-mode]), [data-g-mode="system"] {
    color-scheme: dark;
    --g-color-primary: var(--g-primary-400);
    --g-color-primary-text: var(--g-primary-text-dark);
    --g-color-primary-hover: var(--g-primary-300);
    --g-color-primary-active: var(--g-primary-200);
    --g-color-primary-soft: color-mix(in srgb, var(--g-primary-500) 18%, transparent);
    --g-color-on-primary: var(--g-on-primary-dark);
    --g-color-on-primary-soft: var(--g-primary-200);
  }
}
}

@layer gardener.tokens {
  :where(:root:not([data-g-neutral])),
  [data-g-neutral="cool"] {
    --g-color-canvas: #f8fafc;
    --g-color-surface: #ffffff;
    --g-color-surface-raised: #ffffff;
    --g-color-surface-subtle: #f1f5f9;
    --g-color-surface-sunken: #e9eef5;
    --g-color-text: #172033;
    --g-color-text-muted: #667085;
    --g-color-text-subtle: #657080;
    --g-color-border: #d9e0ea;
    --g-color-border-strong: #aeb8c7;
  }

  [data-g-neutral="warm"] { --g-color-canvas: #faf9f7; --g-color-surface: #fffefd; --g-color-surface-raised: #fff; --g-color-surface-subtle: #f4f1ec; --g-color-surface-sunken: #ebe6de; --g-color-text: #29251f; --g-color-text-muted: #6f675d; --g-color-text-subtle: #756b5f; --g-color-border: #ded8cf; --g-color-border-strong: #b7aea1; }
  [data-g-neutral="gray"] { --g-color-canvas: #f7f7f7; --g-color-surface: #fff; --g-color-surface-raised: #fff; --g-color-surface-subtle: #eeeeee; --g-color-surface-sunken: #e4e4e4; --g-color-text: #202020; --g-color-text-muted: #666; --g-color-text-subtle: #6b6b6b; --g-color-border: #d5d5d5; --g-color-border-strong: #aaa; }
  [data-g-neutral="ink"] { --g-color-canvas: #f5f7fb; --g-color-surface: #fff; --g-color-surface-raised: #fff; --g-color-surface-subtle: #edf0f6; --g-color-surface-sunken: #e2e7f0; --g-color-text: #101828; --g-color-text-muted: #475467; --g-color-text-subtle: #647083; --g-color-border: #d0d5dd; --g-color-border-strong: #98a2b3; }
  [data-g-neutral="cream"] { --g-color-canvas: #fbf7ee; --g-color-surface: #fffdf8; --g-color-surface-raised: #fff; --g-color-surface-subtle: #f5eedf; --g-color-surface-sunken: #ebe0cc; --g-color-text: #30291d; --g-color-text-muted: #756954; --g-color-text-subtle: #756954; --g-color-border: #dfd3bd; --g-color-border-strong: #b9a889; }
  [data-g-neutral="blueprint"] { --g-color-canvas: #f4f7fb; --g-color-surface: #fff; --g-color-surface-raised: #fff; --g-color-surface-subtle: #eaf0f8; --g-color-surface-sunken: #dae4f1; --g-color-text: #14243a; --g-color-text-muted: #536781; --g-color-text-subtle: #5f7187; --g-color-border: #cad6e5; --g-color-border-strong: #94a8c0; }
  [data-g-neutral="paper"] { --g-color-canvas: #f5f3ef; --g-color-surface: #fff; --g-color-surface-raised: #fff; --g-color-surface-subtle: #efede8; --g-color-surface-sunken: #e2dfd8; --g-color-text: #252525; --g-color-text-muted: #606060; --g-color-text-subtle: #6c6c6c; --g-color-border: #d4d1ca; --g-color-border-strong: #aaa69e; }

  [data-g-mode="dark"] { --g-color-canvas: #0c111b; --g-color-surface: #131b29; --g-color-surface-raised: #192334; --g-color-surface-subtle: #1c2738; --g-color-surface-sunken: #080d15; --g-color-text: #eef2f7; --g-color-text-muted: #aab5c5; --g-color-text-subtle: #7f8da1; --g-color-border: #2c394d; --g-color-border-strong: #506077; }

  [data-g-mode="dark"][data-g-neutral="warm"] { --g-color-canvas: #15120f; --g-color-surface: #1e1a16; --g-color-surface-raised: #26211c; --g-color-surface-subtle: #2c261f; --g-color-surface-sunken: #0e0c0a; --g-color-text: #f5efe6; --g-color-text-muted: #beb1a2; --g-color-text-subtle: #8e8174; --g-color-border: #443a30; --g-color-border-strong: #6e5f50; }
  [data-g-mode="dark"][data-g-neutral="gray"] { --g-color-canvas: #101010; --g-color-surface: #181818; --g-color-surface-raised: #202020; --g-color-surface-subtle: #272727; --g-color-surface-sunken: #090909; --g-color-text: #f3f3f3; --g-color-text-muted: #b5b5b5; --g-color-text-subtle: #828282; --g-color-border: #373737; --g-color-border-strong: #606060; }
  [data-g-mode="dark"][data-g-neutral="ink"] { --g-color-canvas: #080d16; --g-color-surface: #101827; --g-color-surface-raised: #172235; --g-color-surface-subtle: #1c293d; --g-color-surface-sunken: #050810; --g-color-text: #f4f6fa; --g-color-text-muted: #b3becf; --g-color-text-subtle: #7d8ba1; --g-color-border: #2a3950; --g-color-border-strong: #52627a; }
  [data-g-mode="dark"][data-g-neutral="blueprint"] { --g-color-canvas: #0b1420; --g-color-surface: #111e2e; --g-color-surface-raised: #18283b; --g-color-surface-subtle: #1c2d42; --g-color-surface-sunken: #07101a; --g-color-text: #edf4fc; --g-color-text-muted: #a9bbcf; --g-color-text-subtle: #758aa2; --g-color-border: #2b4058; --g-color-border-strong: #536d88; }
  [data-g-mode="dark"][data-g-neutral="cream"], [data-g-mode="dark"][data-g-neutral="paper"] { --g-color-canvas: #15130f; --g-color-surface: #1d1a15; --g-color-surface-raised: #25211a; --g-color-surface-subtle: #2b261e; --g-color-surface-sunken: #0d0b09; --g-color-text: #f2eee5; --g-color-text-muted: #b9b1a2; --g-color-text-subtle: #888174; --g-color-border: #413a30; --g-color-border-strong: #6b6255; }

  @media (prefers-color-scheme: dark) {
    :is(:root:not([data-g-mode]), [data-g-mode="system"]) { --g-color-canvas: #0c111b; --g-color-surface: #131b29; --g-color-surface-raised: #192334; --g-color-surface-subtle: #1c2738; --g-color-surface-sunken: #080d15; --g-color-text: #eef2f7; --g-color-text-muted: #aab5c5; --g-color-text-subtle: #7f8da1; --g-color-border: #2c394d; --g-color-border-strong: #506077; }
  }

  :where(:root:not([data-g-typography]):not([data-g-type])),
  :is([data-g-typography="system"], [data-g-type="system"]) { --g-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --g-heading-weight: 650; --g-letter-spacing-heading: -0.015em; }
  :is([data-g-typography="corporate"], [data-g-type="corporate"]) { --g-font-sans: Arial, "Helvetica Neue", sans-serif; --g-heading-weight: 700; --g-letter-spacing-heading: -0.01em; }
  :is([data-g-typography="humanist"], [data-g-type="humanist"]) { --g-font-sans: "Segoe UI", Candara, Calibri, sans-serif; --g-heading-weight: 600; --g-letter-spacing-heading: 0; }
  :is([data-g-typography="editorial"], [data-g-type="editorial"]) { --g-font-sans: Georgia, Cambria, "Times New Roman", serif; --g-heading-weight: 600; --g-letter-spacing-heading: -0.01em; }
  :is([data-g-typography="technical"], [data-g-type="technical"]) { --g-font-sans: "IBM Plex Sans", "Segoe UI", sans-serif; --g-font-mono: "IBM Plex Mono", Consolas, monospace; --g-heading-weight: 600; }
  :is([data-g-typography="geometric"], [data-g-type="geometric"]) { --g-font-sans: Avenir, Montserrat, Futura, ui-sans-serif, sans-serif; --g-heading-weight: 700; --g-letter-spacing-heading: -0.02em; }
  :is([data-g-typography="rounded"], [data-g-type="rounded"]) { --g-font-sans: "Nunito Sans", "Arial Rounded MT Bold", ui-sans-serif, sans-serif; --g-heading-weight: 700; }
  :is([data-g-typography="classic"], [data-g-type="classic"]) { --g-font-sans: Garamond, Georgia, serif; --g-heading-weight: 600; }
  :is([data-g-typography="compact"], [data-g-type="compact"]) { --g-font-sans: "Arial Narrow", "Roboto Condensed", Arial, sans-serif; --g-heading-weight: 700; }
  :is([data-g-typography="cjk"], [data-g-type="cjk"]) { --g-font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif; --g-heading-weight: 600; --g-letter-spacing-heading: 0; }

  :root,
  [data-g-shape="small"] { --g-radius-xs: 0.125rem; --g-radius-sm: 0.1875rem; --g-radius-md: 0.25rem; --g-radius-lg: 0.375rem; --g-radius-xl: 0.5rem; --g-radius-2xl: 0.75rem; }
  [data-g-shape="sharp"] { --g-radius-xs: 0; --g-radius-sm: 0; --g-radius-md: 0; --g-radius-lg: 0; --g-radius-xl: 0; --g-radius-2xl: 0; }
  [data-g-shape="medium"] { --g-radius-xs: 0.1875rem; --g-radius-sm: 0.25rem; --g-radius-md: 0.375rem; --g-radius-lg: 0.5rem; --g-radius-xl: 0.75rem; --g-radius-2xl: 1rem; }
  [data-g-shape="soft"] { --g-radius-xs: 0.25rem; --g-radius-sm: 0.375rem; --g-radius-md: 0.5rem; --g-radius-lg: 0.75rem; --g-radius-xl: 1rem; --g-radius-2xl: 1.5rem; }
  [data-g-shape="round"] { --g-radius-xs: 0.375rem; --g-radius-sm: 0.5rem; --g-radius-md: 0.75rem; --g-radius-lg: 1rem; --g-radius-xl: 1.5rem; --g-radius-2xl: 2rem; }

  :root,
  [data-g-density="standard"] { --g-density-factor: 1; }
  [data-g-density="compact"] { --g-density-factor: 0.875; }
  [data-g-density="comfortable"] { --g-density-factor: 1.075; }
  [data-g-density="touch"] { --g-density-factor: 1.15; --g-control-height-sm: 2.5rem; --g-control-height-md: 2.875rem; --g-control-height-lg: 3.25rem; --g-touch-target: 3rem; }

  :root,
  [data-g-elevation="bordered"] { --g-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.04); --g-shadow-sm: 0 1px 3px rgb(15 23 42 / 0.08); --g-shadow-md: 0 4px 12px rgb(15 23 42 / 0.1); --g-surface-border-width: 1px; }
  [data-g-elevation="flat"] { --g-shadow-xs: none; --g-shadow-sm: none; --g-shadow-md: none; --g-shadow-lg: none; --g-shadow-xl: none; --g-surface-border-width: 1px; }
  [data-g-elevation="layered"] { --g-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.06); --g-shadow-sm: 0 2px 6px rgb(15 23 42 / 0.1); --g-shadow-md: 0 8px 20px rgb(15 23 42 / 0.13); --g-shadow-lg: 0 18px 40px rgb(15 23 42 / 0.16); }
  [data-g-elevation="floating"] { --g-shadow-xs: 0 2px 5px rgb(15 23 42 / 0.08); --g-shadow-sm: 0 6px 16px rgb(15 23 42 / 0.12); --g-shadow-md: 0 14px 34px rgb(15 23 42 / 0.16); --g-shadow-lg: 0 28px 64px rgb(15 23 42 / 0.2); }

  [data-g-motion="none"] { --g-duration-fast: 0ms; --g-duration-normal: 0ms; --g-duration-slow: 0ms; }
  [data-g-motion="calm"] { --g-duration-fast: 150ms; --g-duration-normal: 240ms; --g-duration-slow: 400ms; }
  [data-g-motion="quick"] { --g-duration-fast: 80ms; --g-duration-normal: 140ms; --g-duration-slow: 220ms; }

  [data-g-platform="desktop"] { --g-header-height: 2.75rem; --g-touch-target: 2rem; --g-control-height-sm: 1.75rem; --g-control-height-md: 2.125rem; --g-control-height-lg: 2.5rem; --g-desktop-titlebar-height: 2rem; --g-desktop-statusbar-height: 1.5rem; }
  :is([data-g-platform="tauri"], [data-g-platform="electron"]) { --g-header-height: 2.75rem; --g-touch-target: 2rem; --g-control-height-sm: 1.75rem; --g-control-height-md: 2.125rem; --g-control-height-lg: 2.5rem; --g-desktop-titlebar-height: 2rem; --g-desktop-statusbar-height: 1.5rem; }
  [data-g-platform="mobile"] { --g-touch-target: 2.75rem; --g-control-height-sm: 2.25rem; --g-control-height-md: 2.75rem; --g-control-height-lg: 3.25rem; }

  /* Mode wins over every optional axis. */
  [data-g-mode="high-contrast"] { --g-color-canvas: #fff; --g-color-surface: #fff; --g-color-surface-raised: #fff; --g-color-surface-subtle: #f2f2f2; --g-color-surface-sunken: #e6e6e6; --g-color-text: #000; --g-color-text-muted: #222; --g-color-text-subtle: #333; --g-color-border: #000; --g-color-border-strong: #000; --g-shadow-xs: none; --g-shadow-sm: none; --g-shadow-md: none; --g-shadow-lg: none; --g-shadow-xl: none; }
}

@layer gardener.reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; tab-size: 4; }
  body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }
  body { min-height: 100vh; }
  ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
  img, picture, video, canvas, svg { display: block; max-inline-size: 100%; }
  img, video { block-size: auto; }
  input, button, textarea, select { font: inherit; letter-spacing: inherit; }
  button, select { text-transform: none; }
  button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
  textarea:not([rows]) { min-height: 8em; }
  table { border-collapse: collapse; border-color: currentColor; text-indent: 0; }
  :target { scroll-margin-block: 5rem; }
  [hidden] { display: none !important; }
}

@layer gardener.base {
  html { font-family: var(--g-font-sans); line-height: var(--g-line-height-normal); color: var(--g-color-text); background: var(--g-color-canvas); }
  body { background: var(--g-color-canvas); color: var(--g-color-text); font-size: var(--g-font-size-md); text-rendering: optimizeLegibility; }
  ::selection { background: var(--g-color-selection); }
  a { color: var(--g-color-primary-text); text-decoration-thickness: 0.08em; text-underline-offset: 0.18em; }
  a:hover { color: var(--g-color-primary-hover); }
  h1, h2, h3, h4, h5, h6 { color: var(--g-color-text); font-weight: var(--g-heading-weight, 650); letter-spacing: var(--g-letter-spacing-heading, -0.015em); line-height: var(--g-line-height-tight); text-wrap: balance; }
  h1 { font-size: clamp(2rem, 5vw, var(--g-font-size-5xl)); }
  h2 { font-size: clamp(1.75rem, 4vw, var(--g-font-size-4xl)); }
  h3 { font-size: var(--g-font-size-2xl); }
  h4 { font-size: var(--g-font-size-xl); }
  p, li { text-wrap: pretty; }
  small { font-size: var(--g-font-size-sm); }
  hr { border: 0; border-top: var(--g-border-width) solid var(--g-color-border); }
  code, kbd, samp, pre { font-family: var(--g-font-mono); }
  code { font-size: 0.9em; }
  :where(code):not(pre code) { padding: 0.12em 0.35em; border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); }
  kbd { padding: 0.15em 0.42em; border: 1px solid var(--g-color-border-strong); border-bottom-width: 2px; border-radius: var(--g-radius-sm); background: var(--g-color-surface); box-shadow: var(--g-shadow-xs); font-size: 0.82em; }
  blockquote { border-inline-start: 0.25rem solid var(--g-color-primary); padding-inline-start: var(--g-space-4); color: var(--g-color-text-muted); }
  :focus-visible { outline: 2px solid var(--g-color-primary); outline-offset: 2px; box-shadow: 0 0 0 var(--g-focus-ring-width) var(--g-focus-ring); }
  :disabled, [aria-disabled="true"] { cursor: not-allowed; }
  [aria-busy="true"] { cursor: progress; }
  [dir="rtl"] { text-align: start; }

  .g-prose { max-inline-size: var(--g-reading-max); }
  .g-prose > * + * { margin-block-start: 1em; }
  .g-prose :where(ul, ol) { padding-inline-start: 1.5em; }
  .g-prose :where(h2, h3, h4) { margin-block-start: 1.6em; }

  .g-skip-link { position: fixed; inset-block-start: var(--g-space-2); inset-inline-start: var(--g-space-2); z-index: var(--g-z-tooltip); transform: translateY(-150%); padding: var(--g-space-2) var(--g-space-4); border-radius: var(--g-radius-md); background: var(--g-color-primary); color: var(--g-color-on-primary); }
  .g-skip-link:focus { transform: translateY(0); }

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  }

  @media (forced-colors: active) {
    :focus-visible { outline: 3px solid Highlight; }
  }

  @media print {
    @page { margin: 12mm; }
    html, body { min-width: 0; background: #fff; color: #000; print-color-adjust: economy; }
    .g-no-print, [data-g-no-print], .g-dialog-backdrop, .g-drawer-backdrop, .g-toast-region, .g-back-to-top, .g-mobile-bottom-nav { display: none !important; }
    a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.8em; overflow-wrap: anywhere; }
    img, svg, table, pre, blockquote, figure, .g-card { break-inside: avoid; }
    thead { display: table-header-group; }
    tfoot { display: table-footer-group; }
    pre { white-space: pre-wrap; overflow-wrap: anywhere; }
    img, svg { max-width: 100% !important; }
    h1, h2, h3, h4 { break-after: avoid; }
  }
}

@layer gardener.components {
  .g-container { width: min(100% - 2 * var(--g-space-page-x), var(--g-content-max)); margin-inline: auto; }
  .g-container-fluid { width: 100%; padding-inline: var(--g-space-page-x); }
  .g-sticky-top { position: sticky; inset-block-start: 0; z-index: var(--g-z-sticky); }

  .g-app-shell { display: grid; min-height: 100dvh; grid-template: "sidebar header" var(--g-header-height) "sidebar main" 1fr / var(--g-sidebar-width) minmax(0, 1fr); background: var(--g-color-canvas); }
  .g-app-shell-sidebar { grid-area: sidebar; position: sticky; inset-block-start: 0; height: 100dvh; overflow: auto; border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-app-shell-header { grid-area: header; position: sticky; inset-block-start: 0; z-index: var(--g-z-sticky); display: flex; align-items: center; min-width: 0; padding-inline: var(--g-space-page-x); border-bottom: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 92%, transparent); backdrop-filter: blur(12px); }
  .g-app-shell-main { grid-area: main; min-width: 0; padding: var(--g-space-page-x); }
  .g-app-shell.is-collapsed { grid-template-columns: var(--g-sidebar-collapsed-width) minmax(0, 1fr); }

  .g-dashboard { display: grid; gap: var(--g-space-6); }
  .g-dashboard-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--g-space-4); }
  .g-dashboard-grid > * { grid-column: span 12; }

  .g-mobile-shell { min-height: 100dvh; padding-block: var(--g-mobile-header-height, 3.5rem) calc(var(--g-mobile-nav-height, 4rem) + env(safe-area-inset-bottom)); }
  .g-mobile-header { position: fixed; inset: 0 0 auto; z-index: var(--g-z-sticky); height: calc(var(--g-mobile-header-height, 3.5rem) + env(safe-area-inset-top)); padding: env(safe-area-inset-top) var(--g-space-4) 0; display: flex; align-items: center; background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-mobile-bottom-nav { position: fixed; inset: auto 0 0; z-index: var(--g-z-sticky); min-height: calc(var(--g-mobile-nav-height, 4rem) + env(safe-area-inset-bottom)); padding: var(--g-space-1) var(--g-space-2) env(safe-area-inset-bottom); display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; background: var(--g-color-surface); border-top: 1px solid var(--g-color-border); }

  @media (min-width: 768px) {
    .g-dashboard-grid > .g-span-3 { grid-column: span 3; }
    .g-dashboard-grid > .g-span-4 { grid-column: span 4; }
    .g-dashboard-grid > .g-span-6 { grid-column: span 6; }
    .g-dashboard-grid > .g-span-8 { grid-column: span 8; }
    .g-dashboard-grid > .g-span-9 { grid-column: span 9; }
  }

  @media (max-width: 767.98px) {
    .g-app-shell { display: block; padding-block-start: var(--g-header-height); }
    .g-app-shell-sidebar { position: fixed; inset: var(--g-header-height) auto 0 0; z-index: var(--g-z-overlay); width: min(86vw, var(--g-sidebar-width)); height: auto; transform: translateX(-105%); transition: transform var(--g-duration-normal) var(--g-ease-standard); box-shadow: var(--g-shadow-lg); }
    [dir="rtl"] .g-app-shell-sidebar { inset-inline: auto 0; transform: translateX(105%); }
    .g-app-shell-sidebar.is-open { transform: translateX(0); }
    .g-app-shell-header { position: fixed; inset: 0 0 auto; height: var(--g-header-height); }
  }
}

@layer gardener.components {
  /* Shared region contracts */
  :where(
    .g-region-stack, .g-region-inline, .g-region-frame, .g-holy-grail,
    .g-sidebar-shell, .g-double-sidebar-layout, .g-master-detail,
    .g-list-detail-inspector, .g-sticky-footer-layout, .g-sticky-aside-layout,
    .g-fixed-header-layout, .g-fixed-sidebar-layout, .g-dock-layout,
    .g-split-view, .g-fullscreen-workspace, .g-mobile-layout
  ) { min-inline-size: 0; min-block-size: 0; background: var(--g-color-canvas); }

  :where(
    .g-region-top, .g-region-start, .g-region-main, .g-region-center, .g-region-end, .g-region-bottom,
    .g-master, .g-detail, .g-region-list, .g-region-inspector,
    .g-dock-top, .g-dock-start, .g-dock-main, .g-dock-end, .g-dock-bottom,
    .g-split-view-primary, .g-split-view-secondary,
    .g-workspace-toolbar, .g-workspace-main, .g-workspace-status,
    .g-mobile-layout-header, .g-mobile-layout-content, .g-mobile-layout-bottom
  ) { min-inline-size: 0; min-block-size: 0; }

  .g-region-top { grid-area: top; }
  .g-region-start { grid-area: start; }
  :is(.g-region-main, .g-region-center) { grid-area: main; }
  .g-region-end { grid-area: end; }
  .g-region-bottom { grid-area: bottom; }

  /* Top / main / bottom */
  .g-region-stack {
    display: grid;
    min-block-size: var(--g-region-min-block-size, 100%);
    grid-template: "top" auto "main" minmax(0, 1fr) "bottom" auto / minmax(0, 1fr);
  }

  /* Start / main / end */
  .g-region-inline {
    display: grid;
    grid-template: "start main end" minmax(0, 1fr) / var(--g-region-start-size, minmax(12rem, 18rem)) minmax(0, 1fr) var(--g-region-end-size, minmax(12rem, 18rem));
  }

  /* Top / start / main / end / bottom and Holy Grail */
  :is(.g-region-frame, .g-holy-grail) {
    display: grid;
    min-block-size: var(--g-region-min-block-size, 100dvh);
    grid-template:
      "top top top" auto
      "start main end" minmax(0, 1fr)
      "bottom bottom bottom" auto /
      var(--g-region-start-size, minmax(12rem, 17rem)) minmax(0, 1fr) var(--g-region-end-size, minmax(12rem, 17rem));
  }

  /* Header / sidebar / main and double-sidebar application shells */
  .g-sidebar-shell {
    display: grid;
    min-block-size: var(--g-region-min-block-size, 100dvh);
    grid-template:
      "top top" var(--g-region-header-size, auto)
      "start main" minmax(0, 1fr) /
      var(--g-region-start-size, var(--g-sidebar-width)) minmax(0, 1fr);
  }

  .g-double-sidebar-layout {
    display: grid;
    min-block-size: var(--g-region-min-block-size, 100%);
    grid-template: "start main end" minmax(0, 1fr) / var(--g-region-start-size, 16rem) minmax(0, 1fr) var(--g-region-end-size, 18rem);
  }

  /* Master/detail and list/detail/inspector */
  .g-master-detail {
    display: grid;
    grid-template: "master detail" minmax(0, 1fr) / var(--g-master-size, minmax(16rem, 0.4fr)) minmax(0, 1fr);
  }
  .g-master { grid-area: master; }
  .g-detail { grid-area: detail; }

  .g-list-detail-inspector {
    display: grid;
    grid-template: "list detail inspector" minmax(0, 1fr) / var(--g-list-size, minmax(14rem, 0.32fr)) minmax(0, 1fr) var(--g-inspector-size, minmax(16rem, 0.36fr));
  }
  .g-region-list { grid-area: list; }
  .g-region-inspector { grid-area: inspector; }

  /* Sticky footer */
  .g-sticky-footer-layout {
    display: grid;
    min-block-size: var(--g-region-min-block-size, 100dvh);
    grid-template: "top" auto "main" minmax(0, 1fr) "bottom" auto / minmax(0, 1fr);
  }

  /* Fixed header */
  .g-fixed-header-layout {
    position: relative;
    min-block-size: var(--g-region-min-block-size, 100dvh);
    padding-block-start: var(--g-fixed-header-size, var(--g-header-height));
  }
  .g-fixed-header-bar {
    position: fixed;
    z-index: var(--g-z-sticky);
    inset: 0 0 auto;
    block-size: var(--g-fixed-header-size, var(--g-header-height));
    background: var(--g-color-surface);
  }
  .g-fixed-header-main { min-block-size: calc(var(--g-region-min-block-size, 100dvh) - var(--g-fixed-header-size, var(--g-header-height))); }
  .g-fixed-header-layout.is-contained .g-fixed-header-bar { position: absolute; }

  /* Fixed sidebar */
  .g-fixed-sidebar-layout {
    position: relative;
    min-block-size: var(--g-region-min-block-size, 100dvh);
    padding-inline-start: var(--g-fixed-sidebar-size, var(--g-sidebar-width));
  }
  .g-fixed-sidebar {
    position: fixed;
    z-index: var(--g-z-sticky);
    inset-block: 0;
    inset-inline-start: 0;
    inline-size: var(--g-fixed-sidebar-size, var(--g-sidebar-width));
    overflow: auto;
    background: var(--g-color-surface);
    border-inline-end: 1px solid var(--g-color-border);
  }
  .g-fixed-sidebar-main { min-inline-size: 0; }
  .g-fixed-sidebar-layout.is-contained .g-fixed-sidebar { position: absolute; }

  /* Content with sticky aside */
  .g-sticky-aside-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--g-sticky-aside-size, minmax(14rem, 20rem));
    gap: var(--g-sticky-aside-gap, var(--g-space-6));
    align-items: start;
  }
  .g-sticky-aside { position: sticky; inset-block-start: var(--g-sticky-aside-offset, calc(var(--g-header-height) + var(--g-space-4))); }

  /* Dock layout */
  .g-dock-layout {
    display: grid;
    block-size: var(--g-dock-block-size, 100dvh);
    grid-template:
      "dock-top dock-top dock-top" var(--g-dock-top-size, auto)
      "dock-start dock-main dock-end" minmax(0, 1fr)
      "dock-bottom dock-bottom dock-bottom" var(--g-dock-bottom-size, auto) /
      var(--g-dock-start-size, 16rem) minmax(0, 1fr) var(--g-dock-end-size, 18rem);
    overflow: hidden;
  }
  .g-dock-layout.is-contained { block-size: var(--g-dock-block-size, 36rem); }
  .g-dock-top { grid-area: dock-top; }
  .g-dock-start { grid-area: dock-start; }
  .g-dock-main { grid-area: dock-main; overflow: auto; }
  .g-dock-end { grid-area: dock-end; }
  .g-dock-bottom { grid-area: dock-bottom; }
  .g-dock-layout.is-start-collapsed { grid-template-columns: 0 minmax(0, 1fr) var(--g-dock-end-size, 18rem); }
  .g-dock-layout.is-end-collapsed { grid-template-columns: var(--g-dock-start-size, 16rem) minmax(0, 1fr) 0; }
  .g-dock-layout.is-start-collapsed > .g-dock-start,
  .g-dock-layout.is-end-collapsed > .g-dock-end,
  .g-region-panel.is-collapsed { display: none; }

  /* Split view reuses the existing split-pane runtime contract */
  :is(.g-split-view, .g-split-pane) { display: flex; min-inline-size: 0; min-block-size: 0; }
  .g-split-view[data-g-orientation="vertical"], .g-split-view.is-vertical { flex-direction: column; }
  :is(.g-split-view-primary, .g-split-view-secondary) { flex: 1 1 0; overflow: auto; }

  /* Fullscreen workspace */
  .g-fullscreen-workspace {
    position: fixed;
    z-index: var(--g-z-overlay);
    inset: 0;
    display: grid;
    grid-template: "workspace-toolbar" auto "workspace-main" minmax(0, 1fr) "workspace-status" auto / minmax(0, 1fr);
    overflow: hidden;
  }
  .g-fullscreen-workspace.is-contained { position: relative; z-index: auto; min-block-size: var(--g-workspace-min-block-size, 32rem); }
  .g-workspace-toolbar { grid-area: workspace-toolbar; }
  .g-workspace-main { grid-area: workspace-main; min-block-size: 0; overflow: auto; }
  .g-workspace-status { grid-area: workspace-status; }

  /* Mobile top / content / bottom shell */
  .g-mobile-layout {
    display: grid;
    min-block-size: var(--g-region-min-block-size, 100dvh);
    grid-template:
      "mobile-header" auto
      "mobile-content" minmax(0, 1fr)
      "mobile-bottom" auto /
      minmax(0, 1fr);
    padding-block-start: env(safe-area-inset-top);
    padding-block-end: env(safe-area-inset-bottom);
  }
  .g-mobile-layout-header { grid-area: mobile-header; position: sticky; inset-block-start: env(safe-area-inset-top); z-index: var(--g-z-sticky); }
  .g-mobile-layout-content { grid-area: mobile-content; min-block-size: 0; overflow: auto; }
  .g-mobile-layout-bottom { grid-area: mobile-bottom; position: sticky; inset-block-end: env(safe-area-inset-bottom); z-index: var(--g-z-sticky); }

  /* Region-level container queries */
  .g-region-container { container-name: g-region; container-type: inline-size; }

  @container g-region (max-width: 47.999rem) {
    :is(.g-region-inline, .g-region-frame, .g-holy-grail, .g-double-sidebar-layout) {
      grid-template:
        "top" auto
        "start" auto
        "main" minmax(0, 1fr)
        "end" auto
        "bottom" auto /
        minmax(0, 1fr);
    }
    .g-master-detail { grid-template: "master" auto "detail" minmax(0, 1fr) / minmax(0, 1fr); }
    .g-list-detail-inspector { grid-template: "list" auto "detail" minmax(0, 1fr) "inspector" auto / minmax(0, 1fr); }
    .g-sticky-aside-layout { grid-template-columns: minmax(0, 1fr); }
    .g-sticky-aside { position: static; }
  }

  @media (max-width: 47.999rem) {
    :is(.g-region-inline, .g-region-frame, .g-holy-grail, .g-double-sidebar-layout) {
      grid-template:
        "top" auto
        "start" auto
        "main" minmax(0, 1fr)
        "end" auto
        "bottom" auto /
        minmax(0, 1fr);
    }
    .g-sidebar-shell { grid-template: "top" auto "start" auto "main" minmax(0, 1fr) / minmax(0, 1fr); }
    .g-master-detail { grid-template: "master" auto "detail" minmax(0, 1fr) / minmax(0, 1fr); }
    .g-list-detail-inspector { grid-template: "list" auto "detail" minmax(0, 1fr) "inspector" auto / minmax(0, 1fr); }
    .g-sticky-aside-layout { grid-template-columns: minmax(0, 1fr); }
    .g-sticky-aside { position: static; }
    .g-fixed-sidebar-layout { padding-inline-start: 0; }
    .g-fixed-sidebar-layout:not(.is-open) > .g-fixed-sidebar { transform: translateX(-100%); visibility: hidden; }
    [dir="rtl"] .g-fixed-sidebar-layout:not(.is-open) > .g-fixed-sidebar { transform: translateX(100%); }
    .g-fixed-sidebar { inline-size: min(86vw, var(--g-fixed-sidebar-size, var(--g-sidebar-width))); transition: transform var(--g-duration-normal) var(--g-ease-standard), visibility var(--g-duration-normal); }
    .g-dock-layout {
      grid-template:
        "dock-top" auto
        "dock-main" minmax(0, 1fr)
        "dock-bottom" auto /
        minmax(0, 1fr);
    }
    .g-dock-layout > :is(.g-dock-start, .g-dock-end) { display: none; }
    .g-dock-layout.is-start-open { grid-template: "dock-top" auto "dock-start" minmax(0, 1fr) "dock-bottom" auto / minmax(0, 1fr); }
    .g-dock-layout.is-end-open { grid-template: "dock-top" auto "dock-end" minmax(0, 1fr) "dock-bottom" auto / minmax(0, 1fr); }
    .g-dock-layout.is-start-open > .g-dock-start,
    .g-dock-layout.is-end-open > .g-dock-end { display: block; }
    .g-split-view:not([data-g-collapse="false"]) { flex-direction: column; }
  }

  @media print {
    :is(
      .g-region-stack, .g-region-inline, .g-region-frame, .g-holy-grail,
      .g-sidebar-shell, .g-double-sidebar-layout, .g-master-detail,
      .g-list-detail-inspector, .g-sticky-footer-layout, .g-sticky-aside-layout,
      .g-dock-layout, .g-fullscreen-workspace, .g-mobile-layout
    ) { position: static; display: block; min-block-size: 0; block-size: auto; overflow: visible; background: #fff; }
    :is(.g-fixed-header-layout, .g-fixed-sidebar-layout) { min-block-size: 0; padding: 0; }
    :is(.g-fixed-header-bar, .g-fixed-sidebar, .g-sticky-aside, .g-mobile-layout-header, .g-mobile-layout-bottom) { position: static; inline-size: auto; block-size: auto; }
    :is(.g-split-view, .g-split-pane) { display: block; }
    .g-split-handle { display: none !important; }
  }
}

@layer gardener.components {
  /* 01 Stack: vertical rhythm, with an optional split point. */
  .g-stack { display: flex; min-inline-size: 0; flex-direction: column; gap: var(--g-stack-gap, var(--g-space-4)); }
  .g-stack.is-split > :where(.g-stack-split, :last-child) { margin-block-start: auto; }

  /* 02 Cluster: wrapping inline groups such as tags and actions. */
  .g-cluster { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: var(--g-cluster-align, center); justify-content: var(--g-cluster-justify, flex-start); gap: var(--g-cluster-gap, var(--g-space-3)); }

  /* 03 Center: readable measure plus optional intrinsic centering. */
  .g-center { box-sizing: content-box; max-inline-size: var(--g-center-max, var(--g-content-max)); margin-inline: auto; padding-inline: var(--g-center-gutter, var(--g-space-page-x)); }
  .g-center.is-intrinsic { display: flex; flex-direction: column; align-items: center; text-align: center; }

  /* 04 Sidebar: start/end side content without viewport breakpoints. */
  :is(.g-sidebar-layout, .g-sidebar-pattern) { display: flex; min-inline-size: 0; flex-wrap: wrap; gap: var(--g-sidebar-gap, var(--g-space-6)); align-items: var(--g-sidebar-align, stretch); }
  :is(.g-sidebar-layout, .g-sidebar-pattern) > :first-child { flex: 1 1 var(--g-sidebar-pattern-size, var(--g-sidebar-width)); }
  :is(.g-sidebar-layout, .g-sidebar-pattern) > :last-child { min-inline-size: min(100%, var(--g-sidebar-content-min, 32rem)); flex: 999 1 0; }
  :is(.g-sidebar-layout, .g-sidebar-pattern).is-end > :first-child { min-inline-size: min(100%, var(--g-sidebar-content-min, 32rem)); flex: 999 1 0; }
  :is(.g-sidebar-layout, .g-sidebar-pattern).is-end > :last-child { min-inline-size: 0; flex: 1 1 var(--g-sidebar-pattern-size, var(--g-sidebar-width)); }

  /* 05 Switcher: horizontal until the available space becomes too small. */
  .g-switcher { display: flex; min-inline-size: 0; flex-wrap: wrap; gap: var(--g-switcher-gap, var(--g-space-4)); }
  .g-switcher > * { min-inline-size: 0; flex-grow: 1; flex-basis: calc((var(--g-switcher-threshold, 48rem) - 100%) * 999); }

  /* 06 Cover: a centered hero or state between optional header/footer. */
  .g-cover { display: flex; min-block-size: var(--g-cover-min, 100dvh); flex-direction: column; padding: var(--g-cover-padding, var(--g-space-page-x)); }
  .g-cover > :where(.g-cover-center, :nth-child(2)) { margin-block: auto; }

  /* 07 Reel: a keyboard-scrollable horizontal sequence. */
  .g-reel { display: flex; max-inline-size: 100%; gap: var(--g-reel-gap, var(--g-space-4)); padding-block-end: var(--g-reel-scrollbar-space, var(--g-space-2)); overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-gutter: stable; }
  .g-reel > * { flex: 0 0 var(--g-reel-item-size, auto); }
  .g-reel > img { block-size: 100%; flex-basis: auto; inline-size: auto; }

  /* 08 Frame: media cropping with a stable aspect ratio. */
  .g-frame { display: grid; place-items: center; overflow: hidden; aspect-ratio: var(--g-frame-ratio, 16 / 9); }
  .g-frame > :is(img, picture, video, iframe, canvas, svg) { inline-size: 100%; block-size: 100%; }
  .g-frame > :is(img, video, canvas, svg) { object-fit: var(--g-frame-fit, cover); object-position: var(--g-frame-position, center); }

  /* 09 Media Object: image/avatar plus body and optional trailing action. */
  .g-media-object { display: grid; min-inline-size: 0; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "media body action"; gap: var(--g-media-object-gap, var(--g-space-4)); align-items: var(--g-media-object-align, start); }
  .g-media-object-media { grid-area: media; }
  .g-media-object-body { grid-area: body; min-inline-size: 0; }
  .g-media-object-action { grid-area: action; }
  .g-media-object.is-end { grid-template-areas: "action body media"; grid-template-columns: auto minmax(0, 1fr) auto; }
  .g-media-object.is-stacked { grid-template: "media" auto "body" auto "action" auto / minmax(0, 1fr); }

  /* 10/11 Auto Fit and Auto Fill grids. .g-grid-auto remains the fit alias. */
  :is(.g-grid-auto, .g-grid-auto-fit) { display: grid; min-inline-size: 0; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--g-grid-min, 16rem)), 1fr)); gap: var(--g-grid-gap, var(--g-space-4)); }
  .g-grid-auto-fill { display: grid; min-inline-size: 0; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--g-grid-min, 16rem)), 1fr)); gap: var(--g-grid-gap, var(--g-space-4)); }

  /* 12 Bleed: escape a centered reading measure. */
  .g-bleed { inline-size: min(var(--g-bleed-max, 100vw), calc(100% + 2 * var(--g-bleed-size, var(--g-space-page-x)))); max-inline-size: var(--g-bleed-max, 100vw); margin-inline: max(calc(-1 * var(--g-bleed-size, var(--g-space-page-x))), calc((100% - var(--g-bleed-max, 100vw)) / 2)); }
  .g-bleed.is-full { inline-size: 100vw; max-inline-size: none; margin-inline: calc(50% - 50vw); }

  /* 13 Repel: title/action or metadata pairs that wrap safely. */
  .g-repel { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: var(--g-repel-align, center); justify-content: space-between; gap: var(--g-repel-gap, var(--g-space-3)); }

  /* 14 Imposter: centered dialog-like content, absolute or fixed. */
  .g-imposter { position: absolute; inset-block-start: 50%; inset-inline-start: 50%; max-inline-size: min(calc(100% - 2 * var(--g-imposter-margin, var(--g-space-4))), var(--g-imposter-max, 40rem)); max-block-size: calc(100% - 2 * var(--g-imposter-margin, var(--g-space-4))); transform: translate(-50%, -50%); overflow: auto; }
  [dir="rtl"] .g-imposter { transform: translate(50%, -50%); }
  .g-imposter.is-fixed { position: fixed; max-inline-size: min(calc(100vw - 2 * var(--g-imposter-margin, var(--g-space-4))), var(--g-imposter-max, 40rem)); max-block-size: calc(100dvh - 2 * var(--g-imposter-margin, var(--g-space-4))); }
  .g-imposter-container { position: relative; isolation: isolate; }

  /* 15 Overlay: base content plus named layers. */
  .g-overlay-layout { display: grid; min-inline-size: 0; min-block-size: 0; }
  .g-overlay-layout > * { grid-area: 1 / 1; min-inline-size: 0; min-block-size: 0; }
  .g-overlay-base { z-index: 0; }
  .g-overlay-layer { z-index: 1; align-self: var(--g-overlay-align, end); justify-self: var(--g-overlay-justify, stretch); margin: var(--g-overlay-margin, var(--g-space-4)); pointer-events: none; }
  .g-overlay-layer > * { pointer-events: auto; }

  /* 16 Masonry: broad column fallback. */
  .g-masonry { columns: var(--g-masonry-columns, 3) var(--g-masonry-min, 16rem); column-gap: var(--g-masonry-gap, var(--g-space-4)); }
  .g-masonry > * { break-inside: avoid; margin-block: 0 var(--g-masonry-gap, var(--g-space-4)); }

  /* 17 Bento: twelve-track editorial/dashboard tiles. */
  .g-bento { display: grid; min-inline-size: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-flow: dense; grid-auto-rows: minmax(var(--g-bento-row-min, 8rem), auto); gap: var(--g-bento-gap, var(--g-space-4)); }
  .g-bento > * { grid-column: span var(--g-bento-span, 4); }
  .g-bento-wide { grid-column: span 8; }
  .g-bento-full { grid-column: 1 / -1; }
  .g-bento-tall { grid-row: span 2; }
  .g-bento-featured { grid-column: span 8; grid-row: span 2; }

  /* 18 Aspect Ratio: non-cropping generic ratio box. */
  .g-aspect-ratio { position: relative; inline-size: 100%; aspect-ratio: var(--g-aspect-ratio, 16 / 9); }
  .g-aspect-ratio > :only-child { inline-size: 100%; block-size: 100%; }
  .g-aspect-square { --g-aspect-ratio: 1; }
  .g-aspect-portrait { --g-aspect-ratio: 3 / 4; }
  .g-aspect-landscape { --g-aspect-ratio: 4 / 3; }
  .g-aspect-video { --g-aspect-ratio: 16 / 9; }
  .g-aspect-cinema { --g-aspect-ratio: 21 / 9; }

  /* 19 Scroll Area: controlled independent scrolling. */
  .g-scroll-area { min-inline-size: 0; min-block-size: 0; max-block-size: var(--g-scroll-area-max, none); overflow: auto; overscroll-behavior: var(--g-scroll-overscroll, contain); scrollbar-gutter: stable; }
  .g-scroll-area.is-block { overflow-x: hidden; overflow-y: auto; }
  .g-scroll-area.is-inline { overflow-x: auto; overflow-y: hidden; }

  /* 20 Scroll Snap: inline by default, block with .is-block. */
  .g-scroll-snap { display: flex; max-inline-size: 100%; gap: var(--g-scroll-snap-gap, var(--g-space-4)); overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: var(--g-scroll-snap-padding, var(--g-space-4)); scroll-snap-type: inline var(--g-scroll-snap-strictness, mandatory); }
  .g-scroll-snap > * { flex: 0 0 var(--g-scroll-snap-item-size, min(85%, 28rem)); scroll-snap-align: var(--g-scroll-snap-align, start); scroll-snap-stop: normal; }
  .g-scroll-snap-item { min-inline-size: 0; }
  .g-scroll-snap.is-block { display: block; max-block-size: var(--g-scroll-snap-block-size, 30rem); overflow-x: hidden; overflow-y: auto; scroll-snap-type: block var(--g-scroll-snap-strictness, mandatory); }
  .g-scroll-snap.is-block > * { min-block-size: var(--g-scroll-snap-item-block-size, 80%); }

  /* 21 Safe Area: all four device insets plus an application gutter. */
  .g-safe-area { padding-block-start: max(var(--g-safe-area-top, 0px), env(safe-area-inset-top)); padding-inline-end: max(var(--g-safe-area-end, 0px), env(safe-area-inset-right)); padding-block-end: max(var(--g-safe-area-bottom, 0px), env(safe-area-inset-bottom)); padding-inline-start: max(var(--g-safe-area-start, 0px), env(safe-area-inset-left)); }
  .g-safe-area.is-padded { padding-block-start: max(var(--g-safe-area-padding, var(--g-space-4)), env(safe-area-inset-top)); padding-inline-end: max(var(--g-safe-area-padding, var(--g-space-4)), env(safe-area-inset-right)); padding-block-end: max(var(--g-safe-area-padding, var(--g-space-4)), env(safe-area-inset-bottom)); padding-inline-start: max(var(--g-safe-area-padding, var(--g-space-4)), env(safe-area-inset-left)); }

  /* 22 Sticky Region: logical top/bottom attachment inside a scroll owner. */
  .g-sticky-region { position: sticky; z-index: var(--g-sticky-region-z, var(--g-z-sticky)); inset-block-start: var(--g-sticky-region-offset, 0); }
  .g-sticky-region.is-bottom { inset-block: auto var(--g-sticky-region-offset, 0); }
  .g-sticky-region.is-surface { background: var(--g-color-surface); }

  .g-layout-container { container-name: g-layout; container-type: inline-size; }

  @container g-layout (max-width: 39.999rem) {
    .g-media-object:not([data-g-collapse="false"]) { grid-template: "media" auto "body" auto "action" auto / minmax(0, 1fr); }
    .g-bento > * { grid-column: 1 / -1; }
    .g-bento-tall, .g-bento-featured { grid-row: auto; }
    .g-masonry { columns: 1; }
  }

  @media (max-width: 39.999rem) {
    .g-media-object:not([data-g-collapse="false"]) { grid-template: "media" auto "body" auto "action" auto / minmax(0, 1fr); }
    .g-bento > * { grid-column: 1 / -1; }
    .g-bento-tall, .g-bento-featured { grid-row: auto; }
    .g-masonry { columns: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    :is(.g-reel, .g-scroll-area, .g-scroll-snap) { scroll-behavior: auto; }
  }

  @media print {
    :is(.g-reel, .g-scroll-area, .g-scroll-snap) { display: block; max-block-size: none; overflow: visible; }
    :is(.g-reel, .g-scroll-snap) > * { break-inside: avoid; margin-block-end: var(--g-space-4); }
    .g-masonry { columns: 1; }
    .g-imposter, .g-imposter.is-fixed { position: static; max-inline-size: none; max-block-size: none; transform: none; overflow: visible; }
    .g-overlay-layout { display: block; }
    .g-overlay-layout > * { margin-block-end: var(--g-space-4); }
    .g-overlay-layer { margin: 0; }
    .g-sticky-region, .g-sticky-region.is-bottom { position: static; }
  }
}

@layer gardener.components {
:where(.g-row,.g-grid-24,.g-grid-12){--g-grid-columns:24;--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4);display:grid;grid-template-columns:repeat(var(--g-grid-columns),minmax(0,1fr));column-gap:var(--g-grid-gutter-x);row-gap:var(--g-grid-gutter-y);align-items:stretch;min-inline-size:0}
.g-grid-12{--g-grid-columns:12}
:where(.g-row,.g-grid-24,.g-grid-12)>*{min-inline-size:0}
.g-row-dense{grid-auto-flow:row dense}
.g-row-no-gutter{--g-grid-gutter-x:0;--g-grid-gutter-y:0}
.g-row-top{align-items:start}
.g-row-middle{align-items:center}
.g-row-bottom{align-items:end}
.g-row-stretch{align-items:stretch}
.g-col-self-start{align-self:start}
.g-col-self-center{align-self:center}
.g-col-self-end{align-self:end}
.g-col-self-stretch{align-self:stretch}
.g-grid-container{container-name:g-grid;container-type:inline-size}
.g-col{grid-column:1/-1;min-inline-size:0}
.g-col-auto{grid-column:auto;min-inline-size:0}
.g-col-fill{grid-column:1/-1;min-inline-size:0}
.g-col-full{grid-column:1/-1;min-inline-size:0}
.g-col-hidden{display:none}
.g-col-visible{display:revert}
.g-offset-0{grid-column-start:auto}
.g-col-start-auto{grid-column-start:auto}
.g-col-end-auto{grid-column-end:auto}
.g-col-1{grid-column:span 1/span 1;min-inline-size:0}
.g-col-fill-from-1{grid-column:1/-1;min-inline-size:0}
.g-col-2{grid-column:span 2/span 2;min-inline-size:0}
.g-col-fill-from-2{grid-column:2/-1;min-inline-size:0}
.g-col-3{grid-column:span 3/span 3;min-inline-size:0}
.g-col-fill-from-3{grid-column:3/-1;min-inline-size:0}
.g-col-4{grid-column:span 4/span 4;min-inline-size:0}
.g-col-fill-from-4{grid-column:4/-1;min-inline-size:0}
.g-col-5{grid-column:span 5/span 5;min-inline-size:0}
.g-col-fill-from-5{grid-column:5/-1;min-inline-size:0}
.g-col-6{grid-column:span 6/span 6;min-inline-size:0}
.g-col-fill-from-6{grid-column:6/-1;min-inline-size:0}
.g-col-7{grid-column:span 7/span 7;min-inline-size:0}
.g-col-fill-from-7{grid-column:7/-1;min-inline-size:0}
.g-col-8{grid-column:span 8/span 8;min-inline-size:0}
.g-col-fill-from-8{grid-column:8/-1;min-inline-size:0}
.g-col-9{grid-column:span 9/span 9;min-inline-size:0}
.g-col-fill-from-9{grid-column:9/-1;min-inline-size:0}
.g-col-10{grid-column:span 10/span 10;min-inline-size:0}
.g-col-fill-from-10{grid-column:10/-1;min-inline-size:0}
.g-col-11{grid-column:span 11/span 11;min-inline-size:0}
.g-col-fill-from-11{grid-column:11/-1;min-inline-size:0}
.g-col-12{grid-column:span 12/span 12;min-inline-size:0}
.g-col-fill-from-12{grid-column:12/-1;min-inline-size:0}
.g-col-13{grid-column:span 13/span 13;min-inline-size:0}
.g-col-fill-from-13{grid-column:13/-1;min-inline-size:0}
.g-col-14{grid-column:span 14/span 14;min-inline-size:0}
.g-col-fill-from-14{grid-column:14/-1;min-inline-size:0}
.g-col-15{grid-column:span 15/span 15;min-inline-size:0}
.g-col-fill-from-15{grid-column:15/-1;min-inline-size:0}
.g-col-16{grid-column:span 16/span 16;min-inline-size:0}
.g-col-fill-from-16{grid-column:16/-1;min-inline-size:0}
.g-col-17{grid-column:span 17/span 17;min-inline-size:0}
.g-col-fill-from-17{grid-column:17/-1;min-inline-size:0}
.g-col-18{grid-column:span 18/span 18;min-inline-size:0}
.g-col-fill-from-18{grid-column:18/-1;min-inline-size:0}
.g-col-19{grid-column:span 19/span 19;min-inline-size:0}
.g-col-fill-from-19{grid-column:19/-1;min-inline-size:0}
.g-col-20{grid-column:span 20/span 20;min-inline-size:0}
.g-col-fill-from-20{grid-column:20/-1;min-inline-size:0}
.g-col-21{grid-column:span 21/span 21;min-inline-size:0}
.g-col-fill-from-21{grid-column:21/-1;min-inline-size:0}
.g-col-22{grid-column:span 22/span 22;min-inline-size:0}
.g-col-fill-from-22{grid-column:22/-1;min-inline-size:0}
.g-col-23{grid-column:span 23/span 23;min-inline-size:0}
.g-col-fill-from-23{grid-column:23/-1;min-inline-size:0}
.g-col-24{grid-column:span 24/span 24;min-inline-size:0}
.g-col-fill-from-24{grid-column:24/-1;min-inline-size:0}
.g-offset-1{grid-column-start:2}
.g-offset-2{grid-column-start:3}
.g-offset-3{grid-column-start:4}
.g-offset-4{grid-column-start:5}
.g-offset-5{grid-column-start:6}
.g-offset-6{grid-column-start:7}
.g-offset-7{grid-column-start:8}
.g-offset-8{grid-column-start:9}
.g-offset-9{grid-column-start:10}
.g-offset-10{grid-column-start:11}
.g-offset-11{grid-column-start:12}
.g-offset-12{grid-column-start:13}
.g-offset-13{grid-column-start:14}
.g-offset-14{grid-column-start:15}
.g-offset-15{grid-column-start:16}
.g-offset-16{grid-column-start:17}
.g-offset-17{grid-column-start:18}
.g-offset-18{grid-column-start:19}
.g-offset-19{grid-column-start:20}
.g-offset-20{grid-column-start:21}
.g-offset-21{grid-column-start:22}
.g-offset-22{grid-column-start:23}
.g-offset-23{grid-column-start:24}
.g-col-start-1{grid-column-start:1}
.g-col-end-1{grid-column-end:1}
.g-col-start-2{grid-column-start:2}
.g-col-end-2{grid-column-end:2}
.g-col-start-3{grid-column-start:3}
.g-col-end-3{grid-column-end:3}
.g-col-start-4{grid-column-start:4}
.g-col-end-4{grid-column-end:4}
.g-col-start-5{grid-column-start:5}
.g-col-end-5{grid-column-end:5}
.g-col-start-6{grid-column-start:6}
.g-col-end-6{grid-column-end:6}
.g-col-start-7{grid-column-start:7}
.g-col-end-7{grid-column-end:7}
.g-col-start-8{grid-column-start:8}
.g-col-end-8{grid-column-end:8}
.g-col-start-9{grid-column-start:9}
.g-col-end-9{grid-column-end:9}
.g-col-start-10{grid-column-start:10}
.g-col-end-10{grid-column-end:10}
.g-col-start-11{grid-column-start:11}
.g-col-end-11{grid-column-end:11}
.g-col-start-12{grid-column-start:12}
.g-col-end-12{grid-column-end:12}
.g-col-start-13{grid-column-start:13}
.g-col-end-13{grid-column-end:13}
.g-col-start-14{grid-column-start:14}
.g-col-end-14{grid-column-end:14}
.g-col-start-15{grid-column-start:15}
.g-col-end-15{grid-column-end:15}
.g-col-start-16{grid-column-start:16}
.g-col-end-16{grid-column-end:16}
.g-col-start-17{grid-column-start:17}
.g-col-end-17{grid-column-end:17}
.g-col-start-18{grid-column-start:18}
.g-col-end-18{grid-column-end:18}
.g-col-start-19{grid-column-start:19}
.g-col-end-19{grid-column-end:19}
.g-col-start-20{grid-column-start:20}
.g-col-end-20{grid-column-end:20}
.g-col-start-21{grid-column-start:21}
.g-col-end-21{grid-column-end:21}
.g-col-start-22{grid-column-start:22}
.g-col-end-22{grid-column-end:22}
.g-col-start-23{grid-column-start:23}
.g-col-end-23{grid-column-end:23}
.g-col-start-24{grid-column-start:24}
.g-col-end-24{grid-column-end:24}
.g-col-start-25{grid-column-start:25}
.g-col-end-25{grid-column-end:25}
.g-gutter-0{--g-grid-gutter-x:var(--g-space-0);--g-grid-gutter-y:var(--g-space-0)}
.g-gutter-x-0{--g-grid-gutter-x:var(--g-space-0)}
.g-gutter-y-0{--g-grid-gutter-y:var(--g-space-0)}
.g-gutter-1{--g-grid-gutter-x:var(--g-space-1);--g-grid-gutter-y:var(--g-space-1)}
.g-gutter-x-1{--g-grid-gutter-x:var(--g-space-1)}
.g-gutter-y-1{--g-grid-gutter-y:var(--g-space-1)}
.g-gutter-2{--g-grid-gutter-x:var(--g-space-2);--g-grid-gutter-y:var(--g-space-2)}
.g-gutter-x-2{--g-grid-gutter-x:var(--g-space-2)}
.g-gutter-y-2{--g-grid-gutter-y:var(--g-space-2)}
.g-gutter-3{--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}
.g-gutter-x-3{--g-grid-gutter-x:var(--g-space-3)}
.g-gutter-y-3{--g-grid-gutter-y:var(--g-space-3)}
.g-gutter-4{--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4)}
.g-gutter-x-4{--g-grid-gutter-x:var(--g-space-4)}
.g-gutter-y-4{--g-grid-gutter-y:var(--g-space-4)}
.g-gutter-5{--g-grid-gutter-x:var(--g-space-5);--g-grid-gutter-y:var(--g-space-5)}
.g-gutter-x-5{--g-grid-gutter-x:var(--g-space-5)}
.g-gutter-y-5{--g-grid-gutter-y:var(--g-space-5)}
.g-gutter-6{--g-grid-gutter-x:var(--g-space-6);--g-grid-gutter-y:var(--g-space-6)}
.g-gutter-x-6{--g-grid-gutter-x:var(--g-space-6)}
.g-gutter-y-6{--g-grid-gutter-y:var(--g-space-6)}
.g-gutter-8{--g-grid-gutter-x:var(--g-space-8);--g-grid-gutter-y:var(--g-space-8)}
.g-gutter-x-8{--g-grid-gutter-x:var(--g-space-8)}
.g-gutter-y-8{--g-grid-gutter-y:var(--g-space-8)}
.g-gutter-10{--g-grid-gutter-x:var(--g-space-10);--g-grid-gutter-y:var(--g-space-10)}
.g-gutter-x-10{--g-grid-gutter-x:var(--g-space-10)}
.g-gutter-y-10{--g-grid-gutter-y:var(--g-space-10)}
.g-gutter-12{--g-grid-gutter-x:var(--g-space-12);--g-grid-gutter-y:var(--g-space-12)}
.g-gutter-x-12{--g-grid-gutter-x:var(--g-space-12)}
.g-gutter-y-12{--g-grid-gutter-y:var(--g-space-12)}
@media (min-width:480px){.g-sm-col{grid-column:1/-1;min-inline-size:0}.g-sm-col-auto{grid-column:auto;min-inline-size:0}.g-sm-col-fill{grid-column:1/-1;min-inline-size:0}.g-sm-col-full{grid-column:1/-1;min-inline-size:0}.g-sm-col-hidden{display:none}.g-sm-col-visible{display:revert}.g-sm-offset-0{grid-column-start:auto}.g-sm-col-start-auto{grid-column-start:auto}.g-sm-col-end-auto{grid-column-end:auto}.g-sm-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-sm-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-sm-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-sm-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-sm-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-sm-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-sm-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-sm-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-sm-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-sm-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-sm-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-sm-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-sm-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-sm-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-sm-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-sm-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-sm-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-sm-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-sm-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-sm-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-sm-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-sm-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-sm-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-sm-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-sm-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-sm-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-sm-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-sm-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-sm-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-sm-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-sm-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-sm-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-sm-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-sm-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-sm-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-sm-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-sm-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-sm-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-sm-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-sm-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-sm-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-sm-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-sm-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-sm-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-sm-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-sm-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-sm-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-sm-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-sm-offset-1{grid-column-start:2}.g-sm-offset-2{grid-column-start:3}.g-sm-offset-3{grid-column-start:4}.g-sm-offset-4{grid-column-start:5}.g-sm-offset-5{grid-column-start:6}.g-sm-offset-6{grid-column-start:7}.g-sm-offset-7{grid-column-start:8}.g-sm-offset-8{grid-column-start:9}.g-sm-offset-9{grid-column-start:10}.g-sm-offset-10{grid-column-start:11}.g-sm-offset-11{grid-column-start:12}.g-sm-offset-12{grid-column-start:13}.g-sm-offset-13{grid-column-start:14}.g-sm-offset-14{grid-column-start:15}.g-sm-offset-15{grid-column-start:16}.g-sm-offset-16{grid-column-start:17}.g-sm-offset-17{grid-column-start:18}.g-sm-offset-18{grid-column-start:19}.g-sm-offset-19{grid-column-start:20}.g-sm-offset-20{grid-column-start:21}.g-sm-offset-21{grid-column-start:22}.g-sm-offset-22{grid-column-start:23}.g-sm-offset-23{grid-column-start:24}.g-sm-col-start-1{grid-column-start:1}.g-sm-col-end-1{grid-column-end:1}.g-sm-col-start-2{grid-column-start:2}.g-sm-col-end-2{grid-column-end:2}.g-sm-col-start-3{grid-column-start:3}.g-sm-col-end-3{grid-column-end:3}.g-sm-col-start-4{grid-column-start:4}.g-sm-col-end-4{grid-column-end:4}.g-sm-col-start-5{grid-column-start:5}.g-sm-col-end-5{grid-column-end:5}.g-sm-col-start-6{grid-column-start:6}.g-sm-col-end-6{grid-column-end:6}.g-sm-col-start-7{grid-column-start:7}.g-sm-col-end-7{grid-column-end:7}.g-sm-col-start-8{grid-column-start:8}.g-sm-col-end-8{grid-column-end:8}.g-sm-col-start-9{grid-column-start:9}.g-sm-col-end-9{grid-column-end:9}.g-sm-col-start-10{grid-column-start:10}.g-sm-col-end-10{grid-column-end:10}.g-sm-col-start-11{grid-column-start:11}.g-sm-col-end-11{grid-column-end:11}.g-sm-col-start-12{grid-column-start:12}.g-sm-col-end-12{grid-column-end:12}.g-sm-col-start-13{grid-column-start:13}.g-sm-col-end-13{grid-column-end:13}.g-sm-col-start-14{grid-column-start:14}.g-sm-col-end-14{grid-column-end:14}.g-sm-col-start-15{grid-column-start:15}.g-sm-col-end-15{grid-column-end:15}.g-sm-col-start-16{grid-column-start:16}.g-sm-col-end-16{grid-column-end:16}.g-sm-col-start-17{grid-column-start:17}.g-sm-col-end-17{grid-column-end:17}.g-sm-col-start-18{grid-column-start:18}.g-sm-col-end-18{grid-column-end:18}.g-sm-col-start-19{grid-column-start:19}.g-sm-col-end-19{grid-column-end:19}.g-sm-col-start-20{grid-column-start:20}.g-sm-col-end-20{grid-column-end:20}.g-sm-col-start-21{grid-column-start:21}.g-sm-col-end-21{grid-column-end:21}.g-sm-col-start-22{grid-column-start:22}.g-sm-col-end-22{grid-column-end:22}.g-sm-col-start-23{grid-column-start:23}.g-sm-col-end-23{grid-column-end:23}.g-sm-col-start-24{grid-column-start:24}.g-sm-col-end-24{grid-column-end:24}.g-sm-col-start-25{grid-column-start:25}.g-sm-col-end-25{grid-column-end:25}.g-sm-gutter-0{--g-grid-gutter-x:var(--g-space-0);--g-grid-gutter-y:var(--g-space-0)}.g-sm-gutter-x-0{--g-grid-gutter-x:var(--g-space-0)}.g-sm-gutter-y-0{--g-grid-gutter-y:var(--g-space-0)}.g-sm-gutter-1{--g-grid-gutter-x:var(--g-space-1);--g-grid-gutter-y:var(--g-space-1)}.g-sm-gutter-x-1{--g-grid-gutter-x:var(--g-space-1)}.g-sm-gutter-y-1{--g-grid-gutter-y:var(--g-space-1)}.g-sm-gutter-2{--g-grid-gutter-x:var(--g-space-2);--g-grid-gutter-y:var(--g-space-2)}.g-sm-gutter-x-2{--g-grid-gutter-x:var(--g-space-2)}.g-sm-gutter-y-2{--g-grid-gutter-y:var(--g-space-2)}.g-sm-gutter-3{--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}.g-sm-gutter-x-3{--g-grid-gutter-x:var(--g-space-3)}.g-sm-gutter-y-3{--g-grid-gutter-y:var(--g-space-3)}.g-sm-gutter-4{--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4)}.g-sm-gutter-x-4{--g-grid-gutter-x:var(--g-space-4)}.g-sm-gutter-y-4{--g-grid-gutter-y:var(--g-space-4)}.g-sm-gutter-5{--g-grid-gutter-x:var(--g-space-5);--g-grid-gutter-y:var(--g-space-5)}.g-sm-gutter-x-5{--g-grid-gutter-x:var(--g-space-5)}.g-sm-gutter-y-5{--g-grid-gutter-y:var(--g-space-5)}.g-sm-gutter-6{--g-grid-gutter-x:var(--g-space-6);--g-grid-gutter-y:var(--g-space-6)}.g-sm-gutter-x-6{--g-grid-gutter-x:var(--g-space-6)}.g-sm-gutter-y-6{--g-grid-gutter-y:var(--g-space-6)}.g-sm-gutter-8{--g-grid-gutter-x:var(--g-space-8);--g-grid-gutter-y:var(--g-space-8)}.g-sm-gutter-x-8{--g-grid-gutter-x:var(--g-space-8)}.g-sm-gutter-y-8{--g-grid-gutter-y:var(--g-space-8)}.g-sm-gutter-10{--g-grid-gutter-x:var(--g-space-10);--g-grid-gutter-y:var(--g-space-10)}.g-sm-gutter-x-10{--g-grid-gutter-x:var(--g-space-10)}.g-sm-gutter-y-10{--g-grid-gutter-y:var(--g-space-10)}.g-sm-gutter-12{--g-grid-gutter-x:var(--g-space-12);--g-grid-gutter-y:var(--g-space-12)}.g-sm-gutter-x-12{--g-grid-gutter-x:var(--g-space-12)}.g-sm-gutter-y-12{--g-grid-gutter-y:var(--g-space-12)}}
@media (min-width:768px){.g-md-col{grid-column:1/-1;min-inline-size:0}.g-md-col-auto{grid-column:auto;min-inline-size:0}.g-md-col-fill{grid-column:1/-1;min-inline-size:0}.g-md-col-full{grid-column:1/-1;min-inline-size:0}.g-md-col-hidden{display:none}.g-md-col-visible{display:revert}.g-md-offset-0{grid-column-start:auto}.g-md-col-start-auto{grid-column-start:auto}.g-md-col-end-auto{grid-column-end:auto}.g-md-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-md-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-md-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-md-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-md-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-md-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-md-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-md-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-md-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-md-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-md-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-md-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-md-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-md-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-md-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-md-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-md-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-md-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-md-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-md-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-md-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-md-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-md-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-md-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-md-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-md-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-md-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-md-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-md-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-md-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-md-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-md-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-md-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-md-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-md-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-md-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-md-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-md-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-md-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-md-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-md-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-md-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-md-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-md-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-md-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-md-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-md-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-md-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-md-offset-1{grid-column-start:2}.g-md-offset-2{grid-column-start:3}.g-md-offset-3{grid-column-start:4}.g-md-offset-4{grid-column-start:5}.g-md-offset-5{grid-column-start:6}.g-md-offset-6{grid-column-start:7}.g-md-offset-7{grid-column-start:8}.g-md-offset-8{grid-column-start:9}.g-md-offset-9{grid-column-start:10}.g-md-offset-10{grid-column-start:11}.g-md-offset-11{grid-column-start:12}.g-md-offset-12{grid-column-start:13}.g-md-offset-13{grid-column-start:14}.g-md-offset-14{grid-column-start:15}.g-md-offset-15{grid-column-start:16}.g-md-offset-16{grid-column-start:17}.g-md-offset-17{grid-column-start:18}.g-md-offset-18{grid-column-start:19}.g-md-offset-19{grid-column-start:20}.g-md-offset-20{grid-column-start:21}.g-md-offset-21{grid-column-start:22}.g-md-offset-22{grid-column-start:23}.g-md-offset-23{grid-column-start:24}.g-md-col-start-1{grid-column-start:1}.g-md-col-end-1{grid-column-end:1}.g-md-col-start-2{grid-column-start:2}.g-md-col-end-2{grid-column-end:2}.g-md-col-start-3{grid-column-start:3}.g-md-col-end-3{grid-column-end:3}.g-md-col-start-4{grid-column-start:4}.g-md-col-end-4{grid-column-end:4}.g-md-col-start-5{grid-column-start:5}.g-md-col-end-5{grid-column-end:5}.g-md-col-start-6{grid-column-start:6}.g-md-col-end-6{grid-column-end:6}.g-md-col-start-7{grid-column-start:7}.g-md-col-end-7{grid-column-end:7}.g-md-col-start-8{grid-column-start:8}.g-md-col-end-8{grid-column-end:8}.g-md-col-start-9{grid-column-start:9}.g-md-col-end-9{grid-column-end:9}.g-md-col-start-10{grid-column-start:10}.g-md-col-end-10{grid-column-end:10}.g-md-col-start-11{grid-column-start:11}.g-md-col-end-11{grid-column-end:11}.g-md-col-start-12{grid-column-start:12}.g-md-col-end-12{grid-column-end:12}.g-md-col-start-13{grid-column-start:13}.g-md-col-end-13{grid-column-end:13}.g-md-col-start-14{grid-column-start:14}.g-md-col-end-14{grid-column-end:14}.g-md-col-start-15{grid-column-start:15}.g-md-col-end-15{grid-column-end:15}.g-md-col-start-16{grid-column-start:16}.g-md-col-end-16{grid-column-end:16}.g-md-col-start-17{grid-column-start:17}.g-md-col-end-17{grid-column-end:17}.g-md-col-start-18{grid-column-start:18}.g-md-col-end-18{grid-column-end:18}.g-md-col-start-19{grid-column-start:19}.g-md-col-end-19{grid-column-end:19}.g-md-col-start-20{grid-column-start:20}.g-md-col-end-20{grid-column-end:20}.g-md-col-start-21{grid-column-start:21}.g-md-col-end-21{grid-column-end:21}.g-md-col-start-22{grid-column-start:22}.g-md-col-end-22{grid-column-end:22}.g-md-col-start-23{grid-column-start:23}.g-md-col-end-23{grid-column-end:23}.g-md-col-start-24{grid-column-start:24}.g-md-col-end-24{grid-column-end:24}.g-md-col-start-25{grid-column-start:25}.g-md-col-end-25{grid-column-end:25}.g-md-gutter-0{--g-grid-gutter-x:var(--g-space-0);--g-grid-gutter-y:var(--g-space-0)}.g-md-gutter-x-0{--g-grid-gutter-x:var(--g-space-0)}.g-md-gutter-y-0{--g-grid-gutter-y:var(--g-space-0)}.g-md-gutter-1{--g-grid-gutter-x:var(--g-space-1);--g-grid-gutter-y:var(--g-space-1)}.g-md-gutter-x-1{--g-grid-gutter-x:var(--g-space-1)}.g-md-gutter-y-1{--g-grid-gutter-y:var(--g-space-1)}.g-md-gutter-2{--g-grid-gutter-x:var(--g-space-2);--g-grid-gutter-y:var(--g-space-2)}.g-md-gutter-x-2{--g-grid-gutter-x:var(--g-space-2)}.g-md-gutter-y-2{--g-grid-gutter-y:var(--g-space-2)}.g-md-gutter-3{--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}.g-md-gutter-x-3{--g-grid-gutter-x:var(--g-space-3)}.g-md-gutter-y-3{--g-grid-gutter-y:var(--g-space-3)}.g-md-gutter-4{--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4)}.g-md-gutter-x-4{--g-grid-gutter-x:var(--g-space-4)}.g-md-gutter-y-4{--g-grid-gutter-y:var(--g-space-4)}.g-md-gutter-5{--g-grid-gutter-x:var(--g-space-5);--g-grid-gutter-y:var(--g-space-5)}.g-md-gutter-x-5{--g-grid-gutter-x:var(--g-space-5)}.g-md-gutter-y-5{--g-grid-gutter-y:var(--g-space-5)}.g-md-gutter-6{--g-grid-gutter-x:var(--g-space-6);--g-grid-gutter-y:var(--g-space-6)}.g-md-gutter-x-6{--g-grid-gutter-x:var(--g-space-6)}.g-md-gutter-y-6{--g-grid-gutter-y:var(--g-space-6)}.g-md-gutter-8{--g-grid-gutter-x:var(--g-space-8);--g-grid-gutter-y:var(--g-space-8)}.g-md-gutter-x-8{--g-grid-gutter-x:var(--g-space-8)}.g-md-gutter-y-8{--g-grid-gutter-y:var(--g-space-8)}.g-md-gutter-10{--g-grid-gutter-x:var(--g-space-10);--g-grid-gutter-y:var(--g-space-10)}.g-md-gutter-x-10{--g-grid-gutter-x:var(--g-space-10)}.g-md-gutter-y-10{--g-grid-gutter-y:var(--g-space-10)}.g-md-gutter-12{--g-grid-gutter-x:var(--g-space-12);--g-grid-gutter-y:var(--g-space-12)}.g-md-gutter-x-12{--g-grid-gutter-x:var(--g-space-12)}.g-md-gutter-y-12{--g-grid-gutter-y:var(--g-space-12)}}
@media (min-width:1024px){.g-lg-col{grid-column:1/-1;min-inline-size:0}.g-lg-col-auto{grid-column:auto;min-inline-size:0}.g-lg-col-fill{grid-column:1/-1;min-inline-size:0}.g-lg-col-full{grid-column:1/-1;min-inline-size:0}.g-lg-col-hidden{display:none}.g-lg-col-visible{display:revert}.g-lg-offset-0{grid-column-start:auto}.g-lg-col-start-auto{grid-column-start:auto}.g-lg-col-end-auto{grid-column-end:auto}.g-lg-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-lg-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-lg-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-lg-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-lg-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-lg-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-lg-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-lg-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-lg-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-lg-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-lg-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-lg-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-lg-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-lg-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-lg-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-lg-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-lg-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-lg-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-lg-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-lg-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-lg-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-lg-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-lg-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-lg-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-lg-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-lg-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-lg-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-lg-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-lg-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-lg-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-lg-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-lg-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-lg-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-lg-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-lg-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-lg-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-lg-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-lg-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-lg-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-lg-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-lg-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-lg-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-lg-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-lg-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-lg-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-lg-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-lg-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-lg-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-lg-offset-1{grid-column-start:2}.g-lg-offset-2{grid-column-start:3}.g-lg-offset-3{grid-column-start:4}.g-lg-offset-4{grid-column-start:5}.g-lg-offset-5{grid-column-start:6}.g-lg-offset-6{grid-column-start:7}.g-lg-offset-7{grid-column-start:8}.g-lg-offset-8{grid-column-start:9}.g-lg-offset-9{grid-column-start:10}.g-lg-offset-10{grid-column-start:11}.g-lg-offset-11{grid-column-start:12}.g-lg-offset-12{grid-column-start:13}.g-lg-offset-13{grid-column-start:14}.g-lg-offset-14{grid-column-start:15}.g-lg-offset-15{grid-column-start:16}.g-lg-offset-16{grid-column-start:17}.g-lg-offset-17{grid-column-start:18}.g-lg-offset-18{grid-column-start:19}.g-lg-offset-19{grid-column-start:20}.g-lg-offset-20{grid-column-start:21}.g-lg-offset-21{grid-column-start:22}.g-lg-offset-22{grid-column-start:23}.g-lg-offset-23{grid-column-start:24}.g-lg-col-start-1{grid-column-start:1}.g-lg-col-end-1{grid-column-end:1}.g-lg-col-start-2{grid-column-start:2}.g-lg-col-end-2{grid-column-end:2}.g-lg-col-start-3{grid-column-start:3}.g-lg-col-end-3{grid-column-end:3}.g-lg-col-start-4{grid-column-start:4}.g-lg-col-end-4{grid-column-end:4}.g-lg-col-start-5{grid-column-start:5}.g-lg-col-end-5{grid-column-end:5}.g-lg-col-start-6{grid-column-start:6}.g-lg-col-end-6{grid-column-end:6}.g-lg-col-start-7{grid-column-start:7}.g-lg-col-end-7{grid-column-end:7}.g-lg-col-start-8{grid-column-start:8}.g-lg-col-end-8{grid-column-end:8}.g-lg-col-start-9{grid-column-start:9}.g-lg-col-end-9{grid-column-end:9}.g-lg-col-start-10{grid-column-start:10}.g-lg-col-end-10{grid-column-end:10}.g-lg-col-start-11{grid-column-start:11}.g-lg-col-end-11{grid-column-end:11}.g-lg-col-start-12{grid-column-start:12}.g-lg-col-end-12{grid-column-end:12}.g-lg-col-start-13{grid-column-start:13}.g-lg-col-end-13{grid-column-end:13}.g-lg-col-start-14{grid-column-start:14}.g-lg-col-end-14{grid-column-end:14}.g-lg-col-start-15{grid-column-start:15}.g-lg-col-end-15{grid-column-end:15}.g-lg-col-start-16{grid-column-start:16}.g-lg-col-end-16{grid-column-end:16}.g-lg-col-start-17{grid-column-start:17}.g-lg-col-end-17{grid-column-end:17}.g-lg-col-start-18{grid-column-start:18}.g-lg-col-end-18{grid-column-end:18}.g-lg-col-start-19{grid-column-start:19}.g-lg-col-end-19{grid-column-end:19}.g-lg-col-start-20{grid-column-start:20}.g-lg-col-end-20{grid-column-end:20}.g-lg-col-start-21{grid-column-start:21}.g-lg-col-end-21{grid-column-end:21}.g-lg-col-start-22{grid-column-start:22}.g-lg-col-end-22{grid-column-end:22}.g-lg-col-start-23{grid-column-start:23}.g-lg-col-end-23{grid-column-end:23}.g-lg-col-start-24{grid-column-start:24}.g-lg-col-end-24{grid-column-end:24}.g-lg-col-start-25{grid-column-start:25}.g-lg-col-end-25{grid-column-end:25}.g-lg-gutter-0{--g-grid-gutter-x:var(--g-space-0);--g-grid-gutter-y:var(--g-space-0)}.g-lg-gutter-x-0{--g-grid-gutter-x:var(--g-space-0)}.g-lg-gutter-y-0{--g-grid-gutter-y:var(--g-space-0)}.g-lg-gutter-1{--g-grid-gutter-x:var(--g-space-1);--g-grid-gutter-y:var(--g-space-1)}.g-lg-gutter-x-1{--g-grid-gutter-x:var(--g-space-1)}.g-lg-gutter-y-1{--g-grid-gutter-y:var(--g-space-1)}.g-lg-gutter-2{--g-grid-gutter-x:var(--g-space-2);--g-grid-gutter-y:var(--g-space-2)}.g-lg-gutter-x-2{--g-grid-gutter-x:var(--g-space-2)}.g-lg-gutter-y-2{--g-grid-gutter-y:var(--g-space-2)}.g-lg-gutter-3{--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}.g-lg-gutter-x-3{--g-grid-gutter-x:var(--g-space-3)}.g-lg-gutter-y-3{--g-grid-gutter-y:var(--g-space-3)}.g-lg-gutter-4{--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4)}.g-lg-gutter-x-4{--g-grid-gutter-x:var(--g-space-4)}.g-lg-gutter-y-4{--g-grid-gutter-y:var(--g-space-4)}.g-lg-gutter-5{--g-grid-gutter-x:var(--g-space-5);--g-grid-gutter-y:var(--g-space-5)}.g-lg-gutter-x-5{--g-grid-gutter-x:var(--g-space-5)}.g-lg-gutter-y-5{--g-grid-gutter-y:var(--g-space-5)}.g-lg-gutter-6{--g-grid-gutter-x:var(--g-space-6);--g-grid-gutter-y:var(--g-space-6)}.g-lg-gutter-x-6{--g-grid-gutter-x:var(--g-space-6)}.g-lg-gutter-y-6{--g-grid-gutter-y:var(--g-space-6)}.g-lg-gutter-8{--g-grid-gutter-x:var(--g-space-8);--g-grid-gutter-y:var(--g-space-8)}.g-lg-gutter-x-8{--g-grid-gutter-x:var(--g-space-8)}.g-lg-gutter-y-8{--g-grid-gutter-y:var(--g-space-8)}.g-lg-gutter-10{--g-grid-gutter-x:var(--g-space-10);--g-grid-gutter-y:var(--g-space-10)}.g-lg-gutter-x-10{--g-grid-gutter-x:var(--g-space-10)}.g-lg-gutter-y-10{--g-grid-gutter-y:var(--g-space-10)}.g-lg-gutter-12{--g-grid-gutter-x:var(--g-space-12);--g-grid-gutter-y:var(--g-space-12)}.g-lg-gutter-x-12{--g-grid-gutter-x:var(--g-space-12)}.g-lg-gutter-y-12{--g-grid-gutter-y:var(--g-space-12)}}
@media (min-width:1280px){.g-xl-col{grid-column:1/-1;min-inline-size:0}.g-xl-col-auto{grid-column:auto;min-inline-size:0}.g-xl-col-fill{grid-column:1/-1;min-inline-size:0}.g-xl-col-full{grid-column:1/-1;min-inline-size:0}.g-xl-col-hidden{display:none}.g-xl-col-visible{display:revert}.g-xl-offset-0{grid-column-start:auto}.g-xl-col-start-auto{grid-column-start:auto}.g-xl-col-end-auto{grid-column-end:auto}.g-xl-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-xl-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-xl-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-xl-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-xl-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-xl-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-xl-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-xl-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-xl-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-xl-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-xl-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-xl-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-xl-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-xl-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-xl-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-xl-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-xl-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-xl-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-xl-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-xl-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-xl-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-xl-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-xl-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-xl-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-xl-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-xl-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-xl-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-xl-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-xl-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-xl-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-xl-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-xl-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-xl-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-xl-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-xl-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-xl-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-xl-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-xl-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-xl-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-xl-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-xl-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-xl-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-xl-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-xl-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-xl-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-xl-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-xl-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-xl-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-xl-offset-1{grid-column-start:2}.g-xl-offset-2{grid-column-start:3}.g-xl-offset-3{grid-column-start:4}.g-xl-offset-4{grid-column-start:5}.g-xl-offset-5{grid-column-start:6}.g-xl-offset-6{grid-column-start:7}.g-xl-offset-7{grid-column-start:8}.g-xl-offset-8{grid-column-start:9}.g-xl-offset-9{grid-column-start:10}.g-xl-offset-10{grid-column-start:11}.g-xl-offset-11{grid-column-start:12}.g-xl-offset-12{grid-column-start:13}.g-xl-offset-13{grid-column-start:14}.g-xl-offset-14{grid-column-start:15}.g-xl-offset-15{grid-column-start:16}.g-xl-offset-16{grid-column-start:17}.g-xl-offset-17{grid-column-start:18}.g-xl-offset-18{grid-column-start:19}.g-xl-offset-19{grid-column-start:20}.g-xl-offset-20{grid-column-start:21}.g-xl-offset-21{grid-column-start:22}.g-xl-offset-22{grid-column-start:23}.g-xl-offset-23{grid-column-start:24}.g-xl-col-start-1{grid-column-start:1}.g-xl-col-end-1{grid-column-end:1}.g-xl-col-start-2{grid-column-start:2}.g-xl-col-end-2{grid-column-end:2}.g-xl-col-start-3{grid-column-start:3}.g-xl-col-end-3{grid-column-end:3}.g-xl-col-start-4{grid-column-start:4}.g-xl-col-end-4{grid-column-end:4}.g-xl-col-start-5{grid-column-start:5}.g-xl-col-end-5{grid-column-end:5}.g-xl-col-start-6{grid-column-start:6}.g-xl-col-end-6{grid-column-end:6}.g-xl-col-start-7{grid-column-start:7}.g-xl-col-end-7{grid-column-end:7}.g-xl-col-start-8{grid-column-start:8}.g-xl-col-end-8{grid-column-end:8}.g-xl-col-start-9{grid-column-start:9}.g-xl-col-end-9{grid-column-end:9}.g-xl-col-start-10{grid-column-start:10}.g-xl-col-end-10{grid-column-end:10}.g-xl-col-start-11{grid-column-start:11}.g-xl-col-end-11{grid-column-end:11}.g-xl-col-start-12{grid-column-start:12}.g-xl-col-end-12{grid-column-end:12}.g-xl-col-start-13{grid-column-start:13}.g-xl-col-end-13{grid-column-end:13}.g-xl-col-start-14{grid-column-start:14}.g-xl-col-end-14{grid-column-end:14}.g-xl-col-start-15{grid-column-start:15}.g-xl-col-end-15{grid-column-end:15}.g-xl-col-start-16{grid-column-start:16}.g-xl-col-end-16{grid-column-end:16}.g-xl-col-start-17{grid-column-start:17}.g-xl-col-end-17{grid-column-end:17}.g-xl-col-start-18{grid-column-start:18}.g-xl-col-end-18{grid-column-end:18}.g-xl-col-start-19{grid-column-start:19}.g-xl-col-end-19{grid-column-end:19}.g-xl-col-start-20{grid-column-start:20}.g-xl-col-end-20{grid-column-end:20}.g-xl-col-start-21{grid-column-start:21}.g-xl-col-end-21{grid-column-end:21}.g-xl-col-start-22{grid-column-start:22}.g-xl-col-end-22{grid-column-end:22}.g-xl-col-start-23{grid-column-start:23}.g-xl-col-end-23{grid-column-end:23}.g-xl-col-start-24{grid-column-start:24}.g-xl-col-end-24{grid-column-end:24}.g-xl-col-start-25{grid-column-start:25}.g-xl-col-end-25{grid-column-end:25}.g-xl-gutter-0{--g-grid-gutter-x:var(--g-space-0);--g-grid-gutter-y:var(--g-space-0)}.g-xl-gutter-x-0{--g-grid-gutter-x:var(--g-space-0)}.g-xl-gutter-y-0{--g-grid-gutter-y:var(--g-space-0)}.g-xl-gutter-1{--g-grid-gutter-x:var(--g-space-1);--g-grid-gutter-y:var(--g-space-1)}.g-xl-gutter-x-1{--g-grid-gutter-x:var(--g-space-1)}.g-xl-gutter-y-1{--g-grid-gutter-y:var(--g-space-1)}.g-xl-gutter-2{--g-grid-gutter-x:var(--g-space-2);--g-grid-gutter-y:var(--g-space-2)}.g-xl-gutter-x-2{--g-grid-gutter-x:var(--g-space-2)}.g-xl-gutter-y-2{--g-grid-gutter-y:var(--g-space-2)}.g-xl-gutter-3{--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}.g-xl-gutter-x-3{--g-grid-gutter-x:var(--g-space-3)}.g-xl-gutter-y-3{--g-grid-gutter-y:var(--g-space-3)}.g-xl-gutter-4{--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4)}.g-xl-gutter-x-4{--g-grid-gutter-x:var(--g-space-4)}.g-xl-gutter-y-4{--g-grid-gutter-y:var(--g-space-4)}.g-xl-gutter-5{--g-grid-gutter-x:var(--g-space-5);--g-grid-gutter-y:var(--g-space-5)}.g-xl-gutter-x-5{--g-grid-gutter-x:var(--g-space-5)}.g-xl-gutter-y-5{--g-grid-gutter-y:var(--g-space-5)}.g-xl-gutter-6{--g-grid-gutter-x:var(--g-space-6);--g-grid-gutter-y:var(--g-space-6)}.g-xl-gutter-x-6{--g-grid-gutter-x:var(--g-space-6)}.g-xl-gutter-y-6{--g-grid-gutter-y:var(--g-space-6)}.g-xl-gutter-8{--g-grid-gutter-x:var(--g-space-8);--g-grid-gutter-y:var(--g-space-8)}.g-xl-gutter-x-8{--g-grid-gutter-x:var(--g-space-8)}.g-xl-gutter-y-8{--g-grid-gutter-y:var(--g-space-8)}.g-xl-gutter-10{--g-grid-gutter-x:var(--g-space-10);--g-grid-gutter-y:var(--g-space-10)}.g-xl-gutter-x-10{--g-grid-gutter-x:var(--g-space-10)}.g-xl-gutter-y-10{--g-grid-gutter-y:var(--g-space-10)}.g-xl-gutter-12{--g-grid-gutter-x:var(--g-space-12);--g-grid-gutter-y:var(--g-space-12)}.g-xl-gutter-x-12{--g-grid-gutter-x:var(--g-space-12)}.g-xl-gutter-y-12{--g-grid-gutter-y:var(--g-space-12)}}
@media (min-width:1536px){.g-2xl-col{grid-column:1/-1;min-inline-size:0}.g-2xl-col-auto{grid-column:auto;min-inline-size:0}.g-2xl-col-fill{grid-column:1/-1;min-inline-size:0}.g-2xl-col-full{grid-column:1/-1;min-inline-size:0}.g-2xl-col-hidden{display:none}.g-2xl-col-visible{display:revert}.g-2xl-offset-0{grid-column-start:auto}.g-2xl-col-start-auto{grid-column-start:auto}.g-2xl-col-end-auto{grid-column-end:auto}.g-2xl-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-2xl-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-2xl-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-2xl-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-2xl-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-2xl-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-2xl-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-2xl-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-2xl-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-2xl-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-2xl-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-2xl-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-2xl-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-2xl-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-2xl-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-2xl-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-2xl-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-2xl-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-2xl-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-2xl-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-2xl-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-2xl-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-2xl-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-2xl-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-2xl-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-2xl-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-2xl-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-2xl-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-2xl-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-2xl-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-2xl-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-2xl-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-2xl-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-2xl-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-2xl-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-2xl-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-2xl-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-2xl-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-2xl-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-2xl-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-2xl-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-2xl-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-2xl-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-2xl-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-2xl-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-2xl-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-2xl-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-2xl-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-2xl-offset-1{grid-column-start:2}.g-2xl-offset-2{grid-column-start:3}.g-2xl-offset-3{grid-column-start:4}.g-2xl-offset-4{grid-column-start:5}.g-2xl-offset-5{grid-column-start:6}.g-2xl-offset-6{grid-column-start:7}.g-2xl-offset-7{grid-column-start:8}.g-2xl-offset-8{grid-column-start:9}.g-2xl-offset-9{grid-column-start:10}.g-2xl-offset-10{grid-column-start:11}.g-2xl-offset-11{grid-column-start:12}.g-2xl-offset-12{grid-column-start:13}.g-2xl-offset-13{grid-column-start:14}.g-2xl-offset-14{grid-column-start:15}.g-2xl-offset-15{grid-column-start:16}.g-2xl-offset-16{grid-column-start:17}.g-2xl-offset-17{grid-column-start:18}.g-2xl-offset-18{grid-column-start:19}.g-2xl-offset-19{grid-column-start:20}.g-2xl-offset-20{grid-column-start:21}.g-2xl-offset-21{grid-column-start:22}.g-2xl-offset-22{grid-column-start:23}.g-2xl-offset-23{grid-column-start:24}.g-2xl-col-start-1{grid-column-start:1}.g-2xl-col-end-1{grid-column-end:1}.g-2xl-col-start-2{grid-column-start:2}.g-2xl-col-end-2{grid-column-end:2}.g-2xl-col-start-3{grid-column-start:3}.g-2xl-col-end-3{grid-column-end:3}.g-2xl-col-start-4{grid-column-start:4}.g-2xl-col-end-4{grid-column-end:4}.g-2xl-col-start-5{grid-column-start:5}.g-2xl-col-end-5{grid-column-end:5}.g-2xl-col-start-6{grid-column-start:6}.g-2xl-col-end-6{grid-column-end:6}.g-2xl-col-start-7{grid-column-start:7}.g-2xl-col-end-7{grid-column-end:7}.g-2xl-col-start-8{grid-column-start:8}.g-2xl-col-end-8{grid-column-end:8}.g-2xl-col-start-9{grid-column-start:9}.g-2xl-col-end-9{grid-column-end:9}.g-2xl-col-start-10{grid-column-start:10}.g-2xl-col-end-10{grid-column-end:10}.g-2xl-col-start-11{grid-column-start:11}.g-2xl-col-end-11{grid-column-end:11}.g-2xl-col-start-12{grid-column-start:12}.g-2xl-col-end-12{grid-column-end:12}.g-2xl-col-start-13{grid-column-start:13}.g-2xl-col-end-13{grid-column-end:13}.g-2xl-col-start-14{grid-column-start:14}.g-2xl-col-end-14{grid-column-end:14}.g-2xl-col-start-15{grid-column-start:15}.g-2xl-col-end-15{grid-column-end:15}.g-2xl-col-start-16{grid-column-start:16}.g-2xl-col-end-16{grid-column-end:16}.g-2xl-col-start-17{grid-column-start:17}.g-2xl-col-end-17{grid-column-end:17}.g-2xl-col-start-18{grid-column-start:18}.g-2xl-col-end-18{grid-column-end:18}.g-2xl-col-start-19{grid-column-start:19}.g-2xl-col-end-19{grid-column-end:19}.g-2xl-col-start-20{grid-column-start:20}.g-2xl-col-end-20{grid-column-end:20}.g-2xl-col-start-21{grid-column-start:21}.g-2xl-col-end-21{grid-column-end:21}.g-2xl-col-start-22{grid-column-start:22}.g-2xl-col-end-22{grid-column-end:22}.g-2xl-col-start-23{grid-column-start:23}.g-2xl-col-end-23{grid-column-end:23}.g-2xl-col-start-24{grid-column-start:24}.g-2xl-col-end-24{grid-column-end:24}.g-2xl-col-start-25{grid-column-start:25}.g-2xl-col-end-25{grid-column-end:25}.g-2xl-gutter-0{--g-grid-gutter-x:var(--g-space-0);--g-grid-gutter-y:var(--g-space-0)}.g-2xl-gutter-x-0{--g-grid-gutter-x:var(--g-space-0)}.g-2xl-gutter-y-0{--g-grid-gutter-y:var(--g-space-0)}.g-2xl-gutter-1{--g-grid-gutter-x:var(--g-space-1);--g-grid-gutter-y:var(--g-space-1)}.g-2xl-gutter-x-1{--g-grid-gutter-x:var(--g-space-1)}.g-2xl-gutter-y-1{--g-grid-gutter-y:var(--g-space-1)}.g-2xl-gutter-2{--g-grid-gutter-x:var(--g-space-2);--g-grid-gutter-y:var(--g-space-2)}.g-2xl-gutter-x-2{--g-grid-gutter-x:var(--g-space-2)}.g-2xl-gutter-y-2{--g-grid-gutter-y:var(--g-space-2)}.g-2xl-gutter-3{--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}.g-2xl-gutter-x-3{--g-grid-gutter-x:var(--g-space-3)}.g-2xl-gutter-y-3{--g-grid-gutter-y:var(--g-space-3)}.g-2xl-gutter-4{--g-grid-gutter-x:var(--g-space-4);--g-grid-gutter-y:var(--g-space-4)}.g-2xl-gutter-x-4{--g-grid-gutter-x:var(--g-space-4)}.g-2xl-gutter-y-4{--g-grid-gutter-y:var(--g-space-4)}.g-2xl-gutter-5{--g-grid-gutter-x:var(--g-space-5);--g-grid-gutter-y:var(--g-space-5)}.g-2xl-gutter-x-5{--g-grid-gutter-x:var(--g-space-5)}.g-2xl-gutter-y-5{--g-grid-gutter-y:var(--g-space-5)}.g-2xl-gutter-6{--g-grid-gutter-x:var(--g-space-6);--g-grid-gutter-y:var(--g-space-6)}.g-2xl-gutter-x-6{--g-grid-gutter-x:var(--g-space-6)}.g-2xl-gutter-y-6{--g-grid-gutter-y:var(--g-space-6)}.g-2xl-gutter-8{--g-grid-gutter-x:var(--g-space-8);--g-grid-gutter-y:var(--g-space-8)}.g-2xl-gutter-x-8{--g-grid-gutter-x:var(--g-space-8)}.g-2xl-gutter-y-8{--g-grid-gutter-y:var(--g-space-8)}.g-2xl-gutter-10{--g-grid-gutter-x:var(--g-space-10);--g-grid-gutter-y:var(--g-space-10)}.g-2xl-gutter-x-10{--g-grid-gutter-x:var(--g-space-10)}.g-2xl-gutter-y-10{--g-grid-gutter-y:var(--g-space-10)}.g-2xl-gutter-12{--g-grid-gutter-x:var(--g-space-12);--g-grid-gutter-y:var(--g-space-12)}.g-2xl-gutter-x-12{--g-grid-gutter-x:var(--g-space-12)}.g-2xl-gutter-y-12{--g-grid-gutter-y:var(--g-space-12)}}
@container g-grid (min-width:480px){.g-cq-sm-col{grid-column:1/-1;min-inline-size:0}.g-cq-sm-col-auto{grid-column:auto;min-inline-size:0}.g-cq-sm-col-fill{grid-column:1/-1;min-inline-size:0}.g-cq-sm-col-full{grid-column:1/-1;min-inline-size:0}.g-cq-sm-col-hidden{display:none}.g-cq-sm-col-visible{display:revert}.g-cq-sm-offset-0{grid-column-start:auto}.g-cq-sm-col-start-auto{grid-column-start:auto}.g-cq-sm-col-end-auto{grid-column-end:auto}.g-cq-sm-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-cq-sm-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-cq-sm-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-cq-sm-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-cq-sm-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-cq-sm-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-cq-sm-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-cq-sm-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-cq-sm-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-cq-sm-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-cq-sm-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-cq-sm-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-cq-sm-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-cq-sm-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-cq-sm-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-cq-sm-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-cq-sm-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-cq-sm-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-cq-sm-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-cq-sm-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-cq-sm-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-cq-sm-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-cq-sm-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-cq-sm-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-cq-sm-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-cq-sm-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-cq-sm-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-cq-sm-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-cq-sm-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-cq-sm-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-cq-sm-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-cq-sm-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-cq-sm-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-cq-sm-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-cq-sm-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-cq-sm-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-cq-sm-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-cq-sm-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-cq-sm-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-cq-sm-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-cq-sm-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-cq-sm-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-cq-sm-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-cq-sm-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-cq-sm-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-cq-sm-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-cq-sm-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-cq-sm-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-cq-sm-offset-1{grid-column-start:2}.g-cq-sm-offset-2{grid-column-start:3}.g-cq-sm-offset-3{grid-column-start:4}.g-cq-sm-offset-4{grid-column-start:5}.g-cq-sm-offset-5{grid-column-start:6}.g-cq-sm-offset-6{grid-column-start:7}.g-cq-sm-offset-7{grid-column-start:8}.g-cq-sm-offset-8{grid-column-start:9}.g-cq-sm-offset-9{grid-column-start:10}.g-cq-sm-offset-10{grid-column-start:11}.g-cq-sm-offset-11{grid-column-start:12}.g-cq-sm-offset-12{grid-column-start:13}.g-cq-sm-offset-13{grid-column-start:14}.g-cq-sm-offset-14{grid-column-start:15}.g-cq-sm-offset-15{grid-column-start:16}.g-cq-sm-offset-16{grid-column-start:17}.g-cq-sm-offset-17{grid-column-start:18}.g-cq-sm-offset-18{grid-column-start:19}.g-cq-sm-offset-19{grid-column-start:20}.g-cq-sm-offset-20{grid-column-start:21}.g-cq-sm-offset-21{grid-column-start:22}.g-cq-sm-offset-22{grid-column-start:23}.g-cq-sm-offset-23{grid-column-start:24}.g-cq-sm-col-start-1{grid-column-start:1}.g-cq-sm-col-end-1{grid-column-end:1}.g-cq-sm-col-start-2{grid-column-start:2}.g-cq-sm-col-end-2{grid-column-end:2}.g-cq-sm-col-start-3{grid-column-start:3}.g-cq-sm-col-end-3{grid-column-end:3}.g-cq-sm-col-start-4{grid-column-start:4}.g-cq-sm-col-end-4{grid-column-end:4}.g-cq-sm-col-start-5{grid-column-start:5}.g-cq-sm-col-end-5{grid-column-end:5}.g-cq-sm-col-start-6{grid-column-start:6}.g-cq-sm-col-end-6{grid-column-end:6}.g-cq-sm-col-start-7{grid-column-start:7}.g-cq-sm-col-end-7{grid-column-end:7}.g-cq-sm-col-start-8{grid-column-start:8}.g-cq-sm-col-end-8{grid-column-end:8}.g-cq-sm-col-start-9{grid-column-start:9}.g-cq-sm-col-end-9{grid-column-end:9}.g-cq-sm-col-start-10{grid-column-start:10}.g-cq-sm-col-end-10{grid-column-end:10}.g-cq-sm-col-start-11{grid-column-start:11}.g-cq-sm-col-end-11{grid-column-end:11}.g-cq-sm-col-start-12{grid-column-start:12}.g-cq-sm-col-end-12{grid-column-end:12}.g-cq-sm-col-start-13{grid-column-start:13}.g-cq-sm-col-end-13{grid-column-end:13}.g-cq-sm-col-start-14{grid-column-start:14}.g-cq-sm-col-end-14{grid-column-end:14}.g-cq-sm-col-start-15{grid-column-start:15}.g-cq-sm-col-end-15{grid-column-end:15}.g-cq-sm-col-start-16{grid-column-start:16}.g-cq-sm-col-end-16{grid-column-end:16}.g-cq-sm-col-start-17{grid-column-start:17}.g-cq-sm-col-end-17{grid-column-end:17}.g-cq-sm-col-start-18{grid-column-start:18}.g-cq-sm-col-end-18{grid-column-end:18}.g-cq-sm-col-start-19{grid-column-start:19}.g-cq-sm-col-end-19{grid-column-end:19}.g-cq-sm-col-start-20{grid-column-start:20}.g-cq-sm-col-end-20{grid-column-end:20}.g-cq-sm-col-start-21{grid-column-start:21}.g-cq-sm-col-end-21{grid-column-end:21}.g-cq-sm-col-start-22{grid-column-start:22}.g-cq-sm-col-end-22{grid-column-end:22}.g-cq-sm-col-start-23{grid-column-start:23}.g-cq-sm-col-end-23{grid-column-end:23}.g-cq-sm-col-start-24{grid-column-start:24}.g-cq-sm-col-end-24{grid-column-end:24}.g-cq-sm-col-start-25{grid-column-start:25}.g-cq-sm-col-end-25{grid-column-end:25}}
@container g-grid (min-width:768px){.g-cq-md-col{grid-column:1/-1;min-inline-size:0}.g-cq-md-col-auto{grid-column:auto;min-inline-size:0}.g-cq-md-col-fill{grid-column:1/-1;min-inline-size:0}.g-cq-md-col-full{grid-column:1/-1;min-inline-size:0}.g-cq-md-col-hidden{display:none}.g-cq-md-col-visible{display:revert}.g-cq-md-offset-0{grid-column-start:auto}.g-cq-md-col-start-auto{grid-column-start:auto}.g-cq-md-col-end-auto{grid-column-end:auto}.g-cq-md-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-cq-md-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-cq-md-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-cq-md-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-cq-md-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-cq-md-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-cq-md-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-cq-md-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-cq-md-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-cq-md-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-cq-md-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-cq-md-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-cq-md-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-cq-md-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-cq-md-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-cq-md-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-cq-md-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-cq-md-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-cq-md-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-cq-md-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-cq-md-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-cq-md-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-cq-md-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-cq-md-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-cq-md-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-cq-md-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-cq-md-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-cq-md-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-cq-md-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-cq-md-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-cq-md-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-cq-md-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-cq-md-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-cq-md-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-cq-md-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-cq-md-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-cq-md-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-cq-md-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-cq-md-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-cq-md-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-cq-md-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-cq-md-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-cq-md-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-cq-md-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-cq-md-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-cq-md-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-cq-md-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-cq-md-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-cq-md-offset-1{grid-column-start:2}.g-cq-md-offset-2{grid-column-start:3}.g-cq-md-offset-3{grid-column-start:4}.g-cq-md-offset-4{grid-column-start:5}.g-cq-md-offset-5{grid-column-start:6}.g-cq-md-offset-6{grid-column-start:7}.g-cq-md-offset-7{grid-column-start:8}.g-cq-md-offset-8{grid-column-start:9}.g-cq-md-offset-9{grid-column-start:10}.g-cq-md-offset-10{grid-column-start:11}.g-cq-md-offset-11{grid-column-start:12}.g-cq-md-offset-12{grid-column-start:13}.g-cq-md-offset-13{grid-column-start:14}.g-cq-md-offset-14{grid-column-start:15}.g-cq-md-offset-15{grid-column-start:16}.g-cq-md-offset-16{grid-column-start:17}.g-cq-md-offset-17{grid-column-start:18}.g-cq-md-offset-18{grid-column-start:19}.g-cq-md-offset-19{grid-column-start:20}.g-cq-md-offset-20{grid-column-start:21}.g-cq-md-offset-21{grid-column-start:22}.g-cq-md-offset-22{grid-column-start:23}.g-cq-md-offset-23{grid-column-start:24}.g-cq-md-col-start-1{grid-column-start:1}.g-cq-md-col-end-1{grid-column-end:1}.g-cq-md-col-start-2{grid-column-start:2}.g-cq-md-col-end-2{grid-column-end:2}.g-cq-md-col-start-3{grid-column-start:3}.g-cq-md-col-end-3{grid-column-end:3}.g-cq-md-col-start-4{grid-column-start:4}.g-cq-md-col-end-4{grid-column-end:4}.g-cq-md-col-start-5{grid-column-start:5}.g-cq-md-col-end-5{grid-column-end:5}.g-cq-md-col-start-6{grid-column-start:6}.g-cq-md-col-end-6{grid-column-end:6}.g-cq-md-col-start-7{grid-column-start:7}.g-cq-md-col-end-7{grid-column-end:7}.g-cq-md-col-start-8{grid-column-start:8}.g-cq-md-col-end-8{grid-column-end:8}.g-cq-md-col-start-9{grid-column-start:9}.g-cq-md-col-end-9{grid-column-end:9}.g-cq-md-col-start-10{grid-column-start:10}.g-cq-md-col-end-10{grid-column-end:10}.g-cq-md-col-start-11{grid-column-start:11}.g-cq-md-col-end-11{grid-column-end:11}.g-cq-md-col-start-12{grid-column-start:12}.g-cq-md-col-end-12{grid-column-end:12}.g-cq-md-col-start-13{grid-column-start:13}.g-cq-md-col-end-13{grid-column-end:13}.g-cq-md-col-start-14{grid-column-start:14}.g-cq-md-col-end-14{grid-column-end:14}.g-cq-md-col-start-15{grid-column-start:15}.g-cq-md-col-end-15{grid-column-end:15}.g-cq-md-col-start-16{grid-column-start:16}.g-cq-md-col-end-16{grid-column-end:16}.g-cq-md-col-start-17{grid-column-start:17}.g-cq-md-col-end-17{grid-column-end:17}.g-cq-md-col-start-18{grid-column-start:18}.g-cq-md-col-end-18{grid-column-end:18}.g-cq-md-col-start-19{grid-column-start:19}.g-cq-md-col-end-19{grid-column-end:19}.g-cq-md-col-start-20{grid-column-start:20}.g-cq-md-col-end-20{grid-column-end:20}.g-cq-md-col-start-21{grid-column-start:21}.g-cq-md-col-end-21{grid-column-end:21}.g-cq-md-col-start-22{grid-column-start:22}.g-cq-md-col-end-22{grid-column-end:22}.g-cq-md-col-start-23{grid-column-start:23}.g-cq-md-col-end-23{grid-column-end:23}.g-cq-md-col-start-24{grid-column-start:24}.g-cq-md-col-end-24{grid-column-end:24}.g-cq-md-col-start-25{grid-column-start:25}.g-cq-md-col-end-25{grid-column-end:25}}
@container g-grid (min-width:1024px){.g-cq-lg-col{grid-column:1/-1;min-inline-size:0}.g-cq-lg-col-auto{grid-column:auto;min-inline-size:0}.g-cq-lg-col-fill{grid-column:1/-1;min-inline-size:0}.g-cq-lg-col-full{grid-column:1/-1;min-inline-size:0}.g-cq-lg-col-hidden{display:none}.g-cq-lg-col-visible{display:revert}.g-cq-lg-offset-0{grid-column-start:auto}.g-cq-lg-col-start-auto{grid-column-start:auto}.g-cq-lg-col-end-auto{grid-column-end:auto}.g-cq-lg-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-cq-lg-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-cq-lg-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-cq-lg-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-cq-lg-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-cq-lg-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-cq-lg-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-cq-lg-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-cq-lg-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-cq-lg-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-cq-lg-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-cq-lg-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-cq-lg-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-cq-lg-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-cq-lg-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-cq-lg-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-cq-lg-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-cq-lg-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-cq-lg-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-cq-lg-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-cq-lg-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-cq-lg-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-cq-lg-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-cq-lg-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-cq-lg-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-cq-lg-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-cq-lg-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-cq-lg-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-cq-lg-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-cq-lg-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-cq-lg-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-cq-lg-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-cq-lg-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-cq-lg-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-cq-lg-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-cq-lg-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-cq-lg-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-cq-lg-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-cq-lg-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-cq-lg-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-cq-lg-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-cq-lg-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-cq-lg-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-cq-lg-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-cq-lg-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-cq-lg-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-cq-lg-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-cq-lg-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-cq-lg-offset-1{grid-column-start:2}.g-cq-lg-offset-2{grid-column-start:3}.g-cq-lg-offset-3{grid-column-start:4}.g-cq-lg-offset-4{grid-column-start:5}.g-cq-lg-offset-5{grid-column-start:6}.g-cq-lg-offset-6{grid-column-start:7}.g-cq-lg-offset-7{grid-column-start:8}.g-cq-lg-offset-8{grid-column-start:9}.g-cq-lg-offset-9{grid-column-start:10}.g-cq-lg-offset-10{grid-column-start:11}.g-cq-lg-offset-11{grid-column-start:12}.g-cq-lg-offset-12{grid-column-start:13}.g-cq-lg-offset-13{grid-column-start:14}.g-cq-lg-offset-14{grid-column-start:15}.g-cq-lg-offset-15{grid-column-start:16}.g-cq-lg-offset-16{grid-column-start:17}.g-cq-lg-offset-17{grid-column-start:18}.g-cq-lg-offset-18{grid-column-start:19}.g-cq-lg-offset-19{grid-column-start:20}.g-cq-lg-offset-20{grid-column-start:21}.g-cq-lg-offset-21{grid-column-start:22}.g-cq-lg-offset-22{grid-column-start:23}.g-cq-lg-offset-23{grid-column-start:24}.g-cq-lg-col-start-1{grid-column-start:1}.g-cq-lg-col-end-1{grid-column-end:1}.g-cq-lg-col-start-2{grid-column-start:2}.g-cq-lg-col-end-2{grid-column-end:2}.g-cq-lg-col-start-3{grid-column-start:3}.g-cq-lg-col-end-3{grid-column-end:3}.g-cq-lg-col-start-4{grid-column-start:4}.g-cq-lg-col-end-4{grid-column-end:4}.g-cq-lg-col-start-5{grid-column-start:5}.g-cq-lg-col-end-5{grid-column-end:5}.g-cq-lg-col-start-6{grid-column-start:6}.g-cq-lg-col-end-6{grid-column-end:6}.g-cq-lg-col-start-7{grid-column-start:7}.g-cq-lg-col-end-7{grid-column-end:7}.g-cq-lg-col-start-8{grid-column-start:8}.g-cq-lg-col-end-8{grid-column-end:8}.g-cq-lg-col-start-9{grid-column-start:9}.g-cq-lg-col-end-9{grid-column-end:9}.g-cq-lg-col-start-10{grid-column-start:10}.g-cq-lg-col-end-10{grid-column-end:10}.g-cq-lg-col-start-11{grid-column-start:11}.g-cq-lg-col-end-11{grid-column-end:11}.g-cq-lg-col-start-12{grid-column-start:12}.g-cq-lg-col-end-12{grid-column-end:12}.g-cq-lg-col-start-13{grid-column-start:13}.g-cq-lg-col-end-13{grid-column-end:13}.g-cq-lg-col-start-14{grid-column-start:14}.g-cq-lg-col-end-14{grid-column-end:14}.g-cq-lg-col-start-15{grid-column-start:15}.g-cq-lg-col-end-15{grid-column-end:15}.g-cq-lg-col-start-16{grid-column-start:16}.g-cq-lg-col-end-16{grid-column-end:16}.g-cq-lg-col-start-17{grid-column-start:17}.g-cq-lg-col-end-17{grid-column-end:17}.g-cq-lg-col-start-18{grid-column-start:18}.g-cq-lg-col-end-18{grid-column-end:18}.g-cq-lg-col-start-19{grid-column-start:19}.g-cq-lg-col-end-19{grid-column-end:19}.g-cq-lg-col-start-20{grid-column-start:20}.g-cq-lg-col-end-20{grid-column-end:20}.g-cq-lg-col-start-21{grid-column-start:21}.g-cq-lg-col-end-21{grid-column-end:21}.g-cq-lg-col-start-22{grid-column-start:22}.g-cq-lg-col-end-22{grid-column-end:22}.g-cq-lg-col-start-23{grid-column-start:23}.g-cq-lg-col-end-23{grid-column-end:23}.g-cq-lg-col-start-24{grid-column-start:24}.g-cq-lg-col-end-24{grid-column-end:24}.g-cq-lg-col-start-25{grid-column-start:25}.g-cq-lg-col-end-25{grid-column-end:25}}
@media print{.g-print-col{grid-column:1/-1;min-inline-size:0}.g-print-col-auto{grid-column:auto;min-inline-size:0}.g-print-col-fill{grid-column:1/-1;min-inline-size:0}.g-print-col-full{grid-column:1/-1;min-inline-size:0}.g-print-col-hidden{display:none}.g-print-col-visible{display:revert}.g-print-offset-0{grid-column-start:auto}.g-print-col-start-auto{grid-column-start:auto}.g-print-col-end-auto{grid-column-end:auto}.g-print-col-1{grid-column:span 1/span 1;min-inline-size:0}.g-print-col-fill-from-1{grid-column:1/-1;min-inline-size:0}.g-print-col-2{grid-column:span 2/span 2;min-inline-size:0}.g-print-col-fill-from-2{grid-column:2/-1;min-inline-size:0}.g-print-col-3{grid-column:span 3/span 3;min-inline-size:0}.g-print-col-fill-from-3{grid-column:3/-1;min-inline-size:0}.g-print-col-4{grid-column:span 4/span 4;min-inline-size:0}.g-print-col-fill-from-4{grid-column:4/-1;min-inline-size:0}.g-print-col-5{grid-column:span 5/span 5;min-inline-size:0}.g-print-col-fill-from-5{grid-column:5/-1;min-inline-size:0}.g-print-col-6{grid-column:span 6/span 6;min-inline-size:0}.g-print-col-fill-from-6{grid-column:6/-1;min-inline-size:0}.g-print-col-7{grid-column:span 7/span 7;min-inline-size:0}.g-print-col-fill-from-7{grid-column:7/-1;min-inline-size:0}.g-print-col-8{grid-column:span 8/span 8;min-inline-size:0}.g-print-col-fill-from-8{grid-column:8/-1;min-inline-size:0}.g-print-col-9{grid-column:span 9/span 9;min-inline-size:0}.g-print-col-fill-from-9{grid-column:9/-1;min-inline-size:0}.g-print-col-10{grid-column:span 10/span 10;min-inline-size:0}.g-print-col-fill-from-10{grid-column:10/-1;min-inline-size:0}.g-print-col-11{grid-column:span 11/span 11;min-inline-size:0}.g-print-col-fill-from-11{grid-column:11/-1;min-inline-size:0}.g-print-col-12{grid-column:span 12/span 12;min-inline-size:0}.g-print-col-fill-from-12{grid-column:12/-1;min-inline-size:0}.g-print-col-13{grid-column:span 13/span 13;min-inline-size:0}.g-print-col-fill-from-13{grid-column:13/-1;min-inline-size:0}.g-print-col-14{grid-column:span 14/span 14;min-inline-size:0}.g-print-col-fill-from-14{grid-column:14/-1;min-inline-size:0}.g-print-col-15{grid-column:span 15/span 15;min-inline-size:0}.g-print-col-fill-from-15{grid-column:15/-1;min-inline-size:0}.g-print-col-16{grid-column:span 16/span 16;min-inline-size:0}.g-print-col-fill-from-16{grid-column:16/-1;min-inline-size:0}.g-print-col-17{grid-column:span 17/span 17;min-inline-size:0}.g-print-col-fill-from-17{grid-column:17/-1;min-inline-size:0}.g-print-col-18{grid-column:span 18/span 18;min-inline-size:0}.g-print-col-fill-from-18{grid-column:18/-1;min-inline-size:0}.g-print-col-19{grid-column:span 19/span 19;min-inline-size:0}.g-print-col-fill-from-19{grid-column:19/-1;min-inline-size:0}.g-print-col-20{grid-column:span 20/span 20;min-inline-size:0}.g-print-col-fill-from-20{grid-column:20/-1;min-inline-size:0}.g-print-col-21{grid-column:span 21/span 21;min-inline-size:0}.g-print-col-fill-from-21{grid-column:21/-1;min-inline-size:0}.g-print-col-22{grid-column:span 22/span 22;min-inline-size:0}.g-print-col-fill-from-22{grid-column:22/-1;min-inline-size:0}.g-print-col-23{grid-column:span 23/span 23;min-inline-size:0}.g-print-col-fill-from-23{grid-column:23/-1;min-inline-size:0}.g-print-col-24{grid-column:span 24/span 24;min-inline-size:0}.g-print-col-fill-from-24{grid-column:24/-1;min-inline-size:0}.g-print-offset-1{grid-column-start:2}.g-print-offset-2{grid-column-start:3}.g-print-offset-3{grid-column-start:4}.g-print-offset-4{grid-column-start:5}.g-print-offset-5{grid-column-start:6}.g-print-offset-6{grid-column-start:7}.g-print-offset-7{grid-column-start:8}.g-print-offset-8{grid-column-start:9}.g-print-offset-9{grid-column-start:10}.g-print-offset-10{grid-column-start:11}.g-print-offset-11{grid-column-start:12}.g-print-offset-12{grid-column-start:13}.g-print-offset-13{grid-column-start:14}.g-print-offset-14{grid-column-start:15}.g-print-offset-15{grid-column-start:16}.g-print-offset-16{grid-column-start:17}.g-print-offset-17{grid-column-start:18}.g-print-offset-18{grid-column-start:19}.g-print-offset-19{grid-column-start:20}.g-print-offset-20{grid-column-start:21}.g-print-offset-21{grid-column-start:22}.g-print-offset-22{grid-column-start:23}.g-print-offset-23{grid-column-start:24}.g-print-col-start-1{grid-column-start:1}.g-print-col-end-1{grid-column-end:1}.g-print-col-start-2{grid-column-start:2}.g-print-col-end-2{grid-column-end:2}.g-print-col-start-3{grid-column-start:3}.g-print-col-end-3{grid-column-end:3}.g-print-col-start-4{grid-column-start:4}.g-print-col-end-4{grid-column-end:4}.g-print-col-start-5{grid-column-start:5}.g-print-col-end-5{grid-column-end:5}.g-print-col-start-6{grid-column-start:6}.g-print-col-end-6{grid-column-end:6}.g-print-col-start-7{grid-column-start:7}.g-print-col-end-7{grid-column-end:7}.g-print-col-start-8{grid-column-start:8}.g-print-col-end-8{grid-column-end:8}.g-print-col-start-9{grid-column-start:9}.g-print-col-end-9{grid-column-end:9}.g-print-col-start-10{grid-column-start:10}.g-print-col-end-10{grid-column-end:10}.g-print-col-start-11{grid-column-start:11}.g-print-col-end-11{grid-column-end:11}.g-print-col-start-12{grid-column-start:12}.g-print-col-end-12{grid-column-end:12}.g-print-col-start-13{grid-column-start:13}.g-print-col-end-13{grid-column-end:13}.g-print-col-start-14{grid-column-start:14}.g-print-col-end-14{grid-column-end:14}.g-print-col-start-15{grid-column-start:15}.g-print-col-end-15{grid-column-end:15}.g-print-col-start-16{grid-column-start:16}.g-print-col-end-16{grid-column-end:16}.g-print-col-start-17{grid-column-start:17}.g-print-col-end-17{grid-column-end:17}.g-print-col-start-18{grid-column-start:18}.g-print-col-end-18{grid-column-end:18}.g-print-col-start-19{grid-column-start:19}.g-print-col-end-19{grid-column-end:19}.g-print-col-start-20{grid-column-start:20}.g-print-col-end-20{grid-column-end:20}.g-print-col-start-21{grid-column-start:21}.g-print-col-end-21{grid-column-end:21}.g-print-col-start-22{grid-column-start:22}.g-print-col-end-22{grid-column-end:22}.g-print-col-start-23{grid-column-start:23}.g-print-col-end-23{grid-column-end:23}.g-print-col-start-24{grid-column-start:24}.g-print-col-end-24{grid-column-end:24}.g-print-col-start-25{grid-column-start:25}.g-print-col-end-25{grid-column-end:25}:where(.g-row,.g-grid-24,.g-grid-12){--g-grid-gutter-x:var(--g-space-3);--g-grid-gutter-y:var(--g-space-3)}.g-print-grid-12{--g-grid-columns:12}.g-print-grid-24{--g-grid-columns:24}}
@supports (grid-template-columns:subgrid){.g-subgrid-cols{display:grid;grid-template-columns:subgrid}.g-subgrid-rows{display:grid;grid-template-rows:subgrid}.g-subgrid{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}}
}

@layer gardener.components {
  .g-btn {
    --g-btn-bg: var(--g-color-surface);
    --g-btn-color: var(--g-color-text);
    --g-btn-border: var(--g-color-border-strong);
    display: inline-flex;
    min-height: var(--g-control-height-md);
    align-items: center;
    justify-content: center;
    gap: var(--g-space-2);
    padding: var(--g-space-control-y) var(--g-space-control-x);
    border: var(--g-border-width) solid var(--g-btn-border);
    border-radius: var(--g-radius-md);
    background: var(--g-btn-bg);
    color: var(--g-btn-color);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--g-duration-fast), border-color var(--g-duration-fast), color var(--g-duration-fast), box-shadow var(--g-duration-fast), transform var(--g-duration-fast);
  }
  .g-btn:hover:not(:disabled, [aria-disabled="true"]) { filter: brightness(0.97); }
  .g-btn:active:not(:disabled, [aria-disabled="true"]) { transform: translateY(1px); }
  .g-btn:disabled, .g-btn[aria-disabled="true"] { opacity: 0.55; pointer-events: none; }
  .g-btn-primary { --g-btn-bg: var(--g-color-primary); --g-btn-border: var(--g-color-primary); --g-btn-color: var(--g-color-on-primary); }
  .g-btn-primary:hover:not(:disabled) { --g-btn-bg: var(--g-color-primary-hover); --g-btn-border: var(--g-color-primary-hover); }
  .g-btn-outline { --g-btn-bg: transparent; --g-btn-border: var(--g-color-primary-text); --g-btn-color: var(--g-color-primary-text); }
  .g-btn-ghost { --g-btn-bg: transparent; --g-btn-border: transparent; }
  .g-btn-danger { --g-btn-bg: var(--g-color-danger); --g-btn-border: var(--g-color-danger); --g-btn-color: #fff; }
  .g-btn-link { --g-btn-bg: transparent; --g-btn-border: transparent; --g-btn-color: var(--g-color-primary-text); padding-inline: 0; }
  .g-btn-sm { min-height: var(--g-control-height-sm); padding: var(--g-space-1) var(--g-space-3); font-size: var(--g-font-size-sm); }
  .g-btn-lg { min-height: var(--g-control-height-lg); padding-inline: var(--g-space-5); font-size: var(--g-font-size-lg); }
  .g-btn-icon { inline-size: var(--g-control-height-md); padding: 0; }
  .g-btn-block { width: 100%; }
  .g-btn.is-loading { color: transparent; pointer-events: none; position: relative; }
  .g-btn.is-loading::after { content: ""; position: absolute; inline-size: 1rem; block-size: 1rem; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; color: var(--g-btn-color); animation: g-spin 0.7s linear infinite; }
  .g-btn-group { display: inline-flex; }
  .g-btn-group > .g-btn { border-radius: 0; margin-inline-start: calc(-1 * var(--g-border-width)); }
  .g-btn-group > .g-btn:first-child { border-start-start-radius: var(--g-radius-md); border-end-start-radius: var(--g-radius-md); margin-inline-start: 0; }
  .g-btn-group > .g-btn:last-child { border-start-end-radius: var(--g-radius-md); border-end-end-radius: var(--g-radius-md); }

  .g-card { border: var(--g-border-width) solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); color: var(--g-color-text); box-shadow: var(--g-shadow-xs); overflow: hidden; }
  .g-card-interactive { transition: border-color var(--g-duration-normal), box-shadow var(--g-duration-normal), transform var(--g-duration-normal); }
  .g-card-interactive:hover { border-color: var(--g-primary-300); box-shadow: var(--g-shadow-md); transform: translateY(-2px); }
  .g-card-header, .g-card-body, .g-card-footer { padding: var(--g-space-5); }
  .g-card-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-card-footer { border-top: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-card-title { font-size: var(--g-font-size-lg); font-weight: 650; }
  .g-card-subtitle { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-badge, .g-tag, .g-chip { display: inline-flex; width: fit-content; align-items: center; gap: var(--g-space-1); max-width: 100%; border-radius: var(--g-radius-full); font-size: var(--g-font-size-xs); font-weight: 650; line-height: 1; vertical-align: middle; }
  .g-badge { padding: 0.25rem 0.5rem; background: var(--g-color-primary-soft); color: var(--g-color-on-primary-soft); }
  .g-badge-success { background: var(--g-color-success-soft); color: var(--g-color-success); }
  .g-badge-warning { background: var(--g-color-warning-soft); color: var(--g-color-warning); }
  .g-badge-danger { background: var(--g-color-danger-soft); color: var(--g-color-danger); }
  .g-badge-info { background: var(--g-color-info-soft); color: var(--g-color-info); }
  .g-tag, .g-chip { min-height: 1.75rem; padding: 0.25rem 0.65rem; border: 1px solid var(--g-color-border); background: var(--g-color-surface); color: var(--g-color-text); }
  .g-chip[aria-selected="true"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-avatar { display: inline-grid; inline-size: var(--g-avatar-size, 2.5rem); block-size: var(--g-avatar-size, 2.5rem); flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: var(--g-radius-full); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-weight: 650; }
  .g-avatar > img { width: 100%; height: 100%; object-fit: cover; }
  .g-avatar-sm { --g-avatar-size: 2rem; font-size: var(--g-font-size-xs); }
  .g-avatar-lg { --g-avatar-size: 3.5rem; font-size: var(--g-font-size-lg); }
  .g-avatar-xl { --g-avatar-size: 5rem; font-size: var(--g-font-size-2xl); }
  .g-avatar-group { display: flex; }
  .g-avatar-group > .g-avatar { border: 2px solid var(--g-color-surface); margin-inline-start: -0.65rem; }
  .g-avatar-group > .g-avatar:first-child { margin-inline-start: 0; }

  .g-alert { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-inline-start: 0.25rem solid var(--g-color-primary); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-alert-title { font-weight: 650; }
  .g-alert-description { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-alert-success { border-inline-start-color: var(--g-color-success); background: var(--g-color-success-soft); }
  .g-alert-warning { border-inline-start-color: var(--g-color-warning); background: var(--g-color-warning-soft); }
  .g-alert-danger { border-inline-start-color: var(--g-color-danger); background: var(--g-color-danger-soft); }
  .g-alert-info { border-inline-start-color: var(--g-color-info); background: var(--g-color-info-soft); }

  .g-progress { position: relative; overflow: hidden; width: 100%; height: var(--g-progress-height, 0.5rem); border-radius: var(--g-radius-full); background: var(--g-color-surface-sunken); }
  .g-progress-bar { height: 100%; width: var(--g-progress-value, 0%); border-radius: inherit; background: var(--g-color-primary); transition: width var(--g-duration-slow) var(--g-ease-standard); }
  .g-progress-indeterminate .g-progress-bar { width: 40%; animation: g-progress 1.2s ease-in-out infinite; }
  .g-meter { display: flex; overflow: hidden; height: 0.75rem; border-radius: var(--g-radius-full); background: var(--g-color-surface-sunken); }
  .g-meter > * { height: 100%; }

  .g-spinner { display: inline-block; inline-size: var(--g-spinner-size, 1.25rem); block-size: var(--g-spinner-size, 1.25rem); border: 2px solid var(--g-color-border); border-inline-end-color: var(--g-color-primary); border-radius: 50%; animation: g-spin 0.7s linear infinite; }
  .g-skeleton { color: transparent !important; border-radius: var(--g-radius-sm); background: linear-gradient(100deg, var(--g-color-surface-sunken) 25%, var(--g-color-surface-subtle) 40%, var(--g-color-surface-sunken) 60%); background-size: 200% 100%; animation: g-shimmer 1.4s ease infinite; }
  .g-skeleton-text { height: 0.9em; margin-block: 0.35em; }
  .g-skeleton-circle { aspect-ratio: 1; border-radius: 50%; }

  .g-empty { display: grid; place-items: center; min-height: 14rem; padding: var(--g-space-8); text-align: center; color: var(--g-color-text-muted); }
  .g-empty-title { color: var(--g-color-text); font-size: var(--g-font-size-lg); font-weight: 650; }
  .g-empty-actions { display: flex; justify-content: center; gap: var(--g-space-2); margin-block-start: var(--g-space-4); }
  .g-divider { display: flex; align-items: center; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-divider::before, .g-divider::after { content: ""; flex: 1; border-top: 1px solid var(--g-color-border); }
  .g-status-dot { display: inline-block; inline-size: 0.625rem; block-size: 0.625rem; border-radius: 50%; background: var(--g-color-text-subtle); }
  .g-status-dot.is-online { background: var(--g-color-success); box-shadow: 0 0 0 3px var(--g-color-success-soft); }
  .g-status-dot.is-busy { background: var(--g-color-danger); }
  .g-status-dot.is-away { background: var(--g-color-warning); }

  @keyframes g-spin { to { transform: rotate(1turn); } }
  @keyframes g-shimmer { to { background-position-x: -200%; } }
  @keyframes g-progress { from { transform: translateX(-120%); } to { transform: translateX(280%); } }
}

@layer gardener.components {
  .g-field { display: grid; gap: var(--g-space-2); }
  .g-label { color: var(--g-color-text); font-size: var(--g-font-size-sm); font-weight: 600; }
  .g-label-required::after { content: " *"; color: var(--g-color-danger); }
  .g-help, .g-error { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-error { color: var(--g-color-danger); }
  .g-input, .g-textarea, .g-select {
    width: 100%; min-height: var(--g-control-height-md); padding: var(--g-space-control-y) var(--g-space-control-x);
    border: var(--g-border-width) solid var(--g-color-border-strong); border-radius: var(--g-radius-md);
    background: var(--g-color-surface); color: var(--g-color-text); line-height: 1.35;
    transition: border-color var(--g-duration-fast), box-shadow var(--g-duration-fast), background var(--g-duration-fast);
  }
  .g-input::placeholder, .g-textarea::placeholder { color: var(--g-color-text-subtle); }
  .g-input:hover, .g-textarea:hover, .g-select:hover { border-color: var(--g-primary-400); }
  .g-input:focus, .g-textarea:focus, .g-select:focus { border-color: var(--g-color-primary); outline: 0; box-shadow: 0 0 0 var(--g-focus-ring-width) var(--g-focus-ring); }
  .g-input:disabled, .g-textarea:disabled, .g-select:disabled { opacity: 0.65; background: var(--g-color-surface-subtle); }
  .g-input[aria-invalid="true"], .g-textarea[aria-invalid="true"], .g-select[aria-invalid="true"] { border-color: var(--g-color-danger); }
  .g-input-sm, .g-select-sm { min-height: var(--g-control-height-sm); padding: var(--g-space-1) var(--g-space-3); font-size: var(--g-font-size-sm); }
  .g-input-lg, .g-select-lg { min-height: var(--g-control-height-lg); font-size: var(--g-font-size-lg); }
  .g-textarea { resize: vertical; }
  .g-select { appearance: none; padding-inline-end: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 1rem) 50%, calc(100% - 0.75rem) 50%; background-size: 0.3rem 0.3rem; background-repeat: no-repeat; }
  [dir="rtl"] .g-select { background-position: 1rem 50%, 0.75rem 50%; }

  .g-input-group { display: flex; align-items: stretch; }
  .g-input-group > * { border-radius: 0; margin-inline-start: -1px; }
  .g-input-group > :first-child { margin-inline-start: 0; border-start-start-radius: var(--g-radius-md); border-end-start-radius: var(--g-radius-md); }
  .g-input-group > :last-child { border-start-end-radius: var(--g-radius-md); border-end-end-radius: var(--g-radius-md); }
  .g-input-addon { display: inline-flex; align-items: center; padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border-strong); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); }

  .g-check, .g-radio, .g-switch { display: inline-flex; align-items: center; gap: var(--g-space-2); min-height: var(--g-touch-target); cursor: pointer; }
  .g-check > input, .g-radio > input { inline-size: 1.1rem; block-size: 1.1rem; margin: 0; accent-color: var(--g-color-primary); }
  .g-switch > input { position: absolute; opacity: 0; pointer-events: none; }
  .g-switch-track { position: relative; display: inline-flex; inline-size: 2.5rem; block-size: 1.4rem; flex: 0 0 auto; border-radius: var(--g-radius-full); background: var(--g-color-border-strong); transition: background var(--g-duration-normal); }
  .g-switch-track::after { content: ""; position: absolute; inset-block-start: 0.2rem; inset-inline-start: 0.2rem; inline-size: 1rem; block-size: 1rem; border-radius: 50%; background: #fff; box-shadow: var(--g-shadow-sm); transition: transform var(--g-duration-normal) var(--g-ease-standard); }
  .g-switch > input:checked + .g-switch-track { background: var(--g-color-primary); }
  .g-switch > input:checked + .g-switch-track::after { transform: translateX(1.1rem); }
  [dir="rtl"] .g-switch > input:checked + .g-switch-track::after { transform: translateX(-1.1rem); }
  .g-switch > input:focus-visible + .g-switch-track { box-shadow: 0 0 0 var(--g-focus-ring-width) var(--g-focus-ring); }

  .g-range { width: 100%; accent-color: var(--g-color-primary); }
  .g-color-input { inline-size: var(--g-control-height-md); block-size: var(--g-control-height-md); padding: 0.2rem; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-file-drop { display: grid; place-items: center; min-height: 9rem; padding: var(--g-space-6); border: 2px dashed var(--g-color-border-strong); border-radius: var(--g-radius-lg); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); text-align: center; transition: border-color var(--g-duration-fast), background var(--g-duration-fast); }
  .g-file-drop:is(:hover, .is-dragging) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: var(--g-space-4); }
  .g-form-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--g-space-2); padding-block-start: var(--g-space-4); }

  .g-combobox { position: relative; }
  .g-combobox-list { position: absolute; z-index: var(--g-z-dropdown); inset: calc(100% + var(--g-space-1)) 0 auto; max-height: 18rem; overflow: auto; padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-combobox-option { display: flex; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-sm); cursor: pointer; }
  .g-combobox-option:is(:hover, [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
}

@layer gardener.components {
  /* Form foundations and layout */
  .g-form { --g-form-gap: var(--g-space-5); display: grid; align-content: start; gap: var(--g-form-gap); min-width: 0; }
  .g-form.is-bordered { padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-form-section { display: grid; gap: var(--g-space-4); min-width: 0; padding-block: var(--g-space-2) var(--g-space-6); border-block-end: 1px solid var(--g-color-border); }
  .g-form-section:last-child { padding-block-end: 0; border-block-end: 0; }
  .g-form-section-header { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--g-space-3); }
  .g-form-section-title { font-size: var(--g-font-size-lg); font-weight: 700; }
  .g-form-section-description { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }
  .g-field { min-width: 0; }
  .g-field-header, .g-field-meta { display: flex; align-items: baseline; justify-content: space-between; gap: var(--g-space-3); }
  .g-field-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-field-required { color: var(--g-color-danger); font-size: var(--g-font-size-xs); }
  .g-field-optional { color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); font-weight: 400; }
  .g-fieldset { min-width: 0; margin: 0; padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-fieldset-legend { padding-inline: var(--g-space-2); color: var(--g-color-text); font-weight: 700; }
  .g-fieldset-description { margin-block-end: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-form-row, .g-form-grid { --g-form-columns: 2; --g-form-column-min: 13rem; display: grid; grid-template-columns: repeat(var(--g-form-columns), minmax(0, 1fr)); gap: var(--g-space-4); min-width: 0; }
  .g-form-row { grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--g-form-column-min)), 1fr)); }
  .g-form-grid.is-three { --g-form-columns: 3; }
  .g-form-grid.is-four { --g-form-columns: 4; }
  .g-field-span-full { grid-column: 1 / -1; }
  .g-form-horizontal { display: grid; grid-template-columns: minmax(8rem, var(--g-form-label-width, 13rem)) minmax(0, 1fr); gap: var(--g-space-4) var(--g-space-5); align-items: start; }
  .g-form-horizontal > .g-label, .g-form-horizontal > .g-field-header { padding-block-start: calc(var(--g-space-control-y) + .1rem); }
  .g-form-inline { display: flex; flex-wrap: wrap; align-items: end; gap: var(--g-space-3); }
  .g-form-inline > .g-field { flex: 1 1 var(--g-inline-field-min, 12rem); }
  .g-form-inline > .g-form-actions { flex: 0 0 auto; padding: 0; }
  .g-form-compact { --g-form-gap: var(--g-space-3); --g-space-control-y: var(--g-space-1); --g-space-control-x: var(--g-space-3); --g-control-height-md: var(--g-control-height-sm); font-size: var(--g-font-size-sm); }
  .g-form-container { container: gardener-form / inline-size; }

  /* Input groups, affixes and common interactive fields */
  .g-input-group { min-width: 0; }
  .g-input-group > :is(.g-input, .g-select) { min-width: 0; }
  .g-input-affix, .g-search-field, .g-password-field, .g-clearable-field, .g-character-field { position: relative; min-width: 0; }
  .g-input-affix-start, .g-input-affix-end, .g-search-field-icon { position: absolute; z-index: 1; inset-block-start: 50%; display: inline-flex; align-items: center; color: var(--g-color-text-subtle); font-size: var(--g-font-size-sm); transform: translateY(-50%); pointer-events: none; }
  .g-input-affix-start, .g-search-field-icon { inset-inline-start: var(--g-space-3); }
  .g-input-affix-end { inset-inline-end: var(--g-space-3); }
  .g-input-affix.has-start > .g-input, .g-search-field > .g-input { padding-inline-start: var(--g-affix-space-start, 2.4rem); }
  .g-input-affix.has-end > .g-input { padding-inline-end: var(--g-affix-space-end, 2.4rem); }
  .g-search-field-action, .g-password-field-action, .g-clearable-field-action { position: absolute; z-index: 1; inset-block-start: 50%; inset-inline-end: var(--g-space-1); display: inline-grid; min-inline-size: 2rem; min-block-size: 2rem; place-items: center; padding: 0; border: 0; border-radius: var(--g-radius-sm); background: transparent; color: var(--g-color-text-muted); transform: translateY(-50%); cursor: pointer; }
  .g-search-field-action:hover, .g-password-field-action:hover, .g-clearable-field-action:hover { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  :is(.g-search-field, .g-password-field, .g-clearable-field):has(> :last-child:is(button, .g-search-field-action, .g-password-field-action, .g-clearable-field-action)) > .g-input { padding-inline-end: 2.75rem; }
  .g-character-field > .g-textarea { padding-block-end: 2rem; }
  .g-character-count { position: absolute; inset-block-end: var(--g-space-2); inset-inline-end: var(--g-space-3); color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); font-variant-numeric: tabular-nums; pointer-events: none; }
  .g-character-count.is-near-limit { color: var(--g-color-warning); }
  .g-character-count.is-over-limit { color: var(--g-color-danger); font-weight: 700; }

  /* Validation and grouped choices */
  .g-validation-state { display: grid; gap: var(--g-space-2); }
  .g-validation-state.is-success { --g-validation-color: var(--g-color-success); }
  .g-validation-state.is-warning { --g-validation-color: var(--g-color-warning); }
  .g-validation-state.is-danger, .g-validation-state.is-error { --g-validation-color: var(--g-color-danger); }
  .g-validation-state[class*="is-"] :is(.g-input, .g-textarea, .g-select) { border-color: var(--g-validation-color); }
  .g-validation-message { color: var(--g-validation-color, var(--g-color-text-muted)); font-size: var(--g-font-size-xs); }
  .g-validation-summary { display: grid; gap: var(--g-space-2); border: 1px solid color-mix(in srgb, var(--g-color-danger) 35%, var(--g-color-border)); border-inline-start-width: 3px; border-radius: var(--g-radius-sm); }
  .g-validation-summary-title { font-weight: 700; }
  .g-validation-summary-list { display: grid; gap: var(--g-space-1); margin: 0; padding-inline-start: 1.2rem; font-size: var(--g-font-size-sm); }
  .g-check-group, .g-radio-group { display: grid; gap: var(--g-space-2); }
  .g-check-group.is-inline, .g-radio-group.is-inline { display: flex; flex-wrap: wrap; gap: var(--g-space-2) var(--g-space-5); }
  .g-switch-row { display: flex; min-height: 3.25rem; align-items: center; justify-content: space-between; gap: var(--g-space-4); padding-block: var(--g-space-2); border-block-end: 1px solid var(--g-color-border); }
  .g-switch-row-content { min-width: 0; }
  .g-switch-row-title { font-weight: 650; }
  .g-switch-row-description { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-choice-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--g-choice-min, 13rem)), 1fr)); gap: var(--g-space-3); }
  .g-choice-card { position: relative; display: grid; gap: var(--g-space-2); padding: var(--g-space-4); border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); cursor: pointer; }
  .g-choice-card:hover { border-color: var(--g-color-primary); }
  .g-choice-card:has(input:checked) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-choice-card:has(input:checked) .g-choice-card-description { color: var(--g-color-text); }
  .g-choice-card > input { position: absolute; inset-block-start: var(--g-space-3); inset-inline-end: var(--g-space-3); inline-size: 1rem; block-size: 1rem; accent-color: var(--g-color-primary); }
  .g-choice-card-title { padding-inline-end: 1.5rem; font-weight: 700; }
  .g-choice-card-description { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.5; }

  /* Stable business field compositions */
  .g-name-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-3); }
  .g-address-group { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--g-space-3); }
  .g-address-line { grid-column: 1 / -1; }
  .g-address-city, .g-address-region { grid-column: span 2; }
  .g-address-postal { grid-column: span 2; }
  .g-phone-group { display: grid; grid-template-columns: minmax(6rem, .35fr) minmax(0, 1fr) minmax(5rem, .3fr); gap: var(--g-space-2); }
  .g-money-group { display: grid; grid-template-columns: minmax(5rem, .3fr) minmax(0, 1fr); }
  .g-money-group > * { border-radius: 0; }
  .g-money-group > :first-child { border-start-start-radius: var(--g-radius-md); border-end-start-radius: var(--g-radius-md); }
  .g-money-group > :last-child { margin-inline-start: -1px; border-start-end-radius: var(--g-radius-md); border-end-end-radius: var(--g-radius-md); }
  .g-date-range-group, .g-time-range-group { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: var(--g-space-2); }
  .g-range-separator { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-align: center; }
  .g-unit-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .g-unit-field > * { border-radius: 0; }
  .g-unit-field > :first-child { border-start-start-radius: var(--g-radius-md); border-end-start-radius: var(--g-radius-md); }
  .g-unit-field > :last-child { margin-inline-start: -1px; border-start-end-radius: var(--g-radius-md); border-end-end-radius: var(--g-radius-md); }
  .g-range-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); }
  .g-range-field-output { min-width: 4ch; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); font-variant-numeric: tabular-nums; text-align: end; }
  .g-file-field { display: grid; gap: var(--g-space-2); }
  .g-file-field-control { display: flex; min-width: 0; align-items: center; gap: var(--g-space-2); }
  .g-file-field-name { min-width: 0; overflow: hidden; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-overflow: ellipsis; white-space: nowrap; }

  /* Dynamic and workflow form compositions */
  .g-repeatable-field { display: grid; gap: var(--g-space-3); }
  .g-repeatable-list { display: grid; gap: var(--g-space-3); }
  .g-repeatable-item { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-3); align-items: end; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface); }
  .g-repeatable-content { min-width: 0; }
  .g-repeatable-actions { display: flex; gap: var(--g-space-2); }
  .g-conditional-field { display: grid; gap: var(--g-space-3); padding: var(--g-space-3); border-inline-start: 2px solid var(--g-color-primary); background: var(--g-color-surface-subtle); }
  .g-conditional-field[hidden] { display: none; }
  .g-form-actions { align-items: center; }
  .g-form-actions.is-start { justify-content: flex-start; }
  .g-form-actions.is-between { justify-content: space-between; }
  .g-form-actions.is-sticky { position: sticky; z-index: var(--g-z-sticky); inset-block-end: 0; margin-inline: calc(var(--g-space-4) * -1); padding: var(--g-space-3) var(--g-space-4) calc(var(--g-space-3) + env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); backdrop-filter: blur(10px); }
  .g-autosave-status { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-autosave-status::before { content: ""; inline-size: .55rem; block-size: .55rem; border-radius: 50%; background: var(--g-color-border-strong); }
  .g-autosave-status.is-saving::before { border: 2px solid var(--g-color-border); border-block-start-color: var(--g-color-primary); background: transparent; animation: g-form-spin .75s linear infinite; }
  .g-autosave-status.is-saved::before { background: var(--g-color-success); }
  .g-autosave-status.is-error::before { background: var(--g-color-danger); }
  .g-form-progress { display: grid; gap: var(--g-space-2); }
  .g-form-progress-meta { display: flex; justify-content: space-between; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-form-progress-track { block-size: .35rem; overflow: hidden; background: var(--g-color-border); }
  .g-form-progress-value { inline-size: var(--g-form-progress, 0%); block-size: 100%; background: var(--g-color-primary); transition: inline-size var(--g-duration-normal); }
  .g-form-review { display: grid; border-block-start: 1px solid var(--g-color-border); }
  .g-form-review-row { display: grid; grid-template-columns: minmax(8rem, .4fr) minmax(0, 1fr) auto; gap: var(--g-space-3); padding-block: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-form-review-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-form-review-value { min-width: 0; overflow-wrap: anywhere; }
  .g-consent-group { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); }
  .g-consent-group-title { font-weight: 700; }
  .g-consent-group-description { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }

  @keyframes g-form-spin { to { transform: rotate(360deg); } }

  @container gardener-form (max-width: 639.98px) {
    .g-form-grid, .g-form-grid.is-three, .g-form-grid.is-four, .g-form-horizontal, .g-name-group { grid-template-columns: 1fr; }
    .g-form-horizontal > .g-label, .g-form-horizontal > .g-field-header { padding-block-start: 0; }
    .g-address-group { grid-template-columns: 1fr 1fr; }
    .g-address-group > * { grid-column: 1 / -1; }
    .g-phone-group { grid-template-columns: minmax(6rem, .4fr) minmax(0, 1fr); }
    .g-phone-group > :last-child { grid-column: 1 / -1; }
  }

  @media (max-width: 639.98px) {
    .g-form-grid, .g-form-grid.is-three, .g-form-grid.is-four, .g-form-horizontal, .g-name-group { grid-template-columns: 1fr; }
    .g-form-horizontal > .g-label, .g-form-horizontal > .g-field-header { padding-block-start: 0; }
    .g-address-group { grid-template-columns: 1fr 1fr; }
    .g-address-group > * { grid-column: 1 / -1; }
    .g-phone-group { grid-template-columns: minmax(6rem, .4fr) minmax(0, 1fr); }
    .g-phone-group > :last-child { grid-column: 1 / -1; }
    .g-date-range-group, .g-time-range-group { grid-template-columns: 1fr; }
    .g-range-separator { text-align: start; }
    .g-repeatable-item { grid-template-columns: 1fr; }
    .g-form-actions:not(.is-between) > .g-btn { flex: 1 1 auto; }
    .g-form-review-row { grid-template-columns: 1fr auto; }
    .g-form-review-value { grid-column: 1 / -1; grid-row: 2; }
  }

  @media (prefers-reduced-motion: reduce) {
    .g-autosave-status.is-saving::before { animation-duration: 1.5s; }
    .g-form-progress-value { transition: none; }
  }

  @media print {
    .g-form-actions, .g-repeatable-actions, [data-g-password-button], [data-g-clear-button], [data-g-repeatable-add], [data-g-repeatable-remove] { display: none !important; }
    .g-form, .g-form-section, .g-fieldset, .g-consent-group { break-inside: avoid; }
    .g-form-actions.is-sticky { position: static; }
    .g-input, .g-textarea, .g-select { border-color: var(--g-color-border); background: transparent; }
  }
}

@layer gardener.components {
  .g-navbar { display: flex; min-height: var(--g-header-height); align-items: center; gap: var(--g-space-4); padding-inline: var(--g-space-page-x); border-bottom: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-navbar-brand { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text); font-size: var(--g-font-size-lg); font-weight: 700; text-decoration: none; }
  .g-navbar-nav { display: flex; align-items: center; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-nav-link { display: inline-flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-decoration: none; }
  .g-nav-link:hover { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-nav-link:is(.is-active, [aria-current="page"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-weight: 600; }

  .g-sidebar { display: flex; flex-direction: column; min-height: 100%; padding: var(--g-space-3); background: var(--g-color-surface); }
  .g-sidebar-header, .g-sidebar-footer { padding: var(--g-space-3); }
  .g-sidebar-nav { display: grid; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-sidebar-section { margin-block-start: var(--g-space-5); padding: var(--g-space-2) var(--g-space-3); color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
  .g-sidebar-link { display: flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-decoration: none; }
  .g-sidebar-link:hover { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-sidebar-link:is(.is-active, [aria-current="page"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-weight: 600; }
  .g-sidebar-badge { margin-inline-start: auto; }

  .g-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); margin: 0; padding: 0; list-style: none; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-breadcrumb-item { display: inline-flex; align-items: center; gap: var(--g-space-2); }
  .g-breadcrumb-item + .g-breadcrumb-item::before { content: "/"; color: var(--g-color-text-subtle); }
  [dir="rtl"] .g-breadcrumb-item + .g-breadcrumb-item::before { content: "\\"; }

  .g-tabs { border-bottom: 1px solid var(--g-color-border); }
  .g-tab-list { display: flex; gap: var(--g-space-1); overflow-x: auto; scrollbar-width: none; }
  .g-tab { position: relative; display: inline-flex; min-height: var(--g-control-height-lg); flex: 0 0 auto; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-4); border: 0; background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-tab:hover { color: var(--g-color-text); }
  .g-tab[aria-selected="true"] { color: var(--g-color-primary-text); font-weight: 600; }
  .g-tab[aria-selected="true"]::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--g-color-primary); }
  .g-tab-panel { padding-block: var(--g-space-4); }

  .g-segmented { display: inline-flex; gap: var(--g-space-1); padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-subtle); }
  .g-segmented-item { min-height: var(--g-control-height-sm); padding-inline: var(--g-space-3); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-segmented-item[aria-pressed="true"] { background: var(--g-color-surface); color: var(--g-color-text); box-shadow: var(--g-shadow-xs); }

  .g-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-page-link { display: inline-grid; min-width: var(--g-control-height-md); min-height: var(--g-control-height-md); place-items: center; padding-inline: var(--g-space-2); border: 1px solid transparent; border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-decoration: none; }
  .g-page-link:hover { border-color: var(--g-color-border); background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-page-link:is(.is-active, [aria-current="page"]) { border-color: var(--g-color-primary); background: var(--g-color-primary); color: var(--g-color-on-primary); }
  .g-page-link[aria-disabled="true"] { opacity: 0.45; pointer-events: none; }

  .g-menu { min-width: 12rem; margin: 0; padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); list-style: none; }
  .g-menu-item { display: flex; width: 100%; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-3); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text); text-align: start; text-decoration: none; cursor: pointer; }
  .g-menu-item:is(:hover, :focus-visible, [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); outline: 0; }
  .g-menu-item-danger { color: var(--g-color-danger); }
  .g-menu-label { padding: var(--g-space-2) var(--g-space-3); color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); font-weight: 650; }
  .g-menu-divider { height: 1px; margin: var(--g-space-1) 0; background: var(--g-color-border); }
  .g-menu-shortcut { margin-inline-start: auto; color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); }
  .g-dropdown { position: relative; display: inline-block; }
  .g-dropdown-menu { position: absolute; z-index: var(--g-z-dropdown); inset-block-start: calc(100% + var(--g-space-1)); inset-inline-start: 0; }
  .g-dropdown-menu[data-g-align="end"] { inset-inline: auto 0; }

  .g-stepper { display: flex; align-items: flex-start; counter-reset: g-step; }
  .g-step { position: relative; flex: 1; display: grid; justify-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); text-align: center; counter-increment: g-step; }
  .g-step::before { content: counter(g-step); z-index: 1; display: grid; inline-size: 2rem; block-size: 2rem; place-items: center; border: 1px solid var(--g-color-border-strong); border-radius: 50%; background: var(--g-color-surface); font-size: var(--g-font-size-sm); }
  .g-step:not(:last-child)::after { content: ""; position: absolute; inset-block-start: 1rem; inset-inline-start: 50%; inline-size: 100%; border-top: 1px solid var(--g-color-border); }
  .g-step:is(.is-active, .is-complete) { color: var(--g-color-primary-text); font-weight: 600; }
  .g-step:is(.is-active, .is-complete)::before { border-color: var(--g-color-primary); background: var(--g-color-primary); color: var(--g-color-on-primary); }
  .g-step.is-complete:not(:last-child)::after { border-color: var(--g-color-primary); }

  .g-command-palette { width: min(42rem, calc(100vw - 2rem)); overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-xl); }
  .g-command-input { width: 100%; min-height: 3.5rem; padding-inline: var(--g-space-5); border: 0; border-bottom: 1px solid var(--g-color-border); background: transparent; color: var(--g-color-text); outline: 0; }
  .g-command-results { max-height: min(60vh, 30rem); overflow-y: auto; padding: var(--g-space-2); }

  @media (max-width: 767.98px) {
    .g-navbar-nav { display: none; }
    .g-step-label { font-size: var(--g-font-size-xs); }
  }
}

@layer gardener.components {
  /* Shared navigation contract */
  .g-nav-group { display: grid; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-nav-group-title { padding: var(--g-space-2) var(--g-space-3); color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
  .g-nav-item { display: flex; min-width: 0; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text-muted); text-align: start; text-decoration: none; cursor: pointer; }
  .g-nav-item:is(:hover, :focus-visible) { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-nav-item:is(.is-active, [aria-current="page"], [aria-current="location"], [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-weight: 600; }
  .g-nav-item[aria-disabled="true"], .g-nav-item:disabled { opacity: .45; pointer-events: none; }
  .g-nav-icon { display: inline-grid; flex: 0 0 auto; inline-size: 1.25rem; block-size: 1.25rem; place-items: center; }
  .g-nav-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .g-nav-badge { min-width: 1.25rem; margin-inline-start: auto; padding-inline: var(--g-space-1); border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); text-align: center; }
  .g-nav-separator { flex: 0 0 1px; align-self: stretch; min-block-size: 1px; margin: var(--g-space-1); background: var(--g-color-border); }

  /* Site, enterprise and product bars */
  .g-navbar-start, .g-navbar-center, .g-navbar-end { display: flex; min-width: 0; align-items: center; gap: var(--g-space-2); }
  .g-navbar-center { flex: 1; justify-content: center; }
  .g-navbar-end { margin-inline-start: auto; }
  .g-navbar-toggle { display: none; }
  .g-primary-nav, .g-utility-nav, .g-subnav { display: flex; min-width: 0; align-items: center; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-primary-nav { flex: 1; }
  .g-primary-nav-link, .g-utility-nav-link, .g-subnav-link { display: inline-flex; min-height: var(--g-control-height-md); flex: 0 0 auto; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-decoration: none; }
  .g-primary-nav-link:is(:hover, [aria-current="page"]), .g-utility-nav-link:is(:hover, [aria-current="page"]), .g-subnav-link:is(:hover, [aria-current="page"]) { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-primary-nav-link[aria-current="page"], .g-subnav-link[aria-current="page"] { color: var(--g-color-primary-text); font-weight: 600; }
  .g-utility-nav { margin-inline-start: auto; font-size: var(--g-font-size-sm); }
  .g-subnav { overflow-x: auto; padding: var(--g-space-2) var(--g-space-page-x); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface); scrollbar-width: thin; }

  /* Side navigation, rail and hierarchy */
  .g-collapsible-nav { display: grid; align-content: start; min-width: 0; background: var(--g-color-surface); }
  .g-collapsible-nav-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); min-height: var(--g-control-height-lg); padding: var(--g-space-2) var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-collapsible-nav-body { min-width: 0; overflow: auto; padding: var(--g-space-2); }
  .g-collapsible-nav-body[hidden] { display: none; }
  .g-collapsible-nav.is-collapsed .g-nav-label, .g-collapsible-nav.is-collapsed .g-nav-group-title, .g-collapsible-nav.is-collapsed .g-nav-badge { display: none; }
  .g-collapsible-nav.is-collapsed .g-nav-item { justify-content: center; padding-inline: var(--g-space-2); }
  .g-nav-rail { display: flex; inline-size: var(--g-nav-rail-width, 4.5rem); flex-direction: column; align-items: stretch; gap: var(--g-space-1); padding: var(--g-space-2); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-nav-rail-item { position: relative; display: grid; min-height: 3.5rem; place-items: center; gap: var(--g-space-1); padding: var(--g-space-1); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); text-align: center; text-decoration: none; cursor: pointer; }
  .g-nav-rail-item:is(:hover, :focus-visible, [aria-current="page"]) { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-nav-rail-item[aria-current="page"]::before { content: ""; position: absolute; inset-block: .5rem; inset-inline-start: calc(var(--g-space-2) * -1); inline-size: 2px; background: var(--g-color-primary); }
  .g-tree-nav { display: grid; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-tree-nav-group { display: grid; gap: var(--g-space-1); margin: 0; padding-inline-start: var(--g-space-5); list-style: none; }
  .g-tree-nav-row { display: flex; min-width: 0; align-items: center; gap: var(--g-space-1); }
  .g-tree-nav-toggle { display: inline-grid; flex: 0 0 auto; inline-size: var(--g-control-height-sm); block-size: var(--g-control-height-sm); place-items: center; border: 0; border-radius: var(--g-radius-sm); background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-tree-nav-toggle[aria-expanded="true"] { rotate: 90deg; }
  .g-tree-nav [role="treeitem"][aria-expanded="true"] > .g-tree-nav-row .g-tree-nav-toggle { rotate: 90deg; }
  .g-tree-nav [role="treeitem"][aria-expanded="false"] > .g-tree-nav-group { display: none; }
  .g-tree-nav-row > .g-nav-item { flex: 1; }

  /* Menus */
  .g-context-menu { position: fixed; z-index: var(--g-z-dropdown); min-width: 13rem; max-width: min(22rem, calc(100vw - 1rem)); max-height: min(28rem, calc(100vh - 1rem)); overflow: auto; margin: 0; padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); list-style: none; }
  .g-context-menu[hidden] { display: none; }
  .g-mega-menu-section { min-width: 0; }
  .g-mega-menu-title { margin-block-end: var(--g-space-2); color: var(--g-color-text); font-size: var(--g-font-size-sm); }
  .g-mega-menu-list { display: grid; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }

  /* Selection navigation */
  .g-vertical-tabs { display: grid; grid-template-columns: minmax(10rem, var(--g-vertical-tabs-width, 14rem)) minmax(0, 1fr); min-width: 0; }
  .g-vertical-tab-list { display: grid; align-content: start; gap: var(--g-space-1); padding-inline-end: var(--g-space-3); border-inline-end: 1px solid var(--g-color-border); }
  .g-vertical-tab { display: flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border: 0; border-inline-end: 2px solid transparent; border-radius: var(--g-radius-md) 0 0 var(--g-radius-md); background: transparent; color: var(--g-color-text-muted); text-align: start; cursor: pointer; }
  .g-vertical-tab:is(:hover, [aria-selected="true"]) { background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-vertical-tab[aria-selected="true"] { border-inline-end-color: var(--g-color-primary); color: var(--g-color-primary-text); font-weight: 600; }
  .g-vertical-tab-panel { min-width: 0; padding-inline-start: var(--g-space-5); }
  .g-pill-nav { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }
  .g-pill-nav-link { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 1px solid transparent; border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-decoration: none; }
  .g-pill-nav-link:is(:hover, [aria-current="page"]) { border-color: var(--g-color-border); background: var(--g-color-surface-subtle); color: var(--g-color-text); }
  .g-pill-nav-link[aria-current="page"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  /* In-page navigation */
  .g-scrollspy-nav { position: sticky; inset-block-start: var(--g-space-4); display: grid; gap: var(--g-space-1); padding-inline-start: var(--g-space-3); border-inline-start: 1px solid var(--g-color-border); }
  .g-scrollspy-link { padding: var(--g-space-1) var(--g-space-2); border-inline-start: 2px solid transparent; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-decoration: none; }
  .g-scrollspy-link[aria-current="location"] { border-inline-start-color: var(--g-color-primary); color: var(--g-color-primary-text); font-weight: 600; }
  .g-jump-nav { display: flex; align-items: end; gap: var(--g-space-2); }
  .g-jump-nav .g-field { flex: 1; }

  /* Pagination and continuation */
  .g-cursor-pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); }
  .g-cursor-pagination-info { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-align: center; }
  .g-cursor-pagination-actions { display: flex; gap: var(--g-space-2); }
  .g-load-more-nav { display: grid; justify-items: center; gap: var(--g-space-3); padding-block: var(--g-space-4); }
  .g-load-more-status { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  /* Workflow navigation */
  .g-wizard-nav { display: grid; grid-template-columns: minmax(10rem, var(--g-wizard-nav-width, 15rem)) minmax(0, 1fr); min-width: 0; }
  .g-wizard-nav-steps { display: grid; align-content: start; gap: var(--g-space-2); margin: 0; padding: 0 var(--g-space-4) 0 0; border-inline-end: 1px solid var(--g-color-border); list-style: none; counter-reset: g-wizard; }
  .g-wizard-nav-step { position: relative; display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--g-space-2); align-items: start; color: var(--g-color-text-muted); counter-increment: g-wizard; }
  .g-wizard-nav-step::before { content: counter(g-wizard); display: grid; inline-size: 1.75rem; block-size: 1.75rem; place-items: center; border: 1px solid var(--g-color-border-strong); border-radius: 50%; background: var(--g-color-surface); font-size: var(--g-font-size-xs); }
  .g-wizard-nav-step:is(.is-active, .is-complete) { color: var(--g-color-text); }
  .g-wizard-nav-step:is(.is-active, .is-complete)::before { border-color: var(--g-color-primary); background: var(--g-color-primary); color: var(--g-color-on-primary); }
  .g-wizard-nav-label { padding-block-start: var(--g-space-1); }
  .g-wizard-nav-content { min-width: 0; padding-inline-start: var(--g-space-6); }
  .g-back-nav { display: inline-flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); text-decoration: none; }
  .g-back-nav:hover { color: var(--g-color-primary-text); }
  .g-prev-next-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-3); padding-block: var(--g-space-5); border-block-start: 1px solid var(--g-color-border); }
  .g-prev-next-link { display: grid; gap: var(--g-space-1); min-width: 0; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); color: var(--g-color-text); text-decoration: none; }
  .g-prev-next-link:last-child { text-align: end; }
  .g-prev-next-direction { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-skip-nav { position: fixed; z-index: var(--g-z-tooltip); inset-block-start: var(--g-space-2); inset-inline-start: var(--g-space-2); display: flex; gap: var(--g-space-2); transform: translateY(calc(-100% - var(--g-space-4))); }
  .g-skip-nav:focus-within { transform: translateY(0); }
  .g-skip-nav-link { padding: var(--g-space-2) var(--g-space-3); border: 2px solid var(--g-color-primary); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-primary-text); box-shadow: var(--g-shadow-md); }

  /* Mobile navigation */
  .g-mobile-top-nav { display: none; min-height: var(--g-header-height); align-items: center; justify-content: space-between; gap: var(--g-space-2); padding-inline: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-mobile-top-nav-title { min-width: 0; overflow: hidden; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
  .g-bottom-nav, .g-mobile-tab-bar { position: fixed; z-index: var(--g-z-sticky); inset: auto 0 0; display: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: var(--g-space-1) var(--g-space-2) calc(var(--g-space-1) + env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); box-shadow: 0 -2px 8px rgb(15 23 42 / .06); }
  .g-bottom-nav-item, .g-mobile-tab-item { position: relative; display: grid; min-width: 0; min-height: 3.25rem; place-items: center; align-content: center; gap: 2px; padding: var(--g-space-1); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); text-decoration: none; }
  .g-bottom-nav-item:is([aria-current="page"], .is-active), .g-mobile-tab-item:is([aria-selected="true"], .is-active) { color: var(--g-color-primary-text); font-weight: 600; }
  .g-bottom-nav-item:is([aria-current="page"], .is-active)::before, .g-mobile-tab-item:is([aria-selected="true"], .is-active)::before { content: ""; position: absolute; inset-block-start: 0; inline-size: 1.5rem; block-size: 2px; background: var(--g-color-primary); }
  .g-drawer-nav { position: fixed; z-index: var(--g-z-overlay); inset-block: 0; inset-inline-start: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; inline-size: min(20rem, calc(100vw - 3rem)); padding: var(--g-space-3); background: var(--g-color-surface); box-shadow: var(--g-shadow-xl); transform: translateX(-105%); transition: transform var(--g-duration-normal) var(--g-ease-standard); }
  [dir="rtl"] .g-drawer-nav { transform: translateX(105%); }
  .g-drawer-nav.is-open { transform: translateX(0); }
  .g-drawer-nav[hidden] { display: none; }
  .g-drawer-nav-header, .g-drawer-nav-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-2); }
  .g-drawer-nav-body { min-height: 0; overflow: auto; padding-block: var(--g-space-2); }

  /* Command, quick, locale and account navigation */
  .g-command-nav { display: grid; gap: var(--g-space-1); margin: 0; padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); list-style: none; }
  .g-command-nav-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); align-items: center; min-height: var(--g-control-height-md); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); color: var(--g-color-text); text-decoration: none; }
  .g-command-nav-item:is(:hover, :focus-visible, [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); outline: 0; }
  .g-command-nav-key { color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); }
  .g-quick-nav { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-quick-nav-item { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text); text-decoration: none; }
  .g-quick-nav-item:hover { border-color: var(--g-color-border-strong); background: var(--g-color-surface-subtle); }
  .g-locale-nav, .g-account-nav { position: relative; display: inline-flex; }
  .g-locale-nav-trigger, .g-account-nav-trigger { display: inline-flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text); cursor: pointer; }
  .g-locale-nav-menu, .g-account-nav-menu { position: absolute; z-index: var(--g-z-dropdown); inset-block-start: calc(100% + var(--g-space-1)); inset-inline-end: 0; }

  @container (max-width: 40rem) {
    .g-nav-container .g-primary-nav, .g-nav-container .g-utility-nav { display: none; }
    .g-nav-container .g-navbar-toggle { display: inline-grid; }
    .g-nav-container .g-vertical-tabs, .g-nav-container .g-wizard-nav { grid-template-columns: minmax(0, 1fr); }
    .g-nav-container .g-vertical-tab-list, .g-nav-container .g-wizard-nav-steps { display: flex; overflow-x: auto; padding: 0 0 var(--g-space-2); border: 0; border-block-end: 1px solid var(--g-color-border); }
    .g-nav-container .g-vertical-tab-panel, .g-nav-container .g-wizard-nav-content { padding: var(--g-space-4) 0 0; }
  }
  .g-nav-container { container-type: inline-size; }

  @media (max-width: 767.98px) {
    .g-navbar-toggle, .g-mobile-top-nav { display: flex; }
    .g-primary-nav, .g-utility-nav { display: none; }
    .g-bottom-nav, .g-mobile-tab-bar { display: grid; }
    .g-vertical-tabs, .g-wizard-nav { grid-template-columns: minmax(0, 1fr); }
    .g-vertical-tab-list, .g-wizard-nav-steps { display: flex; overflow-x: auto; padding: 0 0 var(--g-space-2); border: 0; border-block-end: 1px solid var(--g-color-border); }
    .g-vertical-tab, .g-wizard-nav-step { flex: 0 0 auto; }
    .g-vertical-tab-panel, .g-wizard-nav-content { padding: var(--g-space-4) 0 0; }
    .g-prev-next-nav { grid-template-columns: minmax(0, 1fr); }
    .g-cursor-pagination { align-items: stretch; flex-direction: column; }
    .g-cursor-pagination-actions { justify-content: space-between; }
  }

  @media (prefers-reduced-motion: reduce) {
    .g-drawer-nav, .g-tree-nav-toggle, .g-skip-nav { transition: none; }
  }

  @media (forced-colors: active) {
    .g-nav-item:is(.is-active, [aria-current]), .g-primary-nav-link[aria-current], .g-subnav-link[aria-current], .g-pill-nav-link[aria-current], .g-bottom-nav-item[aria-current] { outline: 2px solid Highlight; }
  }

  @media print {
    .g-primary-nav, .g-utility-nav, .g-subnav, .g-sidebar, .g-collapsible-nav, .g-nav-rail, .g-activitybar, .g-menubar, .g-mega-menu, .g-dropdown, .g-context-menu, .g-pagination, .g-cursor-pagination, .g-load-more-nav, .g-skip-nav, .g-mobile-top-nav, .g-bottom-nav, .g-mobile-tab-bar, .g-drawer-nav, .g-command-nav, .g-jump-nav, .g-quick-nav, .g-locale-nav, .g-account-nav { display: none !important; }
    .g-breadcrumb, .g-anchor-nav, .g-scrollspy-nav, .g-prev-next-nav, .g-stepper, .g-wizard-nav { break-inside: avoid; }
  }
}

@layer gardener.components {
  .g-dialog-backdrop, .g-drawer-backdrop { position: fixed; z-index: var(--g-z-overlay); inset: 0; display: grid; place-items: center; padding: var(--g-space-4); background: var(--g-color-overlay); opacity: 0; transition: opacity var(--g-duration-normal); }
  .g-dialog-backdrop.is-open, .g-drawer-backdrop.is-open { opacity: 1; }
  .g-dialog { width: min(100%, var(--g-dialog-width, 34rem)); max-height: min(90dvh, 52rem); display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-xl); transform: translateY(0.5rem) scale(0.99); transition: transform var(--g-duration-normal) var(--g-ease-standard); }
  .is-open > .g-dialog, .g-dialog.is-open { transform: none; }
  .g-dialog-sm { --g-dialog-width: 24rem; }
  .g-dialog-lg { --g-dialog-width: 52rem; }
  .g-dialog-xl { --g-dialog-width: 72rem; }
  .g-dialog-header, .g-dialog-body, .g-dialog-footer { padding: var(--g-space-5); }
  .g-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-dialog-title { font-size: var(--g-font-size-xl); font-weight: 650; }
  .g-dialog-body { flex: 1; min-height: 0; overflow-y: auto; }
  .g-dialog-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--g-space-2); border-top: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }

  .g-drawer-backdrop { place-items: stretch start; padding: 0; }
  .g-drawer { width: min(90vw, var(--g-drawer-width, 24rem)); height: 100%; display: flex; flex-direction: column; background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-xl); transform: translateX(-101%); transition: transform var(--g-duration-normal) var(--g-ease-standard); }
  .g-drawer-backdrop[data-g-side="end"] { place-items: stretch end; }
  .g-drawer-backdrop[data-g-side="end"] .g-drawer { transform: translateX(101%); }
  [dir="rtl"] .g-drawer { transform: translateX(101%); }
  [dir="rtl"] .g-drawer-backdrop[data-g-side="end"] .g-drawer { transform: translateX(-101%); }
  .g-drawer-backdrop.is-open .g-drawer { transform: none; }
  .g-drawer-header, .g-drawer-body, .g-drawer-footer { padding: var(--g-space-4); }
  .g-drawer-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--g-color-border); }
  .g-drawer-body { flex: 1; min-height: 0; overflow-y: auto; }
  .g-drawer-footer { border-top: 1px solid var(--g-color-border); }

  .g-popover, .g-tooltip { position: absolute; z-index: var(--g-z-dropdown); }
  .g-popover { width: min(20rem, calc(100vw - 2rem)); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-tooltip { z-index: var(--g-z-tooltip); max-width: 18rem; padding: var(--g-space-1) var(--g-space-2); border-radius: var(--g-radius-sm); background: #111827; color: #fff; font-size: var(--g-font-size-xs); line-height: 1.35; pointer-events: none; }

  .g-toast-region { position: fixed; z-index: var(--g-z-toast); inset-block-start: var(--g-space-4); inset-inline-end: var(--g-space-4); display: grid; width: min(24rem, calc(100vw - 2rem)); gap: var(--g-space-2); pointer-events: none; }
  .g-toast { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-inline-start: 3px solid var(--g-color-primary); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); pointer-events: auto; animation: g-toast-in var(--g-duration-normal) var(--g-ease-standard); }
  .g-toast-success { border-inline-start-color: var(--g-color-success); }
  .g-toast-danger { border-inline-start-color: var(--g-color-danger); }
  .g-toast-warning { border-inline-start-color: var(--g-color-warning); }
  .g-toast-title { font-weight: 650; }
  .g-toast-message { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-accordion { border-block-start: 1px solid var(--g-color-border); }
  .g-accordion-item { border-block-end: 1px solid var(--g-color-border); }
  .g-accordion-trigger { display: flex; width: 100%; min-height: 3rem; align-items: center; justify-content: space-between; gap: var(--g-space-4); padding: var(--g-space-3) 0; border: 0; background: transparent; color: var(--g-color-text); font-weight: 600; text-align: start; cursor: pointer; }
  .g-accordion-trigger::after { content: "+"; color: var(--g-color-text-muted); font-size: var(--g-font-size-xl); font-weight: 400; }
  .g-accordion-trigger[aria-expanded="true"]::after { content: "−"; }
  .g-accordion-panel { padding-block: 0 var(--g-space-4); color: var(--g-color-text-muted); }

  .g-banner { display: flex; align-items: center; justify-content: center; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-page-x); background: var(--g-color-primary); color: var(--g-color-on-primary); font-size: var(--g-font-size-sm); text-align: center; }
  .g-backdrop { position: fixed; z-index: var(--g-z-overlay); inset: 0; background: var(--g-color-overlay); }

  @keyframes g-toast-in { from { opacity: 0; transform: translateX(1rem); } }
  @keyframes g-toast-in-rtl { from { opacity: 0; transform: translateX(-1rem); } }
  [dir="rtl"] .g-toast { animation-name: g-toast-in-rtl; }

  @media (max-width: 575.98px) {
    .g-dialog-backdrop { align-items: end; padding: 0; }
    .g-dialog { width: 100%; max-height: calc(100dvh - env(safe-area-inset-top)); border-radius: var(--g-radius-xl) var(--g-radius-xl) 0 0; }
    .g-dialog-footer { padding-bottom: calc(var(--g-space-4) + env(safe-area-inset-bottom)); }
    .g-toast-region { inset: auto var(--g-space-3) calc(var(--g-space-3) + env(safe-area-inset-bottom)); width: auto; }
  }
}

@layer gardener.components {
  .g-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-table { width: 100%; color: var(--g-color-text); font-size: var(--g-font-size-sm); }
  .g-table th, .g-table td { padding: var(--g-table-cell-y, var(--g-space-3)) var(--g-table-cell-x, var(--g-space-4)); border-bottom: 1px solid var(--g-color-border); text-align: start; vertical-align: middle; }
  .g-table th { background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; }
  .g-table tbody tr:last-child > * { border-bottom: 0; }
  .g-table-striped tbody tr:nth-child(even) { background: color-mix(in srgb, var(--g-color-surface-subtle) 55%, transparent); }
  .g-table-hover tbody tr:hover { background: var(--g-color-primary-soft); }
  .g-table-compact { --g-table-cell-y: var(--g-space-2); --g-table-cell-x: var(--g-space-3); }
  .g-table-cell-actions { width: 1%; white-space: nowrap; text-align: end !important; }
  .g-sort-button { display: inline-flex; align-items: center; gap: var(--g-space-1); padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }

  .g-data-grid { display: grid; min-height: 0; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-data-grid-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-data-grid-body { min-height: 0; overflow: auto; }
  .g-data-grid-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-4); border-top: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-kpi { padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-kpi-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); font-weight: 600; }
  .g-kpi-value { margin-block-start: var(--g-space-2); font-size: clamp(1.75rem, 4vw, 2.25rem); font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
  .g-kpi-change { display: inline-flex; align-items: center; gap: var(--g-space-1); margin-block-start: var(--g-space-3); font-size: var(--g-font-size-sm); }
  .g-kpi-change.is-up { color: var(--g-color-success); }
  .g-kpi-change.is-down { color: var(--g-color-danger); }

  .g-stat-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-stat { padding: var(--g-space-4); border-inline-end: 1px solid var(--g-color-border); }
  .g-stat:last-child { border-inline-end: 0; }
  .g-stat-value { font-size: var(--g-font-size-2xl); font-weight: 700; font-variant-numeric: tabular-nums; }
  .g-stat-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-description-list { display: grid; grid-template-columns: minmax(8rem, 0.35fr) minmax(0, 1fr); }
  .g-description-list dt, .g-description-list dd { padding: var(--g-space-3) var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-description-list dt { color: var(--g-color-text-muted); font-weight: 600; }

  .g-list-group { margin: 0; padding: 0; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); list-style: none; overflow: hidden; }
  .g-list-item { display: flex; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-list-item:last-child { border-bottom: 0; }
  .g-list-item-interactive:hover { background: var(--g-color-surface-subtle); }
  .g-list-item-content { flex: 1; min-width: 0; }
  .g-list-item-title { font-weight: 600; }
  .g-list-item-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-tree, .g-tree ul { margin: 0; padding: 0; list-style: none; }
  .g-tree ul { padding-inline-start: var(--g-space-5); }
  [role="treeitem"][aria-expanded="false"] > [role="group"] { display: none; }
  .g-tree-item { display: flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); padding: var(--g-space-1) var(--g-space-2); border-radius: var(--g-radius-md); }
  .g-tree-item:is(:hover, [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-timeline { position: relative; display: grid; gap: var(--g-space-5); margin: 0; padding: 0; list-style: none; }
  .g-timeline::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0.4375rem; border-inline-start: 1px solid var(--g-color-border); }
  .g-timeline-item { position: relative; padding-inline-start: var(--g-space-8); }
  .g-timeline-marker { position: absolute; z-index: 1; inset-block-start: 0.25rem; inset-inline-start: 0; inline-size: 0.9375rem; block-size: 0.9375rem; border: 3px solid var(--g-color-surface); border-radius: 50%; background: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-border); }
  .g-timeline-time { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-filter-chip { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); font-size: var(--g-font-size-sm); }

  .g-code-block { overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: #0d1420; color: #e6edf5; }
  .g-code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); min-height: 2.5rem; padding-inline: var(--g-space-4); border-bottom: 1px solid #273449; color: #9cacbf; font-size: var(--g-font-size-xs); }
  .g-code-block pre { margin: 0; padding: var(--g-space-4); overflow: auto; font-size: var(--g-font-size-sm); line-height: 1.65; }
  .g-terminal { overflow: hidden; border: 1px solid #263248; border-radius: var(--g-radius-lg); background: #080d14; color: #d8e1ed; box-shadow: var(--g-shadow-md); }
  .g-terminal-header { display: flex; min-height: 2.25rem; align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border-bottom: 1px solid #263248; background: #111a28; }
  .g-terminal-dot { inline-size: 0.65rem; block-size: 0.65rem; border-radius: 50%; background: #64748b; }
  .g-terminal-body { max-height: 30rem; overflow: auto; padding: var(--g-space-4); font: var(--g-font-size-sm)/1.6 var(--g-font-mono); white-space: pre-wrap; }

  .g-diff { overflow: auto; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); font: var(--g-font-size-sm)/1.5 var(--g-font-mono); }
  .g-diff-line { display: grid; grid-template-columns: 3rem minmax(0, 1fr); min-width: max-content; }
  .g-diff-number { padding-inline: var(--g-space-2); border-inline-end: 1px solid var(--g-color-border); color: var(--g-color-text-subtle); text-align: end; user-select: none; }
  .g-diff-code { padding-inline: var(--g-space-3); white-space: pre; }
  .g-diff-add { background: var(--g-color-success-soft); }
  .g-diff-remove { background: var(--g-color-danger-soft); }

  .g-chart { position: relative; min-height: var(--g-chart-height, 18rem); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-chart-legend { display: flex; flex-wrap: wrap; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-chart-legend-item { display: inline-flex; align-items: center; gap: var(--g-space-1); }
  .g-chart-legend-swatch { inline-size: 0.75rem; block-size: 0.75rem; background: var(--g-chart-color, var(--g-color-primary)); }

  @media (max-width: 575.98px) {
    .g-stat-list { grid-template-columns: 1fr 1fr; }
    .g-stat { border-bottom: 1px solid var(--g-color-border); }
    .g-description-list { grid-template-columns: 1fr; }
    .g-description-list dt { padding-bottom: 0; border-bottom: 0; }
  }
}

@layer gardener.components {
  /* Shared data composition contract */
  .g-data-title { min-width: 0; color: var(--g-color-text); font-weight: 650; }
  .g-data-subtitle, .g-data-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-data-number { font-variant-numeric: tabular-nums; text-align: end; }
  .g-data-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--g-space-2); }
  .g-data-status { display: inline-flex; align-items: center; gap: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-data-status::before { content: ""; inline-size: .5rem; block-size: .5rem; border-radius: 50%; background: currentColor; }
  .g-data-status.is-success { color: var(--g-color-success); }
  .g-data-status.is-warning { color: var(--g-color-warning); }
  .g-data-status.is-danger, .g-data-status.is-error { color: var(--g-color-danger); }

  /* Table family */
  .g-responsive-table { max-width: 100%; overflow: auto; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); -webkit-overflow-scrolling: touch; }
  .g-responsive-table > .g-table { min-width: var(--g-table-min-width, 42rem); }
  .g-responsive-table.is-stacked > .g-table { min-width: 0; }
  .g-table-caption { padding: var(--g-space-3) var(--g-space-4); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-align: start; }
  .g-table-row:is(.is-selected, [aria-selected="true"]) { background: var(--g-color-primary-soft); }
  .g-table-row.is-disabled { opacity: .55; }
  .g-table-cell-primary { min-width: 12rem; font-weight: 600; }
  .g-table-cell-secondary { color: var(--g-color-text-muted); }
  .g-table-cell-sticky-start { position: sticky; z-index: 1; inset-inline-start: 0; background: var(--g-color-surface); }
  .g-table-cell-sticky-end { position: sticky; z-index: 1; inset-inline-end: 0; background: var(--g-color-surface); box-shadow: -1px 0 var(--g-color-border); }
  [dir="rtl"] .g-table-cell-sticky-end { box-shadow: 1px 0 var(--g-color-border); }
  .g-table-checkbox { inline-size: 1%; white-space: nowrap; }
  .g-table-sort-indicator { inline-size: .75rem; color: var(--g-color-text-subtle); text-align: center; }
  [aria-sort="ascending"] .g-table-sort-indicator::before { content: "↑"; }
  [aria-sort="descending"] .g-table-sort-indicator::before { content: "↓"; }
  [aria-sort="none"] .g-table-sort-indicator::before { content: "↕"; }

  .g-editable-grid { display: grid; max-width: 100%; min-width: 0; overflow: auto; border-block-start: 1px solid var(--g-color-border); border-inline-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-editable-grid-row { display: grid; grid-template-columns: var(--g-editable-columns, repeat(4, minmax(8rem, 1fr))); min-width: var(--g-editable-grid-min-width, 38rem); }
  .g-editable-grid-cell { min-width: 0; min-height: var(--g-control-height-md); padding: var(--g-space-2) var(--g-space-3); border-inline-end: 1px solid var(--g-color-border); border-block-end: 1px solid var(--g-color-border); }
  .g-editable-grid-cell[role="columnheader"] { background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-editable-grid-cell:is([contenteditable="true"], .is-editing) { background: var(--g-color-surface); outline: 2px solid var(--g-color-primary); outline-offset: -2px; }
  .g-editable-grid-cell.is-invalid { background: var(--g-color-danger-soft); outline-color: var(--g-color-danger); }

  .g-tree-table { min-width: 42rem; }
  .g-tree-table-toggle { display: inline-grid; inline-size: 1.5rem; block-size: 1.5rem; place-items: center; margin-inline-end: var(--g-space-1); border: 0; border-radius: var(--g-radius-sm); background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-tree-table-toggle[aria-expanded="true"] { rotate: 90deg; }
  .g-tree-table-row { --g-tree-level: 0; }
  .g-tree-table-row > :first-child { padding-inline-start: calc(var(--g-space-3) + var(--g-tree-level) * var(--g-space-5)); }
  .g-tree-table-row[hidden] { display: none; }

  .g-grouped-table tbody + tbody { border-block-start: 2px solid var(--g-color-border-strong); }
  .g-table-group-row > * { padding-block: var(--g-space-2); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-table-group-title { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); }

  .g-expandable-table { width: 100%; }
  .g-expandable-table-detail > td { padding: 0; background: var(--g-color-surface-subtle); }
  .g-expandable-table-detail[hidden] { display: none; }
  .g-table-detail-content { padding: var(--g-space-4) var(--g-space-6); border-block-end: 1px solid var(--g-color-border); }
  .g-row-disclosure { display: inline-grid; inline-size: var(--g-control-height-sm); block-size: var(--g-control-height-sm); place-items: center; border: 0; border-radius: var(--g-radius-sm); background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-row-disclosure[aria-expanded="true"] { rotate: 90deg; }

  .g-comparison-table { width: 100%; border-collapse: separate; border-spacing: 0; }
  .g-comparison-table th, .g-comparison-table td { min-width: 10rem; padding: var(--g-space-3); border-inline-end: 1px solid var(--g-color-border); border-block-end: 1px solid var(--g-color-border); text-align: center; }
  .g-comparison-table th:first-child, .g-comparison-table td:first-child { position: sticky; z-index: 1; inset-inline-start: 0; min-width: 12rem; background: var(--g-color-surface); text-align: start; }
  .g-comparison-table .is-highlighted { background: var(--g-color-primary-soft); }

  /* Records, lists and streams */
  .g-key-value { display: grid; gap: 0; margin: 0; border-block-start: 1px solid var(--g-color-border); }
  .g-key-value-row { display: grid; grid-template-columns: minmax(8rem, .35fr) minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-key-value-key { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-key-value-value { min-width: 0; overflow-wrap: anywhere; }
  .g-key-value-action { align-self: center; }

  .g-record-detail { display: grid; align-content: start; gap: var(--g-space-5); min-width: 0; }
  .g-record-detail-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--g-space-4); padding-block-end: var(--g-space-4); border-block-end: 1px solid var(--g-color-border); }
  .g-record-detail-main { min-width: 0; }
  .g-record-detail-title { margin: 0; font-size: var(--g-font-size-xl); }
  .g-record-detail-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: var(--g-space-5); }
  .g-record-detail-section { min-width: 0; }
  .g-record-detail-section-title { margin-block-end: var(--g-space-3); font-size: var(--g-font-size-sm); }

  .g-media-list, .g-dense-list { display: grid; margin: 0; padding: 0; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); list-style: none; }
  .g-media-list-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-media-list-item:last-child, .g-dense-list-item:last-child { border-block-end: 0; }
  .g-media-list-media { inline-size: var(--g-media-list-size, 3rem); block-size: var(--g-media-list-size, 3rem); overflow: hidden; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); object-fit: cover; }
  .g-media-list-content { min-width: 0; }
  .g-dense-list-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); min-height: var(--g-control-height-sm); padding: var(--g-space-1) var(--g-space-2); border-block-end: 1px solid var(--g-color-border); font-size: var(--g-font-size-sm); }

  .g-audit-log { display: grid; align-content: start; border-block-start: 1px solid var(--g-color-border); }
  .g-audit-log-date { position: sticky; z-index: 1; inset-block-start: 0; padding: var(--g-space-2) var(--g-space-3); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-audit-log .g-audit-event { padding-inline: var(--g-space-3); }

  /* Metrics and compact visualization */
  .g-metric-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-metric-card-main { min-width: 0; }
  .g-metric-card-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-metric-card-value { margin-block-start: var(--g-space-1); font-size: var(--g-font-size-2xl); font-weight: 700; font-variant-numeric: tabular-nums; }
  .g-metric-card-trend { align-self: end; min-width: 5rem; }

  .g-sparkline { display: inline-grid; grid-auto-flow: column; grid-auto-columns: minmax(2px, 1fr); align-items: end; gap: 2px; inline-size: var(--g-sparkline-width, 6rem); block-size: var(--g-sparkline-height, 2.25rem); color: var(--g-chart-color, var(--g-color-primary)); }
  .g-sparkline-bar { block-size: var(--g-sparkline-value, 50%); min-block-size: 2px; background: currentColor; }
  .g-sparkline-svg { inline-size: 100%; block-size: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2; vector-effect: non-scaling-stroke; }

  .g-progress-stats { display: grid; gap: var(--g-space-3); }
  .g-progress-stat { display: grid; grid-template-columns: minmax(7rem, .3fr) minmax(8rem, 1fr) auto; align-items: center; gap: var(--g-space-3); }
  .g-progress-stat-label { min-width: 0; overflow: hidden; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
  .g-progress-stat-track { block-size: .5rem; overflow: hidden; background: var(--g-color-surface-subtle); }
  .g-progress-stat-value { inline-size: var(--g-progress-value, 0%); block-size: 100%; background: var(--g-color-primary); }
  .g-progress-stat-number { font-size: var(--g-font-size-sm); font-variant-numeric: tabular-nums; }

  .g-data-legend { display: flex; flex-wrap: wrap; gap: var(--g-space-2) var(--g-space-4); margin: 0; padding: 0; list-style: none; }
  .g-data-legend-item { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-data-legend-swatch { inline-size: .75rem; block-size: .75rem; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: var(--g-radius-sm); background: var(--g-legend-color, var(--g-color-primary)); }

  .g-ranking { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: g-rank; }
  .g-ranking-item { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); counter-increment: g-rank; }
  .g-ranking-item::before { content: counter(g-rank); display: grid; inline-size: 1.5rem; block-size: 1.5rem; place-items: center; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-ranking-item:nth-child(-n + 3)::before { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-ranking-value { font-variant-numeric: tabular-nums; font-weight: 650; }

  .g-status-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-status-summary-item { display: grid; gap: var(--g-space-1); padding: var(--g-space-3); border-inline-end: 1px solid var(--g-color-border); }
  .g-status-summary-item:last-child { border-inline-end: 0; }
  .g-status-summary-value { font-size: var(--g-font-size-xl); font-weight: 700; font-variant-numeric: tabular-nums; }
  .g-status-summary-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  /* Matrix views */
  .g-data-matrix { max-width: 100%; overflow: auto; border: 1px solid var(--g-color-border); }
  .g-data-matrix-grid { display: grid; grid-template-columns: minmax(8rem, auto) repeat(var(--g-matrix-columns, 5), minmax(6rem, 1fr)); min-width: max-content; }
  .g-data-matrix-cell { display: grid; min-height: var(--g-control-height-md); place-items: center; padding: var(--g-space-2); border-inline-end: 1px solid var(--g-color-border); border-block-end: 1px solid var(--g-color-border); font-size: var(--g-font-size-sm); }
  .g-data-matrix-cell:is(.is-row-header, .is-column-header) { position: sticky; z-index: 1; background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-data-matrix-cell.is-row-header { inset-inline-start: 0; justify-items: start; }
  .g-data-matrix-cell.is-column-header { inset-block-start: 0; }

  .g-heatmap { display: grid; grid-template-columns: repeat(var(--g-heatmap-columns, 12), minmax(.75rem, 1fr)); gap: var(--g-heatmap-gap, 3px); }
  .g-heatmap-cell { aspect-ratio: 1; min-inline-size: .75rem; border-radius: var(--g-radius-sm); background: color-mix(in srgb, var(--g-heatmap-color, var(--g-color-primary)) var(--g-heatmap-value, 10%), var(--g-color-surface-subtle)); }
  .g-heatmap-cell:focus-visible { outline: 2px solid var(--g-color-primary); outline-offset: 1px; }

  /* Data operations */
  .g-data-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-data-toolbar-start, .g-data-toolbar-center, .g-data-toolbar-end { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); }
  .g-data-toolbar-center { flex: 1; justify-content: center; }
  .g-data-toolbar-end { margin-inline-start: auto; }
  .g-data-toolbar-result { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); white-space: nowrap; }

  .g-column-chooser { display: grid; gap: var(--g-space-1); min-width: 15rem; max-height: 22rem; overflow: auto; padding: var(--g-space-2); }
  .g-column-chooser-item { display: flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding: var(--g-space-1) var(--g-space-2); border-radius: var(--g-radius-md); }
  .g-column-chooser-item:hover { background: var(--g-color-surface-subtle); }

  .g-saved-views { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-saved-view { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text-muted); cursor: pointer; }
  .g-saved-view:is(:hover, .is-active, [aria-pressed="true"]) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-export-panel { display: grid; gap: var(--g-space-4); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-export-panel-header { display: flex; align-items: start; justify-content: space-between; gap: var(--g-space-3); }
  .g-export-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--g-space-2); }
  .g-export-option { display: grid; gap: var(--g-space-1); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-export-option:has(input:checked) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }

  .g-data-state { display: grid; min-height: var(--g-data-state-min, 12rem); place-items: center; align-content: center; gap: var(--g-space-3); padding: var(--g-space-6); border: 1px dashed var(--g-color-border-strong); background: var(--g-color-surface); color: var(--g-color-text-muted); text-align: center; }
  .g-data-state-visual { display: grid; inline-size: 3rem; block-size: 3rem; place-items: center; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); color: var(--g-color-primary-text); font-size: var(--g-font-size-xl); }
  .g-data-state-title { color: var(--g-color-text); font-weight: 650; }
  .g-data-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--g-space-2); }

  .g-data-view-switcher, .g-table-density { display: inline-flex; gap: var(--g-space-1); padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-data-view-button, .g-table-density-button { display: inline-grid; min-width: var(--g-control-height-sm); min-height: var(--g-control-height-sm); place-items: center; padding-inline: var(--g-space-2); border: 0; border-radius: var(--g-radius-sm); background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-data-view-button[aria-pressed="true"], .g-table-density-button[aria-pressed="true"] { background: var(--g-color-surface); color: var(--g-color-text); box-shadow: var(--g-shadow-xs); }

  .g-selection-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); min-height: var(--g-control-height-lg); padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-primary); border-radius: var(--g-radius-md); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-selection-summary[hidden] { display: none; }
  .g-selection-summary-count { font-weight: 650; }
  .g-selection-summary-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }

  .g-filter-summary { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); }
  .g-filter-summary-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-filter-summary-chip { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); font-size: var(--g-font-size-sm); }
  .g-filter-summary-clear { margin-inline-start: auto; }

  .g-sort-builder { display: grid; gap: var(--g-space-2); }
  .g-sort-rule { display: grid; grid-template-columns: auto minmax(8rem, 1fr) minmax(7rem, .6fr) auto; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-sort-rule-handle { color: var(--g-color-text-subtle); cursor: grab; }

  .g-data-inspector { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; min-height: 18rem; border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-data-inspector-header, .g-data-inspector-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-3); }
  .g-data-inspector-header { border-block-end: 1px solid var(--g-color-border); }
  .g-data-inspector-footer { border-block-start: 1px solid var(--g-color-border); }
  .g-data-inspector-body { min-height: 0; overflow: auto; padding: var(--g-space-3); }

  @container (max-width: 40rem) {
    .g-data-container .g-key-value-row { grid-template-columns: 1fr auto; }
    .g-data-container .g-key-value-value { grid-column: 1 / -1; }
    .g-data-container .g-record-detail-header, .g-data-container .g-data-toolbar { align-items: stretch; flex-direction: column; }
    .g-data-container .g-data-toolbar-end { margin-inline-start: 0; }
    .g-data-container .g-progress-stat { grid-template-columns: minmax(0, 1fr) auto; }
    .g-data-container .g-progress-stat-track { grid-column: 1 / -1; }
  }
  .g-data-container { container-type: inline-size; }

  @media (max-width: 639.98px) {
    .g-responsive-table.is-stacked { overflow: visible; border: 0; }
    .g-responsive-table.is-stacked .g-table, .g-responsive-table.is-stacked tbody, .g-responsive-table.is-stacked tr, .g-responsive-table.is-stacked td { display: block; width: 100%; }
    .g-responsive-table.is-stacked .g-table-caption { display: block; width: 100%; }
    .g-responsive-table.is-stacked thead { position: absolute; overflow: hidden; inline-size: 1px; block-size: 1px; clip-path: inset(50%); white-space: nowrap; }
    .g-responsive-table.is-stacked tr { margin-block-end: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
    .g-responsive-table.is-stacked td { display: grid; grid-template-columns: minmax(6rem, .4fr) minmax(0, 1fr); gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-3); text-align: start !important; }
    .g-responsive-table.is-stacked td::before { content: attr(data-g-label); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 650; }
    .g-key-value-row { grid-template-columns: 1fr auto; }
    .g-key-value-value { grid-column: 1 / -1; }
    .g-record-detail-header, .g-data-toolbar { align-items: stretch; flex-direction: column; }
    .g-data-toolbar-center { justify-content: flex-start; }
    .g-data-toolbar-end { margin-inline-start: 0; }
    .g-progress-stat { grid-template-columns: minmax(0, 1fr) auto; }
    .g-progress-stat-track { grid-column: 1 / -1; }
    .g-status-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .g-status-summary-item:nth-child(2n) { border-inline-end: 0; }
    .g-sort-rule { grid-template-columns: auto minmax(0, 1fr) auto; }
    .g-sort-rule > :nth-child(3) { grid-column: 2; }
  }

  @media (prefers-reduced-motion: reduce) {
    .g-tree-table-toggle, .g-row-disclosure, .g-progress-stat-value { transition: none; }
  }

  @media (forced-colors: active) {
    .g-table-row:is(.is-selected, [aria-selected="true"]), .g-saved-view[aria-pressed="true"], .g-data-view-button[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
    .g-heatmap-cell { border: 1px solid CanvasText; }
  }

  @media print {
    .g-data-toolbar, .g-column-chooser, .g-saved-views, .g-export-panel, .g-data-view-switcher, .g-table-density, .g-selection-summary, .g-filter-summary-clear, .g-sort-builder, .g-data-actions, .g-table-cell-actions, .g-row-disclosure { display: none !important; }
    .g-responsive-table, .g-data-grid-body, .g-data-matrix, .g-pivot, .g-virtual-list { overflow: visible !important; max-height: none !important; border-color: #999; }
    .g-table, .g-editable-grid, .g-tree-table, .g-comparison-table { min-width: 0 !important; font-size: 9pt; }
    .g-expandable-table-detail[hidden], .g-tree-table-row[hidden] { display: table-row; }
    .g-chart, .g-data-state, .g-record-detail, .g-audit-log { break-inside: avoid; }
  }
}

@layer gardener.components {
  /* Category 09: selection, pickers and reusable batch-operation compositions. */
  .g-selection-container { container-type: inline-size; min-inline-size: 0; }
  .g-selection-control, .g-select-all-control, .g-invert-selection-control, .g-range-selection-control { display: flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); color: var(--g-color-text); }
  .g-selection-control-meta { margin-inline-start: auto; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); font-variant-numeric: tabular-nums; }
  .g-selection-scope { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-selection-scope-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); }
  .g-selection-scope-title { font-weight: 650; }
  .g-selection-scope-list { display: grid; gap: 1px; overflow: auto; max-block-size: 22rem; }
  .g-selection-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-height: var(--g-control-height-lg); padding: var(--g-space-2) var(--g-space-3); border: 1px solid transparent; border-radius: var(--g-radius-md); cursor: pointer; }
  .g-selection-item:hover { background: var(--g-color-surface-subtle); }
  .g-selection-item:is(.is-selected, [aria-selected="true"]), .g-picker-option:is(.is-selected, [aria-selected="true"]) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-selection-item-content { min-inline-size: 0; }
  .g-selection-item-title { display: block; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .g-selection-item-description { display: block; overflow: hidden; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
  .g-selection-item-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-batch-toolbar { display: flex; position: sticky; z-index: var(--g-z-sticky); inset-block-end: calc(var(--g-space-3) + env(safe-area-inset-bottom)); flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); min-height: var(--g-control-height-lg); padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-primary); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-batch-toolbar[hidden] { display: none; }
  .g-batch-toolbar-summary { display: flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-primary-text); font-weight: 650; }
  .g-batch-toolbar-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }

  .g-transfer, .g-dual-list { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: var(--g-space-3); min-inline-size: 0; }
  .g-transfer-pane, .g-dual-list-pane { display: grid; grid-template-rows: auto auto minmax(10rem, 1fr) auto; min-inline-size: 0; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-transfer-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-transfer-title { font-weight: 650; }
  .g-transfer-count { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-variant-numeric: tabular-nums; }
  .g-transfer-search { padding: var(--g-space-2); border-block-end: 1px solid var(--g-color-border); }
  .g-transfer-list, .g-dual-list-list { min-height: 10rem; max-height: 24rem; overflow: auto; border: 0; border-radius: 0; background: transparent; }
  .g-transfer-option { display: flex; min-height: var(--g-control-height-md); align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); cursor: pointer; }
  .g-transfer-option:hover { background: var(--g-color-surface-subtle); }
  .g-transfer-option[hidden] { display: none; }
  .g-transfer-footer { padding: var(--g-space-2) var(--g-space-3); border-block-start: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-transfer-actions { display: flex; flex-direction: column; align-self: center; gap: var(--g-space-2); }
  .g-transfer-empty { display: grid; min-height: 8rem; place-items: center; padding: var(--g-space-4); color: var(--g-color-text-muted); text-align: center; }

  .g-picker, .g-entity-picker, .g-user-picker, .g-organization-picker, .g-resource-picker, .g-media-picker, .g-mention-picker, .g-tag-picker, .g-relation-picker, .g-tree-select { position: relative; min-inline-size: 0; }
  .g-picker-control { display: flex; min-height: var(--g-control-height-md); flex-wrap: wrap; align-items: center; gap: var(--g-space-1); width: 100%; padding: var(--g-space-1) var(--g-space-2); border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-picker-control:focus-within { border-color: var(--g-color-primary); box-shadow: 0 0 0 var(--g-focus-ring-width) var(--g-focus-ring); }
  .g-picker-input { min-width: 7rem; flex: 1 1 8rem; border: 0; outline: 0; background: transparent; color: var(--g-color-text); }
  .g-picker-value, .g-picker-chip { display: inline-flex; max-width: 100%; min-height: 1.75rem; align-items: center; gap: var(--g-space-1); padding-inline: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); font-size: var(--g-font-size-sm); }
  .g-picker-value-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .g-picker-value-remove { display: grid; width: 1.25rem; height: 1.25rem; place-items: center; padding: 0; border: 0; background: transparent; color: var(--g-color-text-muted); cursor: pointer; }
  .g-picker-panel { position: absolute; z-index: var(--g-z-dropdown); inset: calc(100% + var(--g-space-1)) 0 auto; max-height: min(24rem, calc(100vh - 4rem)); overflow: auto; padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-picker-panel[hidden] { display: none; }
  .g-picker-header, .g-picker-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-2); }
  .g-picker-title { font-weight: 650; }
  .g-picker-results { display: grid; gap: 1px; }
  .g-picker-option { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-height: var(--g-control-height-lg); padding: var(--g-space-2); border: 1px solid transparent; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text); text-align: start; cursor: pointer; }
  .g-picker-option[hidden] { display: none; }
  .g-picker-option:hover { background: var(--g-color-surface-subtle); }
  .g-picker-option-main { min-width: 0; }
  .g-picker-option-title { display: block; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .g-picker-option-description { display: block; overflow: hidden; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }
  .g-picker-option-check { color: var(--g-color-primary-text); }
  .g-picker-empty { padding: var(--g-space-6) var(--g-space-3); color: var(--g-color-text-muted); text-align: center; }
  .g-picker-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); margin-block-start: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-picker-summary-values { display: flex; flex-wrap: wrap; gap: var(--g-space-1); }

  .g-user-picker .g-picker-option, .g-mention-picker .g-picker-option { grid-template-columns: auto minmax(0, 1fr) auto; }
  .g-picker-avatar { display: grid; width: 2rem; height: 2rem; place-items: center; overflow: hidden; border-radius: 50%; background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-organization-picker .g-picker-option, .g-resource-picker .g-picker-option, .g-relation-picker .g-picker-option { padding-inline-start: calc(var(--g-space-2) + var(--g-picker-level, 0) * var(--g-space-4)); }
  .g-media-picker .g-picker-results { grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); gap: var(--g-space-2); }
  .g-media-picker .g-picker-option { display: grid; grid-template-columns: 1fr; align-content: start; padding: var(--g-space-1); }
  .g-media-picker-thumb { display: grid; aspect-ratio: 4 / 3; place-items: center; overflow: hidden; border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); }
  .g-media-picker-thumb > img { width: 100%; height: 100%; object-fit: cover; }

  .g-icon-picker { display: grid; gap: var(--g-space-3); }
  .g-icon-picker-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(2.75rem, 1fr)); gap: var(--g-space-1); max-height: 20rem; overflow: auto; }
  .g-icon-picker-item { display: grid; aspect-ratio: 1; min-width: 2.75rem; place-items: center; padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); cursor: pointer; }
  .g-icon-picker-item:is(:hover, [aria-pressed="true"]) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-color-picker { display: grid; gap: var(--g-space-3); }
  .g-color-picker-current { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--g-space-3); }
  .g-color-picker-preview { width: var(--g-control-height-lg); height: var(--g-control-height-lg); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-picker-color, currentColor); }
  .g-color-picker-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(2rem, 1fr)); gap: var(--g-space-2); }
  .g-color-swatch { position: relative; aspect-ratio: 1; min-width: 2rem; border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-swatch, transparent); cursor: pointer; }
  .g-color-swatch[aria-pressed="true"]::after { position: absolute; inset: 25%; border: 2px solid CanvasText; border-radius: 50%; content: ""; }

  .g-cascader { display: grid; min-inline-size: 0; }
  .g-cascader-path { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-1); margin-block-end: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-cascader-columns { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(11rem, 1fr); max-width: 100%; overflow-x: auto; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-cascader-column { min-height: 12rem; max-height: 22rem; overflow: auto; padding: var(--g-space-1); border-inline-end: 1px solid var(--g-color-border); }
  .g-cascader-column:last-child { border-inline-end: 0; }
  .g-cascader-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); width: 100%; min-height: var(--g-control-height-md); padding: var(--g-space-2); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text); text-align: start; cursor: pointer; }
  .g-cascader-option:is(:hover, [aria-current="true"], [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-date-range-picker, .g-time-range-picker { display: grid; gap: var(--g-space-3); min-inline-size: 0; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-range-picker-fields { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: var(--g-space-2); }
  .g-range-picker-presets { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-range-picker-calendar { display: grid; grid-template-columns: repeat(2, minmax(15rem, 1fr)); gap: var(--g-space-3); overflow-x: auto; }
  .g-range-picker-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--g-space-2); padding-block-start: var(--g-space-2); border-block-start: 1px solid var(--g-color-border); }

  .g-saved-filters, .g-saved-views { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-saved-filter, .g-saved-view { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text-muted); cursor: pointer; }
  .g-saved-filter:is(:hover, [aria-pressed="true"]), .g-saved-view:is(:hover, [aria-pressed="true"]) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-saved-choice-meta { font-size: var(--g-font-size-xs); }

  .g-builder, .g-sort-builder, .g-group-builder { display: grid; gap: var(--g-space-2); }
  .g-builder-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); }
  .g-builder-list { display: grid; gap: var(--g-space-2); }
  .g-builder-rule, .g-sort-rule, .g-group-rule { display: grid; grid-template-columns: auto minmax(8rem, 1fr) minmax(7rem, auto) auto; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-builder-handle, .g-sort-rule-handle, .g-group-rule-handle { color: var(--g-color-text-muted); cursor: grab; touch-action: none; }
  .g-column-chooser { min-width: 15rem; }
  .g-column-chooser-actions { display: flex; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-2); border-block-end: 1px solid var(--g-color-border); }

  .g-bulk-confirmation { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-warning); border-radius: var(--g-radius-md); background: var(--g-color-warning-soft); }
  .g-bulk-confirmation-title { font-weight: 700; }
  .g-bulk-confirmation-summary { color: var(--g-color-text-muted); }
  .g-bulk-confirmation-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--g-space-2); }
  .g-bulk-progress { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-bulk-progress-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); }
  .g-bulk-progress-list { display: grid; gap: var(--g-space-1); max-height: 16rem; overflow: auto; }
  .g-bulk-progress-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-2); padding: var(--g-space-2); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }

  @container (max-width: 40rem) {
    .g-transfer, .g-dual-list { grid-template-columns: 1fr; }
    .g-transfer-actions { flex-direction: row; justify-content: center; }
    .g-range-picker-fields, .g-builder-rule, .g-sort-rule, .g-group-rule { grid-template-columns: 1fr; }
    .g-range-picker-calendar { grid-template-columns: minmax(15rem, 1fr); }
  }

  @media (max-width: 40rem) {
    .g-transfer:not(.is-desktop), .g-dual-list:not(.is-desktop) { grid-template-columns: 1fr; }
    .g-transfer-actions { flex-direction: row; justify-content: center; }
    .g-picker-panel { position: fixed; inset: auto var(--g-space-2) calc(var(--g-space-2) + env(safe-area-inset-bottom)); max-height: min(70dvh, 36rem); }
    .g-range-picker-fields, .g-builder-rule, .g-sort-rule, .g-group-rule { grid-template-columns: 1fr; }
    .g-batch-toolbar { inset-block-end: env(safe-area-inset-bottom); }
  }

  [dir="rtl"] .g-picker-option, [dir="rtl"] .g-cascader-option { text-align: start; }
  @media (prefers-reduced-motion: reduce) { .g-picker-panel { scroll-behavior: auto; } }
  @media (forced-colors: active) {
    .g-selection-item[aria-selected="true"], .g-picker-option[aria-selected="true"], .g-icon-picker-item[aria-pressed="true"], .g-color-swatch[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
  }
  @media print {
    .g-batch-toolbar, .g-transfer-actions, .g-picker-panel, .g-column-chooser, .g-builder, .g-sort-builder, .g-group-builder, .g-range-picker-actions, .g-bulk-confirmation-actions { display: none !important; }
    .g-transfer, .g-dual-list { grid-template-columns: 1fr 1fr; }
    .g-transfer-pane, .g-dual-list-pane, .g-bulk-progress { break-inside: avoid; box-shadow: none; }
  }
}

@layer gardener.components {
  /* Category 10: files, uploads, viewers and reusable content-authoring compositions. */
  .g-content-container { container-type: inline-size; min-inline-size: 0; }
  .g-file-drop { display: grid; min-height: 10rem; place-items: center; gap: var(--g-space-2); padding: var(--g-space-6); border: 1px dashed var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text-muted); text-align: center; cursor: pointer; }
  .g-file-drop:is(:hover, :focus-visible, .is-dragging) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-file-drop-icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); font-size: var(--g-font-size-xl); }
  .g-file-drop-title { color: var(--g-color-text); font-weight: 700; }
  .g-file-drop-rules { font-size: var(--g-font-size-xs); }

  .g-file-list, .g-upload-queue { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-border); }
  .g-file-list-header, .g-upload-queue-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-3); background: var(--g-color-surface-subtle); }
  .g-file-row, .g-upload-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-height: var(--g-control-height-lg); padding: var(--g-space-2) var(--g-space-3); background: var(--g-color-surface); }
  .g-file-row:is(:hover, [aria-selected="true"]), .g-upload-item:hover { background: var(--g-color-surface-subtle); }
  .g-file-icon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: var(--g-font-size-xs); font-weight: 750; text-transform: uppercase; }
  .g-file-main { min-inline-size: 0; }
  .g-file-name { display: block; overflow: hidden; color: var(--g-color-text); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .g-file-meta { display: flex; flex-wrap: wrap; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-file-actions, .g-upload-actions { display: flex; align-items: center; gap: var(--g-space-1); }

  .g-upload-summary { display: flex; flex-wrap: wrap; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); font-variant-numeric: tabular-nums; }
  .g-upload-item { grid-template-columns: auto minmax(0, 1fr) minmax(7rem, 20%) auto; }
  .g-upload-item[data-g-status="error"] { box-shadow: inset 0.2rem 0 var(--g-color-danger); }
  .g-upload-item[data-g-status="success"] { box-shadow: inset 0.2rem 0 var(--g-color-success); }
  .g-upload-progress, .g-storage-track { position: relative; height: 0.4rem; overflow: hidden; border-radius: var(--g-radius-sm); background: var(--g-color-surface-sunken); }
  .g-upload-progress-bar, .g-storage-value { display: block; width: var(--g-progress, 0%); height: 100%; background: var(--g-color-primary); transition: width var(--g-duration-normal) var(--g-ease-standard); }
  .g-upload-status { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-failed-upload :is(.g-file-meta, .g-upload-status) { color: var(--g-color-text); }
  .g-chunk-upload { display: grid; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-chunk-map { display: grid; grid-template-columns: repeat(auto-fit, minmax(0.5rem, 1fr)); gap: 2px; }
  .g-chunk { height: 0.5rem; border-radius: 1px; background: var(--g-color-surface-sunken); }
  .g-chunk:is(.is-complete, [data-g-status="success"]) { background: var(--g-color-success); }
  .g-chunk:is(.is-active, [data-g-status="uploading"]) { background: var(--g-color-primary); }
  .g-failed-upload { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-danger); border-radius: var(--g-radius-md); background: var(--g-color-danger-soft); }

  .g-file-card { display: grid; min-inline-size: 0; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-file-card-preview { display: grid; aspect-ratio: 4 / 3; place-items: center; overflow: hidden; background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); }
  .g-file-card-preview > :is(img, video, canvas) { width: 100%; height: 100%; object-fit: cover; }
  .g-file-card-body { min-inline-size: 0; padding: var(--g-space-3); }
  .g-file-card-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: 0 var(--g-space-3) var(--g-space-3); }
  .g-file-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr)); gap: var(--g-space-3); }

  .g-folder-tree { display: grid; gap: 1px; min-inline-size: 12rem; padding: var(--g-space-2); }
  .g-folder-tree-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); min-height: var(--g-control-height-sm); padding: var(--g-space-1) var(--g-space-2); padding-inline-start: calc(var(--g-space-2) + var(--g-tree-level, 0) * var(--g-space-4)); border-radius: var(--g-radius-md); color: var(--g-color-text); cursor: pointer; }
  .g-folder-tree-item:is(:hover, [aria-current="page"], [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-folder-tree-count { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-variant-numeric: tabular-nums; }
  .g-folder-tree-item:is([aria-current="page"], [aria-selected="true"]) .g-folder-tree-count { color: var(--g-color-primary-text); }

  .g-file-browser { display: grid; grid-template: "head head" auto "tree main" minmax(20rem, 1fr) "status status" auto / minmax(12rem, 15rem) minmax(0, 1fr); min-height: 28rem; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-file-browser-header { grid-area: head; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-file-browser-tree { grid-area: tree; overflow: auto; border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-file-browser-main { grid-area: main; min-width: 0; overflow: auto; padding: var(--g-space-3); }
  .g-file-browser-status { grid-area: status; display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-1) var(--g-space-3); border-block-start: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-file-browser[data-g-view="list"] .g-file-card-grid { display: grid; grid-template-columns: 1fr; gap: 1px; border: 1px solid var(--g-color-border); background: var(--g-color-border); }
  .g-file-browser[data-g-view="list"] .g-file-card { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; border: 0; border-radius: 0; }
  .g-file-browser[data-g-view="list"] .g-file-card-preview { width: 3rem; aspect-ratio: 1; }
  .g-file-browser[data-g-view="list"] .g-file-card-footer { padding: var(--g-space-2); }
  [data-g-file-item][hidden] { display: none !important; }

  .g-file-preview { display: grid; grid-template: "toolbar" auto "stage" minmax(18rem, 1fr) "meta" auto / minmax(0, 1fr); min-height: 26rem; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-file-preview-toolbar, .g-viewer-toolbar, .g-editor-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-2); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-file-preview-stage { display: grid; min-width: 0; place-items: center; overflow: auto; padding: var(--g-space-5); background: var(--g-color-canvas); }
  .g-file-preview-stage > :is(img, video, canvas, iframe) { max-width: 100%; max-height: 70vh; }
  .g-file-preview-meta { display: flex; flex-wrap: wrap; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-3); border-block-start: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-media-library { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 20rem); min-height: 28rem; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-media-library-main { min-width: 0; padding: var(--g-space-3); }
  .g-media-library-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); margin-block-end: var(--g-space-3); }
  .g-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: var(--g-space-2); }
  .g-media-item { position: relative; overflow: hidden; padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); text-align: start; cursor: pointer; }
  .g-media-item:is(:hover, [aria-selected="true"]) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-media-thumb { display: grid; aspect-ratio: 4 / 3; place-items: center; overflow: hidden; border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); }
  .g-media-thumb > :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
  .g-media-label { display: block; overflow: hidden; padding: var(--g-space-2) var(--g-space-1) var(--g-space-1); color: var(--g-color-text); font-size: var(--g-font-size-sm); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .g-media-details { overflow: auto; padding: var(--g-space-3); border-inline-start: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-media-details-preview { display: grid; aspect-ratio: 4 / 3; place-items: center; overflow: hidden; margin-block-end: var(--g-space-3); border-radius: var(--g-radius-md); background: var(--g-color-surface-sunken); }

  .g-image-crop, .g-image-crop.g-content-image-crop, .g-image-annotation { display: grid; grid-template: "tools stage inspector" minmax(22rem, 1fr) / auto minmax(0, 1fr) minmax(13rem, 17rem); min-height: 24rem; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-image-tools { grid-area: tools; display: flex; flex-direction: column; gap: var(--g-space-1); padding: var(--g-space-2); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-image-stage { grid-area: stage; display: grid; min-width: 0; place-items: center; overflow: auto; padding: var(--g-space-5); background-image: linear-gradient(45deg, var(--g-color-surface-sunken) 25%, transparent 25%), linear-gradient(-45deg, var(--g-color-surface-sunken) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--g-color-surface-sunken) 75%), linear-gradient(-45deg, transparent 75%, var(--g-color-surface-sunken) 75%); background-position: 0 0, 0 0.5rem, 0.5rem -0.5rem, -0.5rem 0; background-size: 1rem 1rem; }
  .g-crop-frame { position: relative; width: min(90%, 34rem); aspect-ratio: var(--g-crop-ratio, 16 / 9); border: 1px solid var(--g-color-primary); background: color-mix(in srgb, var(--g-color-primary) 8%, transparent); box-shadow: 0 0 0 999rem rgb(0 0 0 / 0.25); }
  .g-crop-frame::before, .g-crop-frame::after { position: absolute; content: ""; inset: 33.333% 0; border-block: 1px dashed rgb(255 255 255 / 0.7); }
  .g-crop-frame::after { inset: 0 33.333%; border: 0; border-inline: 1px dashed rgb(255 255 255 / 0.7); }
  .g-image-inspector { grid-area: inspector; overflow: auto; padding: var(--g-space-3); border-inline-start: 1px solid var(--g-color-border); }
  .g-annotation-pin { display: grid; position: absolute; width: 1.75rem; height: 1.75rem; place-items: center; border: 2px solid white; border-radius: 50%; background: var(--g-color-primary); color: white; font-size: var(--g-font-size-xs); font-weight: 700; }

  .g-document-viewer, .g-document-viewer.g-content-document-viewer, .g-pdf-viewer { display: grid; grid-template: "toolbar toolbar" auto "thumbs page" minmax(24rem, 1fr) "status status" auto / minmax(8rem, 11rem) minmax(0, 1fr); min-height: 32rem; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-document-viewer .g-viewer-toolbar, .g-pdf-viewer .g-viewer-toolbar { grid-area: toolbar; }
  .g-viewer-thumbnails { grid-area: thumbs; overflow: auto; padding: var(--g-space-2); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-viewer-thumbnail { display: grid; aspect-ratio: 3 / 4; place-items: center; margin-block-end: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: white; color: #4b5563; font-size: var(--g-font-size-xs); }
  .g-viewer-thumbnail[aria-current="page"] { border-color: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-viewer-page { grid-area: page; display: grid; place-items: start center; overflow: auto; padding: var(--g-space-6); background: var(--g-color-canvas); }
  .g-document-page { width: min(100%, 44rem); min-height: 54rem; padding: clamp(2rem, 7vw, 5rem); background: white; color: #1f2937; box-shadow: var(--g-shadow-md); }
  .g-viewer-status { grid-area: status; display: flex; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-1) var(--g-space-3); border-block-start: 1px solid var(--g-color-border); color: var(--g-color-text); font-size: var(--g-font-size-xs); }

  .g-video-player, .g-audio-player { overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-video-stage { display: grid; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; background: #111827; color: white; }
  .g-video-stage > video { width: 100%; height: 100%; object-fit: contain; }
  .g-media-controls { display: flex; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2); background: var(--g-color-surface); }
  .g-media-timeline { min-width: 4rem; flex: 1; }
  .g-media-time { color: var(--g-color-text); font-size: var(--g-font-size-xs); font-variant-numeric: tabular-nums; }
  .g-video-player .g-media-controls, .g-video-player .g-media-controls .g-btn, .g-video-player .g-media-time { color: #fff; }
  .g-audio-player { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); }
  .g-audio-art { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: var(--g-radius-md); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-code-editor, .g-rich-text-editor, .g-markdown-editor, .g-block-editor { display: grid; grid-template-rows: auto minmax(18rem, 1fr) auto; min-width: 0; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-editor-toolbar { justify-content: flex-start; }
  .g-editor-toolbar-group { display: flex; align-items: center; gap: 1px; }
  .g-editor-tool[aria-pressed="true"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-editor-surface { min-width: 0; overflow: auto; padding: var(--g-space-4); outline: 0; background: var(--g-color-surface); color: var(--g-color-text); line-height: var(--g-line-height-relaxed); }
  .g-editor-surface:focus { box-shadow: inset 0 0 0 var(--g-focus-ring-width) var(--g-focus-ring); }
  .g-code-editor-body { display: grid; grid-template-columns: auto minmax(0, 1fr); min-height: 18rem; overflow: auto; background: #f8fafc; color: #1f2937; font-family: var(--g-font-mono); font-size: var(--g-font-size-sm); }
  .g-code-gutter { padding: var(--g-space-3) var(--g-space-2); background: #eef2f7; color: #475569; text-align: end; user-select: none; }
  .g-code-content { margin: 0; padding: var(--g-space-3); overflow: visible; white-space: pre; }
  .g-editor-status { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-1) var(--g-space-3); border-block-start: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-variant-numeric: tabular-nums; }
  .g-markdown-editor { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto minmax(18rem, 1fr) auto; }
  .g-markdown-editor .g-editor-toolbar, .g-markdown-editor .g-editor-status { grid-column: 1 / -1; }
  .g-markdown-source, .g-markdown-preview { min-width: 0; overflow: auto; padding: var(--g-space-4); }
  .g-markdown-source { resize: none; border: 0; border-inline-end: 1px solid var(--g-color-border); outline: 0; background: var(--g-color-surface); color: var(--g-color-text); font-family: var(--g-font-mono); }
  .g-markdown-preview { background: var(--g-color-surface-subtle); }
  .g-block-editor { gap: 1px; background: var(--g-color-border); }
  .g-block { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-2); padding: var(--g-space-3); background: var(--g-color-surface); }
  .g-block:is(:hover, :focus-within, [aria-selected="true"]) { box-shadow: inset 0.2rem 0 var(--g-color-primary); }
  .g-block-handle { color: var(--g-color-text-muted); cursor: grab; touch-action: none; }
  .g-block-content { min-width: 0; outline: 0; }

  .g-content-outline { display: grid; gap: 1px; padding: var(--g-space-2); }
  .g-content-outline-item { display: block; overflow: hidden; padding: var(--g-space-1) var(--g-space-2); padding-inline-start: calc(var(--g-space-2) + var(--g-outline-level, 0) * var(--g-space-3)); border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-overflow: ellipsis; white-space: nowrap; }
  .g-content-outline-item:is(:hover, [aria-current="location"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-find-replace { display: grid; gap: var(--g-space-2); width: min(100%, 28rem); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-md); }
  .g-find-replace-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-2); }
  .g-comment-thread, .g-comment-thread.g-content-comment-thread { display: grid; gap: var(--g-space-3); }
  .g-comment { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); }
  .g-comment-avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-comment-body { min-width: 0; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-comment-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--g-space-2); margin-block-end: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-revision-compare { display: grid; gap: var(--g-space-3); min-width: 0; }
  .g-revision-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2); }
  .g-revision-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-revision-panel { min-width: 0; overflow: auto; background: var(--g-color-surface); }
  .g-revision-panel + .g-revision-panel { border-inline-start: 1px solid var(--g-color-border); }
  .g-revision-header { position: sticky; z-index: 1; inset-block-start: 0; padding: var(--g-space-2) var(--g-space-3); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); font-weight: 650; }
  .g-diff { margin: 0; padding: var(--g-space-3); overflow: auto; font-family: var(--g-font-mono); font-size: var(--g-font-size-sm); white-space: pre-wrap; }
  .g-diff-line { display: block; padding-inline: var(--g-space-2); }
  .g-diff-line-add { background: var(--g-color-success-soft); color: var(--g-color-success); }
  .g-diff-line-remove { background: var(--g-color-danger-soft); color: var(--g-color-danger); text-decoration: line-through; }
  .g-revision-compare[data-g-revision-view="unified"] .g-revision-panels { grid-template-columns: 1fr; }
  .g-revision-compare[data-g-revision-view="unified"] .g-revision-panel[data-g-revision-panel="old"] { display: none; }

  .g-version-history { display: grid; gap: 1px; }
  .g-version-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-version-dot { width: 0.7rem; height: 0.7rem; margin-block-start: 0.35rem; border: 2px solid var(--g-color-primary); border-radius: 50%; background: var(--g-color-surface); }
  .g-version-item[aria-current="true"] .g-version-dot { background: var(--g-color-primary); }
  .g-file-properties { display: grid; gap: var(--g-space-2); }
  .g-file-property { display: grid; grid-template-columns: minmax(6rem, 35%) minmax(0, 1fr); gap: var(--g-space-2); padding-block: var(--g-space-1); border-block-end: 1px solid var(--g-color-border); }
  .g-file-property dt { color: var(--g-color-text-muted); }
  .g-file-property dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
  .g-storage-meter { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-storage-header { display: flex; justify-content: space-between; gap: var(--g-space-2); font-size: var(--g-font-size-sm); }
  .g-storage-legend { display: flex; flex-wrap: wrap; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-autosave-indicator { display: inline-flex; min-height: var(--g-control-height-sm); align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-autosave-dot { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: currentColor; }
  .g-autosave-indicator[data-g-autosave-state="dirty"], .g-autosave-indicator[data-g-autosave-state="saving"] { color: var(--g-color-warning); }
  .g-autosave-indicator[data-g-autosave-state="saved"] { color: var(--g-color-success); }
  .g-autosave-indicator[data-g-autosave-state="error"] { color: var(--g-color-danger); }

  @container (max-width: 44rem) {
    .g-file-browser { grid-template: "head" auto "main" minmax(18rem, 1fr) "status" auto / 1fr; }
    .g-file-browser-tree { display: none; }
    .g-media-library { grid-template-columns: 1fr; }
    .g-media-details { border-block-start: 1px solid var(--g-color-border); border-inline-start: 0; }
    .g-image-crop, .g-image-crop.g-content-image-crop, .g-image-annotation { grid-template: "tools" auto "stage" minmax(18rem, 1fr) "inspector" auto / 1fr; }
    .g-image-tools { flex-direction: row; overflow-x: auto; border-block-end: 1px solid var(--g-color-border); border-inline-end: 0; }
    .g-image-inspector { border-block-start: 1px solid var(--g-color-border); border-inline-start: 0; }
    .g-document-viewer, .g-pdf-viewer { grid-template: "toolbar" auto "page" minmax(20rem, 1fr) "status" auto / 1fr; }
    .g-viewer-thumbnails { display: none; }
    .g-revision-panels, .g-markdown-editor { grid-template-columns: 1fr; }
    .g-markdown-source { min-height: 14rem; border-block-end: 1px solid var(--g-color-border); border-inline-end: 0; }
  }

  @media (max-width: 40rem) {
    .g-upload-item { grid-template-columns: auto minmax(0, 1fr) auto; }
    .g-upload-item > .g-upload-progress { grid-column: 2 / -1; width: 100%; }
    .g-file-row { grid-template-columns: auto minmax(0, 1fr); }
    .g-file-row > .g-file-actions { grid-column: 1 / -1; justify-content: flex-end; }
    .g-audio-player { grid-template-columns: auto minmax(0, 1fr); }
    .g-audio-player > :last-child { grid-column: 1 / -1; }
    .g-revision-panels { grid-template-columns: 1fr; }
    .g-revision-panel + .g-revision-panel { border-block-start: 1px solid var(--g-color-border); border-inline-start: 0; }
  }

  [dir="rtl"] .g-upload-item[data-g-status="error"] { box-shadow: inset -0.2rem 0 var(--g-color-danger); }
  [dir="rtl"] .g-upload-item[data-g-status="success"] { box-shadow: inset -0.2rem 0 var(--g-color-success); }
  [dir="rtl"] .g-block:is(:hover, :focus-within, [aria-selected="true"]) { box-shadow: inset -0.2rem 0 var(--g-color-primary); }

  @media (prefers-reduced-motion: reduce) { .g-upload-progress-bar, .g-storage-value { transition: none; } }
  @media (forced-colors: active) {
    .g-file-drop, .g-file-card, .g-media-item, .g-crop-frame, .g-document-page, .g-comment-body { forced-color-adjust: auto; }
    .g-upload-progress-bar, .g-storage-value, .g-version-dot, .g-autosave-dot { background: Highlight; }
  }
  @media print {
    .g-file-drop, .g-upload-actions, .g-file-actions, .g-file-browser-tree, .g-editor-toolbar, .g-viewer-toolbar, .g-media-controls, .g-image-tools, .g-image-inspector, .g-find-replace { display: none !important; }
    .g-file-browser, .g-file-preview, .g-media-library, .g-document-viewer, .g-document-viewer.g-content-document-viewer, .g-pdf-viewer, .g-code-editor, .g-rich-text-editor, .g-markdown-editor, .g-block-editor { display: block; min-height: 0; overflow: visible; border: 0; }
    .g-file-browser-main, .g-file-preview-stage, .g-viewer-page, .g-editor-surface, .g-code-editor-body, .g-markdown-source, .g-markdown-preview { overflow: visible; padding: 0; background: white; color: black; }
    .g-document-page { width: 100%; min-height: 0; padding: 0; box-shadow: none; }
    .g-revision-panels { display: block; border: 0; }
    .g-revision-panel { break-inside: avoid; border: 1px solid #999 !important; }
  }
}

@layer gardener.components {
  /* Category 11: reusable authentication and account-lifecycle compositions. */
  :where(.g-auth-centered, .g-auth-split) { min-block-size: 100svh; background: var(--g-color-canvas); container: g-auth / inline-size; }
  .g-auth-centered { display: grid; place-items: center; padding: max(var(--g-space-4), env(safe-area-inset-top)) max(var(--g-space-4), env(safe-area-inset-right)) max(var(--g-space-4), env(safe-area-inset-bottom)) max(var(--g-space-4), env(safe-area-inset-left)); }
  .g-auth-split { display: grid; grid-template-columns: minmax(20rem, 1.1fr) minmax(26rem, .9fr); }
  .g-auth-split-aside { display: grid; align-content: space-between; gap: var(--g-space-8); padding: clamp(2rem, 6vw, 5rem); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-auth-split-main { display: grid; place-items: center; padding: clamp(1rem, 5vw, 4rem); background: var(--g-color-surface); }
  .g-auth-container { width: min(100%, 30rem); container: g-auth-card / inline-size; }
  .g-auth-card { border-radius: var(--g-radius-md); }
  .g-auth-panel { display: grid; gap: var(--g-space-5); width: 100%; padding: clamp(1.25rem, 5cqi, 2rem); border: var(--g-border-width) solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-sm); }
  :where(.g-auth-brand-row, .g-auth-header, .g-auth-form, .g-auth-footer, .g-auth-actions, .g-auth-provider-list, .g-auth-choice-list, .g-auth-benefit-list, .g-auth-status, .g-auth-legal, .g-auth-method-list) { display: grid; gap: var(--g-space-3); }
  .g-auth-brand-row { grid-template-columns: auto minmax(0, 1fr); align-items: center; color: var(--g-color-text); font-weight: 700; }
  .g-auth-brand-mark { display: inline-grid; inline-size: 2rem; block-size: 2rem; place-items: center; border: 1px solid var(--g-color-primary); border-radius: var(--g-radius-md); color: var(--g-color-primary-text); background: var(--g-color-primary-soft); }
  .g-auth-header { gap: var(--g-space-2); }
  .g-auth-title { margin: 0; color: var(--g-color-text); font-size: clamp(1.45rem, 5cqi, 2rem); line-height: 1.2; letter-spacing: -.025em; }
  .g-auth-description, .g-auth-help, .g-auth-meta, .g-auth-legal { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.6; }
  .g-auth-form { gap: var(--g-space-4); }
  .g-auth-form-row { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); flex-wrap: wrap; }
  .g-auth-footer { justify-items: center; text-align: center; }
  .g-auth-actions { grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)); }
  .g-auth-actions > :only-child { grid-column: 1 / -1; }
  .g-auth-divider { margin-block: var(--g-space-1); }
  .g-auth-provider { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-block-size: 2.75rem; padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text); text-align: start; }
  .g-auth-provider:hover { border-color: var(--g-color-border-strong); background: var(--g-color-surface-subtle); }
  .g-auth-provider-icon { display: inline-grid; inline-size: 1.5rem; block-size: 1.5rem; place-items: center; border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-auth-notice { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-auth-notice.is-info { border-color: color-mix(in srgb, var(--g-color-info) 38%, var(--g-color-border)); background: var(--g-color-info-soft); }
  .g-auth-notice.is-warning { border-color: color-mix(in srgb, var(--g-color-warning) 45%, var(--g-color-border)); background: var(--g-color-warning-soft); }
  .g-auth-notice.is-danger { border-color: color-mix(in srgb, var(--g-color-danger) 40%, var(--g-color-border)); background: var(--g-color-danger-soft); }
  .g-auth-user { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-auth-avatar { display: inline-grid; inline-size: 2.5rem; block-size: 2.5rem; place-items: center; overflow: hidden; border-radius: 50%; background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-weight: 700; }
  .g-auth-avatar > img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .g-auth-user-main { min-width: 0; }
  .g-auth-user-name, .g-auth-choice-title { display: block; overflow: hidden; color: var(--g-color-text); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
  .g-auth-user-meta, .g-auth-choice-meta { display: block; overflow: hidden; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
  .g-auth-choice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); width: 100%; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text); text-align: start; cursor: pointer; }
  .g-auth-choice:hover { border-color: var(--g-color-border-strong); background: var(--g-color-surface-subtle); }
  .g-auth-choice[aria-selected="true"], .g-auth-choice.is-selected { border-color: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-auth-choice-check { color: var(--g-color-primary-text); font-weight: 700; }

  :where(.g-sign-in, .g-registration, .g-password-recovery, .g-password-reset, .g-email-verification, .g-phone-verification, .g-mfa-challenge, .g-passkey, .g-sso, .g-qr-login, .g-magic-link, .g-invitation, .g-first-time-setup, .g-profile-setup, .g-account-security, .g-auth-consent, .g-auth-result) { display: grid; gap: var(--g-space-5); }
  .g-sign-in-options, .g-registration-terms { display: flex; align-items: start; justify-content: space-between; gap: var(--g-space-3); flex-wrap: wrap; font-size: var(--g-font-size-sm); }
  .g-password-recovery-methods, .g-mfa-methods { display: grid; gap: var(--g-space-2); }
  .g-verification-address { overflow-wrap: anywhere; color: var(--g-color-text); font-weight: 650; }
  .g-verification-icon, .g-auth-result-icon, .g-security-alert-icon { display: inline-grid; inline-size: 3rem; block-size: 3rem; place-items: center; border-radius: var(--g-radius-md); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: 1.25rem; font-weight: 800; }
  .g-auth-status { justify-items: center; text-align: center; }

  .g-otp-input { display: grid; grid-template-columns: repeat(var(--g-otp-length, 6), minmax(2.25rem, 1fr)); gap: var(--g-space-2); direction: ltr; }
  .g-otp-cell { min-width: 0; block-size: 3rem; padding: 0; border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text); font: 650 1.25rem/1 var(--g-font-mono); text-align: center; caret-color: var(--g-color-primary); }
  .g-otp-cell:focus-visible { border-color: var(--g-color-primary); outline: var(--g-focus-ring-width) solid var(--g-focus-ring); outline-offset: 1px; }
  .g-otp-input.is-complete .g-otp-cell { border-color: var(--g-color-success); }
  .g-otp-input.is-invalid .g-otp-cell { border-color: var(--g-color-danger); }

  .g-password-strength { display: grid; gap: var(--g-space-2); }
  .g-password-strength-header { display: flex; justify-content: space-between; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-password-strength-meter { block-size: .35rem; overflow: hidden; border-radius: var(--g-radius-sm); background: var(--g-color-surface-sunken); }
  .g-password-strength-value { display: block; inline-size: var(--g-password-strength, 0%); block-size: 100%; background: var(--g-password-strength-color, var(--g-color-danger)); transition: inline-size var(--g-duration-normal) var(--g-ease-standard); }
  .g-password-strength[data-g-strength="2"] { --g-password-strength-color: var(--g-color-warning); }
  .g-password-strength[data-g-strength="3"], .g-password-strength[data-g-strength="4"] { --g-password-strength-color: var(--g-color-success); }
  .g-password-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-1) var(--g-space-3); margin: 0; padding: 0; list-style: none; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-password-rule::before { content: "○"; margin-inline-end: var(--g-space-1); }
  .g-password-rule.is-valid { color: var(--g-color-success); }
  .g-password-rule.is-valid::before { content: "✓"; }

  .g-auth-timer { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); font-variant-numeric: tabular-nums; }
  .g-auth-timer[data-g-timer-state="active"] [data-g-auth-timer-reset] { display: none; }
  .g-auth-timer[data-g-timer-state="expired"] [data-g-auth-time] { color: var(--g-color-danger); }
  .g-auth-timer-button { padding: 0; border: 0; background: transparent; color: var(--g-color-primary-text); cursor: pointer; }

  .g-passkey-graphic { display: grid; grid-template-columns: repeat(3, 2rem); justify-content: center; gap: var(--g-space-2); padding: var(--g-space-5); border: 1px dashed var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-passkey-device { block-size: 2.75rem; border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-qr-login-layout { display: grid; grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr); align-items: center; gap: var(--g-space-5); }
  .g-qr-code { aspect-ratio: 1; display: grid; place-items: center; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: #fff; color: #111; }
  .g-qr-code > :where(img, svg, canvas) { max-width: 100%; }
  .g-invitation-details { display: grid; gap: var(--g-space-2); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-invitation-row { display: grid; grid-template-columns: minmax(6rem, .35fr) minmax(0, 1fr); gap: var(--g-space-3); font-size: var(--g-font-size-sm); }
  .g-invitation-label { color: var(--g-color-text-muted); }

  :where(.g-lock-screen, .g-session-expired) { min-block-size: 100svh; display: grid; place-items: center; padding: max(var(--g-space-4), env(safe-area-inset-top)) max(var(--g-space-4), env(safe-area-inset-right)) max(var(--g-space-4), env(safe-area-inset-bottom)) max(var(--g-space-4), env(safe-area-inset-left)); background: var(--g-color-surface-subtle); }
  .g-lock-screen-panel, .g-session-expired-panel { width: min(100%, 28rem); display: grid; justify-items: center; gap: var(--g-space-4); padding: clamp(1.5rem, 5vw, 2.5rem); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-sm); text-align: center; }
  .g-lock-screen-time { font-size: clamp(2rem, 8vw, 4rem); font-variant-numeric: tabular-nums; letter-spacing: -.04em; }

  :where(.g-account-chooser, .g-tenant-chooser, .g-identity-switcher) { display: grid; gap: var(--g-space-4); }
  .g-identity-switcher { position: relative; }
  .g-identity-switcher-trigger { width: 100%; }
  .g-identity-switcher-menu { position: absolute; z-index: var(--g-z-dropdown); inset-block-start: calc(100% + var(--g-space-2)); inset-inline: 0; display: grid; gap: var(--g-space-2); max-block-size: min(24rem, 70vh); padding: var(--g-space-2); overflow: auto; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-md); }

  .g-account-security { gap: var(--g-space-4); }
  .g-security-section { display: grid; gap: var(--g-space-3); padding-block: var(--g-space-4); border-block-start: 1px solid var(--g-color-border); }
  .g-security-section:first-child { padding-block-start: 0; border-block-start: 0; }
  .g-security-section-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); }
  :where(.g-device-management, .g-login-activity, .g-connected-accounts, .g-recovery-codes) { display: grid; gap: var(--g-space-3); }
  .g-device-item, .g-login-event, .g-connected-account { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-device-icon, .g-login-event-icon, .g-connected-account-icon { display: inline-grid; inline-size: 2.5rem; block-size: 2.5rem; place-items: center; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); }
  .g-device-main, .g-login-event-main, .g-connected-account-main { min-width: 0; }
  .g-device-current { color: var(--g-color-success); font-size: var(--g-font-size-sm); font-weight: 650; }
  .g-login-event.is-risk { border-color: color-mix(in srgb, var(--g-color-danger) 38%, var(--g-color-border)); background: var(--g-color-danger-soft); }
  .g-login-event.is-risk .g-auth-choice-meta { color: var(--g-color-text); }
  .g-security-alert { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-4); padding: var(--g-space-4); border: 1px solid color-mix(in srgb, var(--g-color-warning) 45%, var(--g-color-border)); border-radius: var(--g-radius-md); background: var(--g-color-warning-soft); }
  .g-security-alert-actions { grid-column: 2; display: flex; gap: var(--g-space-2); flex-wrap: wrap; }
  .g-recovery-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-2); }
  .g-recovery-code { padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); font-family: var(--g-font-mono); text-align: center; user-select: all; }
  .g-trusted-device { display: flex; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-auth-consent-scopes { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-auth-consent-scope { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-2); }
  .g-auth-result.is-success .g-auth-result-icon { background: var(--g-color-success-soft); color: var(--g-color-success); }
  .g-auth-result.is-error .g-auth-result-icon { background: var(--g-color-danger-soft); color: var(--g-color-danger); }

  @container g-auth (max-width: 44rem) {
    .g-auth-split { grid-template-columns: 1fr; }
    .g-auth-split-aside { display: none; }
  }
  @container g-auth-card (max-width: 24rem) {
    .g-qr-login-layout { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .g-password-rules, .g-recovery-code-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 44rem) {
    .g-auth-split { grid-template-columns: 1fr; }
    .g-auth-split-aside { display: none; }
    .g-auth-panel { box-shadow: none; }
    .g-device-item, .g-login-event, .g-connected-account { grid-template-columns: auto minmax(0, 1fr); }
    :where(.g-device-item, .g-login-event, .g-connected-account) > :last-child { grid-column: 2; justify-self: start; }
  }
  [dir="rtl"] .g-otp-input { direction: ltr; }
  @media (prefers-reduced-motion: reduce) { .g-password-strength-value { transition: none; } }
  @media (forced-colors: active) {
    :where(.g-auth-choice[aria-selected="true"], .g-auth-choice.is-selected, .g-otp-input.is-complete .g-otp-cell, .g-otp-input.is-invalid .g-otp-cell) { outline: 2px solid CanvasText; outline-offset: 1px; }
    .g-password-strength-value { background: Highlight; }
  }
  @media print {
    :where(.g-auth-centered, .g-auth-split, .g-lock-screen, .g-session-expired) { min-block-size: auto; display: block; padding: 0; background: #fff; }
    .g-auth-split-aside, .g-auth-actions, .g-auth-provider-list, .g-auth-timer, .g-security-alert-actions, :where(.g-device-item, .g-login-event, .g-connected-account) > button { display: none !important; }
    :where(.g-auth-panel, .g-lock-screen-panel, .g-session-expired-panel) { width: 100%; max-width: none; border-color: #000; box-shadow: none; }
    :where(.g-recovery-code, .g-device-item, .g-login-event, .g-connected-account, .g-security-alert) { break-inside: avoid; }
  }
}

@layer gardener.components {
  .g-commerce-container { container: g-commerce / inline-size; min-inline-size: 0; }
  .g-commerce-panel { padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-commerce-header, .g-commerce-row, .g-product-card-actions, .g-price-display, .g-stock-status, .g-cart-item-actions, .g-coupon-row, .g-payment-method-header, .g-order-detail-header, .g-billing-history-header, .g-refund-status-header, .g-tax-summary-row { display: flex; align-items: center; gap: var(--g-space-3); }
  .g-commerce-header, .g-order-detail-header, .g-billing-history-header, .g-refund-status-header, .g-tax-summary-row { justify-content: space-between; }
  .g-commerce-list, .g-product-list, .g-cart, .g-cart-summary, .g-checkout-main, .g-address-selector, .g-shipping-method, .g-pickup-selector, .g-promotion-list, .g-payment-method, .g-order-detail, .g-billing-history, .g-refund-status, .g-tax-summary { display: grid; gap: var(--g-space-4); }

  .g-commerce-product-card { display: grid; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-commerce-product-card .g-product-media { position: relative; aspect-ratio: 4 / 3; }
  .g-product-card-badge { position: absolute; inset-block-start: var(--g-space-3); inset-inline-start: var(--g-space-3); }
  .g-product-card-body { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); }
  .g-product-card-title { margin: 0; font-size: var(--g-font-size-lg); }
  .g-product-card-meta, .g-product-vendor, .g-product-sku, .g-price-note, .g-stock-note, .g-order-meta, .g-billing-period { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-product-card-actions { flex-wrap: wrap; justify-content: space-between; }

  .g-commerce-product-list { display: grid; gap: 0; border-block: 1px solid var(--g-color-border); }
  .g-product-list-item { display: grid; grid-template-columns: 6rem minmax(0, 1fr) auto; gap: var(--g-space-4); align-items: center; padding-block: var(--g-space-4); border-block-end: 1px solid var(--g-color-border); }
  .g-product-list-item:last-child { border-block-end: 0; }
  .g-product-list-media { aspect-ratio: 1; overflow: hidden; border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); }
  .g-product-list-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .g-product-list-main { min-inline-size: 0; }
  .g-product-list-action { text-align: end; }

  .g-commerce-product-detail { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .92fr); gap: clamp(1.5rem, 5vw, 4rem); }
  .g-commerce-product-gallery { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--g-space-3); }
  .g-product-gallery-thumbs { display: grid; align-content: start; gap: var(--g-space-2); }
  .g-product-gallery-thumb { overflow: hidden; aspect-ratio: 1; padding: 0; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface); cursor: pointer; }
  .g-product-gallery-thumb[aria-current="true"] { border-color: var(--g-color-primary); box-shadow: 0 0 0 2px var(--g-focus-ring); }
  .g-product-gallery-stage { overflow: hidden; aspect-ratio: 1; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-product-gallery-stage .g-carousel-track { block-size: 100%; }
  .g-product-gallery-stage :is(.g-carousel-slide, [data-g-carousel-slide]) { display: grid; place-items: center; block-size: 100%; }
  .g-product-gallery-stage img, .g-product-gallery-thumb img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .g-product-detail-summary { align-self: start; display: grid; gap: var(--g-space-5); }
  .g-product-detail-title { margin: 0; font-size: clamp(1.65rem, 4vw, 2.4rem); }

  .g-price-display { flex-wrap: wrap; align-items: baseline; }
  .g-price-current { color: var(--g-color-text); font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 700; }
  .g-price-original { color: var(--g-color-text-muted); text-decoration: line-through; }
  .g-price-discount { color: var(--g-color-danger); font-size: var(--g-font-size-sm); font-weight: 650; }
  .g-stock-status::before { inline-size: .5rem; block-size: .5rem; border-radius: 50%; background: var(--g-color-success); content: ""; }
  .g-stock-status.is-low::before { background: var(--g-color-warning); }
  .g-stock-status.is-out::before { background: var(--g-color-danger); }

  .g-sku-selector { display: grid; gap: var(--g-space-4); }
  .g-sku-group { display: grid; gap: var(--g-space-2); }
  .g-sku-group-header { display: flex; justify-content: space-between; gap: var(--g-space-3); }
  .g-sku-options { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-sku-option { min-block-size: 2.5rem; padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-sm); background: var(--g-color-surface); color: var(--g-color-text); cursor: pointer; }
  .g-sku-option[aria-pressed="true"], .g-sku-option.is-selected { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-on-primary-soft); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-sku-option:disabled, .g-sku-option[aria-disabled="true"] { opacity: .46; cursor: not-allowed; text-decoration: line-through; }
  .g-sku-selection { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-quantity-stepper { display: inline-grid; grid-template-columns: 2.5rem minmax(3rem, auto) 2.5rem; align-items: stretch; }
  .g-quantity-button, .g-quantity-input { min-block-size: 2.5rem; border: 1px solid var(--g-color-border-strong); background: var(--g-color-surface); color: var(--g-color-text); }
  .g-quantity-button { display: grid; place-items: center; padding: 0; border-radius: var(--g-radius-sm); cursor: pointer; }
  .g-quantity-button:first-child { border-start-end-radius: 0; border-end-end-radius: 0; }
  .g-quantity-button:last-child { border-start-start-radius: 0; border-end-start-radius: 0; }
  .g-quantity-input { inline-size: 3.75rem; padding-inline: var(--g-space-2); border-inline: 0; border-radius: 0; text-align: center; appearance: textfield; }
  .g-quantity-input::-webkit-inner-spin-button { appearance: none; }

  .g-commerce-cart-item { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; gap: var(--g-space-4); align-items: start; padding-block: var(--g-space-4); border-block-end: 1px solid var(--g-color-border); }
  .g-cart-item-media { overflow: hidden; aspect-ratio: 1; border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); }
  .g-cart-item-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .g-cart-item-main { display: grid; gap: var(--g-space-2); min-inline-size: 0; }
  .g-cart-item-title { margin: 0; font-size: var(--g-font-size-md); }
  .g-cart-item-variant { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-cart-item-side { display: grid; gap: var(--g-space-3); justify-items: end; }
  .g-cart-item-actions { flex-wrap: wrap; }
  .g-cart-empty { padding: var(--g-space-10) var(--g-space-4); text-align: center; }
  .g-cart-empty[hidden] { display: none; }
  .g-mini-cart { inline-size: min(100%, 24rem); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-lg); }
  .g-mini-cart-list { display: grid; gap: var(--g-space-3); max-block-size: 22rem; overflow: auto; }
  .g-mini-cart-item { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) auto; gap: var(--g-space-3); align-items: center; }
  .g-mini-cart-footer { display: grid; gap: var(--g-space-3); margin-block-start: var(--g-space-4); padding-block-start: var(--g-space-4); border-block-start: 1px solid var(--g-color-border); }
  .g-cart-summary-row, .g-order-summary-row { display: flex; justify-content: space-between; gap: var(--g-space-4); }
  .g-cart-summary-total, .g-order-summary-total { padding-block-start: var(--g-space-3); border-block-start: 1px solid var(--g-color-border); font-size: var(--g-font-size-lg); font-weight: 700; }

  .g-commerce-checkout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem); gap: clamp(1.5rem, 4vw, 3rem); }
  .g-checkout-section { display: grid; gap: var(--g-space-4); padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-checkout-section-header { display: flex; align-items: start; justify-content: space-between; gap: var(--g-space-4); }
  .g-checkout-sidebar { align-self: start; position: sticky; inset-block-start: var(--g-space-4); }
  .g-checkout-mobile-actions { position: sticky; z-index: var(--g-z-sticky); inset-block-end: 0; display: none; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4) max(var(--g-space-3), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); backdrop-filter: blur(12px); }
  .g-checkout-mobile-actions .g-btn { flex: 1; }
  .g-checkout-steps { isolation: isolate; display: grid; grid-template-columns: repeat(var(--g-checkout-step-count, 4), minmax(0, 1fr)); margin-block-end: var(--g-space-5); }
  .g-checkout-step { position: relative; display: grid; justify-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-align: center; }
  .g-checkout-step::before { position: absolute; inset-block-start: .7rem; inset-inline-start: -50%; inset-inline-end: 50%; block-size: 2px; background: var(--g-color-border); content: ""; z-index: -1; }
  .g-checkout-step:first-child::before { display: none; }
  .g-checkout-step-marker { display: grid; place-items: center; inline-size: 1.5rem; block-size: 1.5rem; border: 1px solid var(--g-color-border-strong); border-radius: 50%; background: var(--g-color-surface); }
  .g-checkout-step.is-complete, .g-checkout-step[aria-current="step"] { color: var(--g-color-primary-text); }
  .g-checkout-step.is-complete::before, .g-checkout-step.is-complete .g-checkout-step-marker, .g-checkout-step[aria-current="step"] .g-checkout-step-marker { border-color: var(--g-color-primary); background: var(--g-color-primary); color: var(--g-color-on-primary); }

  .g-address-card, .g-shipping-option, .g-pickup-option, .g-payment-option { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); align-items: start; padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); cursor: pointer; }
  .g-address-card:has(:checked), .g-shipping-option:has(:checked), .g-pickup-option:has(:checked), .g-payment-option:has(:checked), .g-address-card.is-selected, .g-shipping-option.is-selected, .g-pickup-option.is-selected, .g-payment-option.is-selected { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); box-shadow: 0 0 0 1px var(--g-color-primary); }
  :is(.g-address-card, .g-shipping-option, .g-pickup-option, .g-payment-option):is(:has(:checked), .is-selected) :is(.g-address-meta, .g-shipping-meta, .g-pickup-meta, .g-payment-meta) { color: var(--g-color-text); }
  .g-address-main, .g-shipping-main, .g-pickup-main, .g-payment-main { display: grid; gap: var(--g-space-1); min-inline-size: 0; }
  .g-address-meta, .g-shipping-meta, .g-pickup-meta, .g-payment-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-shipping-price, .g-payment-mark { white-space: nowrap; font-weight: 650; }

  .g-coupon { display: grid; gap: var(--g-space-2); }
  .g-coupon-row { align-items: stretch; }
  .g-coupon-row .g-input { flex: 1; min-inline-size: 8rem; }
  .g-coupon-status { min-block-size: 1.25rem; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-coupon.is-applied .g-coupon-status { color: var(--g-color-success); }
  .g-coupon.is-invalid .g-coupon-status { color: var(--g-color-danger); }
  .g-promotion-item { display: flex; gap: var(--g-space-3); padding: var(--g-space-3); border-inline-start: 3px solid var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-promotion-code { flex: none; font-family: var(--g-font-mono); font-weight: 650; }

  .g-invoice-information { display: grid; gap: var(--g-space-4); }
  .g-invoice-type { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-invoice-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-4); }

  .g-payment-method { gap: var(--g-space-3); }
  .g-payment-method-header { justify-content: space-between; }
  .g-payment-brand { display: inline-grid; place-items: center; min-inline-size: 2.8rem; min-block-size: 1.75rem; padding-inline: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface); font-size: var(--g-font-size-xs); font-weight: 700; }
  .g-payment-sheet { display: grid; gap: var(--g-space-4); max-inline-size: 32rem; padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-payment-sheet-total { display: flex; justify-content: space-between; align-items: baseline; padding-block-end: var(--g-space-4); border-block-end: 1px solid var(--g-color-border); }
  .g-payment-result { display: grid; justify-items: center; gap: var(--g-space-4); max-inline-size: 38rem; margin-inline: auto; padding: clamp(2rem, 6vw, 4rem) var(--g-space-5); text-align: center; }
  .g-payment-result-icon { display: grid; place-items: center; inline-size: 3.5rem; block-size: 3.5rem; border-radius: 50%; background: var(--g-color-success-soft); color: var(--g-color-success); font-size: 1.5rem; font-weight: 700; }
  .g-payment-result.is-error .g-payment-result-icon { background: var(--g-color-danger-soft); color: var(--g-color-danger); }
  .g-payment-result.is-pending .g-payment-result-icon { background: var(--g-color-warning-soft); color: var(--g-color-warning); }
  .g-payment-result-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--g-space-3); }

  .g-commerce-order-summary { display: grid; gap: var(--g-space-3); padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-commerce-order-timeline { display: grid; gap: 0; }
  .g-order-timeline-item { position: relative; display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--g-space-3); padding-block-end: var(--g-space-5); }
  .g-order-timeline-item::before { position: absolute; inset-block: 1.25rem 0; inset-inline-start: .57rem; inline-size: 2px; background: var(--g-color-border); content: ""; }
  .g-order-timeline-item:last-child::before { display: none; }
  .g-order-timeline-dot { inline-size: 1.25rem; block-size: 1.25rem; border: 3px solid var(--g-color-surface); border-radius: 50%; background: var(--g-color-border-strong); box-shadow: 0 0 0 1px var(--g-color-border); }
  .g-order-timeline-item.is-complete .g-order-timeline-dot, .g-order-timeline-item[aria-current="step"] .g-order-timeline-dot { background: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-order-timeline-content { display: grid; gap: var(--g-space-1); }
  .g-order-detail-section { padding-block: var(--g-space-4); border-block-start: 1px solid var(--g-color-border); }

  .g-subscription-plan { display: grid; align-content: start; gap: var(--g-space-4); padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-subscription-plan.is-featured { border-color: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-plan-price { display: flex; align-items: baseline; gap: var(--g-space-2); }
  .g-plan-price-value { font-size: clamp(1.8rem, 5vw, 2.6rem); font-weight: 700; }
  .g-plan-features { display: grid; gap: var(--g-space-2); padding: 0; list-style: none; }
  .g-pricing-comparison { inline-size: 100%; border-collapse: separate; border-spacing: 0; }
  .g-pricing-comparison th, .g-pricing-comparison td { padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); text-align: center; }
  .g-pricing-comparison th:first-child, .g-pricing-comparison td:first-child { position: sticky; inset-inline-start: 0; background: var(--g-color-surface); text-align: start; z-index: 1; }
  .g-commerce-usage-meter { display: grid; gap: var(--g-space-2); }
  .g-usage-meter-header { display: flex; justify-content: space-between; gap: var(--g-space-4); }
  .g-usage-meter-track { overflow: hidden; block-size: .55rem; border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); }
  .g-usage-meter-value { inline-size: min(100%, var(--g-usage, 0%)); block-size: 100%; background: var(--g-color-primary); }
  .g-usage-meter.is-warning .g-usage-meter-value { background: var(--g-color-warning); }
  .g-usage-meter.is-danger .g-usage-meter-value { background: var(--g-color-danger); }
  .g-billing-history-item { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(6rem, 1fr) auto auto; gap: var(--g-space-3); align-items: center; padding-block: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-refund-status-progress { display: grid; grid-template-columns: repeat(var(--g-refund-step-count, 3), minmax(0, 1fr)); gap: var(--g-space-2); }
  .g-refund-status-step { block-size: .4rem; border-radius: var(--g-radius-sm); background: var(--g-color-border); }
  .g-refund-status-step.is-complete { background: var(--g-color-primary); }
  .g-tax-summary-row { padding-block: var(--g-space-2); }
  .g-tax-summary-row + .g-tax-summary-row { border-block-start: 1px solid var(--g-color-border); }

  @container g-commerce (max-width: 704px) {
    .g-commerce-product-detail, .g-commerce-checkout { grid-template-columns: minmax(0, 1fr); }
    .g-checkout-sidebar { position: static; }
    .g-checkout-mobile-actions { display: flex; }
  }
  @container g-commerce (max-width: 480px) {
    .g-product-list-item, .g-commerce-cart-item { grid-template-columns: 4rem minmax(0, 1fr); }
    .g-product-list-action, .g-cart-item-side { grid-column: 2; justify-items: start; text-align: start; }
    .g-commerce-product-gallery { grid-template-columns: 1fr; }
    .g-product-gallery-thumbs { grid-row: 2; grid-template-columns: repeat(4, 1fr); }
    .g-invoice-fields { grid-template-columns: 1fr; }
    .g-address-card, .g-shipping-option, .g-pickup-option, .g-payment-option { grid-template-columns: auto minmax(0, 1fr); }
    .g-address-card > :last-child, .g-shipping-option > :last-child, .g-pickup-option > :last-child, .g-payment-option > :last-child { grid-column: 2; }
    .g-billing-history-item { grid-template-columns: 1fr auto; }
  }
  @media (max-width: 704px) {
    .g-commerce-product-detail, .g-commerce-checkout { grid-template-columns: minmax(0, 1fr); }
    .g-checkout-sidebar { position: static; }
    .g-checkout-mobile-actions { display: flex; }
  }
  @media (max-width: 480px) {
    .g-checkout-steps { overflow-x: auto; grid-template-columns: repeat(var(--g-checkout-step-count, 4), minmax(5.5rem, 1fr)); padding-block-end: var(--g-space-2); }
    .g-coupon-row { flex-wrap: wrap; }
    .g-coupon-row .g-btn { flex: 1; }
    .g-payment-result-actions { inline-size: 100%; }
    .g-payment-result-actions .g-btn { flex: 1; }
  }
  [dir="rtl"] .g-product-list-action { text-align: start; }
  @media (prefers-reduced-motion: reduce) { .g-usage-meter-value { transition: none; } }
  @media (forced-colors: active) {
    .g-sku-option[aria-pressed="true"], .g-address-card:has(:checked), .g-shipping-option:has(:checked), .g-pickup-option:has(:checked), .g-payment-option:has(:checked) { outline: 2px solid Highlight; }
    .g-stock-status::before, .g-order-timeline-dot, .g-usage-meter-value { forced-color-adjust: none; }
  }
  @media print {
    .g-product-card-actions, .g-cart-item-actions, .g-coupon, .g-payment-result-actions, .g-checkout-steps, .g-checkout-mobile-actions { display: none !important; }
    .g-commerce-checkout, .g-commerce-product-detail { grid-template-columns: 1fr; }
    .g-checkout-sidebar { position: static; }
    .g-commerce-panel, .g-checkout-section, .g-commerce-order-summary, .g-subscription-plan { break-inside: avoid; box-shadow: none; }
  }
}

@layer gardener.components {
  :where(.g-mobile-safe-shell, .g-mobile-app-bar, .g-mobile-bottom-navigation, .g-mobile-bottom-sheet, .g-mobile-action-sheet, .g-mobile-pull-refresh, .g-mobile-infinite-load, .g-mobile-swipe-actions, .g-mobile-swipe-tabs, .g-mobile-category-view, .g-mobile-filter-sheet, .g-mobile-purchase-bar, .g-mobile-search, .g-mobile-picker, .g-mobile-wheel-picker, .g-mobile-fab, .g-mobile-fullscreen-dialog, .g-mobile-keyboard-avoidance, .g-mobile-gesture-hint, .g-mobile-offline-banner, .g-mobile-segmented-control, .g-mobile-feed, .g-mobile-card-carousel, .g-mobile-form, .g-mobile-auth, .g-mobile-checkout, .g-mobile-media-viewer, .g-mobile-keyboard-toolbar, .g-mobile-selection-mode, .g-mobile-snackbar, .g-mobile-permission-prompt, .g-mobile-state) { box-sizing: border-box; }

  .g-mobile-safe-shell { --g-mobile-bar-size: 3.5rem; position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; inline-size: min(100%, var(--g-mobile-max-width, 32rem)); min-block-size: 100svh; min-block-size: 100dvh; margin-inline: auto; overflow: clip; background: var(--g-color-canvas); color: var(--g-color-text); container: g-mobile-shell / inline-size; }
  .g-mobile-safe-shell.is-contained { min-block-size: var(--g-mobile-contained-size, 42rem); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-mobile-safe-content { min-block-size: 0; overflow: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; padding: var(--g-mobile-content-padding, var(--g-space-4)); }

  .g-mobile-app-bar { position: sticky; z-index: var(--g-z-sticky); inset-block-start: 0; display: grid; grid-template-columns: minmax(2.75rem, auto) minmax(0, 1fr) minmax(2.75rem, auto); align-items: center; min-block-size: calc(var(--g-mobile-bar-size, 3.5rem) + env(safe-area-inset-top)); padding: env(safe-area-inset-top) var(--g-space-2) 0; border-block-end: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); backdrop-filter: blur(12px); }
  .g-mobile-app-bar-start, .g-mobile-app-bar-actions { display: flex; min-inline-size: 2.75rem; align-items: center; gap: var(--g-space-1); }
  .g-mobile-app-bar-actions { justify-content: end; }
  .g-mobile-app-bar-title { min-inline-size: 0; margin: 0; overflow: hidden; font-size: var(--g-font-size-md); font-weight: 650; line-height: 1.25; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
  .g-mobile-app-bar.is-large { grid-template-rows: auto auto; }
  .g-mobile-app-bar.is-large .g-mobile-app-bar-title { grid-column: 1 / -1; padding: var(--g-space-3) var(--g-space-2); font-size: var(--g-font-size-2xl); text-align: start; }

  .g-mobile-bottom-navigation { position: sticky; z-index: var(--g-z-sticky); inset-block-end: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: var(--g-space-1) var(--g-space-2) calc(var(--g-space-1) + env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 96%, transparent); backdrop-filter: blur(12px); }
  .g-mobile-bottom-navigation-item { position: relative; display: grid; min-inline-size: 0; min-block-size: 3.25rem; place-items: center; align-content: center; gap: 2px; padding: var(--g-space-1); border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); text-decoration: none; }
  .g-mobile-bottom-navigation-item:is(.is-active, [aria-current="page"]) { color: var(--g-color-primary-text); font-weight: 650; }
  .g-mobile-bottom-navigation-item:is(.is-active, [aria-current="page"])::before { content: ""; position: absolute; inset-block-start: 0; inline-size: 1.5rem; block-size: 2px; background: var(--g-color-primary); }

  .g-mobile-bottom-sheet, .g-mobile-action-sheet, .g-mobile-filter-sheet { position: fixed; z-index: var(--g-z-dialog); inset: 0; display: grid; align-items: end; padding-block-start: max(var(--g-space-8), env(safe-area-inset-top)); background: rgb(15 23 42 / .38); opacity: 0; transition: opacity var(--g-duration-fast) var(--g-ease-standard); }
  :where(.g-mobile-bottom-sheet, .g-mobile-action-sheet, .g-mobile-filter-sheet).is-open { opacity: 1; }
  :where(.g-mobile-bottom-sheet, .g-mobile-action-sheet, .g-mobile-filter-sheet)[hidden] { display: none; }
  .g-mobile-sheet-panel { inline-size: min(100%, var(--g-mobile-sheet-max-width, 42rem)); max-block-size: min(90dvh, var(--g-mobile-sheet-max-height, 48rem)); margin-inline: auto; overflow: auto; overscroll-behavior: contain; padding: var(--g-space-4) var(--g-space-4) max(var(--g-space-4), env(safe-area-inset-bottom)); border: 1px solid var(--g-color-border); border-block-end: 0; border-radius: var(--g-radius-md) var(--g-radius-md) 0 0; background: var(--g-color-surface); box-shadow: var(--g-shadow-lg); transform: translateY(100%); transition: transform var(--g-duration-fast) var(--g-ease-standard); }
  .is-open > .g-mobile-sheet-panel { transform: translateY(0); }
  .g-mobile-sheet-handle { inline-size: 2.5rem; block-size: .25rem; margin: 0 auto var(--g-space-4); border-radius: var(--g-radius-full); background: var(--g-color-border-strong); }
  .g-mobile-sheet-header, .g-mobile-sheet-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); }
  .g-mobile-sheet-footer { position: sticky; inset-block-end: calc(-1 * var(--g-space-4)); margin: var(--g-space-4) calc(-1 * var(--g-space-4)) calc(-1 * max(var(--g-space-4), env(safe-area-inset-bottom))); padding: var(--g-space-3) var(--g-space-4) max(var(--g-space-3), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-mobile-action-list { display: grid; gap: var(--g-space-1); }
  .g-mobile-action-item { display: flex; min-block-size: 3rem; align-items: center; gap: var(--g-space-3); inline-size: 100%; padding: var(--g-space-3); border: 0; border-radius: var(--g-radius-md); background: transparent; color: inherit; text-align: start; }
  .g-mobile-action-item:is(:hover, :focus-visible) { background: var(--g-color-surface-subtle); }

  .g-mobile-pull-refresh { position: relative; min-block-size: 100%; overscroll-behavior-y: contain; touch-action: pan-y; }
  .g-mobile-pull-refresh-indicator { position: absolute; inset-block-start: 0; inset-inline: 0; display: flex; min-block-size: 3rem; align-items: center; justify-content: center; gap: var(--g-space-2); color: var(--g-color-text-muted); transform: translateY(calc(-100% + var(--g-pull-distance, 0px))); }
  .g-mobile-pull-refresh-content { transform: translateY(var(--g-pull-distance, 0px)); transition: transform var(--g-duration-fast) var(--g-ease-standard); }
  .g-mobile-pull-refresh.is-pulling .g-mobile-pull-refresh-content, .g-mobile-pull-refresh.is-pulling .g-mobile-pull-refresh-indicator { transition: none; }
  .g-mobile-infinite-load { display: grid; justify-items: center; gap: var(--g-space-2); min-block-size: 3.5rem; padding: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-mobile-infinite-load.is-done [data-g-infinite-load-more], .g-mobile-infinite-load:not(.is-loading) .g-spinner { display: none; }

  .g-mobile-swipe-actions { overflow: hidden; border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface); touch-action: pan-y; }
  .g-mobile-swipe-actions-track { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; inline-size: calc(100% + var(--g-swipe-actions-width, 9rem)); transform: translateX(var(--g-swipe-offset, 0)); transition: transform var(--g-duration-fast) var(--g-ease-standard); }
  .g-mobile-swipe-actions.is-revealed .g-mobile-swipe-actions-track { --g-swipe-offset: calc(-1 * var(--g-swipe-actions-width, 9rem)); }
  [dir="rtl"] .g-mobile-swipe-actions.is-revealed .g-mobile-swipe-actions-track { --g-swipe-offset: var(--g-swipe-actions-width, 9rem); }
  .g-mobile-swipe-actions-main, .g-mobile-swipe-actions-buttons { display: flex; min-inline-size: 0; align-items: center; }
  .g-mobile-swipe-actions-main { padding: var(--g-space-3) var(--g-space-4); background: var(--g-color-surface); }
  .g-mobile-swipe-action { min-inline-size: 4.5rem; align-self: stretch; border: 0; color: var(--g-color-on-primary); background: var(--g-color-primary); }
  .g-mobile-swipe-action.is-danger { background: var(--g-color-danger); color: var(--g-color-on-danger, #fff); }

  .g-mobile-swipe-tabs, .g-mobile-segmented-control { display: flex; gap: var(--g-space-1); overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
  .g-mobile-swipe-tab { flex: 0 0 auto; min-block-size: 2.75rem; padding: var(--g-space-2) var(--g-space-3); border: 0; border-block-end: 2px solid transparent; background: transparent; color: var(--g-color-text-muted); scroll-snap-align: start; }
  .g-mobile-swipe-tab[aria-selected="true"] { border-block-end-color: var(--g-color-primary); color: var(--g-color-primary-text); font-weight: 650; }
  .g-mobile-segmented-control { padding: 2px; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-mobile-segmented-item { flex: 1 0 auto; min-block-size: 2.5rem; padding: var(--g-space-2) var(--g-space-3); border: 0; border-radius: calc(var(--g-radius-md) - 1px); background: transparent; color: var(--g-color-text-muted); }
  .g-mobile-segmented-item[aria-pressed="true"] { background: var(--g-color-surface); color: var(--g-color-text); box-shadow: var(--g-shadow-xs); }

  .g-mobile-category-view { display: grid; grid-template-columns: minmax(5.5rem, 28%) minmax(0, 1fr); min-block-size: 100%; background: var(--g-color-surface); }
  .g-mobile-category-rail { overflow-y: auto; border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-mobile-category-link { display: grid; min-block-size: 3.25rem; place-items: center; padding: var(--g-space-2); border-inline-start: 3px solid transparent; color: var(--g-color-text); font-size: var(--g-font-size-sm); text-align: center; text-decoration: none; }
  .g-mobile-category-link:is(.is-active, [aria-current="page"]) { border-inline-start-color: var(--g-color-primary); background: var(--g-color-surface); color: var(--g-color-primary-text); font-weight: 650; }
  .g-mobile-category-content { min-inline-size: 0; padding: var(--g-space-4); }
  .g-mobile-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-4) var(--g-space-2); }
  .g-mobile-category-item { display: grid; min-inline-size: 0; justify-items: center; gap: var(--g-space-2); font-size: var(--g-font-size-xs); text-align: center; }

  .g-mobile-purchase-bar, .g-mobile-keyboard-toolbar, .g-mobile-selection-mode { position: sticky; z-index: var(--g-z-sticky); inset-block-end: 0; display: flex; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4) max(var(--g-space-3), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 96%, transparent); backdrop-filter: blur(12px); }
  .g-mobile-purchase-main, .g-mobile-selection-main { min-inline-size: 0; flex: 1; }
  .g-mobile-purchase-actions, .g-mobile-selection-actions { display: flex; gap: var(--g-space-2); }
  .g-mobile-keyboard-toolbar { inset-block-end: var(--g-keyboard-offset, 0px); justify-content: space-between; padding-block-end: var(--g-space-2); }

  .g-mobile-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); }
  .g-mobile-search-field { position: relative; min-inline-size: 0; }
  .g-mobile-search-field > .g-input { min-block-size: 2.75rem; padding-inline-start: 2.5rem; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-mobile-search-icon { position: absolute; inset-block-start: 50%; inset-inline-start: var(--g-space-3); color: var(--g-color-text-muted); transform: translateY(-50%); pointer-events: none; }
  .g-mobile-search-field > [data-g-clear] { position: absolute; inset-block-start: 50%; inset-inline-end: var(--g-space-1); min-inline-size: 2.25rem; min-block-size: 2.25rem; transform: translateY(-50%); }
  .g-mobile-search-field:has(> [data-g-clear]) > .g-input { padding-inline-end: 2.75rem; }

  .g-mobile-picker { display: grid; gap: var(--g-space-3); }
  .g-mobile-picker-grid { display: grid; grid-template-columns: repeat(var(--g-mobile-picker-columns, 3), minmax(0, 1fr)); gap: var(--g-space-2); }
  .g-mobile-picker-option { min-block-size: 2.75rem; padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: inherit; }
  .g-mobile-picker-option[aria-pressed="true"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-mobile-wheel-picker { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); block-size: var(--g-wheel-height, 12rem); overflow: hidden; border-block: 1px solid var(--g-color-border); }
  .g-mobile-wheel-picker::before { content: ""; position: absolute; z-index: 1; inset: calc(50% - 1.5rem) 0 auto; block-size: 3rem; border-block: 1px solid var(--g-color-border-strong); background: var(--g-color-primary-soft); pointer-events: none; }
  .g-mobile-wheel-column { position: relative; z-index: 2; overflow-y: auto; scroll-snap-type: y mandatory; scrollbar-width: none; padding-block: calc(50% - 1.5rem); }
  .g-mobile-wheel-option { display: grid; block-size: 3rem; place-items: center; border: 0; background: transparent; color: var(--g-color-text-muted); scroll-snap-align: center; }
  .g-mobile-wheel-option[aria-selected="true"] { color: var(--g-color-text); font-weight: 650; }

  .g-mobile-fab { position: fixed; z-index: var(--g-z-sticky); inset-inline-end: max(var(--g-space-4), env(safe-area-inset-right)); inset-block-end: max(var(--g-space-4), calc(env(safe-area-inset-bottom) + var(--g-mobile-bottom-offset, 0px))); display: inline-grid; min-inline-size: 3.5rem; min-block-size: 3.5rem; place-items: center; padding: var(--g-space-3); border: 0; border-radius: var(--g-radius-md); background: var(--g-color-primary); color: var(--g-color-on-primary); box-shadow: var(--g-shadow-md); }
  .g-mobile-fullscreen-dialog { position: fixed; z-index: var(--g-z-dialog); inset: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; inline-size: 100%; block-size: 100dvh; background: var(--g-color-surface); }
  .g-mobile-fullscreen-dialog[hidden] { display: none; }
  .g-mobile-keyboard-avoidance { min-block-size: 0; padding-block-end: var(--g-keyboard-offset, 0px); scroll-padding-block-end: calc(var(--g-keyboard-offset, 0px) + 5rem); transition: padding-block-end var(--g-duration-fast) var(--g-ease-standard); }
  .g-mobile-gesture-hint { display: flex; align-items: center; justify-content: center; gap: var(--g-space-2); padding: var(--g-space-2) max(var(--g-space-3), env(safe-area-inset-right)) max(var(--g-space-2), env(safe-area-inset-bottom)) max(var(--g-space-3), env(safe-area-inset-left)); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-mobile-gesture-hint-line { inline-size: 4rem; block-size: .25rem; border-radius: var(--g-radius-full); background: var(--g-color-border-strong); }

  .g-mobile-offline-banner, .g-mobile-snackbar { display: flex; align-items: center; gap: var(--g-space-2); padding: var(--g-space-3) var(--g-space-4); border: 1px solid var(--g-color-border); background: var(--g-color-surface); color: var(--g-color-text); }
  .g-mobile-offline-banner { position: sticky; z-index: var(--g-z-sticky); inset-block-start: 0; justify-content: center; border-inline: 0; background: var(--g-color-warning-soft); color: var(--g-color-warning); font-size: var(--g-font-size-sm); }
  .g-mobile-snackbar { position: fixed; z-index: var(--g-z-toast); inset-inline: max(var(--g-space-3), env(safe-area-inset-left)) max(var(--g-space-3), env(safe-area-inset-right)); inset-block-end: max(var(--g-space-3), calc(env(safe-area-inset-bottom) + var(--g-mobile-bottom-offset, 0px))); inline-size: min(calc(100% - 1.5rem), 30rem); margin-inline: auto; box-shadow: var(--g-shadow-md); }
  .g-mobile-snackbar-main { min-inline-size: 0; flex: 1; }

  .g-mobile-feed { display: grid; gap: var(--g-mobile-feed-gap, var(--g-space-3)); }
  .g-mobile-feed-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-mobile-feed-main { min-inline-size: 0; }
  .g-mobile-card-carousel { display: grid; grid-auto-flow: column; grid-auto-columns: min(84%, 20rem); gap: var(--g-space-3); overflow-x: auto; padding-inline: var(--g-space-4); scroll-padding-inline: var(--g-space-4); scroll-snap-type: x mandatory; scrollbar-width: none; }
  .g-mobile-card-carousel > * { scroll-snap-align: start; }

  .g-mobile-form, .g-mobile-auth, .g-mobile-checkout { display: grid; gap: var(--g-space-4); inline-size: 100%; padding: var(--g-space-4); background: var(--g-color-surface); }
  .g-mobile-form-actions, .g-mobile-auth-actions, .g-mobile-checkout-actions { display: grid; gap: var(--g-space-2); }
  .g-mobile-form-actions > .g-btn, .g-mobile-auth-actions > .g-btn, .g-mobile-checkout-actions > .g-btn { inline-size: 100%; min-block-size: 3rem; }
  .g-mobile-auth { min-block-size: 100dvh; align-content: center; padding-block: max(var(--g-space-8), env(safe-area-inset-top)) max(var(--g-space-8), env(safe-area-inset-bottom)); }
  .g-mobile-checkout-summary { position: sticky; inset-block-end: 0; margin-inline: calc(-1 * var(--g-space-4)); padding: var(--g-space-3) var(--g-space-4) max(var(--g-space-3), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }

  .g-mobile-media-viewer { position: fixed; z-index: var(--g-z-dialog); inset: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: var(--g-color-canvas); }
  .g-mobile-media-viewer-stage { display: grid; min-block-size: 0; place-items: center; overflow: auto; overscroll-behavior: contain; touch-action: pan-x pan-y pinch-zoom; }
  .g-mobile-media-viewer-stage > :is(img, video, canvas) { max-inline-size: 100%; max-block-size: 100%; object-fit: contain; }
  .g-mobile-media-viewer-tools { display: flex; justify-content: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3) max(var(--g-space-2), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }

  .g-mobile-permission-prompt, .g-mobile-state { display: grid; justify-items: center; align-content: center; gap: var(--g-space-3); min-block-size: var(--g-mobile-state-min-height, 18rem); padding: var(--g-space-6) var(--g-space-4); text-align: center; }
  .g-mobile-permission-icon, .g-mobile-state-icon { display: grid; inline-size: 3.5rem; block-size: 3.5rem; place-items: center; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); color: var(--g-color-primary-text); }
  .g-mobile-permission-actions, .g-mobile-state-actions { display: grid; gap: var(--g-space-2); inline-size: min(100%, 22rem); }

  @container g-mobile-shell (max-width: 22rem) {
    .g-mobile-app-bar { grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem; }
    .g-mobile-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .g-mobile-purchase-bar { align-items: stretch; flex-direction: column; }
    .g-mobile-purchase-actions > .g-btn { flex: 1; }
  }

  @media (hover: none), (pointer: coarse) {
    :where(.g-mobile-app-bar, .g-mobile-bottom-navigation, .g-mobile-action-sheet, .g-mobile-picker, .g-mobile-selection-mode) :where(button, a, input, select) { min-block-size: 2.75rem; min-height: 2.75rem; }
    :where(.g-mobile-app-bar, .g-mobile-bottom-navigation, .g-mobile-action-sheet, .g-mobile-picker, .g-mobile-selection-mode) :where(button, a) { min-inline-size: 2.75rem; min-width: 2.75rem; }
    .g-mobile-app-bar .g-btn-icon { min-block-size: 2.75rem; min-inline-size: 2.75rem; min-height: 2.75rem; min-width: 2.75rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .g-mobile-sheet-panel, .g-mobile-bottom-sheet, .g-mobile-action-sheet, .g-mobile-filter-sheet, .g-mobile-pull-refresh-content, .g-mobile-swipe-actions-track, .g-mobile-keyboard-avoidance { transition: none; }
  }
  @media (forced-colors: active) {
    .g-mobile-bottom-navigation-item[aria-current="page"], .g-mobile-swipe-tab[aria-selected="true"], .g-mobile-segmented-item[aria-pressed="true"], .g-mobile-picker-option[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
    .g-mobile-sheet-handle, .g-mobile-gesture-hint-line { background: CanvasText; }
  }
  @media print {
    .g-mobile-app-bar, .g-mobile-bottom-navigation, .g-mobile-purchase-bar, .g-mobile-keyboard-toolbar, .g-mobile-selection-mode, .g-mobile-fab, .g-mobile-gesture-hint, .g-mobile-snackbar, .g-mobile-offline-banner { display: none !important; }
    .g-mobile-safe-shell, .g-mobile-fullscreen-dialog, .g-mobile-media-viewer { position: static; display: block; inline-size: auto; min-block-size: 0; block-size: auto; overflow: visible; border: 0; }
    .g-mobile-safe-content { overflow: visible; padding: 0; }
    .g-mobile-card-carousel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding: 0; }
  }
}

@layer gardener.components {
  /* Date, time and structured form controls */
  .g-date-picker { width: min(21rem, calc(100vw - 2rem)); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-calendar-header { display: flex; min-height: var(--g-control-height-md); align-items: center; justify-content: space-between; gap: var(--g-space-2); margin-block-end: var(--g-space-2); }
  .g-calendar-title { font-weight: 650; }
  .g-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
  .g-calendar-weekday { display: grid; min-height: 2rem; place-items: center; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 600; }
  .g-calendar-day { display: grid; aspect-ratio: 1; min-width: 2rem; place-items: center; border: 0; border-radius: var(--g-radius-md); background: transparent; color: var(--g-color-text); cursor: pointer; }
  .g-calendar-day:hover { background: var(--g-color-surface-subtle); }
  .g-calendar-day:is([aria-selected="true"], .is-selected) { background: var(--g-color-primary); color: var(--g-color-on-primary); }
  .g-calendar-day.is-in-range { border-radius: 0; background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-calendar-day.is-outside { color: var(--g-color-text-subtle); }
  .g-calendar-day:disabled { opacity: 0.35; }
  .g-time-picker { display: flex; align-items: center; gap: var(--g-space-2); }
  .g-pin-input { display: flex; gap: var(--g-space-2); }
  .g-pin-input > .g-input { inline-size: 2.75rem; padding-inline: 0; text-align: center; font-size: var(--g-font-size-xl); font-variant-numeric: tabular-nums; }
  .g-rating { display: inline-flex; gap: var(--g-space-1); color: var(--g-color-warning); }
  .g-rating-item { padding: 0; border: 0; background: transparent; color: inherit; font-size: var(--g-font-size-xl); cursor: pointer; }
  .g-transfer { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: var(--g-space-3); align-items: center; }
  .g-transfer-list { min-height: 14rem; overflow: auto; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-validation-summary { padding: var(--g-space-4); border-inline-start: 3px solid var(--g-color-danger); background: var(--g-color-danger-soft); color: var(--g-color-danger); }

  /* Advanced navigation and onboarding */
  .g-mega-menu { position: absolute; z-index: var(--g-z-dropdown); inset: 100% 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--g-space-6); padding: var(--g-space-6) var(--g-space-page-x); border-block: 1px solid var(--g-color-border); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-anchor-nav { position: sticky; inset-block-start: calc(var(--g-header-height) + var(--g-space-4)); display: grid; gap: var(--g-space-1); border-inline-start: 1px solid var(--g-color-border); }
  .g-anchor-link { padding: var(--g-space-1) var(--g-space-3); border-inline-start: 2px solid transparent; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-decoration: none; }
  .g-anchor-link[aria-current="true"] { border-inline-start-color: var(--g-color-primary); color: var(--g-color-primary-text); }
  .g-back-to-top { position: fixed; z-index: var(--g-z-sticky); inset-block: auto calc(var(--g-space-4) + env(safe-area-inset-bottom)); inset-inline: auto var(--g-space-4); }
  .g-back-to-top[hidden] { display: none; }

  .g-fullscreen-target:fullscreen { width: 100%; height: 100%; overflow: auto; background: var(--g-color-canvas); }
  .g-image-crop { display: grid; grid-template-rows: minmax(16rem, 1fr) auto; min-height: 24rem; overflow: hidden; border: 1px solid var(--g-color-border); background: var(--g-color-surface-sunken); }
  .g-image-crop-stage { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; background-image: linear-gradient(45deg, var(--g-color-surface-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--g-color-surface-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--g-color-surface-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--g-color-surface-subtle) 75%); background-size: 1rem 1rem; background-position: 0 0, 0 .5rem, .5rem -.5rem, -.5rem 0; }
  .g-image-crop-selection { position: absolute; border: 2px solid #fff; outline: 9999px solid rgb(0 0 0 / .55); box-shadow: 0 0 0 1px rgb(0 0 0 / .5); }
  .g-image-crop-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-3); background: var(--g-color-surface); border-top: 1px solid var(--g-color-border); }
  .g-tour { position: fixed; z-index: var(--g-z-tooltip); width: min(22rem, calc(100vw - 2rem)); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-xl); }
  .g-tour-progress { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-spotlight { position: fixed; z-index: var(--g-z-overlay); border-radius: var(--g-radius-lg); box-shadow: 0 0 0 9999px var(--g-color-overlay); pointer-events: none; }

  /* Planning and high-density data shells */
  .g-virtual-list { position: relative; min-height: 0; overflow: auto; contain: strict; }
  .g-virtual-list-content { position: relative; height: var(--g-virtual-height, auto); }
  .g-virtual-list-item { position: absolute; inset-inline: 0; transform: translateY(var(--g-item-offset, 0)); }
  .g-kanban { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(17rem, 21rem); gap: var(--g-space-4); min-height: 0; overflow-x: auto; align-items: start; }
  .g-kanban-column { display: grid; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-subtle); }
  .g-kanban-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); font-weight: 650; }
  .g-kanban-card { padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-xs); }
  .g-kanban-card.is-dragging { opacity: 0.65; box-shadow: var(--g-shadow-lg); transform: rotate(1deg); }
  .g-gantt { display: grid; min-width: 48rem; border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-gantt-row { display: grid; grid-template-columns: 14rem minmax(34rem, 1fr); min-height: 2.5rem; border-bottom: 1px solid var(--g-color-border); }
  .g-gantt-label { padding: var(--g-space-2) var(--g-space-3); border-inline-end: 1px solid var(--g-color-border); }
  .g-gantt-track { position: relative; background-image: linear-gradient(to right, var(--g-color-border) 1px, transparent 1px); background-size: var(--g-gantt-unit, 3rem) 100%; }
  [dir="rtl"] .g-gantt-track { background-image: linear-gradient(to left, var(--g-color-border) 1px, transparent 1px); }
  .g-gantt-bar { position: absolute; inset-block: 0.5rem; inset-inline-start: var(--g-gantt-start, 0); width: var(--g-gantt-width, 20%); border-radius: var(--g-radius-sm); background: var(--g-color-primary); }
  .g-query-builder { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-query-rule { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(7rem, 0.7fr) minmax(10rem, 1fr) auto; gap: var(--g-space-2); align-items: center; }

  /* Media and document presentation */
  .g-carousel { position: relative; overflow: hidden; }
  .g-carousel-track { display: flex; transition: transform var(--g-duration-slow) var(--g-ease-standard); transform: translateX(calc(var(--g-slide-index, 0) * -100%)); }
  [dir="rtl"] .g-carousel-track { transform: translateX(calc(var(--g-slide-index, 0) * 100%)); }
  .g-carousel-slide { min-width: 100%; }
  .g-carousel-control { position: absolute; z-index: 1; inset-block-start: 50%; transform: translateY(-50%); }
  .g-carousel-prev { inset-inline-start: var(--g-space-3); }
  .g-carousel-next { inset-inline-end: var(--g-space-3); }
  .g-carousel-dots { position: absolute; inset: auto 0 var(--g-space-3); display: flex; justify-content: center; gap: var(--g-space-2); }
  .g-carousel-dot { position: relative; inline-size: 1.5rem; block-size: 1.5rem; padding: 0.5rem; border: 0; border-radius: 50%; background: transparent; }
  .g-carousel-dot::before { content: ""; display: block; inline-size: 0.5rem; block-size: 0.5rem; border-radius: 50%; background: var(--g-color-border-strong); }
  .g-carousel-dot[aria-current="true"]::before { background: var(--g-color-primary); }
  .g-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: var(--g-space-2); }
  .g-gallery-item { overflow: hidden; aspect-ratio: 1; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--g-duration-slow); }
  .g-gallery-item:hover img { transform: scale(1.035); }
  .g-lightbox { position: fixed; z-index: var(--g-z-dialog); inset: 0; display: grid; place-items: center; padding: var(--g-space-4); background: rgb(0 0 0 / 0.9); }
  .g-lightbox-media { max-width: 100%; max-height: 90dvh; object-fit: contain; }
  .g-media-player { overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: #080d14; color: #fff; }
  .g-media-controls { display: flex; align-items: center; gap: var(--g-space-3); min-height: 3rem; padding-inline: var(--g-space-3); background: rgb(0 0 0 / 0.78); }
  .g-document-viewer { display: grid; min-height: 30rem; grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr); border: 1px solid var(--g-color-border); background: var(--g-color-surface-sunken); }
  .g-document-thumbnails { overflow-y: auto; border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-document-page { width: min(100% - 2rem, 52rem); margin: var(--g-space-4) auto; background: #fff; box-shadow: var(--g-shadow-md); }

  /* Direct manipulation */
  .g-split-pane { display: flex; min-width: 0; min-height: 0; }
  .g-split-pane[data-g-orientation="vertical"] { flex-direction: column; }
  .g-split-panel { min-width: 0; min-height: 0; overflow: auto; }
  .g-split-handle { flex: 0 0 5px; background: var(--g-color-border); cursor: col-resize; touch-action: none; }
  .g-split-pane[data-g-orientation="vertical"] > .g-split-handle { cursor: row-resize; }
  .g-split-handle:hover, .g-split-handle.is-dragging { background: var(--g-color-primary); }
  .g-sortable-item { position: relative; touch-action: manipulation; }
  .g-sortable-item.is-dragging { z-index: 1; opacity: 0.7; box-shadow: var(--g-shadow-lg); }
  .g-drop-zone.is-over { outline: 2px dashed var(--g-color-primary); outline-offset: -3px; background: var(--g-color-primary-soft); }
  .g-infinite-status, .g-pull-refresh { display: flex; min-height: 3rem; align-items: center; justify-content: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-resizable { resize: both; overflow: auto; }

  /* Commerce primitives */
  .g-price { display: inline-flex; align-items: baseline; gap: var(--g-space-2); font-variant-numeric: tabular-nums; }
  .g-price-current { color: var(--g-color-text); font-size: var(--g-font-size-2xl); font-weight: 700; }
  .g-price-original { color: var(--g-color-text-muted); text-decoration: line-through; }
  .g-product-card { display: grid; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-product-media { aspect-ratio: 1; overflow: hidden; background: var(--g-color-surface-subtle); }
  .g-product-media img { width: 100%; height: 100%; object-fit: cover; }
  .g-product-body { display: grid; gap: var(--g-space-2); padding: var(--g-space-4); }
  .g-cart-item { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; gap: var(--g-space-4); padding-block: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-quantity { display: inline-flex; align-items: stretch; }
  .g-quantity-value { inline-size: 3rem; border: 1px solid var(--g-color-border-strong); border-inline-width: 0; text-align: center; }
  .g-order-status { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  @media (max-width: 767.98px) {
    .g-transfer { grid-template-columns: 1fr; }
    .g-transfer-actions { display: flex; justify-content: center; }
    .g-query-rule { grid-template-columns: 1fr; }
    .g-document-viewer { grid-template-columns: 1fr; }
    .g-document-thumbnails { display: none; }
    .g-cart-item { grid-template-columns: 4rem minmax(0, 1fr); }
    .g-cart-item > :last-child { grid-column: 2; }
  }
}

@layer gardener.components {
  /* Shared page-heading contract */
  :is(.g-page-header, .g-section-header, .g-subheader) { min-inline-size: 0; color: var(--g-color-text); }
  .g-page-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "main actions" "meta actions"; gap: var(--g-space-3) var(--g-space-6); align-items: start; padding-block: var(--g-page-header-padding, var(--g-space-6)); border-block-end: 1px solid var(--g-color-border); }
  .g-page-header-main { grid-area: main; min-inline-size: 0; }
  .g-page-header-eyebrow { margin-block-end: var(--g-space-2); color: var(--g-color-primary-text); font-size: var(--g-font-size-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  .g-page-header-title { margin: 0; font-size: clamp(var(--g-font-size-2xl), 4vw, var(--g-font-size-4xl)); line-height: 1.15; text-wrap: balance; }
  .g-page-header-description { max-inline-size: var(--g-page-description-max, 52rem); margin-block-start: var(--g-space-2); color: var(--g-color-text-muted); line-height: 1.65; }
  .g-page-header-meta { grid-area: meta; display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: center; gap: var(--g-space-2) var(--g-space-4); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-page-header-actions { grid-area: actions; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--g-space-2); }
  .g-page-header.is-compact { --g-page-header-padding: var(--g-space-4); }
  .g-page-header.is-centered { grid-template: "main" auto "meta" auto "actions" auto / minmax(0, 1fr); text-align: center; }
  .g-page-header.is-centered :is(.g-page-header-description, .g-page-header-meta, .g-page-header-actions) { margin-inline: auto; justify-content: center; }
  .g-page-header.is-sticky { position: sticky; z-index: var(--g-z-sticky); inset-block-start: var(--g-page-header-offset, 0); padding-inline: var(--g-space-page-x); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); backdrop-filter: blur(10px); }

  .g-section-header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--g-space-3) var(--g-space-5); padding-block: var(--g-section-header-padding, var(--g-space-4)); border-block-end: 1px solid var(--g-color-border); }
  .g-section-header-main { min-inline-size: min(100%, 18rem); flex: 1 1 24rem; }
  .g-section-header-title { margin: 0; font-size: var(--g-font-size-xl); line-height: 1.3; text-wrap: balance; }
  .g-section-header-description { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-section-header-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-section-header.is-borderless { border-block-end: 0; }

  .g-subheader { display: flex; min-block-size: var(--g-subheader-height, 2.75rem); flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-2) var(--g-space-4); padding: var(--g-space-2) var(--g-space-4); border-block: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-subheader-title { color: var(--g-color-text); font-weight: 650; }
  .g-subheader-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); }

  /* Toolbars and application bars */
  :is(.g-toolbar, .g-action-bar, .g-status-bar, .g-command-bar, .g-context-bar, .g-filter-bar, .g-bulk-action-bar, .g-footer-bar) { min-inline-size: 0; }
  .g-toolbar { display: flex; min-block-size: var(--g-toolbar-height, var(--g-control-height-lg)); flex-wrap: wrap; align-items: center; gap: var(--g-toolbar-gap, var(--g-space-2)); padding: var(--g-toolbar-padding-y, var(--g-space-2)) var(--g-toolbar-padding-x, var(--g-space-3)); border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-toolbar-start, .g-toolbar-center, .g-toolbar-end { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: center; gap: var(--g-toolbar-gap, var(--g-space-2)); }
  .g-toolbar-center { flex: 1 1 auto; justify-content: center; }
  .g-toolbar-end { margin-inline-start: auto; justify-content: flex-end; }
  .g-toolbar-title { overflow: hidden; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
  .g-toolbar-separator { align-self: stretch; inline-size: 1px; min-block-size: 1.5rem; background: var(--g-color-border); }
  .g-toolbar.is-compact { --g-toolbar-height: var(--g-control-height-md); --g-toolbar-padding-y: var(--g-space-1); }
  .g-toolbar.is-sticky { position: sticky; z-index: var(--g-z-sticky); inset-block-start: var(--g-toolbar-offset, 0); }
  .g-toolbar.is-scrollable { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; }
  .g-toolbar.is-scrollable > * { flex: 0 0 auto; }

  .g-action-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--g-space-2); padding-block: var(--g-space-3); border-block-start: 1px solid var(--g-color-border); }
  .g-action-bar-main { margin-inline-end: auto; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-action-bar.is-surface { padding-inline: var(--g-space-4); background: var(--g-color-surface); }

  .g-status-bar { display: flex; min-block-size: var(--g-status-bar-height, 1.75rem); align-items: center; gap: var(--g-space-3); padding-inline: var(--g-space-3); overflow: hidden; border-block-start: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); white-space: nowrap; }
  .g-status-bar-section { display: inline-flex; min-inline-size: 0; align-items: center; gap: var(--g-space-1); }
  .g-status-bar-section.is-end { margin-inline-start: auto; }
  .g-status-bar-text { overflow: hidden; text-overflow: ellipsis; }

  .g-command-bar { display: flex; min-block-size: var(--g-command-bar-height, var(--g-control-height-md)); align-items: center; gap: var(--g-space-1); padding: var(--g-space-1) var(--g-space-2); overflow-x: auto; border-block: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-command-bar-group { display: inline-flex; align-items: center; gap: var(--g-space-1); }
  .g-command-bar-group + .g-command-bar-group { margin-inline-start: var(--g-space-2); padding-inline-start: var(--g-space-2); border-inline-start: 1px solid var(--g-color-border); }
  .g-command-bar-item { display: inline-flex; min-block-size: var(--g-control-height-sm); align-items: center; gap: var(--g-space-1); padding-inline: var(--g-space-2); border: 0; border-radius: var(--g-radius-sm); background: transparent; color: inherit; font: inherit; white-space: nowrap; cursor: pointer; }
  .g-command-bar-item:is(:hover, [aria-expanded="true"], [aria-pressed="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-command-bar-shortcut { color: var(--g-color-text-subtle); font-size: var(--g-font-size-xs); }

  .g-context-bar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-4); border: 1px solid var(--g-color-border); border-inline-start: .2rem solid var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-text); font-size: var(--g-font-size-sm); }
  .g-context-bar-content { min-inline-size: 0; }
  .g-context-bar-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-context-bar.is-info { border-inline-start-color: var(--g-color-info); background: var(--g-color-info-soft); }
  .g-context-bar.is-success { border-inline-start-color: var(--g-color-success); background: var(--g-color-success-soft); }
  .g-context-bar.is-warning { border-inline-start-color: var(--g-color-warning); background: var(--g-color-warning-soft); }
  .g-context-bar.is-danger { border-inline-start-color: var(--g-color-danger); background: var(--g-color-danger-soft); }

  .g-filter-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-filter-bar-main { display: flex; min-inline-size: min(100%, 16rem); flex: 1 1 auto; flex-wrap: wrap; align-items: flex-end; gap: var(--g-space-3); }
  .g-filter-bar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); }
  .g-filter-bar.is-sticky { position: sticky; z-index: var(--g-z-sticky); inset-block-start: var(--g-filter-bar-offset, 0); }

  .g-bulk-action-bar { display: flex; min-block-size: var(--g-control-height-lg); flex-wrap: wrap; align-items: center; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-4); border: 1px solid var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-bulk-action-bar.is-empty, .g-bulk-action-bar[hidden] { display: none; }
  .g-bulk-action-count { font-weight: 700; }
  .g-bulk-action-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); margin-inline-start: auto; }

  .g-footer-bar { display: flex; min-block-size: var(--g-footer-bar-height, var(--g-control-height-lg)); flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4); border-block-start: 1px solid var(--g-color-border); background: var(--g-color-surface); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-footer-bar-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }

  .g-floating-action-bar { position: fixed; z-index: var(--g-z-sticky); inset-inline-start: 50%; inset-block-end: max(var(--g-space-4), env(safe-area-inset-bottom)); display: flex; max-inline-size: calc(100vw - 2 * var(--g-space-4)); flex-wrap: wrap; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); transform: translateX(-50%); }
  [dir="rtl"] .g-floating-action-bar { transform: translateX(50%); }
  .g-floating-action-bar.is-end { inset-inline: auto max(var(--g-space-4), env(safe-area-inset-right)); transform: none; }
  .g-floating-action-bar.is-contained { position: absolute; }

  .g-sticky-actions { position: sticky; z-index: var(--g-z-sticky); inset-block-end: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--g-space-2); padding: var(--g-space-3) var(--g-space-4); border-block-start: 1px solid var(--g-color-border); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); backdrop-filter: blur(10px); }
  .g-sticky-actions-main { margin-inline-end: auto; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  /* Divider with text extends the existing divider. */
  .g-divider-text { flex: 0 0 auto; }
  .g-divider.is-start::before, .g-divider.is-end::after { flex: 0 0 var(--g-divider-edge, var(--g-space-8)); }
  .g-divider.is-vertical { display: inline-flex; min-block-size: var(--g-divider-height, 1.5rem); flex-direction: column; align-self: stretch; }
  .g-divider.is-vertical::before, .g-divider.is-vertical::after { border-block-start: 0; border-inline-start: 1px solid var(--g-color-border); }

  /* Back to top keeps the existing runtime contract. */
  .g-back-to-top { inset-block: auto max(var(--g-space-4), env(safe-area-inset-bottom)); inset-inline: auto max(var(--g-space-4), env(safe-area-inset-right)); }
  .g-back-to-top.is-contained { position: absolute; }

  /* Loading, empty and error/result pages */
  .g-page-loading { display: grid; min-block-size: var(--g-page-state-min, 18rem); place-items: center; padding: var(--g-space-8); text-align: center; }
  .g-page-loading-content { display: grid; max-inline-size: 28rem; justify-items: center; gap: var(--g-space-3); }
  .g-page-loading-title { font-weight: 650; }
  .g-page-loading-description { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-page-loading.is-full { min-block-size: 100dvh; }
  .g-page-loading.is-overlay { position: absolute; z-index: var(--g-z-overlay); inset: 0; min-block-size: 0; background: color-mix(in srgb, var(--g-color-surface) 88%, transparent); backdrop-filter: blur(3px); }

  :is(.g-page-state, .g-page-empty, .g-page-error, .g-page-forbidden, .g-page-not-found, .g-page-server-error, .g-page-offline, .g-page-maintenance) { display: grid; min-block-size: var(--g-page-state-min, 24rem); place-items: center; padding: var(--g-space-8) var(--g-space-page-x); text-align: center; }
  .g-page-state-content { display: grid; inline-size: min(100%, var(--g-page-state-max, 36rem)); justify-items: center; gap: var(--g-space-3); }
  .g-page-state-visual { display: grid; inline-size: var(--g-page-state-visual-size, 5rem); block-size: var(--g-page-state-visual-size, 5rem); place-items: center; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-subtle); color: var(--g-color-primary-text); font-size: var(--g-font-size-2xl); font-weight: 750; }
  .g-page-state-code { color: var(--g-color-primary-text); font: 750 clamp(2.5rem, 10vw, 5rem)/1 var(--g-font-mono); letter-spacing: -.06em; }
  .g-page-state-title { margin: 0; font-size: clamp(var(--g-font-size-xl), 4vw, var(--g-font-size-3xl)); text-wrap: balance; }
  .g-page-state-description { max-inline-size: 48ch; color: var(--g-color-text-muted); line-height: 1.65; }
  .g-page-state-details { inline-size: 100%; margin-block-start: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); font: var(--g-font-size-xs)/1.6 var(--g-font-mono); text-align: start; overflow-wrap: anywhere; }
  .g-page-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--g-space-2); margin-block-start: var(--g-space-2); }
  .g-page-state-help { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  :is(.g-page-error, .g-page-server-error) .g-page-state-visual { background: var(--g-color-danger-soft); color: var(--g-color-danger); }
  .g-page-forbidden .g-page-state-visual { background: var(--g-color-warning-soft); color: var(--g-color-warning); }
  .g-page-offline .g-page-state-visual { background: var(--g-color-info-soft); color: var(--g-color-info); }
  .g-page-maintenance .g-page-state-visual { background: var(--g-color-primary-soft); }

  .g-page-component-container { container-name: g-page-component; container-type: inline-size; }
  @container g-page-component (max-width: 39.999rem) {
    .g-page-header { grid-template: "main" auto "meta" auto "actions" auto / minmax(0, 1fr); }
    .g-page-header-actions { justify-content: flex-start; }
    .g-toolbar-center { order: 3; flex-basis: 100%; justify-content: flex-start; }
    .g-context-bar { grid-template-columns: auto minmax(0, 1fr); }
    .g-context-bar-actions { grid-column: 1 / -1; }
  }

  @media (max-width: 39.999rem) {
    .g-page-header { grid-template: "main" auto "meta" auto "actions" auto / minmax(0, 1fr); }
    .g-page-header-actions { justify-content: flex-start; }
    .g-toolbar-center { order: 3; flex-basis: 100%; justify-content: flex-start; }
    .g-context-bar { grid-template-columns: auto minmax(0, 1fr); }
    .g-context-bar-actions { grid-column: 1 / -1; }
    .g-floating-action-bar { inline-size: calc(100% - 2 * var(--g-space-4)); justify-content: center; }
    .g-sticky-actions > .g-btn, .g-footer-bar-actions { flex: 1 1 auto; }
    .g-page-state-actions { inline-size: 100%; }
    .g-page-state-actions > :is(.g-btn, a) { flex: 1 1 auto; }
  }

  @media print {
    :is(.g-toolbar, .g-action-bar, .g-status-bar, .g-command-bar, .g-context-bar, .g-filter-bar, .g-bulk-action-bar, .g-footer-bar, .g-floating-action-bar, .g-sticky-actions, .g-back-to-top, .g-page-loading) { display: none !important; }
    :is(.g-page-header, .g-section-header, .g-subheader) { position: static; display: block; padding: 0 0 var(--g-space-4); background: #fff; backdrop-filter: none; }
    :is(.g-page-header-actions, .g-section-header-actions, .g-subheader-actions, .g-page-state-actions) { display: none; }
    :is(.g-page-state, .g-page-empty, .g-page-error, .g-page-forbidden, .g-page-not-found, .g-page-server-error, .g-page-offline, .g-page-maintenance) { display: block; min-block-size: 0; padding: var(--g-space-6) 0; text-align: start; }
    .g-page-state-content { display: block; inline-size: 100%; }
  }
}

@layer gardener.components {
  /* Compact tips and inline explanations */
  .g-tip, .g-inline-hint, .g-help-text { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }
  .g-tip { display: flex; align-items: flex-start; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-inline-start: 3px solid var(--g-color-primary); border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-tip::before { content: "TIP"; flex: none; margin-block-start: .12em; color: currentColor; font: 750 .65rem/1.35 var(--g-font-mono); letter-spacing: .06em; }
  .g-tip.is-info { border-inline-start-color: var(--g-color-info); background: var(--g-color-info-soft); color: var(--g-color-info); }
  .g-tip.is-success { border-inline-start-color: var(--g-color-success); background: var(--g-color-success-soft); color: var(--g-color-success); }
  .g-tip.is-warning { border-inline-start-color: var(--g-color-warning); background: var(--g-color-warning-soft); color: var(--g-color-warning); }
  .g-tip.is-danger { border-inline-start-color: var(--g-color-danger); background: var(--g-color-danger-soft); color: var(--g-color-danger); }
  .g-inline-hint { display: inline-flex; align-items: baseline; gap: var(--g-space-1); }
  .g-inline-hint::before { content: "i"; display: inline-grid; inline-size: 1rem; block-size: 1rem; flex: none; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 700 .65rem/1 var(--g-font-serif); }
  .g-help-text { display: block; margin-block-start: var(--g-space-1); }
  .g-help-text.is-success { color: var(--g-color-success); }
  .g-help-text.is-warning { color: var(--g-color-warning); }
  .g-help-text.is-danger { color: var(--g-color-danger); }

  /* Tooltip, rich tooltip, definition and interactive help popover */
  .g-help-trigger { display: inline-grid; inline-size: 1.35rem; block-size: 1.35rem; place-items: center; padding: 0; border: 1px solid var(--g-color-border-strong); border-radius: 50%; background: transparent; color: var(--g-color-text-muted); font: 700 var(--g-font-size-xs)/1 var(--g-font-sans); cursor: help; }
  .g-help-trigger:hover { border-color: var(--g-color-primary); color: var(--g-color-primary-text); }
  .g-help-trigger:focus-visible { outline: 2px solid var(--g-color-primary); outline-offset: 2px; }
  .g-tooltip, .g-tooltip-rich, .g-help-popover { --g-floating-arrow-size: .42rem; }
  .g-tooltip::after, .g-tooltip-rich::after, .g-help-popover::after { content: ""; position: absolute; inline-size: calc(var(--g-floating-arrow-size) * 2); block-size: calc(var(--g-floating-arrow-size) * 2); border: inherit; background: inherit; transform: rotate(45deg); }
  :is(.g-tooltip, .g-tooltip-rich, .g-help-popover)[data-g-placement^="bottom"]::after { inset-block-start: calc(var(--g-floating-arrow-size) * -1); inset-inline-start: var(--g-floating-arrow-inline, 1rem); border-inline-end: 0; border-block-end: 0; }
  :is(.g-tooltip, .g-tooltip-rich, .g-help-popover)[data-g-placement^="top"]::after { inset-block-end: calc(var(--g-floating-arrow-size) * -1); inset-inline-start: var(--g-floating-arrow-inline, 1rem); border-inline-start: 0; border-block-start: 0; }
  :is(.g-tooltip, .g-tooltip-rich, .g-help-popover)[data-g-placement^="left"]::after { inset-block-start: var(--g-floating-arrow-block, 1rem); inset-inline-end: calc(var(--g-floating-arrow-size) * -1); border-inline-start: 0; border-block-end: 0; }
  :is(.g-tooltip, .g-tooltip-rich, .g-help-popover)[data-g-placement^="right"]::after { inset-block-start: var(--g-floating-arrow-block, 1rem); inset-inline-start: calc(var(--g-floating-arrow-size) * -1); border-inline-end: 0; border-block-start: 0; }
  .g-tooltip-rich { position: absolute; z-index: var(--g-z-tooltip); width: min(18rem, calc(100vw - 1rem)); padding: var(--g-space-3); border: 1px solid #263244; border-radius: var(--g-radius-sm); background: #111827; color: #fff; box-shadow: var(--g-shadow-md); font-size: var(--g-font-size-xs); line-height: 1.5; pointer-events: none; }
  .g-tooltip-title { display: block; margin-block-end: var(--g-space-1); font-size: var(--g-font-size-sm); font-weight: 700; }
  .g-tooltip-description { color: rgb(255 255 255 / .78); }
  .g-help-popover { position: absolute; z-index: var(--g-z-tooltip); width: min(22rem, calc(100vw - 1rem)); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-lg); }
  .g-help-popover-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--g-space-3); }
  .g-help-popover-title { font-size: var(--g-font-size-md); font-weight: 700; }
  .g-help-popover-body { margin-block-start: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.6; }
  .g-help-popover-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); margin-block-start: var(--g-space-3); }
  .g-definition { border-block-end: 1px dotted currentColor; color: var(--g-color-primary-text); text-decoration: none; cursor: help; }

  /* Notes, callouts, guidance and shortcuts */
  .g-callout, .g-note { --g-help-accent: var(--g-color-primary); --g-help-soft: var(--g-color-primary-soft); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-inline-start: 3px solid var(--g-help-accent); border-radius: var(--g-radius-md); background: var(--g-help-soft); }
  .g-callout.is-neutral, .g-note { --g-help-accent: var(--g-color-border-strong); --g-help-soft: var(--g-color-surface-subtle); }
  .g-callout.is-info { --g-help-accent: var(--g-color-info); --g-help-soft: var(--g-color-info-soft); }
  .g-callout.is-success { --g-help-accent: var(--g-color-success); --g-help-soft: var(--g-color-success-soft); }
  .g-callout.is-warning { --g-help-accent: var(--g-color-warning); --g-help-soft: var(--g-color-warning-soft); }
  .g-callout.is-danger { --g-help-accent: var(--g-color-danger); --g-help-soft: var(--g-color-danger-soft); }
  .g-callout-icon, .g-note-label { color: var(--g-help-accent); font-weight: 750; }
  .g-callout-title, .g-note-title { font-weight: 700; }
  .g-callout-content, .g-note-content { min-width: 0; color: var(--g-color-text); font-size: var(--g-font-size-sm); line-height: 1.65; }
  .g-note .g-note-label { color: var(--g-color-text); }
  .g-callout-content > :first-child, .g-note-content > :first-child { margin-block-start: 0; }
  .g-callout-content > :last-child, .g-note-content > :last-child { margin-block-end: 0; }
  .g-guidance-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-3); }
  .g-guidance-do, .g-guidance-dont { padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-block-start: 3px solid var(--g-color-success); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-guidance-dont { border-block-start-color: var(--g-color-danger); }
  .g-guidance-label { color: var(--g-color-success); font-size: var(--g-font-size-xs); font-weight: 750; text-transform: uppercase; }
  .g-guidance-dont .g-guidance-label { color: var(--g-color-danger); }
  .g-key-hint, kbd.g-key-hint { display: inline-grid; min-inline-size: 1.65rem; min-block-size: 1.45rem; place-items: center; padding-inline: var(--g-space-1); border: 1px solid var(--g-color-border-strong); border-block-end-width: 2px; border-radius: var(--g-radius-sm); background: var(--g-color-surface); color: var(--g-color-text); font: 650 var(--g-font-size-xs)/1 var(--g-font-mono); white-space: nowrap; }
  .g-shortcut-list { display: grid; margin: 0; padding: 0; list-style: none; }
  .g-shortcut-item { display: flex; min-height: 2.5rem; align-items: center; justify-content: space-between; gap: var(--g-space-4); border-block-end: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-shortcut-keys { display: inline-flex; align-items: center; gap: var(--g-space-1); color: var(--g-color-text-subtle); }

  /* Help cards, panels, centers, topics and FAQ */
  .g-help-card { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-help-card-icon { display: grid; inline-size: 2.25rem; block-size: 2.25rem; place-items: center; border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-weight: 750; }
  .g-help-card-title { font-weight: 700; }
  .g-help-card-description { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }
  .g-help-card-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-help-panel { display: flex; min-height: 0; flex-direction: column; border-inline-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-help-panel-header, .g-help-panel-body, .g-help-panel-footer { padding: var(--g-space-4); }
  .g-help-panel-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-help-panel-title { font-weight: 700; }
  .g-help-panel-body { flex: 1; min-height: 0; overflow: auto; }
  .g-help-panel-footer { border-block-start: 1px solid var(--g-color-border); }
  .g-help-center { display: grid; gap: var(--g-space-5); padding: clamp(var(--g-space-5), 4vw, var(--g-space-10)); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-help-center-header { max-width: 44rem; }
  .g-help-center-title { font-size: clamp(var(--g-font-size-xl), 4vw, var(--g-font-size-3xl)); }
  .g-help-center-description { margin-block-start: var(--g-space-2); color: var(--g-color-text-muted); }
  .g-help-search { position: relative; max-width: 42rem; }
  .g-help-search .g-input { padding-inline-start: 2.5rem; }
  .g-help-search-icon { position: absolute; inset-block-start: 50%; inset-inline-start: var(--g-space-3); color: var(--g-color-text-subtle); transform: translateY(-50%); pointer-events: none; }
  .g-help-topics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: var(--g-space-3); }
  .g-help-topic { display: grid; gap: var(--g-space-1); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface); color: inherit; text-decoration: none; }
  .g-help-topic:hover { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-help-topic-title { font-weight: 700; }
  .g-help-topic-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-faq { border-block-start: 1px solid var(--g-color-border); }
  .g-faq-item { border-block-end: 1px solid var(--g-color-border); }
  .g-faq-question { display: flex; inline-size: 100%; min-block-size: 3rem; align-items: center; justify-content: space-between; gap: var(--g-space-4); padding: var(--g-space-3) 0; border: 0; background: transparent; color: var(--g-color-text); font-weight: 700; text-align: start; cursor: pointer; }
  .g-faq-question::after { content: "+"; color: var(--g-color-text-muted); font-size: var(--g-font-size-xl); font-weight: 400; }
  .g-faq-question[aria-expanded="true"]::after { content: "−"; }
  .g-faq-answer { padding-block: 0 var(--g-space-4); color: var(--g-color-text-muted); line-height: 1.65; }
  .g-contextual-help { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px dashed var(--g-color-border-strong); border-radius: var(--g-radius-sm); background: var(--g-color-surface-subtle); }
  .g-contextual-help-content { min-width: 0; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }

  /* Guided discovery: coach marks, tours, hotspots and releases */
  .g-coach-mark, .g-tour { width: min(22rem, calc(100vw - 1rem)); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-xl); }
  .g-coach-mark { position: absolute; z-index: var(--g-z-tooltip); }
  .g-coach-mark-title, .g-tour-title { font-size: var(--g-font-size-md); font-weight: 700; }
  .g-coach-mark-description, .g-tour-description { margin-block-start: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.6; }
  .g-coach-mark-actions, .g-tour-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--g-space-2); margin-block-start: var(--g-space-4); }
  .g-tour { position: fixed; z-index: calc(var(--g-z-tooltip) + 1); }
  .g-tour-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--g-space-3); }
  .g-tour-progress { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-variant-numeric: tabular-nums; }
  .g-tour-step[hidden] { display: none; }
  .g-spotlight { position: fixed; z-index: var(--g-z-overlay); border: 2px solid var(--g-color-primary); border-radius: var(--g-radius-md); box-shadow: 0 0 0 9999px var(--g-color-overlay); pointer-events: none; transition: inset var(--g-duration-normal) var(--g-ease-standard), inline-size var(--g-duration-normal) var(--g-ease-standard), block-size var(--g-duration-normal) var(--g-ease-standard); }
  .g-hotspot { position: relative; display: inline-grid; inline-size: 1rem; block-size: 1rem; place-items: center; border: 2px solid var(--g-color-surface); border-radius: 50%; background: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-primary); }
  .g-hotspot::after { content: ""; position: absolute; inset: -.45rem; border: 2px solid var(--g-color-primary); border-radius: 50%; animation: g-hotspot-pulse 1.8s ease-out infinite; }
  .g-hotspot-label { position: absolute; inset-block-start: 50%; inset-inline-start: calc(100% + var(--g-space-2)); width: max-content; max-width: 12rem; padding: var(--g-space-1) var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-sm); background: var(--g-color-surface-raised); color: var(--g-color-text); box-shadow: var(--g-shadow-sm); font-size: var(--g-font-size-xs); transform: translateY(-50%); }
  .g-feature-hint { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-primary); border-radius: var(--g-radius-md); background: var(--g-color-primary-soft); }
  .g-feature-hint-badge { padding: .15rem .4rem; border-radius: var(--g-radius-sm); background: var(--g-color-primary); color: var(--g-color-on-primary); font-size: .65rem; font-weight: 750; text-transform: uppercase; }
  .g-feature-hint-title { font-weight: 700; }
  .g-feature-hint-description { margin-block-start: var(--g-space-1); color: var(--g-color-text); font-size: var(--g-font-size-sm); }
  .g-whats-new { display: grid; gap: var(--g-space-4); }
  .g-whats-new-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); }
  .g-whats-new-marker { display: grid; inline-size: 2rem; block-size: 2rem; place-items: center; border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: var(--g-font-size-xs); font-weight: 750; }
  .g-whats-new-title { font-weight: 700; }
  .g-whats-new-description { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }

  /* Task help, troubleshooting and feedback loop */
  .g-help-checklist { display: grid; gap: var(--g-space-2); margin: 0; padding: 0; list-style: none; }
  .g-help-checklist-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-2); align-items: start; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-help-checklist-marker { display: grid; inline-size: 1.25rem; block-size: 1.25rem; place-items: center; border: 1px solid var(--g-color-border-strong); border-radius: 50%; font-size: .65rem; }
  .g-help-checklist-item.is-complete { color: var(--g-color-text-subtle); text-decoration: line-through; }
  .g-help-checklist-item.is-complete .g-help-checklist-marker { border-color: var(--g-color-success); background: var(--g-color-success); color: #fff; }
  .g-troubleshooting { display: grid; gap: var(--g-space-3); }
  .g-troubleshooting-step { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); }
  .g-troubleshooting-number { display: grid; inline-size: 1.75rem; block-size: 1.75rem; place-items: center; border: 1px solid var(--g-color-border-strong); border-radius: 50%; font-size: var(--g-font-size-xs); font-weight: 750; }
  .g-troubleshooting-title { font-weight: 700; }
  .g-troubleshooting-description { margin-block-start: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); line-height: 1.55; }
  .g-help-feedback { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding-block: var(--g-space-3); border-block-start: 1px solid var(--g-color-border); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-help-feedback-actions { display: inline-flex; gap: var(--g-space-2); }

  @keyframes g-hotspot-pulse { from { opacity: .75; transform: scale(.45); } to { opacity: 0; transform: scale(1.25); } }

  @media (max-width: 639.98px) {
    .g-guidance-pair { grid-template-columns: 1fr; }
    .g-help-panel { border-inline-start: 0; border-block-start: 1px solid var(--g-color-border); }
    .g-contextual-help, .g-feature-hint { grid-template-columns: auto minmax(0, 1fr); }
    .g-contextual-help > :last-child, .g-feature-hint > :last-child { grid-column: 1 / -1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .g-hotspot::after { animation: none; opacity: .35; }
    .g-spotlight { transition: none; }
  }

  @media (forced-colors: active) {
    .g-tip, .g-callout, .g-note, .g-feature-hint, .g-hotspot { border: 1px solid CanvasText; }
    .g-spotlight { border-color: Highlight; box-shadow: 0 0 0 9999px Canvas; }
  }

  @media print {
    .g-tooltip, .g-tooltip-rich, .g-help-popover, .g-coach-mark, .g-tour, .g-spotlight, .g-hotspot, .g-help-trigger, .g-help-feedback { display: none !important; }
    .g-help-panel { border: 1px solid var(--g-color-border); }
    .g-help-center { padding: 0; border: 0; }
    .g-callout, .g-note, .g-tip, .g-feature-hint { break-inside: avoid; box-shadow: none; }
  }
}

@layer gardener.components {
  .g-ai-shell { display: grid; min-height: 100dvh; grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr); background: var(--g-color-canvas); }
  .g-ai-sidebar { min-width: 0; overflow-y: auto; border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-ai-main { display: grid; min-width: 0; min-height: 0; grid-template-rows: auto minmax(0, 1fr) auto; }
  .g-ai-header { display: flex; min-height: var(--g-header-height); align-items: center; justify-content: space-between; gap: var(--g-space-3); padding-inline: var(--g-space-page-x); border-bottom: 1px solid var(--g-color-border); background: var(--g-color-surface); }

  .g-chat { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scroll-behavior: smooth; }
  .g-chat-list { width: min(100% - 2 * var(--g-space-page-x), 52rem); margin-inline: auto; padding-block: var(--g-space-6) var(--g-space-10); }
  .g-message { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); padding-block: var(--g-space-4); }
  .g-message-content { min-width: 0; }
  .g-message-meta { display: flex; align-items: center; gap: var(--g-space-2); margin-block-end: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-message-author { color: var(--g-color-text); font-weight: 650; }
  .g-message-body { line-height: var(--g-line-height-relaxed); overflow-wrap: anywhere; }
  .g-message-body > * + * { margin-block-start: 0.9em; }
  .g-message-user { grid-template-columns: minmax(0, 1fr); justify-items: end; }
  .g-message-user .g-message-content { max-width: min(85%, 42rem); padding: var(--g-space-3) var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface-subtle); }
  .g-message-system { display: block; padding: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-align: center; }
  .g-message-actions { display: flex; gap: var(--g-space-1); margin-block-start: var(--g-space-2); opacity: 0; transition: opacity var(--g-duration-fast); }
  .g-message:hover .g-message-actions, .g-message:focus-within .g-message-actions { opacity: 1; }
  .g-stream-cursor::after { content: ""; display: inline-block; inline-size: 0.5em; block-size: 1em; margin-inline-start: 0.15em; background: var(--g-color-primary); vertical-align: -0.12em; animation: g-cursor 0.8s step-end infinite; }

  .g-composer-wrap { position: sticky; inset-block-end: 0; padding: var(--g-space-3) var(--g-space-page-x) calc(var(--g-space-4) + env(safe-area-inset-bottom)); background: linear-gradient(transparent, var(--g-color-canvas) 24%); }
  .g-composer { width: min(100%, 52rem); margin-inline: auto; border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-lg); background: var(--g-color-surface-raised); box-shadow: var(--g-shadow-md); transition: border-color var(--g-duration-fast), box-shadow var(--g-duration-fast); }
  .g-composer:focus-within { border-color: var(--g-color-primary); box-shadow: 0 0 0 var(--g-focus-ring-width) var(--g-focus-ring), var(--g-shadow-md); }
  .g-composer-input { width: 100%; min-height: 3.5rem; max-height: 14rem; resize: none; padding: var(--g-space-4); border: 0; background: transparent; color: var(--g-color-text); outline: 0; }
  .g-composer-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-2); border-top: 1px solid var(--g-color-border); }
  .g-composer-tools, .g-composer-actions { display: flex; align-items: center; gap: var(--g-space-1); }
  .g-composer-status { padding: 0 var(--g-space-3) var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-attachment-list { display: flex; gap: var(--g-space-2); overflow-x: auto; padding: var(--g-space-2) var(--g-space-3) 0; }
  .g-attachment { position: relative; display: flex; min-width: 0; max-width: 14rem; flex: 0 0 auto; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-attachment-preview { inline-size: 2.5rem; block-size: 2.5rem; flex: 0 0 auto; overflow: hidden; border-radius: var(--g-radius-sm); background: var(--g-color-surface-sunken); }
  .g-attachment-preview img { width: 100%; height: 100%; object-fit: cover; }
  .g-attachment-name { overflow: hidden; font-size: var(--g-font-size-sm); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .g-attachment-meta { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-thinking { margin-block: var(--g-space-3); border-inline-start: 2px solid var(--g-color-primary); background: color-mix(in srgb, var(--g-color-primary-soft) 42%, transparent); }
  .g-thinking-trigger { display: flex; width: 100%; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border: 0; background: transparent; color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); text-align: start; cursor: pointer; }
  .g-thinking-content { padding: 0 var(--g-space-3) var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }

  .g-tool-call { margin-block: var(--g-space-3); overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-tool-call-header { display: flex; align-items: center; gap: var(--g-space-3); min-height: 2.75rem; padding: var(--g-space-2) var(--g-space-3); background: var(--g-color-surface-subtle); }
  .g-tool-call-name { min-width: 0; flex: 1; font-family: var(--g-font-mono); font-size: var(--g-font-size-sm); font-weight: 600; }
  .g-tool-call-status { display: inline-flex; align-items: center; gap: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-tool-call-body { padding: var(--g-space-3); border-top: 1px solid var(--g-color-border); font-size: var(--g-font-size-sm); }
  .g-tool-call.is-running { border-color: var(--g-primary-300); }
  .g-tool-call.is-success { border-inline-start: 3px solid var(--g-color-success); }
  .g-tool-call.is-error { border-inline-start: 3px solid var(--g-color-danger); }

  .g-approval { margin-block: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-warning); border-radius: var(--g-radius-lg); background: var(--g-color-warning-soft); }
  .g-approval-title { display: flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text); font-weight: 650; }
  .g-approval-description { margin-block-start: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-approval-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); margin-block-start: var(--g-space-4); }

  .g-agent-status { display: flex; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-agent-status-main { min-width: 0; flex: 1; }
  .g-agent-status-title { font-weight: 600; }
  .g-agent-status-detail { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-agent-list { display: grid; gap: var(--g-space-2); }
  .g-agent-handoff { display: flex; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); background: var(--g-color-info-soft); color: var(--g-color-info); font-size: var(--g-font-size-sm); }

  .g-plan { margin-block: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-plan-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); margin-block-end: var(--g-space-3); }
  .g-plan-list { display: grid; gap: var(--g-space-2); margin: 0; padding: 0; list-style: none; }
  .g-plan-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-plan-item.is-active { color: var(--g-color-text); font-weight: 600; }
  .g-plan-item.is-complete { color: var(--g-color-success); }

  .g-sources { margin-block: var(--g-space-4); }
  .g-source-list { display: grid; gap: var(--g-space-2); margin: var(--g-space-2) 0 0; padding: 0; list-style: none; }
  .g-source { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); color: var(--g-color-text); text-decoration: none; }
  .g-source:hover { border-color: var(--g-primary-300); background: var(--g-color-primary-soft); }
  .g-citation { display: inline-grid; min-width: 1.35em; height: 1.35em; place-items: center; border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); font-size: 0.75em; font-weight: 700; text-decoration: none; vertical-align: super; }

  .g-artifact-layout { display: grid; min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(20rem, 42%); }
  .g-artifact-panel { display: grid; min-width: 0; min-height: 0; grid-template-rows: auto minmax(0, 1fr); border-inline-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-artifact-toolbar { display: flex; min-height: var(--g-header-height); align-items: center; justify-content: space-between; gap: var(--g-space-3); padding-inline: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-artifact-content { min-height: 0; overflow: auto; }
  .g-preview-frame { width: 100%; height: 100%; border: 0; background: #fff; }

  .g-model-selector { display: inline-flex; align-items: center; gap: var(--g-space-2); }
  .g-context-meter { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-context-meter-bar { inline-size: 4rem; block-size: 0.25rem; overflow: hidden; border-radius: var(--g-radius-full); background: var(--g-color-surface-sunken); }
  .g-context-meter-value { display: block; width: var(--g-context-value, 0%); height: 100%; background: var(--g-color-primary); }
  .g-voice-state { display: flex; align-items: center; justify-content: center; gap: 0.2rem; height: 3rem; }
  .g-voice-bar { inline-size: 0.2rem; block-size: var(--g-voice-level, 30%); border-radius: var(--g-radius-full); background: var(--g-color-primary); animation: g-voice 0.8s ease-in-out infinite alternate; }
  .g-generation-placeholder { display: grid; min-height: 16rem; place-items: center; padding: var(--g-space-6); border: 1px dashed var(--g-color-border-strong); background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); text-align: center; }

  @keyframes g-cursor { 50% { opacity: 0; } }
  @keyframes g-voice { to { transform: scaleY(1.8); } }

  @media (max-width: 1023.98px) {
    .g-artifact-layout { grid-template-columns: 1fr; }
    .g-artifact-panel { position: fixed; z-index: var(--g-z-dialog); inset: var(--g-header-height) 0 0; transform: translateX(100%); transition: transform var(--g-duration-normal); }
    .g-artifact-panel.is-open { transform: none; }
    [dir="rtl"] .g-artifact-panel { transform: translateX(-100%); }
    [dir="rtl"] .g-artifact-panel.is-open { transform: none; }
  }
  @media (max-width: 767.98px) {
    .g-ai-shell { grid-template-columns: 1fr; }
    .g-ai-sidebar { position: fixed; z-index: var(--g-z-overlay); inset: 0 auto 0 0; width: min(86vw, 18rem); transform: translateX(-102%); transition: transform var(--g-duration-normal); }
    .g-ai-sidebar.is-open { transform: none; }
    [dir="rtl"] .g-ai-sidebar { inset: 0 0 0 auto; transform: translateX(102%); }
    [dir="rtl"] .g-ai-sidebar.is-open { transform: none; }
    .g-message { grid-template-columns: 1fr; }
    .g-message > .g-avatar { display: none; }
    .g-message-actions { opacity: 1; }
  }
}

@layer gardener.components {
  .g-conversation-list { display: grid; gap: var(--g-space-1); margin: 0; padding: var(--g-space-2); list-style: none; }
  .g-conversation-item { display: flex; min-width: 0; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); color: var(--g-color-text-muted); text-decoration: none; }
  .g-conversation-item:hover, .g-conversation-item[aria-current="page"] { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-conversation-title { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .g-prompt-library { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--g-space-3); }
  .g-prompt-card { padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); cursor: pointer; }
  .g-prompt-card:hover { border-color: var(--g-color-primary); }
  .g-mention, .g-slash-command { display: inline-flex; padding: 0.05em 0.3em; border-radius: var(--g-radius-sm); background: var(--g-color-primary-soft); color: var(--g-color-on-primary-soft); font-weight: 600; }
  .g-generation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: var(--g-space-4); }
  .g-generation-card { position: relative; overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); background: var(--g-color-surface); }
  .g-generation-card.is-generating::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 25%, rgb(255 255 255 / 0.2) 40%, transparent 55%); animation: g-generation-scan 1.5s linear infinite; }
  .g-file-tree { font: var(--g-font-size-sm)/1.5 var(--g-font-mono); }
  .g-file-tree-item { display: flex; min-height: 2rem; align-items: center; gap: var(--g-space-2); padding-inline: calc(var(--g-file-depth, 0) * 1rem + var(--g-space-2)); border-radius: var(--g-radius-sm); }
  .g-file-tree-item:hover, .g-file-tree-item[aria-selected="true"] { background: var(--g-color-primary-soft); color: var(--g-color-on-primary-soft); }
  .g-version-list { display: grid; gap: var(--g-space-2); }
  .g-version { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }
  .g-permission-scope { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-warning); background: var(--g-color-warning-soft); font-size: var(--g-font-size-sm); }
  .g-cost { display: inline-flex; align-items: center; gap: var(--g-space-2); font-variant-numeric: tabular-nums; }
  .g-limit { padding: var(--g-space-3); border-inline-start: 3px solid var(--g-color-warning); background: var(--g-color-warning-soft); font-size: var(--g-font-size-sm); }
  .g-privacy-notice { display: flex; align-items: flex-start; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  @keyframes g-generation-scan { to { transform: translateX(100%); } }
}

@layer gardener.components {
  :where(.g-ai-shell, .g-conversation-list, .g-chat, .g-message, .g-composer, .g-attachment, .g-prompt-starter, .g-prompt-library, .g-ai-command-menu, .g-model-selector, .g-thinking, .g-streaming-response, .g-tool-call, .g-approval, .g-agent-status, .g-plan, .g-agent-board, .g-agent-handoff, .g-sources, .g-artifact-layout, .g-artifact-panel, .g-file-tree, .g-version-list, .g-generation-grid, .g-generation-placeholder, .g-ai-context-manager, .g-ai-usage-panel, .g-voice-state, .g-permission-scope, .g-privacy-notice, .g-ai-safety-notice, .g-ai-feedback) { box-sizing: border-box; }

  .g-ai-composition-container { container: g-ai-composition / inline-size; }
  .g-ai-shell { container: g-ai-shell / inline-size; }
  .g-ai-shell.is-contained { min-block-size: 0; block-size: var(--g-ai-contained-height, 42rem); overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-ai-shell :where(.g-message-user .g-message-content, .g-composer, .g-tool-call, .g-approval, .g-agent-status, .g-plan, .g-prompt-card, .g-generation-card) { border-radius: var(--g-radius-md); }
  .g-ai-shell .g-composer { box-shadow: var(--g-shadow-sm); }

  .g-ai-sidebar-header { display: flex; min-block-size: var(--g-header-height); align-items: center; justify-content: space-between; gap: var(--g-space-2); padding: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); }
  .g-ai-sidebar-footer { padding: var(--g-space-3); border-block-start: 1px solid var(--g-color-border); }
  .g-ai-empty-chat { display: grid; inline-size: min(100% - 2rem, 46rem); min-block-size: 18rem; margin-inline: auto; place-content: center; justify-items: center; gap: var(--g-space-3); padding: var(--g-space-6); text-align: center; }

  .g-message-avatar { display: grid; inline-size: 2rem; block-size: 2rem; place-items: center; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); color: var(--g-color-primary-text); font-weight: 700; }
  .g-message-branch { display: inline-flex; align-items: center; gap: var(--g-space-1); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-message-feedback { display: flex; gap: var(--g-space-1); }

  .g-prompt-starter { display: grid; gap: var(--g-space-4); inline-size: min(100%, 46rem); margin-inline: auto; padding: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-prompt-starter-header { display: grid; gap: var(--g-space-1); }
  .g-prompt-suggestions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-2); }
  .g-prompt-suggestion { display: grid; gap: var(--g-space-1); min-block-size: 4.5rem; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: inherit; text-align: start; }
  .g-prompt-suggestion:is(:hover, :focus-visible) { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-prompt-suggestion small { color: var(--g-color-text-muted); }

  .g-ai-command-menu { inline-size: min(100%, 32rem); padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-md); }
  .g-ai-command-menu[hidden] { display: none; }
  .g-ai-command-group + .g-ai-command-group { margin-block-start: var(--g-space-2); padding-block-start: var(--g-space-2); border-block-start: 1px solid var(--g-color-border); }
  .g-ai-command-label { padding: var(--g-space-1) var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 650; }
  .g-ai-command-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); inline-size: 100%; min-block-size: 2.25rem; padding: var(--g-space-2); border: 0; border-radius: var(--g-radius-sm); background: transparent; color: inherit; text-align: start; }
  .g-ai-command-item:is(:hover, :focus-visible, [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-model-selector { position: relative; }
  .g-model-selector-trigger { display: inline-flex; align-items: center; gap: var(--g-space-2); min-block-size: 2rem; padding-inline: var(--g-space-2); border: 1px solid transparent; border-radius: var(--g-radius-md); background: transparent; color: inherit; }
  .g-model-selector-trigger:is(:hover, :focus-visible, [aria-expanded="true"]) { border-color: var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-model-selector-menu { position: absolute; z-index: var(--g-z-dropdown); inset-block-start: calc(100% + var(--g-space-1)); inset-inline-start: 0; inline-size: min(22rem, calc(100vw - 2rem)); padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-md); }
  .g-model-selector-menu[hidden] { display: none; }
  .g-model-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-2); inline-size: 100%; padding: var(--g-space-2) var(--g-space-3); border: 0; border-radius: var(--g-radius-sm); background: transparent; color: inherit; text-align: start; }
  .g-model-option:is(:hover, :focus-visible, [aria-current="true"]) { background: var(--g-color-primary-soft); }

  .g-streaming-response { display: grid; gap: var(--g-space-3); margin-block: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-streaming-response-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-streaming-response-body { min-inline-size: 0; line-height: var(--g-line-height-relaxed); overflow-wrap: anywhere; }
  .g-streaming-response-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }

  .g-tool-call-progress { block-size: .25rem; overflow: hidden; background: var(--g-color-surface-sunken); }
  .g-tool-call-progress > span { display: block; inline-size: var(--g-tool-progress, 0%); block-size: 100%; background: var(--g-color-primary); }
  .g-approval-scope { display: grid; gap: var(--g-space-1); margin-block-start: var(--g-space-3); padding: var(--g-space-3); border: 1px solid color-mix(in srgb, var(--g-color-warning) 32%, transparent); border-radius: var(--g-radius-md); background: var(--g-color-surface); font-family: var(--g-font-mono); font-size: var(--g-font-size-xs); }
  .g-approval:is(.is-approved, .is-rejected, .is-cancelled) .g-approval-actions { display: none; }

  .g-agent-board { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--g-space-3); }
  .g-agent-card { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-agent-card-header { display: flex; align-items: center; gap: var(--g-space-3); }
  .g-agent-card-main { min-inline-size: 0; flex: 1; }
  .g-agent-card-task { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-agent-handoff { border: 1px solid var(--g-color-info); border-radius: var(--g-radius-md); }
  .g-agent-handoff-main { min-inline-size: 0; flex: 1; }
  .g-agent-handoff-actions { display: flex; gap: var(--g-space-2); }

  .g-artifact-tabs { display: flex; min-inline-size: 0; overflow-x: auto; border-block-end: 1px solid var(--g-color-border); }
  .g-artifact-tab { flex: 0 0 auto; min-block-size: 2.25rem; padding-inline: var(--g-space-3); border: 0; border-inline-end: 1px solid var(--g-color-border); border-radius: 0; background: var(--g-color-surface-subtle); color: var(--g-color-text-muted); }
  .g-artifact-tab[aria-selected="true"] { background: var(--g-color-surface); color: var(--g-color-text); }
  .g-artifact-status { display: flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-ai-context-manager, .g-ai-usage-panel { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-ai-context-header, .g-ai-usage-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); }
  .g-ai-memory-list { display: grid; gap: var(--g-space-2); }
  .g-ai-memory-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-2); padding: var(--g-space-2); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-ai-memory-main { min-inline-size: 0; }
  .g-ai-context-sources { display: flex; flex-wrap: wrap; gap: var(--g-space-1); }
  .g-ai-usage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-2); }
  .g-ai-usage-metric { display: grid; gap: var(--g-space-1); padding: var(--g-space-3); background: var(--g-color-surface-subtle); font-variant-numeric: tabular-nums; }
  .g-ai-usage-metric span { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-ai-limit-status { padding: var(--g-space-3); border-inline-start: 3px solid var(--g-color-warning); background: var(--g-color-warning-soft); font-size: var(--g-font-size-sm); }

  .g-voice-state { min-block-size: 5rem; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-voice-state-label { margin-inline-start: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-permission-scope { border-radius: var(--g-radius-md); }
  .g-permission-scope-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); }
  .g-permission-scope-list { display: grid; gap: var(--g-space-1); margin: 0; padding: 0; list-style: none; }

  .g-ai-safety-notice { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-inline-start: 3px solid var(--g-color-warning); border-radius: var(--g-radius-md); background: var(--g-color-warning-soft); }
  .g-ai-safety-icon { display: grid; inline-size: 2rem; block-size: 2rem; place-items: center; border: 1px solid currentColor; border-radius: var(--g-radius-md); }
  .g-ai-safety-main { min-inline-size: 0; }
  .g-ai-safety-actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); margin-block-start: var(--g-space-3); }

  .g-ai-feedback { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border-block-start: 1px solid var(--g-color-border); }
  .g-ai-feedback-question { font-weight: 650; }
  .g-ai-feedback-options { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }
  .g-ai-feedback-option { min-block-size: 2.25rem; padding-inline: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: inherit; }
  .g-ai-feedback-option[aria-pressed="true"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }
  .g-ai-feedback-detail[hidden] { display: none; }

  @container g-ai-shell (max-width: 60rem) { .g-artifact-layout { grid-template-columns: 1fr; } .g-artifact-panel { display: none; } }
  @container g-ai-shell (max-width: 44rem) { .g-ai-shell { grid-template-columns: 1fr; } .g-ai-sidebar { display: none; } .g-prompt-suggestions, .g-ai-usage-grid { grid-template-columns: 1fr; } }
  @container g-ai-composition (max-width: 32rem) { .g-prompt-suggestions, .g-ai-usage-grid { grid-template-columns: 1fr; } .g-ai-safety-notice { grid-template-columns: 1fr; } }
  @media (prefers-reduced-motion: reduce) { .g-stream-cursor::after, .g-voice-bar, .g-generation-card.is-generating::after { animation: none; } }
  @media (forced-colors: active) { .g-message-user .g-message-content, .g-tool-call, .g-approval, .g-agent-card, .g-ai-memory-item, .g-ai-feedback-option[aria-pressed="true"] { outline: 1px solid CanvasText; } .g-stream-cursor::after, .g-context-meter-value, .g-tool-call-progress > span { background: Highlight; } }
  @media print { .g-ai-sidebar, .g-ai-header, .g-composer-wrap, .g-message-actions, .g-artifact-toolbar, .g-ai-feedback, .g-ai-command-menu { display: none !important; } .g-ai-shell, .g-ai-main, .g-chat, .g-artifact-layout, .g-artifact-panel { display: block; block-size: auto; min-block-size: 0; overflow: visible; border: 0; } .g-artifact-panel { margin-block-start: var(--g-space-6); } .g-thinking-content[hidden] { display: block; } }
}

@layer gardener.components {
  /* Category 16: complete pages and industry solution compositions. */
  :where(
    .g-product-landing, .g-corporate-home, .g-personal-home, .g-portfolio-page,
    .g-blog-index, .g-article-page, .g-docs-portal, .g-help-center-page,
    .g-search-results-page, .g-contact-page, .g-pricing-page, .g-dashboard-overview,
    .g-admin-list-page, .g-record-detail-page, .g-settings-center, .g-user-center,
    .g-notification-center-page, .g-onboarding-flow, .g-crm-workspace, .g-project-workspace,
    .g-support-center, .g-approval-center, .g-knowledge-base, .g-learning-portal,
    .g-event-portal, .g-booking-portal, .g-healthcare-portal, .g-finance-portal,
    .g-public-service-portal, .g-marketplace-page, .g-community-page, .g-status-center-page
  ) {
    container: g-solution / inline-size;
    min-width: 0;
    color: var(--g-color-text);
    background: var(--g-color-canvas);
  }

  .g-solution-container { width: min(100% - 2rem, 80rem); margin-inline: auto; }
  .g-solution-header { display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-4); min-width: 0; padding-block: var(--g-space-4); }
  .g-solution-header-main, .g-solution-item-main { min-width: 0; }
  .g-solution-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2); }
  .g-solution-section { padding-block: clamp(2.5rem, 6vw, 6rem); }
  .g-solution-section-header { max-width: 46rem; margin-bottom: clamp(1.5rem, 4vw, 3rem); }
  .g-solution-section-title { margin: 0; font-size: clamp(1.5rem, 3vw, 2.25rem); }
  .g-solution-section-description { margin: var(--g-space-2) 0 0; color: var(--g-color-text-muted); }
  .g-solution-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--g-space-4); }
  .g-solution-card { min-width: 0; padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-solution-card > :first-child { margin-top: 0; }
  .g-solution-card > :last-child { margin-bottom: 0; }
  .g-solution-shell { display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr); min-height: 38rem; background: var(--g-color-surface); border: 1px solid var(--g-color-border); }
  .g-solution-rail { min-width: 0; padding: var(--g-space-4); background: var(--g-color-surface-subtle); border-inline-end: 1px solid var(--g-color-border); }
  .g-solution-main { min-width: 0; padding: clamp(1rem, 3vw, 2rem); }
  .g-solution-main-with-aside { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 20rem); gap: var(--g-space-5); }
  .g-solution-aside { min-width: 0; align-self: start; padding: var(--g-space-4); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-solution-list { display: grid; padding: 0; margin: 0; list-style: none; }
  .g-solution-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-width: 0; padding: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }
  .g-solution-item[aria-current="page"], .g-solution-item.is-active { background: var(--g-color-primary-soft); }
  .g-solution-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-2) var(--g-space-4); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-solution-stat { display: grid; gap: var(--g-space-1); }
  .g-solution-stat-value { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 700; line-height: 1.1; }
  .g-solution-stat-label { color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-solution-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--g-space-3); margin-bottom: var(--g-space-4); }
  .g-solution-empty { display: grid; place-items: center; min-height: 16rem; padding: var(--g-space-6); text-align: center; border: 1px dashed var(--g-color-border-strong); border-radius: var(--g-radius-md); }

  /* Public, editorial and personal pages. */
  :where(.g-product-landing, .g-corporate-home, .g-personal-home, .g-portfolio-page, .g-blog-index, .g-contact-page, .g-pricing-page) {
    min-height: 100svh;
  }
  .g-landing-hero, .g-corporate-hero, .g-personal-intro, .g-portfolio-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 6rem);
    min-height: min(42rem, 78svh);
    padding-block: clamp(3rem, 8vw, 7rem);
  }
  .g-landing-copy, .g-corporate-copy, .g-personal-copy, .g-portfolio-copy { display: grid; gap: var(--g-space-5); max-width: 44rem; }
  .g-landing-title, .g-corporate-title, .g-personal-title, .g-portfolio-title { margin: 0; font-size: clamp(2.25rem, 6vw, 5rem); line-height: 1.02; letter-spacing: -.035em; }
  .g-landing-visual, .g-corporate-visual, .g-personal-portrait, .g-portfolio-featured { min-height: 20rem; background: var(--g-color-surface-subtle); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); overflow: hidden; }
  .g-landing-proof, .g-corporate-trust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--g-space-6); padding-block: var(--g-space-5); border-block: 1px solid var(--g-color-border); }
  .g-corporate-home .g-solution-section:nth-of-type(even), .g-product-landing .g-solution-section:nth-of-type(even) { background: var(--g-color-surface-subtle); }

  .g-personal-home { --g-solution-measure: 68rem; }
  .g-personal-home .g-solution-container { width: min(100% - 2rem, var(--g-solution-measure)); }
  .g-personal-links { display: flex; flex-wrap: wrap; gap: var(--g-space-3); }
  .g-personal-timeline { display: grid; gap: var(--g-space-5); border-inline-start: 1px solid var(--g-color-border); padding-inline-start: var(--g-space-5); }
  .g-personal-timeline-item { position: relative; }
  .g-personal-timeline-item::before { content: ""; position: absolute; inset-inline-start: calc(-1 * var(--g-space-5) - .3rem); inset-block-start: .45rem; width: .55rem; aspect-ratio: 1; border-radius: 50%; background: var(--g-color-primary); }

  .g-portfolio-grid, .g-blog-grid-page { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--g-space-5); }
  .g-portfolio-project, .g-blog-entry { min-width: 0; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); overflow: hidden; }
  .g-portfolio-project-media, .g-blog-entry-media { aspect-ratio: 16 / 10; background: var(--g-color-surface-subtle); overflow: hidden; }
  .g-portfolio-project-body, .g-blog-entry-body { padding: var(--g-space-5); }
  .g-blog-index-header { display: grid; gap: var(--g-space-4); padding-block: clamp(3rem, 8vw, 7rem); border-bottom: 1px solid var(--g-color-border); }
  .g-blog-categories { display: flex; flex-wrap: wrap; gap: var(--g-space-2); }

  .g-article-page { min-height: 100svh; }
  .g-article-page-layout { width: min(100% - 2rem, 78rem); margin-inline: auto; display: grid; grid-template-columns: minmax(10rem, 14rem) minmax(0, 46rem) minmax(10rem, 14rem); justify-content: center; gap: clamp(1.5rem, 4vw, 4rem); padding-block: clamp(2rem, 6vw, 5rem); }
  .g-article-page-body { min-width: 0; }
  .g-article-page-body > * + * { margin-top: 1.25em; }
  .g-article-page-toc, .g-article-page-meta { position: sticky; top: var(--g-space-5); align-self: start; }

  .g-docs-portal, .g-help-center-page, .g-knowledge-base { min-height: 100svh; }
  .g-docs-layout, .g-help-center-layout, .g-knowledge-layout { display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr) minmax(11rem, 15rem); min-height: 100svh; }
  .g-docs-sidebar, .g-help-center-sidebar, .g-knowledge-sidebar { padding: var(--g-space-4); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-docs-main, .g-help-center-main, .g-knowledge-main { min-width: 0; padding: clamp(1.25rem, 4vw, 3rem); }
  .g-docs-toc, .g-help-center-aside, .g-knowledge-aside { padding: var(--g-space-4); border-inline-start: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-help-center-hero, .g-knowledge-hero { padding: clamp(2.5rem, 7vw, 6rem); text-align: center; background: var(--g-color-surface-subtle); border-bottom: 1px solid var(--g-color-border); }
  .g-help-center-search, .g-knowledge-search { width: min(100%, 42rem); margin: var(--g-space-5) auto 0; }

  .g-search-results-page { min-height: 100svh; }
  .g-search-results-layout { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); gap: var(--g-space-6); padding-block: var(--g-space-6); }
  .g-search-filters { align-self: start; padding: var(--g-space-4); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-search-results-list { display: grid; gap: var(--g-space-3); }
  .g-search-result { padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }

  .g-contact-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(20rem, 1.15fr); gap: clamp(2rem, 6vw, 6rem); padding-block: clamp(3rem, 8vw, 7rem); }
  .g-contact-details { display: grid; align-content: start; gap: var(--g-space-5); }
  .g-contact-form { padding: clamp(1.25rem, 4vw, 2rem); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-pricing-page-header { max-width: 50rem; margin-inline: auto; padding-block: clamp(3rem, 8vw, 7rem); text-align: center; }
  .g-pricing-page-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); align-items: stretch; gap: var(--g-space-4); }
  .g-pricing-page-card { display: grid; align-content: start; gap: var(--g-space-4); padding: var(--g-space-6); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-pricing-page-card.is-featured { border-color: var(--g-color-primary); box-shadow: 0 0 0 1px var(--g-color-primary); }

  /* Product administration and account pages. */
  .g-dashboard-overview, .g-admin-list-page, .g-record-detail-page, .g-settings-center,
  .g-user-center, .g-notification-center-page, .g-crm-workspace, .g-project-workspace,
  .g-support-center, .g-approval-center, .g-healthcare-portal, .g-finance-portal,
  .g-public-service-portal {
    min-height: 100%;
    padding: clamp(1rem, 3vw, 2rem);
  }
  .g-dashboard-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--g-space-4); }
  .g-dashboard-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); gap: var(--g-space-4); margin-top: var(--g-space-4); }
  .g-dashboard-panel { min-width: 0; padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }

  .g-dashboard-overview-header, .g-admin-list-header, .g-record-detail-header, .g-settings-center-header, .g-user-center-header,
  .g-notification-center-header, .g-crm-header, .g-project-header, .g-support-header,
  .g-approval-header, .g-industry-portal-header {
    display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-4); margin-bottom: var(--g-space-5);
  }
  .g-admin-list-content { min-width: 0; background: var(--g-color-surface); border: 1px solid var(--g-color-border); }
  .g-admin-list-filters { padding: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-record-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem); gap: var(--g-space-5); }
  .g-record-detail-main, .g-record-detail-aside { display: grid; align-content: start; gap: var(--g-space-4); }
  .g-record-detail-section { padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }

  .g-settings-center-layout, .g-user-center-layout { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 52rem); gap: var(--g-space-6); }
  .g-settings-center-nav, .g-user-center-nav { align-self: start; position: sticky; top: var(--g-space-4); }
  .g-settings-center-content, .g-user-center-content { min-width: 0; }
  .g-settings-center-section, .g-user-center-section { padding-block: var(--g-space-5); border-bottom: 1px solid var(--g-color-border); }
  .g-notification-groups { display: grid; gap: var(--g-space-5); }
  .g-notification-group { background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); overflow: hidden; }
  .g-notification-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-notification-row:last-child { border-bottom: 0; }

  .g-onboarding-flow { min-height: 100svh; display: grid; grid-template-columns: minmax(15rem, .75fr) minmax(0, 1.25fr); }
  .g-onboarding-aside { display: grid; align-content: space-between; gap: var(--g-space-6); padding: clamp(1.5rem, 5vw, 4rem); background: var(--g-color-surface-subtle); border-inline-end: 1px solid var(--g-color-border); }
  .g-onboarding-main { display: grid; place-items: center; padding: clamp(1rem, 5vw, 4rem); }
  .g-onboarding-step { width: min(100%, 38rem); }
  .g-onboarding-progress { display: grid; gap: var(--g-space-3); }
  .g-onboarding-progress-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); color: var(--g-color-text-muted); }
  .g-onboarding-progress-item[aria-current="step"], .g-onboarding-progress-item.is-complete { color: var(--g-color-primary-text); }

  /* Operational workspaces. */
  .g-crm-layout, .g-project-layout, .g-support-layout, .g-approval-layout {
    display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr) minmax(15rem, 20rem); min-height: 38rem; background: var(--g-color-surface); border: 1px solid var(--g-color-border);
  }
  .g-crm-nav, .g-project-nav, .g-support-nav, .g-approval-nav { padding: var(--g-space-4); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-crm-main, .g-project-main, .g-support-main, .g-approval-main { min-width: 0; padding: var(--g-space-5); }
  .g-crm-inspector, .g-project-inspector, .g-support-inspector, .g-approval-inspector { min-width: 0; padding: var(--g-space-4); border-inline-start: 1px solid var(--g-color-border); }
  .g-crm-pipeline, .g-project-board, .g-approval-queue { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--g-space-3); overflow-x: auto; }
  .g-crm-stage, .g-project-column, .g-approval-column { min-width: 13rem; padding: var(--g-space-3); background: var(--g-color-surface-subtle); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-support-thread { display: grid; min-height: 28rem; grid-template-rows: minmax(0, 1fr) auto; }
  .g-support-messages { min-height: 0; overflow: auto; }
  .g-support-reply { padding-top: var(--g-space-4); border-top: 1px solid var(--g-color-border); }

  /* Education, events, bookings and vertical portals. */
  .g-learning-portal, .g-event-portal, .g-booking-portal, .g-marketplace-page, .g-community-page { min-height: 100svh; }
  .g-learning-layout { display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr); min-height: 38rem; }
  .g-learning-sidebar { padding: var(--g-space-4); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-learning-main { min-width: 0; padding: clamp(1rem, 4vw, 3rem); }
  .g-course-grid, .g-event-grid, .g-marketplace-grid, .g-community-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: var(--g-space-4); }
  .g-course-card, .g-event-card, .g-marketplace-card, .g-community-card { min-width: 0; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); overflow: hidden; }
  .g-course-card-body, .g-event-card-body, .g-marketplace-card-body, .g-community-card-body { padding: var(--g-space-4); }
  .g-event-hero, .g-marketplace-hero, .g-community-hero { padding: clamp(3rem, 8vw, 7rem) var(--g-space-page-x); background: var(--g-color-surface-subtle); border-bottom: 1px solid var(--g-color-border); }
  .g-booking-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem); gap: var(--g-space-6); padding-block: clamp(2rem, 6vw, 5rem); }
  .g-booking-results { display: grid; gap: var(--g-space-4); }
  .g-booking-summary { position: sticky; top: var(--g-space-4); align-self: start; padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }

  .g-healthcare-layout, .g-finance-layout, .g-public-service-layout { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); min-height: 40rem; }
  .g-industry-portal-nav { padding: var(--g-space-4); border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-industry-portal-main { min-width: 0; padding: clamp(1rem, 4vw, 3rem); }
  .g-healthcare-summary, .g-finance-summary, .g-public-service-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--g-space-4); }
  .g-healthcare-record, .g-finance-account, .g-public-service-item { padding: var(--g-space-4); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-industry-alert { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-warning); border-radius: var(--g-radius-md); background: var(--g-color-warning-soft); }

  .g-marketplace-layout, .g-community-layout { width: min(100% - 2rem, 80rem); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem); gap: var(--g-space-6); padding-block: var(--g-space-6); }
  .g-marketplace-filters, .g-community-sidebar { align-self: start; padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-community-feed { display: grid; gap: var(--g-space-4); }
  .g-community-post { padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }

  .g-status-center-page { min-height: 100svh; }
  .g-status-center-header { padding-block: clamp(2.5rem, 7vw, 5rem); text-align: center; }
  .g-status-overall { display: inline-flex; align-items: center; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-4); color: var(--g-color-success); background: var(--g-color-success-soft); border: 1px solid currentColor; border-radius: var(--g-radius-md); }
  .g-status-services { display: grid; margin-block: var(--g-space-5); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); overflow: hidden; }
  .g-status-service { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-4); padding: var(--g-space-4); background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-status-service:last-child { border-bottom: 0; }
  .g-status-history { display: grid; gap: var(--g-space-4); }
  .g-status-incident { padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }

  @container g-solution (max-width: 60rem) {
    .g-article-page-layout { grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem); }
    .g-article-page-toc { display: none; }
    .g-docs-layout, .g-help-center-layout, .g-knowledge-layout, .g-crm-layout, .g-project-layout, .g-support-layout, .g-approval-layout { grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); }
    .g-docs-toc, .g-help-center-aside, .g-knowledge-aside, .g-crm-inspector, .g-project-inspector, .g-support-inspector, .g-approval-inspector { display: none; }
    .g-dashboard-layout, .g-solution-main-with-aside { grid-template-columns: minmax(0, 1fr); }
  }

  @container g-solution (max-width: 44rem) {
    .g-landing-hero, .g-corporate-hero, .g-personal-intro, .g-portfolio-hero, .g-contact-layout,
    .g-search-results-layout, .g-record-detail-layout, .g-settings-center-layout, .g-user-center-layout,
    .g-onboarding-flow, .g-learning-layout, .g-booking-layout, .g-healthcare-layout, .g-finance-layout,
    .g-public-service-layout, .g-marketplace-layout, .g-community-layout, .g-solution-shell,
    .g-docs-layout, .g-help-center-layout, .g-knowledge-layout, .g-crm-layout, .g-project-layout,
    .g-support-layout, .g-approval-layout { grid-template-columns: minmax(0, 1fr); }
    .g-solution-rail, .g-docs-sidebar, .g-help-center-sidebar, .g-knowledge-sidebar, .g-crm-nav,
    .g-project-nav, .g-support-nav, .g-approval-nav, .g-learning-sidebar, .g-industry-portal-nav,
    .g-onboarding-aside { display: none; }
    .g-article-page-layout { grid-template-columns: minmax(0, 1fr); }
    .g-article-page-meta { position: static; order: -1; }
    .g-booking-summary { position: static; }
  }

  @media (max-width: 43.999rem) {
    .g-landing-hero, .g-corporate-hero, .g-personal-intro, .g-portfolio-hero, .g-contact-layout,
    .g-search-results-layout, .g-record-detail-layout, .g-settings-center-layout, .g-user-center-layout,
    .g-onboarding-flow, .g-learning-layout, .g-booking-layout, .g-healthcare-layout, .g-finance-layout,
    .g-public-service-layout, .g-marketplace-layout, .g-community-layout { grid-template-columns: minmax(0, 1fr); }
    .g-settings-center-nav, .g-user-center-nav, .g-article-page-toc { display: none; }
    .g-solution-header, .g-dashboard-overview-header, .g-admin-list-header, .g-record-detail-header, .g-settings-center-header,
    .g-user-center-header, .g-notification-center-header, .g-crm-header, .g-project-header,
    .g-support-header, .g-approval-header, .g-industry-portal-header { align-items: flex-start; flex-direction: column; }
  }

  @media (prefers-reduced-motion: reduce) {
    :where(.g-solution-card, .g-portfolio-project, .g-blog-entry, .g-course-card, .g-event-card, .g-marketplace-card, .g-community-card) { scroll-behavior: auto; }
  }

  @media (forced-colors: active) {
    .g-solution-card, .g-dashboard-panel, .g-record-detail-section, .g-pricing-page-card,
    .g-course-card, .g-event-card, .g-marketplace-card, .g-community-card, .g-status-incident { forced-color-adjust: auto; border-color: CanvasText; }
    .g-solution-item[aria-current="page"], .g-solution-item.is-active { outline: 2px solid Highlight; }
  }

  @media print {
    :where(
      .g-product-landing, .g-corporate-home, .g-personal-home, .g-portfolio-page,
      .g-blog-index, .g-article-page, .g-docs-portal, .g-help-center-page,
      .g-search-results-page, .g-contact-page, .g-pricing-page, .g-dashboard-overview,
      .g-admin-list-page, .g-record-detail-page, .g-settings-center, .g-user-center,
      .g-notification-center-page, .g-onboarding-flow, .g-crm-workspace, .g-project-workspace,
      .g-support-center, .g-approval-center, .g-knowledge-base, .g-learning-portal,
      .g-event-portal, .g-booking-portal, .g-healthcare-portal, .g-finance-portal,
      .g-public-service-portal, .g-marketplace-page, .g-community-page, .g-status-center-page
    ) { display: block; min-height: auto; padding: 0; background: white; color: black; }
    .g-solution-rail, .g-solution-actions, .g-docs-sidebar, .g-docs-toc, .g-help-center-sidebar,
    .g-help-center-aside, .g-knowledge-sidebar, .g-knowledge-aside, .g-search-filters,
    .g-settings-center-nav, .g-user-center-nav, .g-onboarding-aside, .g-crm-nav, .g-project-nav,
    .g-support-nav, .g-approval-nav, .g-crm-inspector, .g-project-inspector, .g-support-inspector,
    .g-approval-inspector, .g-learning-sidebar, .g-industry-portal-nav, .g-marketplace-filters,
    .g-community-sidebar { display: none !important; }
    .g-solution-card, .g-dashboard-panel, .g-record-detail-section, .g-status-incident { break-inside: avoid; box-shadow: none; }
  }
}

@layer gardener.components {
  /* Authentication and identity */
  .g-auth-shell { min-height: 100svh; display: grid; grid-template-columns: minmax(0, 1fr); background: var(--g-color-canvas); }
  .g-auth-shell--split { grid-template-columns: minmax(20rem, 1.15fr) minmax(26rem, .85fr); }
  .g-auth-visual { display: grid; align-content: end; padding: clamp(2rem, 6vw, 6rem); color: white; background: linear-gradient(145deg, var(--g-primary-800), var(--g-primary-500)); }
  .g-auth-visual :where(h1, h2, h3, p, a) { color: inherit; }
  .g-auth-main { display: grid; place-items: center; padding: clamp(1rem, 5vw, 4rem); }
  .g-auth-card { width: min(100%, 28rem); display: grid; gap: var(--g-space-5); padding: clamp(1.25rem, 4vw, 2rem); background: var(--g-color-surface); border: var(--g-border-width) solid var(--g-color-border); border-radius: var(--g-radius-lg); box-shadow: var(--g-shadow-sm); }
  .g-auth-brand, .g-auth-heading, .g-auth-actions, .g-auth-sso { display: grid; gap: var(--g-space-3); }
  .g-auth-brand { grid-template-columns: auto 1fr; align-items: center; }
  .g-auth-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--g-space-3); color: var(--g-color-text-muted); font-size: var(--g-font-size-sm); }
  .g-auth-divider::before, .g-auth-divider::after { content: ""; height: 1px; background: var(--g-color-border); }
  .g-auth-otp { display: grid; grid-template-columns: repeat(var(--g-otp-length, 6), minmax(2.5rem, 1fr)); gap: var(--g-space-2); }
  .g-auth-otp > input { min-width: 0; height: 3rem; text-align: center; font: 600 1.25rem/1 var(--g-font-mono); }
  .g-auth-method { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--g-space-3); min-height: 3.25rem; padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-auth-status { text-align: center; display: grid; justify-items: center; gap: var(--g-space-4); }

  /* Mobile storefront/category and native-like screens */
  .g-mobile-page { min-height: 100svh; padding-bottom: env(safe-area-inset-bottom); background: var(--g-color-canvas); }
  .g-mobile-page--with-nav, .g-mobile-page:has(.g-mobile-bottom-nav) { padding-bottom: calc(var(--g-mobile-nav-height, 4rem) + env(safe-area-inset-bottom)); }
  .g-mobile-topbar { position: sticky; top: 0; z-index: var(--g-z-sticky); min-height: calc(3.5rem + env(safe-area-inset-top)); padding: env(safe-area-inset-top) var(--g-space-4) 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); background: color-mix(in srgb, var(--g-color-surface) 94%, transparent); border-bottom: 1px solid var(--g-color-border); backdrop-filter: blur(12px); }
  .g-mobile-category { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); min-height: calc(100svh - 3.5rem); background: var(--g-color-surface); }
  .g-mobile-category-rail { position: sticky; top: 3.5rem; align-self: start; max-height: calc(100svh - 3.5rem - env(safe-area-inset-bottom)); overflow-y: auto; background: var(--g-color-surface-subtle); border-inline-end: 1px solid var(--g-color-border); }
  .g-mobile-category-link { width: 100%; min-height: 3.25rem; padding: var(--g-space-2) var(--g-space-3); display: grid; place-items: center; color: var(--g-color-text); text-align: center; font-size: var(--g-font-size-sm); border-inline-start: 3px solid transparent; }
  .g-mobile-category-link[aria-current="page"], .g-mobile-category-link.is-active { color: var(--g-color-primary-text); background: var(--g-color-surface); border-inline-start-color: var(--g-color-primary); font-weight: 600; }
  .g-mobile-category-content { min-width: 0; padding: var(--g-space-4); overflow: hidden; }
  .g-mobile-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--g-space-4) var(--g-space-2); }
  .g-mobile-category-item { min-width: 0; display: grid; justify-items: center; gap: var(--g-space-2); text-align: center; font-size: var(--g-font-size-xs); }
  .g-mobile-category-item > img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); }
  .g-mobile-filterbar { position: sticky; top: calc(3.5rem + env(safe-area-inset-top)); z-index: calc(var(--g-z-sticky) - 1); display: flex; gap: var(--g-space-2); padding: var(--g-space-2) var(--g-space-4); overflow-x: auto; scrollbar-width: none; background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-mobile-sheet-actions { position: sticky; bottom: 0; display: grid; grid-template-columns: 1fr 2fr; gap: var(--g-space-3); padding: var(--g-space-3) var(--g-space-4) calc(var(--g-space-3) + env(safe-area-inset-bottom)); background: var(--g-color-surface); border-top: 1px solid var(--g-color-border); }

  /* Super CMS: editing, media, workflow, localization */
  .g-cms-shell { height: 100dvh; min-height: 32rem; display: grid; grid-template: "top top top" auto "tree main inspect" minmax(0, 1fr) "status status status" auto / minmax(13rem, 17rem) minmax(24rem, 1fr) minmax(15rem, 20rem); overflow: hidden; background: var(--g-color-canvas); }
  .g-cms-topbar { grid-area: top; display: flex; align-items: center; gap: var(--g-space-3); min-width: 0; padding: var(--g-space-2) var(--g-space-3); background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-cms-tree { grid-area: tree; overflow: auto; background: var(--g-color-surface); border-inline-end: 1px solid var(--g-color-border); }
  .g-cms-main { grid-area: main; min-width: 0; overflow: auto; }
  .g-cms-inspector { grid-area: inspect; overflow: auto; background: var(--g-color-surface); border-inline-start: 1px solid var(--g-color-border); }
  .g-cms-statusbar { grid-area: status; min-height: 1.75rem; display: flex; align-items: center; gap: var(--g-space-4); padding-inline: var(--g-space-3); font-size: var(--g-font-size-xs); color: var(--g-color-text-muted); background: var(--g-color-surface); border-top: 1px solid var(--g-color-border); }
  .g-cms-panel-header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; min-height: 2.75rem; padding: var(--g-space-2) var(--g-space-3); background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-cms-canvas { min-height: 100%; padding: clamp(1rem, 3vw, 3rem); background-color: var(--g-color-surface-sunken); background-image: radial-gradient(var(--g-color-border) 1px, transparent 1px); background-size: 16px 16px; }
  .g-cms-device { width: min(100%, var(--g-preview-width, 76rem)); min-height: 42rem; margin-inline: auto; background: var(--g-color-surface); border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-lg); box-shadow: var(--g-shadow-md); overflow: hidden; }
  .g-cms-device[data-g-device="tablet"] { --g-preview-width: 48rem; }
  .g-cms-device[data-g-device="mobile"] { --g-preview-width: 24rem; }
  .g-cms-block { position: relative; min-height: 2rem; outline: 1px solid transparent; }
  .g-cms-block:hover { outline-color: var(--g-primary-300); }
  .g-cms-block[aria-selected="true"], .g-cms-block.is-selected { outline: 2px solid var(--g-color-primary); }
  .g-cms-block-handle { position: absolute; inset-block-start: 0; inset-inline-start: 0; transform: translateY(-100%); display: none; padding: .15rem .35rem; font-size: .6875rem; color: var(--g-color-on-primary); background: var(--g-color-primary); }
  .g-cms-block[aria-selected="true"] > .g-cms-block-handle, .g-cms-block.is-selected > .g-cms-block-handle { display: flex; }
  .g-cms-palette { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g-space-2); padding: var(--g-space-3); }
  .g-cms-palette-item { display: grid; justify-items: center; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); cursor: grab; }
  .g-editor { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 30rem; background: var(--g-color-surface); border: 1px solid var(--g-color-border); }
  .g-editor-toolbar { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: wrap; gap: var(--g-space-1); padding: var(--g-space-2); background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-editor-content { width: min(100%, 76ch); min-height: 24rem; margin-inline: auto; padding: clamp(1rem, 5vw, 4rem); outline: 0; }
  .g-media-library { display: grid; grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr) minmax(14rem, 18rem); min-height: 34rem; border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-media-sidebar, .g-media-inspector { padding: var(--g-space-3); overflow: auto; }
  .g-media-sidebar { border-inline-end: 1px solid var(--g-color-border); }
  .g-media-inspector { border-inline-start: 1px solid var(--g-color-border); }
  .g-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); align-content: start; gap: var(--g-space-3); padding: var(--g-space-4); overflow: auto; }
  .g-media-item { min-width: 0; padding: var(--g-space-1); border: 2px solid transparent; border-radius: var(--g-radius-md); }
  .g-media-item[aria-selected="true"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-media-item img { width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--g-color-surface-subtle); }
  .g-workflow { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--g-space-3); overflow-x: auto; }
  .g-workflow-column { min-width: 13rem; padding: var(--g-space-3); background: var(--g-color-surface-subtle); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-revision { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding-block: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }
  .g-localization-grid { display: grid; grid-template-columns: minmax(10rem, .6fr) repeat(var(--g-locale-count, 2), minmax(15rem, 1fr)); overflow: auto; }
  .g-localization-grid > * { padding: var(--g-space-3); border-inline-end: 1px solid var(--g-color-border); border-bottom: 1px solid var(--g-color-border); }
  .g-publish-bar { position: sticky; bottom: 0; z-index: var(--g-z-sticky); display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-3); background: var(--g-color-surface); border-top: 1px solid var(--g-color-border); box-shadow: 0 -4px 12px rgb(15 23 42 / .06); }

  /* Public sites and content publishing */
  .g-site-header { position: relative; z-index: var(--g-z-sticky); display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-6); min-height: var(--g-header-height); padding-inline: var(--g-space-page-x); background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); }
  .g-site-nav { display: flex; align-items: center; gap: clamp(.75rem, 2vw, 2rem); }
  .g-hero { display: grid; align-items: center; gap: clamp(2rem, 6vw, 6rem); min-height: min(48rem, 80svh); padding: clamp(3rem, 9vw, 8rem) var(--g-space-page-x); }
  .g-hero--split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .g-hero--center { justify-items: center; text-align: center; }
  .g-hero-copy { max-width: 44rem; display: grid; gap: var(--g-space-6); }
  .g-section { padding: clamp(3rem, 7vw, 7rem) var(--g-space-page-x); }
  .g-section--tight { padding-block: clamp(2rem, 4vw, 4rem); }
  .g-section--subtle { background: var(--g-color-surface-subtle); }
  .g-section-heading { max-width: 46rem; margin-inline: auto; margin-bottom: clamp(2rem, 5vw, 4rem); text-align: center; }
  .g-logo-cloud { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(1.5rem, 5vw, 4rem); color: var(--g-color-text-muted); }
  .g-feature-grid, .g-testimonial-grid, .g-pricing-grid, .g-blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: var(--g-space-6); }
  .g-feature { display: grid; align-content: start; gap: var(--g-space-3); }
  .g-testimonial { display: grid; grid-template-rows: 1fr auto; gap: var(--g-space-5); padding: var(--g-space-6); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); }
  .g-pricing-card { position: relative; display: grid; align-content: start; gap: var(--g-space-5); padding: var(--g-space-6); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); }
  .g-pricing-card.is-featured { border: 2px solid var(--g-color-primary); box-shadow: var(--g-shadow-md); }
  .g-pricing-features { display: grid; gap: var(--g-space-3); padding: 0; list-style: none; }
  .g-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-6); padding: clamp(2rem, 6vw, 5rem); color: var(--g-color-on-primary); background: var(--g-color-primary); border-radius: var(--g-radius-lg); }
  .g-article-shell { width: min(100% - 2rem, 76rem); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, 17rem); gap: clamp(2rem, 5vw, 5rem); padding-block: clamp(2rem, 7vw, 6rem); }
  .g-article { min-width: 0; max-width: 75ch; }
  .g-article > * + * { margin-top: 1.25em; }
  .g-article-aside { position: sticky; top: calc(var(--g-header-height) + var(--g-space-4)); align-self: start; }
  .g-site-footer { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(var(--g-footer-columns, 3), minmax(8rem, 1fr)); gap: var(--g-space-8); padding: clamp(3rem, 6vw, 6rem) var(--g-space-page-x); background: var(--g-color-surface-subtle); border-top: 1px solid var(--g-color-border); }

  /* Commerce recipes */
  .g-product-detail { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr); gap: clamp(2rem, 5vw, 5rem); }
  .g-product-gallery { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: var(--g-space-3); }
  .g-product-thumbs { display: grid; align-content: start; gap: var(--g-space-2); }
  .g-product-summary { align-self: start; display: grid; gap: var(--g-space-5); }
  .g-cart-layout, .g-checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem); gap: clamp(1.5rem, 4vw, 4rem); }
  .g-order-summary { position: sticky; top: var(--g-space-4); align-self: start; display: grid; gap: var(--g-space-4); padding: var(--g-space-5); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-order-tracker { display: grid; grid-template-columns: repeat(var(--g-order-steps, 4), 1fr); }
  .g-order-step { position: relative; display: grid; justify-items: center; gap: var(--g-space-2); text-align: center; color: var(--g-color-text-muted); }
  .g-order-step::before { content: ""; position: absolute; top: .6rem; inset-inline: -50%; height: 2px; background: var(--g-color-border); z-index: -1; }
  .g-order-step:first-child::before { display: none; }
  .g-order-step.is-complete, .g-order-step[aria-current="step"] { color: var(--g-color-primary-text); }
  .g-order-step.is-complete::before { background: var(--g-color-primary); }

  /* Enterprise administration */
  .g-org-switcher { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-width: 0; }
  .g-settings-shell { display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); }
  .g-settings-nav { position: sticky; top: var(--g-space-4); align-self: start; }
  .g-settings-section { max-width: 56rem; padding-block: var(--g-space-6); border-bottom: 1px solid var(--g-color-border); }
  .g-permission-matrix { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--g-font-size-sm); }
  .g-permission-matrix th { position: sticky; top: 0; z-index: 1; background: var(--g-color-surface); }
  .g-permission-matrix th, .g-permission-matrix td { padding: var(--g-space-3); text-align: center; border-bottom: 1px solid var(--g-color-border); }
  .g-permission-matrix th:first-child, .g-permission-matrix td:first-child { position: sticky; inset-inline-start: 0; text-align: start; background: var(--g-color-surface); }
  .g-audit-event { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding-block: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }
  .g-usage-meter { display: grid; gap: var(--g-space-2); }
  .g-api-key { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); }
  .g-approval-route { display: flex; align-items: center; gap: var(--g-space-2); overflow-x: auto; }
  .g-approval-node { flex: 0 0 auto; min-width: 8rem; padding: var(--g-space-3); border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-approval-route > :not(:last-child)::after { content: "→"; margin-inline-start: var(--g-space-3); color: var(--g-color-text-muted); }
  [dir="rtl"] .g-approval-route > :not(:last-child)::after { content: "←"; }

  @media (max-width: 63.999rem) {
    .g-auth-shell--split { grid-template-columns: 1fr; }
    .g-auth-visual { display: none; }
    .g-cms-shell { grid-template: "top top" auto "main inspect" minmax(0, 1fr) "status status" auto / minmax(0, 1fr) minmax(14rem, 18rem); }
    .g-cms-tree { display: none; }
    .g-media-library { grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr); }
    .g-media-inspector { display: none; }
    .g-site-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 47.999rem) {
    .g-hero--split, .g-product-detail, .g-cart-layout, .g-checkout-layout, .g-article-shell, .g-settings-shell { grid-template-columns: minmax(0, 1fr); }
    .g-site-nav { display: none; }
    .g-hero { min-height: auto; }
    .g-article-aside, .g-settings-nav { position: static; }
    .g-cta { grid-template-columns: 1fr; }
    .g-cms-shell { grid-template: "top" auto "main" minmax(0, 1fr) "status" auto / minmax(0, 1fr); }
    .g-cms-inspector { display: none; }
    .g-media-library { grid-template-columns: minmax(0, 1fr); }
    .g-media-sidebar { display: none; }
    .g-product-gallery { grid-template-columns: 1fr; }
    .g-product-thumbs { grid-template-columns: repeat(5, 1fr); grid-row: 2; }
    .g-order-summary { position: static; }
    .g-site-footer { grid-template-columns: 1fr; }
  }

  @media print {
    .g-site-header, .g-site-footer, .g-cms-topbar, .g-cms-tree, .g-cms-inspector, .g-cms-statusbar, .g-publish-bar { display: none !important; }
    .g-cms-shell { height: auto; display: block; overflow: visible; }
    .g-cms-main, .g-editor { overflow: visible; border: 0; }
  }
}

@layer gardener.components {
  .g-desktop-shell { height: 100dvh; min-width: 20rem; display: grid; grid-template: "title title title" var(--g-titlebar-height, 2.25rem) "activity main side" minmax(0, 1fr) "status status status" 1.5rem / auto minmax(0, 1fr) auto; overflow: hidden; background: var(--g-color-canvas); user-select: none; }
  .g-titlebar { grid-area: title; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; min-height: var(--g-titlebar-height, 2.25rem); color: var(--g-color-text); background: var(--g-color-surface); border-bottom: 1px solid var(--g-color-border); -webkit-app-region: drag; app-region: drag; }
  .g-titlebar-start, .g-titlebar-end { min-width: 0; display: flex; align-items: center; }
  .g-titlebar-end { justify-content: flex-end; }
  .g-titlebar-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: var(--g-font-size-xs); }
  .g-no-drag, .g-titlebar button, .g-titlebar a, .g-titlebar input, .g-window-controls { -webkit-app-region: no-drag; app-region: no-drag; }
  .g-window-controls { height: 100%; display: flex; margin-inline-start: auto; }
  .g-window-button { width: 2.875rem; height: 100%; display: grid; place-items: center; border: 0; border-radius: 0; background: transparent; color: inherit; }
  .g-window-button:hover { background: var(--g-color-surface-subtle); }
  .g-window-button[data-g-window-action="close"]:hover { color: #fff; background: #c42b1c; }
  .g-activitybar { grid-area: activity; width: var(--g-activitybar-width, 3rem); display: flex; flex-direction: column; align-items: center; gap: var(--g-space-1); overflow: hidden; background: var(--g-color-surface-subtle); border-inline-end: 1px solid var(--g-color-border); }
  .g-activitybar-item { position: relative; width: 100%; min-height: 3rem; display: grid; place-items: center; color: var(--g-color-text-muted); }
  .g-activitybar-item[aria-current="page"], .g-activitybar-item.is-active { color: var(--g-color-text); }
  .g-activitybar-item[aria-current="page"]::before, .g-activitybar-item.is-active::before { content: ""; position: absolute; inset-block: .45rem; inset-inline-start: 0; width: 2px; background: var(--g-color-primary); }
  .g-workbench { grid-area: main; min-width: 0; min-height: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); overflow: hidden; }
  .g-workbench-sidebar { width: var(--g-workbench-sidebar-width, 16rem); min-width: 10rem; max-width: 35rem; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: var(--g-color-surface); border-inline-end: 1px solid var(--g-color-border); }
  .g-workbench-editor { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; background: var(--g-color-surface); }
  .g-editor-tabs { display: flex; min-width: 0; overflow-x: auto; background: var(--g-color-surface-subtle); border-bottom: 1px solid var(--g-color-border); }
  .g-editor-tab { flex: 0 0 auto; max-width: 14rem; min-height: 2.25rem; display: flex; align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); color: var(--g-color-text); border-inline-end: 1px solid var(--g-color-border); }
  .g-editor-tab[aria-selected="true"], .g-editor-tab.is-active { color: var(--g-color-text); background: var(--g-color-surface); }
  .g-editor-pane { min-width: 0; min-height: 0; overflow: auto; }
  .g-bottom-panel { min-height: 6rem; max-height: 70%; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border-top: 1px solid var(--g-color-border); }
  .g-desktop-inspector { grid-area: side; width: var(--g-inspector-width, 18rem); min-width: 12rem; max-width: 36rem; overflow: auto; background: var(--g-color-surface); border-inline-start: 1px solid var(--g-color-border); }
  .g-desktop-statusbar { grid-area: status; display: flex; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding-inline: var(--g-space-2); font-size: .6875rem; color: var(--g-color-on-primary); background: var(--g-color-primary); }
  .g-desktop-status-group { min-width: 0; height: 100%; display: flex; align-items: center; }
  .g-desktop-status-item { height: 100%; display: flex; align-items: center; gap: .3rem; padding-inline: var(--g-space-2); white-space: nowrap; }
  .g-desktop-status-item:hover { background: rgb(255 255 255 / .12); }
  .g-menubar { display: flex; align-items: center; height: 100%; }
  .g-menubar-item { height: 100%; padding-inline: var(--g-space-2); border: 0; background: transparent; color: inherit; font-size: var(--g-font-size-xs); }
  .g-menubar-item:hover, .g-menubar-item[aria-expanded="true"] { background: var(--g-color-surface-subtle); }
  .g-splitter { flex: 0 0 4px; position: relative; z-index: 2; background: transparent; touch-action: none; }
  .g-splitter:hover, .g-splitter:focus-visible, .g-splitter.is-dragging { background: var(--g-color-primary); }
  .g-splitter[aria-orientation="vertical"] { cursor: col-resize; }
  .g-splitter[aria-orientation="horizontal"] { cursor: row-resize; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-titlebar { grid-template-columns: auto minmax(0, 1fr) auto; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-window-controls { order: -1; flex-direction: row-reverse; gap: .45rem; padding-inline: .75rem; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-window-button { width: .75rem; height: .75rem; border-radius: 50%; font-size: 0; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-window-button[data-g-window-action="close"] { background: #ff5f57; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-window-button[data-g-window-action="minimize"] { background: #febc2e; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-window-button[data-g-window-action="maximize"] { background: #28c840; }
  @media (max-width: 55rem) { .g-desktop-inspector { display: none; } }
  @media (max-width: 40rem) { .g-workbench-sidebar { display: none; } .g-titlebar { grid-template-columns: minmax(0, 1fr) auto; } .g-titlebar-title { text-align: start; padding-inline: var(--g-space-3); } .g-titlebar-start { display: none; } }
}

@layer gardener.components {
  :where(.g-native-titlebar, .g-desktop-window-controls, .g-desktop-menubar, .g-desktop-activity-bar, .g-desktop-dock-panel, .g-desktop-split-pane, .g-desktop-inspector-panel, .g-desktop-status-bar, .g-desktop-command-palette, .g-shortcut-recorder, .g-desktop-context-menu, .g-desktop-document-tabs, .g-desktop-drag-region, .g-window-loading, .g-update-available, .g-desktop-permission-request, .g-native-file-picker, .g-tray-menu, .g-multi-window-placeholder, .g-desktop-workspace, .g-desktop-window-switcher, .g-recent-documents, .g-desktop-toolbar, .g-desktop-bottom-panel, .g-background-task-center, .g-desktop-notification-center, .g-sync-status, .g-update-progress, .g-crash-recovery, .g-single-instance-notice, .g-deep-link-handler, .g-about-dialog) { box-sizing: border-box; }

  .g-desktop-workspace { --g-desktop-titlebar-size: 2.25rem; --g-desktop-status-size: 1.5rem; display: grid; grid-template: "title title title" var(--g-desktop-titlebar-size) "activity main inspector" minmax(0, 1fr) "status status status" var(--g-desktop-status-size) / auto minmax(0, 1fr) auto; inline-size: 100%; block-size: 100dvh; min-inline-size: 20rem; overflow: hidden; background: var(--g-color-canvas); color: var(--g-color-text); user-select: none; container: g-desktop-workspace / inline-size; }
  .g-desktop-workspace.is-contained { block-size: var(--g-desktop-contained-height, 38rem); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  .g-desktop-workspace-main { grid-area: main; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-inline-size: 0; min-block-size: 0; overflow: hidden; background: var(--g-color-surface); }

  .g-native-titlebar { grid-area: title; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; min-block-size: var(--g-desktop-titlebar-size, 2.25rem); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface); -webkit-app-region: drag; app-region: drag; }
  .g-native-titlebar-start, .g-native-titlebar-end { display: flex; min-inline-size: 0; block-size: 100%; align-items: center; }
  .g-native-titlebar-end { justify-content: end; }
  .g-native-titlebar-title { min-inline-size: 0; overflow: hidden; font-size: var(--g-font-size-xs); font-weight: 600; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
  .g-desktop-drag-region { -webkit-app-region: drag; app-region: drag; user-select: none; }
  :where(.g-desktop-no-drag, .g-native-titlebar button, .g-native-titlebar a, .g-native-titlebar input, .g-desktop-window-controls) { -webkit-app-region: no-drag; app-region: no-drag; }

  .g-desktop-window-controls { display: flex; block-size: 100%; margin-inline-start: auto; }
  .g-desktop-window-button { display: grid; inline-size: 2.875rem; block-size: 100%; place-items: center; border: 0; border-radius: 0; background: transparent; color: inherit; }
  .g-desktop-window-button:is(:hover, :focus-visible) { background: var(--g-color-surface-subtle); }
  .g-desktop-window-button[data-g-window-action="close"]:hover { background: #c42b1c; color: #fff; }

  .g-desktop-menubar, .g-desktop-toolbar { display: flex; min-inline-size: 0; align-items: center; gap: var(--g-space-1); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-desktop-menubar { block-size: 100%; border: 0; }
  .g-desktop-menubar-item { display: inline-flex; block-size: 100%; align-items: center; padding-inline: var(--g-space-2); border: 0; border-radius: 0; background: transparent; color: inherit; font-size: var(--g-font-size-xs); }
  .g-desktop-menubar-item:is(:hover, :focus-visible, [aria-expanded="true"]) { background: var(--g-color-surface-subtle); }
  .g-desktop-toolbar { min-block-size: 2.5rem; padding: var(--g-space-1) var(--g-space-2); }
  .g-desktop-toolbar-group { display: flex; align-items: center; gap: var(--g-space-1); }
  .g-desktop-toolbar-separator { inline-size: 1px; block-size: 1.25rem; margin-inline: var(--g-space-1); background: var(--g-color-border); }

  .g-desktop-activity-bar { grid-area: activity; display: flex; flex-direction: column; align-items: center; gap: var(--g-space-1); inline-size: var(--g-desktop-activity-size, 3rem); overflow: hidden; border-inline-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }
  .g-desktop-activity-item { position: relative; display: grid; inline-size: 100%; min-block-size: 3rem; place-items: center; border: 0; border-radius: 0; background: transparent; color: var(--g-color-text-muted); }
  .g-desktop-activity-item:is(.is-active, [aria-current="page"]) { color: var(--g-color-text); }
  .g-desktop-activity-item:is(.is-active, [aria-current="page"])::before { content: ""; position: absolute; inset-block: .45rem; inset-inline-start: 0; inline-size: 2px; background: var(--g-color-primary); }

  .g-desktop-dock-panel, .g-desktop-inspector-panel, .g-desktop-bottom-panel { display: grid; grid-template-rows: auto minmax(0, 1fr); min-inline-size: 0; min-block-size: 0; overflow: hidden; border-color: var(--g-color-border); background: var(--g-color-surface); }
  .g-desktop-dock-panel { inline-size: var(--g-desktop-dock-size, 16rem); border-inline-end: 1px solid var(--g-color-border); }
  .g-desktop-inspector-panel { grid-area: inspector; inline-size: var(--g-desktop-inspector-size, 18rem); border-inline-start: 1px solid var(--g-color-border); }
  .g-desktop-bottom-panel { block-size: var(--g-desktop-bottom-panel-size, 12rem); border-block-start: 1px solid var(--g-color-border); }
  .g-desktop-panel-header { display: flex; min-block-size: 2.25rem; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding-inline: var(--g-space-3); border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); font-size: var(--g-font-size-xs); font-weight: 650; }
  .g-desktop-panel-body { min-inline-size: 0; min-block-size: 0; overflow: auto; padding: var(--g-desktop-panel-padding, var(--g-space-3)); }
  :where(.g-desktop-dock-panel, .g-desktop-inspector-panel, .g-desktop-bottom-panel).is-collapsed { display: none; }

  .g-desktop-split-pane { display: flex; min-inline-size: 0; min-block-size: 0; overflow: hidden; }
  .g-desktop-split-pane[data-g-orientation="vertical"] { flex-direction: column; }
  .g-desktop-split-pane > .g-split-panel { min-inline-size: 0; min-block-size: 0; overflow: auto; }
  .g-desktop-split-pane .g-split-handle { position: relative; z-index: 2; flex: 0 0 4px; background: transparent; touch-action: none; }
  .g-desktop-split-pane .g-split-handle:is(:hover, :focus-visible, .is-dragging) { background: var(--g-color-primary); }

  .g-desktop-status-bar { grid-area: status; display: flex; min-inline-size: 0; align-items: center; justify-content: space-between; gap: var(--g-space-2); padding-inline: var(--g-space-2); overflow: hidden; background: var(--g-color-primary); color: var(--g-color-on-primary); font-size: .6875rem; }
  .g-desktop-status-group { display: flex; min-inline-size: 0; block-size: 100%; align-items: center; }
  .g-desktop-status-item { display: flex; block-size: 100%; align-items: center; gap: .3rem; padding-inline: var(--g-space-2); border: 0; border-radius: 0; background: transparent; color: inherit; white-space: nowrap; }
  .g-desktop-status-item:hover { background: rgb(255 255 255 / .14); }

  .g-desktop-command-palette { position: fixed; z-index: var(--g-z-dialog); inset: 0; display: grid; align-items: start; justify-items: center; padding-block-start: min(18vh, 9rem); background: rgb(15 23 42 / .28); }
  .g-desktop-command-palette[hidden] { display: none; }
  .g-desktop-command-panel { inline-size: min(calc(100% - 2rem), 38rem); overflow: hidden; border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-lg); }
  .g-desktop-command-input { inline-size: 100%; min-block-size: 3rem; padding-inline: var(--g-space-4); border: 0; border-block-end: 1px solid var(--g-color-border); outline: 0; background: transparent; color: inherit; }
  .g-desktop-command-results { max-block-size: min(50vh, 24rem); overflow: auto; padding: var(--g-space-1); }
  .g-desktop-command-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-block-size: 2.5rem; padding: var(--g-space-2) var(--g-space-3); border-radius: var(--g-radius-md); }
  .g-desktop-command-item:is(.is-active, [aria-selected="true"]) { background: var(--g-color-primary-soft); color: var(--g-color-primary-text); }

  .g-shortcut-recorder { display: grid; gap: var(--g-space-2); }
  .g-shortcut-recorder-control { display: flex; min-block-size: 2.5rem; align-items: center; justify-content: space-between; gap: var(--g-space-3); padding: var(--g-space-2) var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: inherit; text-align: start; }
  .g-shortcut-recorder-control.is-recording { border-color: var(--g-color-primary); outline: var(--g-focus-ring-width) solid var(--g-focus-ring); }
  .g-shortcut-recorder-keys { display: flex; align-items: center; gap: var(--g-space-1); }
  .g-shortcut-recorder-status { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }

  .g-desktop-context-menu, .g-tray-menu { inline-size: min(var(--g-desktop-menu-width, 17rem), calc(100vw - 1rem)); padding: var(--g-space-1); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-md); }
  .g-desktop-context-menu[hidden], .g-tray-menu[hidden] { display: none; }
  .g-desktop-menu-item { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); inline-size: 100%; min-block-size: 2rem; padding: var(--g-space-1) var(--g-space-2); border: 0; border-radius: calc(var(--g-radius-md) - 1px); background: transparent; color: inherit; font-size: var(--g-font-size-sm); text-align: start; }
  .g-desktop-menu-item:is(:hover, :focus-visible) { background: var(--g-color-surface-subtle); }
  .g-desktop-menu-item[aria-disabled="true"] { opacity: .5; pointer-events: none; }
  .g-desktop-menu-separator { block-size: 1px; margin: var(--g-space-1); background: var(--g-color-border); }

  .g-desktop-document-tabs { display: flex; min-inline-size: 0; overflow-x: auto; border-block-end: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); scrollbar-width: thin; }
  .g-desktop-document-tab { position: relative; display: flex; flex: 0 0 auto; max-inline-size: 16rem; min-block-size: 2.25rem; align-items: center; gap: var(--g-space-2); padding-inline: var(--g-space-3); border: 0; border-inline-end: 1px solid var(--g-color-border); border-radius: 0; background: transparent; color: var(--g-color-text-muted); }
  .g-desktop-document-tab:is(.is-active, [aria-selected="true"]) { background: var(--g-color-surface); color: var(--g-color-text); }
  .g-desktop-document-tab.is-dirty::after { content: ""; inline-size: .45rem; block-size: .45rem; border-radius: var(--g-radius-full); background: currentColor; }
  .g-desktop-document-tab-close { display: grid; inline-size: 1.25rem; block-size: 1.25rem; place-items: center; border: 0; border-radius: var(--g-radius-sm); background: transparent; color: inherit; }
  .g-desktop-document-tab-close:hover { background: var(--g-color-surface-subtle); }

  .g-window-loading, .g-multi-window-placeholder, .g-crash-recovery, .g-about-dialog { display: grid; justify-items: center; align-content: center; gap: var(--g-space-3); min-block-size: var(--g-desktop-state-min-height, 18rem); padding: var(--g-space-6); text-align: center; background: var(--g-color-surface); }
  .g-about-dialog[hidden] { display: none; }
  .g-window-loading-icon, .g-desktop-state-icon, .g-about-dialog-icon { display: grid; inline-size: 3.5rem; block-size: 3.5rem; place-items: center; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); color: var(--g-color-primary-text); }
  .g-window-loading-progress { inline-size: min(100%, 18rem); }
  .g-desktop-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--g-space-2); }

  .g-update-available, .g-desktop-permission-request, .g-single-instance-notice, .g-deep-link-handler { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-desktop-notice-icon { display: grid; inline-size: 2.5rem; block-size: 2.5rem; place-items: center; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface-subtle); color: var(--g-color-primary-text); }
  .g-desktop-notice-main { min-inline-size: 0; }
  .g-desktop-notice-actions { display: flex; align-items: center; gap: var(--g-space-2); }

  .g-native-file-picker { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-2); }
  .g-native-file-picker-value { min-inline-size: 0; min-block-size: 2.5rem; padding: var(--g-space-2) var(--g-space-3); overflow: hidden; border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); color: var(--g-color-text-muted); text-overflow: ellipsis; white-space: nowrap; }
  .g-native-file-picker input[type="file"] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }

  .g-desktop-window-switcher { position: fixed; z-index: var(--g-z-dialog); inset: 0; display: grid; place-items: center; background: rgb(15 23 42 / .24); }
  .g-desktop-window-switcher[hidden] { display: none; }
  .g-desktop-window-switcher-panel { inline-size: min(calc(100% - 2rem), 42rem); padding: var(--g-space-3); border: 1px solid var(--g-color-border-strong); border-radius: var(--g-radius-md); background: var(--g-color-surface); box-shadow: var(--g-shadow-lg); }
  .g-desktop-window-list, .g-recent-documents { display: grid; gap: var(--g-space-1); }
  .g-desktop-window-item, .g-recent-document { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); min-block-size: 2.75rem; padding: var(--g-space-2) var(--g-space-3); border: 0; border-radius: var(--g-radius-md); background: transparent; color: inherit; text-align: start; }
  :where(.g-desktop-window-item, .g-recent-document):is(:hover, :focus-visible, [aria-selected="true"]) { background: var(--g-color-surface-subtle); }
  .g-recent-document-main, .g-desktop-window-main { min-inline-size: 0; }
  .g-recent-document-path { display: block; overflow: hidden; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }

  .g-background-task-center, .g-desktop-notification-center { display: grid; gap: var(--g-space-2); inline-size: min(100%, 24rem); }
  .g-background-task, .g-desktop-notification { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-background-task-main, .g-desktop-notification-main { min-inline-size: 0; }
  .g-background-task-progress { grid-column: 2 / -1; inline-size: 100%; }
  .g-desktop-notification.is-unread { border-inline-start: 3px solid var(--g-color-primary); }

  .g-sync-status { display: inline-flex; align-items: center; gap: var(--g-space-2); color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); }
  .g-sync-status-dot { inline-size: .5rem; block-size: .5rem; border-radius: var(--g-radius-full); background: var(--g-color-success); }
  .g-sync-status.is-syncing .g-sync-status-dot { background: var(--g-color-info); animation: g-desktop-pulse 1.2s ease-in-out infinite; }
  .g-sync-status.is-error .g-sync-status-dot { background: var(--g-color-danger); }
  .g-update-progress { display: grid; gap: var(--g-space-3); padding: var(--g-space-4); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); background: var(--g-color-surface); }
  .g-update-progress-header { display: flex; justify-content: space-between; gap: var(--g-space-3); }
  .g-update-progress-track { block-size: .4rem; overflow: hidden; background: var(--g-color-surface-subtle); }
  .g-update-progress-value { inline-size: var(--g-update-progress, 0%); block-size: 100%; background: var(--g-color-primary); }

  @keyframes g-desktop-pulse { 50% { opacity: .35; } }

  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-native-titlebar { grid-template-columns: auto minmax(0, 1fr) auto; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-desktop-window-controls { order: -1; flex-direction: row-reverse; gap: .45rem; padding-inline: .75rem; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-desktop-window-button { inline-size: .75rem; block-size: .75rem; border-radius: var(--g-radius-full); font-size: 0; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-desktop-window-button[data-g-window-action="close"] { background: #ff5f57; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-desktop-window-button[data-g-window-action="minimize"] { background: #febc2e; }
  :is([data-g-os="macos"], [data-g-platform="macos"]) .g-desktop-window-button[data-g-window-action="maximize"] { background: #28c840; }

  @container g-desktop-workspace (max-width: 56rem) { .g-desktop-inspector-panel { display: none; } }
  @container g-desktop-workspace (max-width: 40rem) { .g-desktop-dock-panel { display: none; } .g-native-titlebar { grid-template-columns: minmax(0, 1fr) auto; } .g-native-titlebar-start { display: none; } .g-native-titlebar-title { padding-inline: var(--g-space-3); text-align: start; } }
  @media (prefers-reduced-motion: reduce) { .g-sync-status.is-syncing .g-sync-status-dot { animation: none; } }
  @media (forced-colors: active) { .g-desktop-activity-item[aria-current], .g-desktop-document-tab[aria-selected="true"], .g-desktop-command-item[aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -2px; } .g-update-progress-value, .g-sync-status-dot { background: Highlight; } }
  @media print { .g-native-titlebar, .g-desktop-window-controls, .g-desktop-menubar, .g-desktop-activity-bar, .g-desktop-status-bar, .g-desktop-toolbar, .g-desktop-bottom-panel, .g-desktop-command-palette, .g-desktop-context-menu, .g-tray-menu, .g-desktop-window-switcher { display: none !important; } .g-desktop-workspace { display: block; block-size: auto; overflow: visible; } .g-desktop-workspace-main, .g-desktop-dock-panel, .g-desktop-inspector-panel { display: block; inline-size: auto; overflow: visible; border: 0; } }
}

@layer gardener.components {
  /* High-frequency application recipes kept ready for direct AI composition. */
  .g-onboarding { width: min(100%, 48rem); margin-inline: auto; display: grid; gap: var(--g-space-6); }
  .g-onboarding-progress { display: grid; grid-template-columns: repeat(var(--g-onboarding-steps, 4), 1fr); gap: var(--g-space-2); }
  .g-onboarding-progress > * { height: .25rem; background: var(--g-color-border); }
  .g-onboarding-progress > .is-complete, .g-onboarding-progress > [aria-current="step"] { background: var(--g-color-primary); }
  .g-wizard-layout { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); }
  .g-wizard-nav { display: grid; align-content: start; gap: var(--g-space-1); }
  .g-wizard-step { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); padding: var(--g-space-3); color: var(--g-color-text-muted); border-inline-start: 2px solid var(--g-color-border); }
  .g-wizard-step[aria-current="step"] { color: var(--g-color-primary-text); border-inline-start-color: var(--g-color-primary); background: var(--g-color-primary-soft); }

  .g-notification-center { width: min(100%, 30rem); display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: var(--g-color-surface); border: 1px solid var(--g-color-border); }
  .g-notification-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-notification-item.is-unread { background: color-mix(in srgb, var(--g-color-primary-soft) 55%, var(--g-color-surface)); }
  .g-notification-time { color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); white-space: nowrap; }

  .g-inbox { min-height: 34rem; display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(18rem, .75fr) minmax(24rem, 1.25fr); overflow: hidden; border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-inbox-folders, .g-inbox-list, .g-inbox-reader { min-width: 0; overflow: auto; }
  .g-inbox-folders, .g-inbox-list { border-inline-end: 1px solid var(--g-color-border); }
  .g-inbox-item { display: grid; gap: var(--g-space-1); padding: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }
  .g-inbox-item.is-unread { font-weight: 600; }
  .g-inbox-item[aria-current="true"] { background: var(--g-color-primary-soft); }

  .g-search-page { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); }
  .g-search-facets { align-self: start; display: grid; gap: var(--g-space-5); }
  .g-search-results { min-width: 0; display: grid; align-content: start; gap: var(--g-space-4); }
  .g-search-result { display: grid; gap: var(--g-space-2); padding-bottom: var(--g-space-4); border-bottom: 1px solid var(--g-color-border); }
  .g-search-highlight { padding-inline: .12em; background: var(--g-color-warning-soft); color: var(--g-color-text); }

  .g-calendar { min-width: 42rem; display: grid; grid-template-columns: 4rem repeat(7, minmax(6rem, 1fr)); border-top: 1px solid var(--g-color-border); border-inline-start: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-calendar > * { min-width: 0; min-height: var(--g-calendar-cell-height, 6rem); padding: var(--g-space-2); border-inline-end: 1px solid var(--g-color-border); border-bottom: 1px solid var(--g-color-border); }
  .g-calendar-heading { min-height: auto; text-align: center; color: var(--g-color-text-muted); font-size: var(--g-font-size-xs); font-weight: 600; }
  .g-calendar-event { min-height: auto; margin-bottom: 2px; padding: .2rem .35rem; overflow: hidden; color: var(--g-color-primary-text); background: var(--g-color-primary-soft); border-inline-start: 2px solid var(--g-color-primary); font-size: var(--g-font-size-xs); text-overflow: ellipsis; white-space: nowrap; }
  .g-agenda { display: grid; gap: var(--g-space-2); }
  .g-agenda-item { display: grid; grid-template-columns: 5rem auto minmax(0, 1fr) auto; align-items: start; gap: var(--g-space-3); padding-block: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }

  .g-file-manager { min-height: 32rem; display: grid; grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-file-manager-sidebar { overflow: auto; border-inline-end: 1px solid var(--g-color-border); }
  .g-file-manager-main { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
  .g-file-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); align-content: start; gap: var(--g-space-3); padding: var(--g-space-4); overflow: auto; }
  .g-file-card { min-width: 0; display: grid; justify-items: center; gap: var(--g-space-2); padding: var(--g-space-4); text-align: center; border: 1px solid var(--g-color-border); background: var(--g-color-surface); }
  .g-file-card[aria-selected="true"] { border-color: var(--g-color-primary); background: var(--g-color-primary-soft); }
  .g-upload-queue { display: grid; gap: var(--g-space-2); }
  .g-upload-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3); border: 1px solid var(--g-color-border); }

  .g-form-builder { min-height: 32rem; display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(20rem, 1fr) minmax(14rem, 18rem); overflow: hidden; border: 1px solid var(--g-color-border); }
  .g-form-builder-palette, .g-form-builder-inspector { overflow: auto; padding: var(--g-space-3); background: var(--g-color-surface); }
  .g-form-builder-palette { border-inline-end: 1px solid var(--g-color-border); }
  .g-form-builder-inspector { border-inline-start: 1px solid var(--g-color-border); }
  .g-form-builder-canvas { padding: clamp(1rem, 4vw, 3rem); overflow: auto; background: var(--g-color-surface-sunken); }
  .g-form-builder-field { position: relative; padding: var(--g-space-4); border: 1px solid transparent; background: var(--g-color-surface); }
  .g-form-builder-field:hover, .g-form-builder-field[aria-selected="true"] { border-color: var(--g-color-primary); }
  .g-filter-builder { display: grid; gap: var(--g-space-2); }
  .g-filter-rule { display: grid; grid-template-columns: minmax(8rem, .8fr) minmax(7rem, .6fr) minmax(10rem, 1fr) auto; gap: var(--g-space-2); padding: var(--g-space-2); border-inline-start: 2px solid var(--g-color-border); }
  .g-filter-group { display: grid; gap: var(--g-space-2); padding: var(--g-space-3); border: 1px solid var(--g-color-border); background: var(--g-color-surface-subtle); }

  .g-pivot { max-width: 100%; overflow: auto; border: 1px solid var(--g-color-border); }
  .g-pivot table { min-width: 44rem; border-collapse: separate; border-spacing: 0; }
  .g-pivot th, .g-pivot td { padding: var(--g-space-2) var(--g-space-3); text-align: end; border-inline-end: 1px solid var(--g-color-border); border-bottom: 1px solid var(--g-color-border); }
  .g-pivot th { background: var(--g-color-surface-subtle); }
  .g-pivot th:first-child, .g-pivot td:first-child { position: sticky; inset-inline-start: 0; text-align: start; background: var(--g-color-surface); }

  .g-org-chart { display: flex; justify-content: center; min-width: max-content; padding: var(--g-space-8); }
  .g-org-node { min-width: 11rem; padding: var(--g-space-3); text-align: center; border: 1px solid var(--g-color-border); background: var(--g-color-surface); box-shadow: var(--g-shadow-xs); }
  .g-map-shell { position: relative; min-height: var(--g-map-height, 30rem); overflow: hidden; background: var(--g-color-surface-sunken); border: 1px solid var(--g-color-border); }
  .g-map-tools { position: absolute; z-index: 1; inset-block-start: var(--g-space-3); inset-inline-start: var(--g-space-3); display: grid; gap: var(--g-space-2); }
  .g-map-panel { position: absolute; z-index: 1; inset-block: var(--g-space-3); inset-inline-end: var(--g-space-3); width: min(22rem, calc(100% - 2rem)); overflow: auto; background: var(--g-color-surface); border: 1px solid var(--g-color-border); box-shadow: var(--g-shadow-md); }

  .g-comment-thread { display: grid; gap: var(--g-space-5); }
  .g-comment { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--g-space-3); }
  .g-comment-body { min-width: 0; }
  .g-comment-replies { display: grid; gap: var(--g-space-4); margin-block-start: var(--g-space-4); padding-inline-start: var(--g-space-5); border-inline-start: 2px solid var(--g-color-border); }
  .g-activity-feed { display: grid; gap: var(--g-space-1); }
  .g-activity-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--g-space-3); padding-block: var(--g-space-3); }

  .g-report { width: min(100%, 70rem); margin-inline: auto; background: var(--g-color-surface); }
  .g-report-header { display: flex; align-items: start; justify-content: space-between; gap: var(--g-space-6); margin-bottom: var(--g-space-8); }
  .g-invoice-lines { width: 100%; }
  .g-invoice-total { width: min(100%, 24rem); margin-inline-start: auto; display: grid; grid-template-columns: 1fr auto; gap: var(--g-space-2) var(--g-space-6); }
  .g-signature-line { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--g-space-8); margin-top: var(--g-space-12); }

  .g-cookie-banner { position: fixed; z-index: var(--g-z-toast); inset-inline: var(--g-space-4); inset-block-end: calc(var(--g-space-4) + env(safe-area-inset-bottom)); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--g-space-4); width: min(calc(100% - 2rem), 64rem); margin-inline: auto; padding: var(--g-space-4); background: var(--g-color-surface-raised); border: 1px solid var(--g-color-border); box-shadow: var(--g-shadow-lg); }
  .g-consent-preferences { display: grid; gap: var(--g-space-3); }
  .g-consent-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--g-space-4); padding-block: var(--g-space-3); border-bottom: 1px solid var(--g-color-border); }

  @media (max-width: 63.999rem) {
    .g-inbox { grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr); }
    .g-inbox-reader { display: none; }
    .g-form-builder { grid-template-columns: minmax(11rem, 14rem) minmax(0, 1fr); }
    .g-form-builder-inspector { display: none; }
  }
  @media (max-width: 47.999rem) {
    .g-wizard-layout, .g-search-page { grid-template-columns: 1fr; }
    .g-wizard-nav { grid-auto-flow: column; overflow-x: auto; }
    .g-wizard-step { min-width: 9rem; }
    .g-search-facets { display: none; }
    .g-inbox, .g-file-manager, .g-form-builder { grid-template-columns: minmax(0, 1fr); }
    .g-inbox-folders, .g-file-manager-sidebar, .g-form-builder-palette { display: none; }
    .g-filter-rule { grid-template-columns: 1fr; }
    .g-agenda-item { grid-template-columns: 4rem minmax(0, 1fr); }
    .g-cookie-banner { grid-template-columns: 1fr; }
  }
  @media print {
    .g-report { width: 100%; }
    .g-report .g-btn, .g-cookie-banner { display: none !important; }
    .g-report, .g-report * { box-shadow: none !important; }
  }
}

@layer gardener.utilities {
.g-block{display:block}
.g-inline{display:inline}
.g-inline-block{display:inline-block}
.g-hidden{display:none}
.g-flex{display:flex}
.g-inline-flex{display:inline-flex}
.g-grid{display:grid}
.g-inline-grid{display:inline-grid}
.g-contents{display:contents}
.g-flow-root{display:flow-root}
.g-visible{visibility:visible}
.g-invisible{visibility:hidden}
.g-collapse{visibility:collapse}
.g-box-border{box-sizing:border-box}
.g-box-content{box-sizing:content-box}
.g-isolate{isolation:isolate}
.g-float-start{float:inline-start}
.g-float-end{float:inline-end}
.g-float-none{float:none}
.g-clear-both{clear:both}
.g-relative{position:relative}
.g-absolute{position:absolute}
.g-fixed{position:fixed}
.g-sticky{position:sticky}
.g-flex-row{flex-direction:row}
.g-flex-row-reverse{flex-direction:row-reverse}
.g-flex-col{flex-direction:column}
.g-flex-col-reverse{flex-direction:column-reverse}
.g-flex-wrap{flex-wrap:wrap}
.g-flex-nowrap{flex-wrap:nowrap}
.g-flex-1{flex:1 1 0%}
.g-flex-auto{flex:1 1 auto}
.g-flex-initial{flex:0 1 auto}
.g-flex-none{flex:none}
.g-grow{flex-grow:1}
.g-grow-0{flex-grow:0}
.g-shrink{flex-shrink:1}
.g-shrink-0{flex-shrink:0}
.g-items-start{align-items:flex-start}
.g-items-center{align-items:center}
.g-items-end{align-items:flex-end}
.g-items-stretch{align-items:stretch}
.g-justify-start{justify-content:flex-start}
.g-justify-center{justify-content:center}
.g-justify-end{justify-content:flex-end}
.g-justify-between{justify-content:space-between}
.g-justify-around{justify-content:space-around}
.g-justify-evenly{justify-content:space-evenly}
.g-content-start{align-content:flex-start}
.g-content-center{align-content:center}
.g-content-end{align-content:flex-end}
.g-content-between{align-content:space-between}
.g-content-stretch{align-content:stretch}
.g-place-items-start{place-items:start}
.g-place-items-center{place-items:center}
.g-place-items-end{place-items:end}
.g-place-content-center{place-content:center}
.g-self-start{align-self:flex-start}
.g-self-center{align-self:center}
.g-self-end{align-self:flex-end}
.g-self-stretch{align-self:stretch}
.g-overflow-auto{overflow:auto}
.g-overflow-hidden{overflow:hidden}
.g-overflow-visible{overflow:visible}
.g-overflow-scroll{overflow:scroll}
.g-overflow-x-auto{overflow-x:auto}
.g-overflow-y-auto{overflow-y:auto}
.g-overscroll-none{overscroll-behavior:none}
.g-overscroll-contain{overscroll-behavior:contain}
.g-scroll-smooth{scroll-behavior:smooth}
.g-snap-x{scroll-snap-type:x mandatory}
.g-snap-y{scroll-snap-type:y mandatory}
.g-snap-start{scroll-snap-align:start}
.g-snap-center{scroll-snap-align:center}
.g-w-full{width:100%}
.g-w-auto{width:auto}
.g-w-screen{width:100vw}
.g-max-w-full{max-width:100%}
.g-max-w-reading{max-width:var(--g-reading-max)}
.g-max-w-content{max-width:var(--g-content-max)}
.g-h-full{height:100%}
.g-h-auto{height:auto}
.g-h-screen{height:100vh}
.g-h-svh{height:100svh}
.g-h-lvh{height:100lvh}
.g-h-dvh{height:100dvh}
.g-min-h-screen{min-height:100vh}
.g-min-h-svh{min-height:100svh}
.g-min-h-dvh{min-height:100dvh}
.g-text-left{text-align:left}
.g-text-center{text-align:center}
.g-text-right{text-align:right}
.g-text-justify{text-align:justify}
.g-font-sans{font-family:var(--g-font-sans)}
.g-font-serif{font-family:var(--g-font-serif)}
.g-font-mono{font-family:var(--g-font-mono)}
.g-font-normal{font-weight:400}
.g-font-medium{font-weight:500}
.g-font-semibold{font-weight:600}
.g-font-bold{font-weight:700}
.g-italic{font-style:italic}
.g-not-italic{font-style:normal}
.g-uppercase{text-transform:uppercase}
.g-lowercase{text-transform:lowercase}
.g-capitalize{text-transform:capitalize}
.g-normal-case{text-transform:none}
.g-underline{text-decoration-line:underline}
.g-line-through{text-decoration-line:line-through}
.g-no-underline{text-decoration-line:none}
.g-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-whitespace-normal{white-space:normal}
.g-whitespace-nowrap{white-space:nowrap}
.g-whitespace-pre{white-space:pre}
.g-whitespace-pre-wrap{white-space:pre-wrap}
.g-break-words{overflow-wrap:break-word}
.g-break-all{word-break:break-all}
.g-leading-none{line-height:1}
.g-leading-tight{line-height:var(--g-line-height-tight)}
.g-leading-normal{line-height:var(--g-line-height-normal)}
.g-leading-relaxed{line-height:var(--g-line-height-relaxed)}
.g-tracking-tight{letter-spacing:-.025em}
.g-tracking-normal{letter-spacing:0}
.g-tracking-wide{letter-spacing:.025em}
.g-text-primary{color:var(--g-color-primary-text)}
.g-text-body{color:var(--g-color-text)}
.g-text-muted{color:var(--g-color-text-muted)}
.g-text-subtle{color:var(--g-color-text-subtle)}
.g-text-danger{color:var(--g-color-danger)}
.g-text-success{color:var(--g-color-success)}
.g-text-warning{color:var(--g-color-warning)}
.g-text-info{color:var(--g-color-info)}
.g-bg-primary{background:var(--g-color-primary);color:var(--g-color-on-primary)}
.g-bg-surface{background:var(--g-color-surface)}
.g-bg-subtle{background:var(--g-color-surface-subtle)}
.g-bg-transparent{background:transparent}
.g-bg-success{background:var(--g-color-success-soft);color:var(--g-color-success)}
.g-bg-warning{background:var(--g-color-warning-soft);color:var(--g-color-warning)}
.g-bg-danger{background:var(--g-color-danger-soft);color:var(--g-color-danger)}
.g-bg-info{background:var(--g-color-info-soft);color:var(--g-color-info)}
.g-border{border:var(--g-border-width) solid var(--g-color-border)}
.g-border-0{border:0}
.g-border-t{border-top:var(--g-border-width) solid var(--g-color-border)}
.g-border-r{border-right:var(--g-border-width) solid var(--g-color-border)}
.g-border-b{border-bottom:var(--g-border-width) solid var(--g-color-border)}
.g-border-l{border-left:var(--g-border-width) solid var(--g-color-border)}
.g-border-x{border-inline:var(--g-border-width) solid var(--g-color-border)}
.g-border-y{border-block:var(--g-border-width) solid var(--g-color-border)}
.g-border-primary{border-color:var(--g-color-primary)}
.g-border-strong{border-color:var(--g-color-border-strong)}
.g-border-danger{border-color:var(--g-color-danger)}
.g-border-dashed{border-style:dashed}
.g-border-dotted{border-style:dotted}
.g-rounded-none{border-radius:0}
.g-rounded{border-radius:var(--g-radius-md)}
.g-rounded-sm{border-radius:var(--g-radius-sm)}
.g-rounded-lg{border-radius:var(--g-radius-lg)}
.g-rounded-xl{border-radius:var(--g-radius-xl)}
.g-rounded-full{border-radius:9999px}
.g-shadow-none{box-shadow:none}
.g-shadow-sm{box-shadow:var(--g-shadow-sm)}
.g-shadow{box-shadow:var(--g-shadow-md)}
.g-shadow-lg{box-shadow:var(--g-shadow-lg)}
.g-opacity-0{opacity:0}
.g-opacity-25{opacity:.25}
.g-opacity-50{opacity:.5}
.g-opacity-75{opacity:.75}
.g-opacity-100{opacity:1}
.g-cursor-pointer{cursor:pointer}
.g-cursor-default{cursor:default}
.g-cursor-move{cursor:move}
.g-cursor-grab{cursor:grab}
.g-cursor-wait{cursor:wait}
.g-cursor-not-allowed{cursor:not-allowed}
.g-select-none{user-select:none}
.g-select-text{user-select:text}
.g-select-all{user-select:all}
.g-pointer-events-none{pointer-events:none}
.g-pointer-events-auto{pointer-events:auto}
.g-touch-none{touch-action:none}
.g-touch-pan-x{touch-action:pan-x}
.g-touch-pan-y{touch-action:pan-y}
.g-resize{resize:both}
.g-resize-x{resize:horizontal}
.g-resize-y{resize:vertical}
.g-resize-none{resize:none}
.g-list-none{list-style-type:none}
.g-list-disc{list-style-type:disc}
.g-list-decimal{list-style-type:decimal}
.g-list-inside{list-style-position:inside}
.g-table-auto{table-layout:auto}
.g-table-fixed{table-layout:fixed}
.g-border-collapse{border-collapse:collapse}
.g-border-separate{border-collapse:separate}
.g-transition-none{transition-property:none}
.g-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}
.g-transition-colors{transition:color var(--g-duration-fast),background-color var(--g-duration-fast),border-color var(--g-duration-fast)}
.g-transition-transform{transition:transform var(--g-duration-normal) var(--g-ease-standard)}
.g-transform{transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}
.g-scale-95{--g-scale-x:.95;--g-scale-y:.95;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}
.g-scale-100{--g-scale-x:1;--g-scale-y:1;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}
.g-rotate-45{--g-rotate:45deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}
.g-rotate-90{--g-rotate:90deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}
.g-rotate-180{--g-rotate:180deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}
.g-grayscale{filter:grayscale(1)}
.g-grayscale-0{filter:grayscale(0)}
.g-blur{filter:blur(8px)}
.g-backdrop-blur{backdrop-filter:blur(12px)}
.g-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.g-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
.g-aspect-square{aspect-ratio:1}
.g-aspect-video{aspect-ratio:16/9}
.g-aspect-photo{aspect-ratio:4/3}
.g-object-cover{object-fit:cover}
.g-object-contain{object-fit:contain}
.g-object-center{object-position:center}
.g-object-top{object-position:top}
.g-appearance-none{appearance:none}
.g-cq-container{container-type:inline-size}
.g-cq-size-container{container-type:size}
.g-cq-name-main{container-name:g-main}
.g-break-inside-avoid{break-inside:avoid}
.g-break-before-page{break-before:page}
.g-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.g-col-span-1{grid-column:span 1/span 1}
.g-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}
.g-row-span-1{grid-row:span 1/span 1}
.g-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-col-span-2{grid-column:span 2/span 2}
.g-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}
.g-row-span-2{grid-row:span 2/span 2}
.g-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-col-span-3{grid-column:span 3/span 3}
.g-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}
.g-row-span-3{grid-row:span 3/span 3}
.g-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-col-span-4{grid-column:span 4/span 4}
.g-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}
.g-row-span-4{grid-row:span 4/span 4}
.g-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.g-col-span-5{grid-column:span 5/span 5}
.g-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}
.g-row-span-5{grid-row:span 5/span 5}
.g-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.g-col-span-6{grid-column:span 6/span 6}
.g-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}
.g-row-span-6{grid-row:span 6/span 6}
.g-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.g-col-span-7{grid-column:span 7/span 7}
.g-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}
.g-row-span-7{grid-row:span 7/span 7}
.g-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.g-col-span-8{grid-column:span 8/span 8}
.g-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}
.g-row-span-8{grid-row:span 8/span 8}
.g-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}
.g-col-span-9{grid-column:span 9/span 9}
.g-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}
.g-row-span-9{grid-row:span 9/span 9}
.g-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}
.g-col-span-10{grid-column:span 10/span 10}
.g-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}
.g-row-span-10{grid-row:span 10/span 10}
.g-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}
.g-col-span-11{grid-column:span 11/span 11}
.g-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}
.g-row-span-11{grid-row:span 11/span 11}
.g-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.g-col-span-12{grid-column:span 12/span 12}
.g-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}
.g-row-span-12{grid-row:span 12/span 12}
.g-grid-flow-row{grid-auto-flow:row}
.g-grid-flow-col{grid-auto-flow:column}
.g-grid-flow-dense{grid-auto-flow:dense}
.g-border-1{border-width:1px}
.g-border-2{border-width:2px}
.g-border-3{border-width:3px}
.g-border-4{border-width:4px}
.g-border-8{border-width:8px}
.g-text-xs{font-size:.75rem}
.g-text-sm{font-size:.875rem}
.g-text-base{font-size:1rem}
.g-text-lg{font-size:1.125rem}
.g-text-xl{font-size:1.25rem}
.g-text-2xl{font-size:1.5rem}
.g-text-3xl{font-size:1.875rem}
.g-text-4xl{font-size:2.25rem}
.g-text-5xl{font-size:3rem}
.g-line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.g-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.g-line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.g-line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.g-line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.g-line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.g-order-0{order:0}
.g-order-1{order:1}
.g-order-2{order:2}
.g-order-3{order:3}
.g-order-4{order:4}
.g-order-5{order:5}
.g-order-6{order:6}
.g-order-7{order:7}
.g-order-8{order:8}
.g-order-9{order:9}
.g-order-10{order:10}
.g-order-11{order:11}
.g-order-12{order:12}
.g-order-13{order:13}
.g-order-14{order:14}
.g-order-15{order:15}
.g-order-16{order:16}
.g-order-17{order:17}
.g-order-18{order:18}
.g-order-19{order:19}
.g-order-20{order:20}
.g-order-21{order:21}
.g-order-22{order:22}
.g-order-23{order:23}
.g-order-24{order:24}
.g-z-0{z-index:0}
.g-z-10{z-index:10}
.g-z-20{z-index:20}
.g-z-30{z-index:30}
.g-z-40{z-index:40}
.g-z-50{z-index:50}
.g-m-0{margin:var(--g-space-0)}
.g-m-1{margin:var(--g-space-1)}
.g-neg-m-1{margin:calc(-1 * var(--g-space-1))}
.g-m-2{margin:var(--g-space-2)}
.g-neg-m-2{margin:calc(-1 * var(--g-space-2))}
.g-m-3{margin:var(--g-space-3)}
.g-neg-m-3{margin:calc(-1 * var(--g-space-3))}
.g-m-4{margin:var(--g-space-4)}
.g-neg-m-4{margin:calc(-1 * var(--g-space-4))}
.g-m-5{margin:var(--g-space-5)}
.g-neg-m-5{margin:calc(-1 * var(--g-space-5))}
.g-m-6{margin:var(--g-space-6)}
.g-neg-m-6{margin:calc(-1 * var(--g-space-6))}
.g-m-7{margin:var(--g-space-7)}
.g-neg-m-7{margin:calc(-1 * var(--g-space-7))}
.g-m-8{margin:var(--g-space-8)}
.g-neg-m-8{margin:calc(-1 * var(--g-space-8))}
.g-m-9{margin:var(--g-space-9)}
.g-neg-m-9{margin:calc(-1 * var(--g-space-9))}
.g-m-10{margin:var(--g-space-10)}
.g-neg-m-10{margin:calc(-1 * var(--g-space-10))}
.g-m-12{margin:var(--g-space-12)}
.g-neg-m-12{margin:calc(-1 * var(--g-space-12))}
.g-m-14{margin:var(--g-space-14)}
.g-neg-m-14{margin:calc(-1 * var(--g-space-14))}
.g-m-16{margin:var(--g-space-16)}
.g-neg-m-16{margin:calc(-1 * var(--g-space-16))}
.g-m-20{margin:var(--g-space-20)}
.g-neg-m-20{margin:calc(-1 * var(--g-space-20))}
.g-m-24{margin:var(--g-space-24)}
.g-neg-m-24{margin:calc(-1 * var(--g-space-24))}
.g-m-28{margin:var(--g-space-28)}
.g-neg-m-28{margin:calc(-1 * var(--g-space-28))}
.g-m-32{margin:var(--g-space-32)}
.g-neg-m-32{margin:calc(-1 * var(--g-space-32))}
.g-m-40{margin:var(--g-space-40)}
.g-neg-m-40{margin:calc(-1 * var(--g-space-40))}
.g-m-48{margin:var(--g-space-48)}
.g-neg-m-48{margin:calc(-1 * var(--g-space-48))}
.g-m-56{margin:var(--g-space-56)}
.g-neg-m-56{margin:calc(-1 * var(--g-space-56))}
.g-m-64{margin:var(--g-space-64)}
.g-neg-m-64{margin:calc(-1 * var(--g-space-64))}
.g-m-80{margin:var(--g-space-80)}
.g-neg-m-80{margin:calc(-1 * var(--g-space-80))}
.g-m-96{margin:var(--g-space-96)}
.g-neg-m-96{margin:calc(-1 * var(--g-space-96))}
.g-m-px{margin:var(--g-space-px)}
.g-m-0_5{margin:var(--g-space-0_5)}
.g-neg-m-0_5{margin:calc(-1 * var(--g-space-0_5))}
.g-m-1_5{margin:var(--g-space-1_5)}
.g-neg-m-1_5{margin:calc(-1 * var(--g-space-1_5))}
.g-m-2_5{margin:var(--g-space-2_5)}
.g-neg-m-2_5{margin:calc(-1 * var(--g-space-2_5))}
.g-m-3_5{margin:var(--g-space-3_5)}
.g-neg-m-3_5{margin:calc(-1 * var(--g-space-3_5))}
.g-mx-0{margin-inline:var(--g-space-0)}
.g-mx-1{margin-inline:var(--g-space-1)}
.g-neg-mx-1{margin-inline:calc(-1 * var(--g-space-1))}
.g-mx-2{margin-inline:var(--g-space-2)}
.g-neg-mx-2{margin-inline:calc(-1 * var(--g-space-2))}
.g-mx-3{margin-inline:var(--g-space-3)}
.g-neg-mx-3{margin-inline:calc(-1 * var(--g-space-3))}
.g-mx-4{margin-inline:var(--g-space-4)}
.g-neg-mx-4{margin-inline:calc(-1 * var(--g-space-4))}
.g-mx-5{margin-inline:var(--g-space-5)}
.g-neg-mx-5{margin-inline:calc(-1 * var(--g-space-5))}
.g-mx-6{margin-inline:var(--g-space-6)}
.g-neg-mx-6{margin-inline:calc(-1 * var(--g-space-6))}
.g-mx-7{margin-inline:var(--g-space-7)}
.g-neg-mx-7{margin-inline:calc(-1 * var(--g-space-7))}
.g-mx-8{margin-inline:var(--g-space-8)}
.g-neg-mx-8{margin-inline:calc(-1 * var(--g-space-8))}
.g-mx-9{margin-inline:var(--g-space-9)}
.g-neg-mx-9{margin-inline:calc(-1 * var(--g-space-9))}
.g-mx-10{margin-inline:var(--g-space-10)}
.g-neg-mx-10{margin-inline:calc(-1 * var(--g-space-10))}
.g-mx-12{margin-inline:var(--g-space-12)}
.g-neg-mx-12{margin-inline:calc(-1 * var(--g-space-12))}
.g-mx-14{margin-inline:var(--g-space-14)}
.g-neg-mx-14{margin-inline:calc(-1 * var(--g-space-14))}
.g-mx-16{margin-inline:var(--g-space-16)}
.g-neg-mx-16{margin-inline:calc(-1 * var(--g-space-16))}
.g-mx-20{margin-inline:var(--g-space-20)}
.g-neg-mx-20{margin-inline:calc(-1 * var(--g-space-20))}
.g-mx-24{margin-inline:var(--g-space-24)}
.g-neg-mx-24{margin-inline:calc(-1 * var(--g-space-24))}
.g-mx-28{margin-inline:var(--g-space-28)}
.g-neg-mx-28{margin-inline:calc(-1 * var(--g-space-28))}
.g-mx-32{margin-inline:var(--g-space-32)}
.g-neg-mx-32{margin-inline:calc(-1 * var(--g-space-32))}
.g-mx-40{margin-inline:var(--g-space-40)}
.g-neg-mx-40{margin-inline:calc(-1 * var(--g-space-40))}
.g-mx-48{margin-inline:var(--g-space-48)}
.g-neg-mx-48{margin-inline:calc(-1 * var(--g-space-48))}
.g-mx-56{margin-inline:var(--g-space-56)}
.g-neg-mx-56{margin-inline:calc(-1 * var(--g-space-56))}
.g-mx-64{margin-inline:var(--g-space-64)}
.g-neg-mx-64{margin-inline:calc(-1 * var(--g-space-64))}
.g-mx-80{margin-inline:var(--g-space-80)}
.g-neg-mx-80{margin-inline:calc(-1 * var(--g-space-80))}
.g-mx-96{margin-inline:var(--g-space-96)}
.g-neg-mx-96{margin-inline:calc(-1 * var(--g-space-96))}
.g-mx-px{margin-inline:var(--g-space-px)}
.g-mx-0_5{margin-inline:var(--g-space-0_5)}
.g-neg-mx-0_5{margin-inline:calc(-1 * var(--g-space-0_5))}
.g-mx-1_5{margin-inline:var(--g-space-1_5)}
.g-neg-mx-1_5{margin-inline:calc(-1 * var(--g-space-1_5))}
.g-mx-2_5{margin-inline:var(--g-space-2_5)}
.g-neg-mx-2_5{margin-inline:calc(-1 * var(--g-space-2_5))}
.g-mx-3_5{margin-inline:var(--g-space-3_5)}
.g-neg-mx-3_5{margin-inline:calc(-1 * var(--g-space-3_5))}
.g-my-0{margin-block:var(--g-space-0)}
.g-my-1{margin-block:var(--g-space-1)}
.g-neg-my-1{margin-block:calc(-1 * var(--g-space-1))}
.g-my-2{margin-block:var(--g-space-2)}
.g-neg-my-2{margin-block:calc(-1 * var(--g-space-2))}
.g-my-3{margin-block:var(--g-space-3)}
.g-neg-my-3{margin-block:calc(-1 * var(--g-space-3))}
.g-my-4{margin-block:var(--g-space-4)}
.g-neg-my-4{margin-block:calc(-1 * var(--g-space-4))}
.g-my-5{margin-block:var(--g-space-5)}
.g-neg-my-5{margin-block:calc(-1 * var(--g-space-5))}
.g-my-6{margin-block:var(--g-space-6)}
.g-neg-my-6{margin-block:calc(-1 * var(--g-space-6))}
.g-my-7{margin-block:var(--g-space-7)}
.g-neg-my-7{margin-block:calc(-1 * var(--g-space-7))}
.g-my-8{margin-block:var(--g-space-8)}
.g-neg-my-8{margin-block:calc(-1 * var(--g-space-8))}
.g-my-9{margin-block:var(--g-space-9)}
.g-neg-my-9{margin-block:calc(-1 * var(--g-space-9))}
.g-my-10{margin-block:var(--g-space-10)}
.g-neg-my-10{margin-block:calc(-1 * var(--g-space-10))}
.g-my-12{margin-block:var(--g-space-12)}
.g-neg-my-12{margin-block:calc(-1 * var(--g-space-12))}
.g-my-14{margin-block:var(--g-space-14)}
.g-neg-my-14{margin-block:calc(-1 * var(--g-space-14))}
.g-my-16{margin-block:var(--g-space-16)}
.g-neg-my-16{margin-block:calc(-1 * var(--g-space-16))}
.g-my-20{margin-block:var(--g-space-20)}
.g-neg-my-20{margin-block:calc(-1 * var(--g-space-20))}
.g-my-24{margin-block:var(--g-space-24)}
.g-neg-my-24{margin-block:calc(-1 * var(--g-space-24))}
.g-my-28{margin-block:var(--g-space-28)}
.g-neg-my-28{margin-block:calc(-1 * var(--g-space-28))}
.g-my-32{margin-block:var(--g-space-32)}
.g-neg-my-32{margin-block:calc(-1 * var(--g-space-32))}
.g-my-40{margin-block:var(--g-space-40)}
.g-neg-my-40{margin-block:calc(-1 * var(--g-space-40))}
.g-my-48{margin-block:var(--g-space-48)}
.g-neg-my-48{margin-block:calc(-1 * var(--g-space-48))}
.g-my-56{margin-block:var(--g-space-56)}
.g-neg-my-56{margin-block:calc(-1 * var(--g-space-56))}
.g-my-64{margin-block:var(--g-space-64)}
.g-neg-my-64{margin-block:calc(-1 * var(--g-space-64))}
.g-my-80{margin-block:var(--g-space-80)}
.g-neg-my-80{margin-block:calc(-1 * var(--g-space-80))}
.g-my-96{margin-block:var(--g-space-96)}
.g-neg-my-96{margin-block:calc(-1 * var(--g-space-96))}
.g-my-px{margin-block:var(--g-space-px)}
.g-my-0_5{margin-block:var(--g-space-0_5)}
.g-neg-my-0_5{margin-block:calc(-1 * var(--g-space-0_5))}
.g-my-1_5{margin-block:var(--g-space-1_5)}
.g-neg-my-1_5{margin-block:calc(-1 * var(--g-space-1_5))}
.g-my-2_5{margin-block:var(--g-space-2_5)}
.g-neg-my-2_5{margin-block:calc(-1 * var(--g-space-2_5))}
.g-my-3_5{margin-block:var(--g-space-3_5)}
.g-neg-my-3_5{margin-block:calc(-1 * var(--g-space-3_5))}
.g-mt-0{margin-top:var(--g-space-0)}
.g-mt-1{margin-top:var(--g-space-1)}
.g-neg-mt-1{margin-top:calc(-1 * var(--g-space-1))}
.g-mt-2{margin-top:var(--g-space-2)}
.g-neg-mt-2{margin-top:calc(-1 * var(--g-space-2))}
.g-mt-3{margin-top:var(--g-space-3)}
.g-neg-mt-3{margin-top:calc(-1 * var(--g-space-3))}
.g-mt-4{margin-top:var(--g-space-4)}
.g-neg-mt-4{margin-top:calc(-1 * var(--g-space-4))}
.g-mt-5{margin-top:var(--g-space-5)}
.g-neg-mt-5{margin-top:calc(-1 * var(--g-space-5))}
.g-mt-6{margin-top:var(--g-space-6)}
.g-neg-mt-6{margin-top:calc(-1 * var(--g-space-6))}
.g-mt-7{margin-top:var(--g-space-7)}
.g-neg-mt-7{margin-top:calc(-1 * var(--g-space-7))}
.g-mt-8{margin-top:var(--g-space-8)}
.g-neg-mt-8{margin-top:calc(-1 * var(--g-space-8))}
.g-mt-9{margin-top:var(--g-space-9)}
.g-neg-mt-9{margin-top:calc(-1 * var(--g-space-9))}
.g-mt-10{margin-top:var(--g-space-10)}
.g-neg-mt-10{margin-top:calc(-1 * var(--g-space-10))}
.g-mt-12{margin-top:var(--g-space-12)}
.g-neg-mt-12{margin-top:calc(-1 * var(--g-space-12))}
.g-mt-14{margin-top:var(--g-space-14)}
.g-neg-mt-14{margin-top:calc(-1 * var(--g-space-14))}
.g-mt-16{margin-top:var(--g-space-16)}
.g-neg-mt-16{margin-top:calc(-1 * var(--g-space-16))}
.g-mt-20{margin-top:var(--g-space-20)}
.g-neg-mt-20{margin-top:calc(-1 * var(--g-space-20))}
.g-mt-24{margin-top:var(--g-space-24)}
.g-neg-mt-24{margin-top:calc(-1 * var(--g-space-24))}
.g-mt-28{margin-top:var(--g-space-28)}
.g-neg-mt-28{margin-top:calc(-1 * var(--g-space-28))}
.g-mt-32{margin-top:var(--g-space-32)}
.g-neg-mt-32{margin-top:calc(-1 * var(--g-space-32))}
.g-mt-40{margin-top:var(--g-space-40)}
.g-neg-mt-40{margin-top:calc(-1 * var(--g-space-40))}
.g-mt-48{margin-top:var(--g-space-48)}
.g-neg-mt-48{margin-top:calc(-1 * var(--g-space-48))}
.g-mt-56{margin-top:var(--g-space-56)}
.g-neg-mt-56{margin-top:calc(-1 * var(--g-space-56))}
.g-mt-64{margin-top:var(--g-space-64)}
.g-neg-mt-64{margin-top:calc(-1 * var(--g-space-64))}
.g-mt-80{margin-top:var(--g-space-80)}
.g-neg-mt-80{margin-top:calc(-1 * var(--g-space-80))}
.g-mt-96{margin-top:var(--g-space-96)}
.g-neg-mt-96{margin-top:calc(-1 * var(--g-space-96))}
.g-mt-px{margin-top:var(--g-space-px)}
.g-mt-0_5{margin-top:var(--g-space-0_5)}
.g-neg-mt-0_5{margin-top:calc(-1 * var(--g-space-0_5))}
.g-mt-1_5{margin-top:var(--g-space-1_5)}
.g-neg-mt-1_5{margin-top:calc(-1 * var(--g-space-1_5))}
.g-mt-2_5{margin-top:var(--g-space-2_5)}
.g-neg-mt-2_5{margin-top:calc(-1 * var(--g-space-2_5))}
.g-mt-3_5{margin-top:var(--g-space-3_5)}
.g-neg-mt-3_5{margin-top:calc(-1 * var(--g-space-3_5))}
.g-mr-0{margin-right:var(--g-space-0)}
.g-mr-1{margin-right:var(--g-space-1)}
.g-neg-mr-1{margin-right:calc(-1 * var(--g-space-1))}
.g-mr-2{margin-right:var(--g-space-2)}
.g-neg-mr-2{margin-right:calc(-1 * var(--g-space-2))}
.g-mr-3{margin-right:var(--g-space-3)}
.g-neg-mr-3{margin-right:calc(-1 * var(--g-space-3))}
.g-mr-4{margin-right:var(--g-space-4)}
.g-neg-mr-4{margin-right:calc(-1 * var(--g-space-4))}
.g-mr-5{margin-right:var(--g-space-5)}
.g-neg-mr-5{margin-right:calc(-1 * var(--g-space-5))}
.g-mr-6{margin-right:var(--g-space-6)}
.g-neg-mr-6{margin-right:calc(-1 * var(--g-space-6))}
.g-mr-7{margin-right:var(--g-space-7)}
.g-neg-mr-7{margin-right:calc(-1 * var(--g-space-7))}
.g-mr-8{margin-right:var(--g-space-8)}
.g-neg-mr-8{margin-right:calc(-1 * var(--g-space-8))}
.g-mr-9{margin-right:var(--g-space-9)}
.g-neg-mr-9{margin-right:calc(-1 * var(--g-space-9))}
.g-mr-10{margin-right:var(--g-space-10)}
.g-neg-mr-10{margin-right:calc(-1 * var(--g-space-10))}
.g-mr-12{margin-right:var(--g-space-12)}
.g-neg-mr-12{margin-right:calc(-1 * var(--g-space-12))}
.g-mr-14{margin-right:var(--g-space-14)}
.g-neg-mr-14{margin-right:calc(-1 * var(--g-space-14))}
.g-mr-16{margin-right:var(--g-space-16)}
.g-neg-mr-16{margin-right:calc(-1 * var(--g-space-16))}
.g-mr-20{margin-right:var(--g-space-20)}
.g-neg-mr-20{margin-right:calc(-1 * var(--g-space-20))}
.g-mr-24{margin-right:var(--g-space-24)}
.g-neg-mr-24{margin-right:calc(-1 * var(--g-space-24))}
.g-mr-28{margin-right:var(--g-space-28)}
.g-neg-mr-28{margin-right:calc(-1 * var(--g-space-28))}
.g-mr-32{margin-right:var(--g-space-32)}
.g-neg-mr-32{margin-right:calc(-1 * var(--g-space-32))}
.g-mr-40{margin-right:var(--g-space-40)}
.g-neg-mr-40{margin-right:calc(-1 * var(--g-space-40))}
.g-mr-48{margin-right:var(--g-space-48)}
.g-neg-mr-48{margin-right:calc(-1 * var(--g-space-48))}
.g-mr-56{margin-right:var(--g-space-56)}
.g-neg-mr-56{margin-right:calc(-1 * var(--g-space-56))}
.g-mr-64{margin-right:var(--g-space-64)}
.g-neg-mr-64{margin-right:calc(-1 * var(--g-space-64))}
.g-mr-80{margin-right:var(--g-space-80)}
.g-neg-mr-80{margin-right:calc(-1 * var(--g-space-80))}
.g-mr-96{margin-right:var(--g-space-96)}
.g-neg-mr-96{margin-right:calc(-1 * var(--g-space-96))}
.g-mr-px{margin-right:var(--g-space-px)}
.g-mr-0_5{margin-right:var(--g-space-0_5)}
.g-neg-mr-0_5{margin-right:calc(-1 * var(--g-space-0_5))}
.g-mr-1_5{margin-right:var(--g-space-1_5)}
.g-neg-mr-1_5{margin-right:calc(-1 * var(--g-space-1_5))}
.g-mr-2_5{margin-right:var(--g-space-2_5)}
.g-neg-mr-2_5{margin-right:calc(-1 * var(--g-space-2_5))}
.g-mr-3_5{margin-right:var(--g-space-3_5)}
.g-neg-mr-3_5{margin-right:calc(-1 * var(--g-space-3_5))}
.g-mb-0{margin-bottom:var(--g-space-0)}
.g-mb-1{margin-bottom:var(--g-space-1)}
.g-neg-mb-1{margin-bottom:calc(-1 * var(--g-space-1))}
.g-mb-2{margin-bottom:var(--g-space-2)}
.g-neg-mb-2{margin-bottom:calc(-1 * var(--g-space-2))}
.g-mb-3{margin-bottom:var(--g-space-3)}
.g-neg-mb-3{margin-bottom:calc(-1 * var(--g-space-3))}
.g-mb-4{margin-bottom:var(--g-space-4)}
.g-neg-mb-4{margin-bottom:calc(-1 * var(--g-space-4))}
.g-mb-5{margin-bottom:var(--g-space-5)}
.g-neg-mb-5{margin-bottom:calc(-1 * var(--g-space-5))}
.g-mb-6{margin-bottom:var(--g-space-6)}
.g-neg-mb-6{margin-bottom:calc(-1 * var(--g-space-6))}
.g-mb-7{margin-bottom:var(--g-space-7)}
.g-neg-mb-7{margin-bottom:calc(-1 * var(--g-space-7))}
.g-mb-8{margin-bottom:var(--g-space-8)}
.g-neg-mb-8{margin-bottom:calc(-1 * var(--g-space-8))}
.g-mb-9{margin-bottom:var(--g-space-9)}
.g-neg-mb-9{margin-bottom:calc(-1 * var(--g-space-9))}
.g-mb-10{margin-bottom:var(--g-space-10)}
.g-neg-mb-10{margin-bottom:calc(-1 * var(--g-space-10))}
.g-mb-12{margin-bottom:var(--g-space-12)}
.g-neg-mb-12{margin-bottom:calc(-1 * var(--g-space-12))}
.g-mb-14{margin-bottom:var(--g-space-14)}
.g-neg-mb-14{margin-bottom:calc(-1 * var(--g-space-14))}
.g-mb-16{margin-bottom:var(--g-space-16)}
.g-neg-mb-16{margin-bottom:calc(-1 * var(--g-space-16))}
.g-mb-20{margin-bottom:var(--g-space-20)}
.g-neg-mb-20{margin-bottom:calc(-1 * var(--g-space-20))}
.g-mb-24{margin-bottom:var(--g-space-24)}
.g-neg-mb-24{margin-bottom:calc(-1 * var(--g-space-24))}
.g-mb-28{margin-bottom:var(--g-space-28)}
.g-neg-mb-28{margin-bottom:calc(-1 * var(--g-space-28))}
.g-mb-32{margin-bottom:var(--g-space-32)}
.g-neg-mb-32{margin-bottom:calc(-1 * var(--g-space-32))}
.g-mb-40{margin-bottom:var(--g-space-40)}
.g-neg-mb-40{margin-bottom:calc(-1 * var(--g-space-40))}
.g-mb-48{margin-bottom:var(--g-space-48)}
.g-neg-mb-48{margin-bottom:calc(-1 * var(--g-space-48))}
.g-mb-56{margin-bottom:var(--g-space-56)}
.g-neg-mb-56{margin-bottom:calc(-1 * var(--g-space-56))}
.g-mb-64{margin-bottom:var(--g-space-64)}
.g-neg-mb-64{margin-bottom:calc(-1 * var(--g-space-64))}
.g-mb-80{margin-bottom:var(--g-space-80)}
.g-neg-mb-80{margin-bottom:calc(-1 * var(--g-space-80))}
.g-mb-96{margin-bottom:var(--g-space-96)}
.g-neg-mb-96{margin-bottom:calc(-1 * var(--g-space-96))}
.g-mb-px{margin-bottom:var(--g-space-px)}
.g-mb-0_5{margin-bottom:var(--g-space-0_5)}
.g-neg-mb-0_5{margin-bottom:calc(-1 * var(--g-space-0_5))}
.g-mb-1_5{margin-bottom:var(--g-space-1_5)}
.g-neg-mb-1_5{margin-bottom:calc(-1 * var(--g-space-1_5))}
.g-mb-2_5{margin-bottom:var(--g-space-2_5)}
.g-neg-mb-2_5{margin-bottom:calc(-1 * var(--g-space-2_5))}
.g-mb-3_5{margin-bottom:var(--g-space-3_5)}
.g-neg-mb-3_5{margin-bottom:calc(-1 * var(--g-space-3_5))}
.g-ml-0{margin-left:var(--g-space-0)}
.g-ml-1{margin-left:var(--g-space-1)}
.g-neg-ml-1{margin-left:calc(-1 * var(--g-space-1))}
.g-ml-2{margin-left:var(--g-space-2)}
.g-neg-ml-2{margin-left:calc(-1 * var(--g-space-2))}
.g-ml-3{margin-left:var(--g-space-3)}
.g-neg-ml-3{margin-left:calc(-1 * var(--g-space-3))}
.g-ml-4{margin-left:var(--g-space-4)}
.g-neg-ml-4{margin-left:calc(-1 * var(--g-space-4))}
.g-ml-5{margin-left:var(--g-space-5)}
.g-neg-ml-5{margin-left:calc(-1 * var(--g-space-5))}
.g-ml-6{margin-left:var(--g-space-6)}
.g-neg-ml-6{margin-left:calc(-1 * var(--g-space-6))}
.g-ml-7{margin-left:var(--g-space-7)}
.g-neg-ml-7{margin-left:calc(-1 * var(--g-space-7))}
.g-ml-8{margin-left:var(--g-space-8)}
.g-neg-ml-8{margin-left:calc(-1 * var(--g-space-8))}
.g-ml-9{margin-left:var(--g-space-9)}
.g-neg-ml-9{margin-left:calc(-1 * var(--g-space-9))}
.g-ml-10{margin-left:var(--g-space-10)}
.g-neg-ml-10{margin-left:calc(-1 * var(--g-space-10))}
.g-ml-12{margin-left:var(--g-space-12)}
.g-neg-ml-12{margin-left:calc(-1 * var(--g-space-12))}
.g-ml-14{margin-left:var(--g-space-14)}
.g-neg-ml-14{margin-left:calc(-1 * var(--g-space-14))}
.g-ml-16{margin-left:var(--g-space-16)}
.g-neg-ml-16{margin-left:calc(-1 * var(--g-space-16))}
.g-ml-20{margin-left:var(--g-space-20)}
.g-neg-ml-20{margin-left:calc(-1 * var(--g-space-20))}
.g-ml-24{margin-left:var(--g-space-24)}
.g-neg-ml-24{margin-left:calc(-1 * var(--g-space-24))}
.g-ml-28{margin-left:var(--g-space-28)}
.g-neg-ml-28{margin-left:calc(-1 * var(--g-space-28))}
.g-ml-32{margin-left:var(--g-space-32)}
.g-neg-ml-32{margin-left:calc(-1 * var(--g-space-32))}
.g-ml-40{margin-left:var(--g-space-40)}
.g-neg-ml-40{margin-left:calc(-1 * var(--g-space-40))}
.g-ml-48{margin-left:var(--g-space-48)}
.g-neg-ml-48{margin-left:calc(-1 * var(--g-space-48))}
.g-ml-56{margin-left:var(--g-space-56)}
.g-neg-ml-56{margin-left:calc(-1 * var(--g-space-56))}
.g-ml-64{margin-left:var(--g-space-64)}
.g-neg-ml-64{margin-left:calc(-1 * var(--g-space-64))}
.g-ml-80{margin-left:var(--g-space-80)}
.g-neg-ml-80{margin-left:calc(-1 * var(--g-space-80))}
.g-ml-96{margin-left:var(--g-space-96)}
.g-neg-ml-96{margin-left:calc(-1 * var(--g-space-96))}
.g-ml-px{margin-left:var(--g-space-px)}
.g-ml-0_5{margin-left:var(--g-space-0_5)}
.g-neg-ml-0_5{margin-left:calc(-1 * var(--g-space-0_5))}
.g-ml-1_5{margin-left:var(--g-space-1_5)}
.g-neg-ml-1_5{margin-left:calc(-1 * var(--g-space-1_5))}
.g-ml-2_5{margin-left:var(--g-space-2_5)}
.g-neg-ml-2_5{margin-left:calc(-1 * var(--g-space-2_5))}
.g-ml-3_5{margin-left:var(--g-space-3_5)}
.g-neg-ml-3_5{margin-left:calc(-1 * var(--g-space-3_5))}
.g-ms-0{margin-inline-start:var(--g-space-0)}
.g-ms-1{margin-inline-start:var(--g-space-1)}
.g-neg-ms-1{margin-inline-start:calc(-1 * var(--g-space-1))}
.g-ms-2{margin-inline-start:var(--g-space-2)}
.g-neg-ms-2{margin-inline-start:calc(-1 * var(--g-space-2))}
.g-ms-3{margin-inline-start:var(--g-space-3)}
.g-neg-ms-3{margin-inline-start:calc(-1 * var(--g-space-3))}
.g-ms-4{margin-inline-start:var(--g-space-4)}
.g-neg-ms-4{margin-inline-start:calc(-1 * var(--g-space-4))}
.g-ms-5{margin-inline-start:var(--g-space-5)}
.g-neg-ms-5{margin-inline-start:calc(-1 * var(--g-space-5))}
.g-ms-6{margin-inline-start:var(--g-space-6)}
.g-neg-ms-6{margin-inline-start:calc(-1 * var(--g-space-6))}
.g-ms-7{margin-inline-start:var(--g-space-7)}
.g-neg-ms-7{margin-inline-start:calc(-1 * var(--g-space-7))}
.g-ms-8{margin-inline-start:var(--g-space-8)}
.g-neg-ms-8{margin-inline-start:calc(-1 * var(--g-space-8))}
.g-ms-9{margin-inline-start:var(--g-space-9)}
.g-neg-ms-9{margin-inline-start:calc(-1 * var(--g-space-9))}
.g-ms-10{margin-inline-start:var(--g-space-10)}
.g-neg-ms-10{margin-inline-start:calc(-1 * var(--g-space-10))}
.g-ms-12{margin-inline-start:var(--g-space-12)}
.g-neg-ms-12{margin-inline-start:calc(-1 * var(--g-space-12))}
.g-ms-14{margin-inline-start:var(--g-space-14)}
.g-neg-ms-14{margin-inline-start:calc(-1 * var(--g-space-14))}
.g-ms-16{margin-inline-start:var(--g-space-16)}
.g-neg-ms-16{margin-inline-start:calc(-1 * var(--g-space-16))}
.g-ms-20{margin-inline-start:var(--g-space-20)}
.g-neg-ms-20{margin-inline-start:calc(-1 * var(--g-space-20))}
.g-ms-24{margin-inline-start:var(--g-space-24)}
.g-neg-ms-24{margin-inline-start:calc(-1 * var(--g-space-24))}
.g-ms-28{margin-inline-start:var(--g-space-28)}
.g-neg-ms-28{margin-inline-start:calc(-1 * var(--g-space-28))}
.g-ms-32{margin-inline-start:var(--g-space-32)}
.g-neg-ms-32{margin-inline-start:calc(-1 * var(--g-space-32))}
.g-ms-40{margin-inline-start:var(--g-space-40)}
.g-neg-ms-40{margin-inline-start:calc(-1 * var(--g-space-40))}
.g-ms-48{margin-inline-start:var(--g-space-48)}
.g-neg-ms-48{margin-inline-start:calc(-1 * var(--g-space-48))}
.g-ms-56{margin-inline-start:var(--g-space-56)}
.g-neg-ms-56{margin-inline-start:calc(-1 * var(--g-space-56))}
.g-ms-64{margin-inline-start:var(--g-space-64)}
.g-neg-ms-64{margin-inline-start:calc(-1 * var(--g-space-64))}
.g-ms-80{margin-inline-start:var(--g-space-80)}
.g-neg-ms-80{margin-inline-start:calc(-1 * var(--g-space-80))}
.g-ms-96{margin-inline-start:var(--g-space-96)}
.g-neg-ms-96{margin-inline-start:calc(-1 * var(--g-space-96))}
.g-ms-px{margin-inline-start:var(--g-space-px)}
.g-ms-0_5{margin-inline-start:var(--g-space-0_5)}
.g-neg-ms-0_5{margin-inline-start:calc(-1 * var(--g-space-0_5))}
.g-ms-1_5{margin-inline-start:var(--g-space-1_5)}
.g-neg-ms-1_5{margin-inline-start:calc(-1 * var(--g-space-1_5))}
.g-ms-2_5{margin-inline-start:var(--g-space-2_5)}
.g-neg-ms-2_5{margin-inline-start:calc(-1 * var(--g-space-2_5))}
.g-ms-3_5{margin-inline-start:var(--g-space-3_5)}
.g-neg-ms-3_5{margin-inline-start:calc(-1 * var(--g-space-3_5))}
.g-me-0{margin-inline-end:var(--g-space-0)}
.g-me-1{margin-inline-end:var(--g-space-1)}
.g-neg-me-1{margin-inline-end:calc(-1 * var(--g-space-1))}
.g-me-2{margin-inline-end:var(--g-space-2)}
.g-neg-me-2{margin-inline-end:calc(-1 * var(--g-space-2))}
.g-me-3{margin-inline-end:var(--g-space-3)}
.g-neg-me-3{margin-inline-end:calc(-1 * var(--g-space-3))}
.g-me-4{margin-inline-end:var(--g-space-4)}
.g-neg-me-4{margin-inline-end:calc(-1 * var(--g-space-4))}
.g-me-5{margin-inline-end:var(--g-space-5)}
.g-neg-me-5{margin-inline-end:calc(-1 * var(--g-space-5))}
.g-me-6{margin-inline-end:var(--g-space-6)}
.g-neg-me-6{margin-inline-end:calc(-1 * var(--g-space-6))}
.g-me-7{margin-inline-end:var(--g-space-7)}
.g-neg-me-7{margin-inline-end:calc(-1 * var(--g-space-7))}
.g-me-8{margin-inline-end:var(--g-space-8)}
.g-neg-me-8{margin-inline-end:calc(-1 * var(--g-space-8))}
.g-me-9{margin-inline-end:var(--g-space-9)}
.g-neg-me-9{margin-inline-end:calc(-1 * var(--g-space-9))}
.g-me-10{margin-inline-end:var(--g-space-10)}
.g-neg-me-10{margin-inline-end:calc(-1 * var(--g-space-10))}
.g-me-12{margin-inline-end:var(--g-space-12)}
.g-neg-me-12{margin-inline-end:calc(-1 * var(--g-space-12))}
.g-me-14{margin-inline-end:var(--g-space-14)}
.g-neg-me-14{margin-inline-end:calc(-1 * var(--g-space-14))}
.g-me-16{margin-inline-end:var(--g-space-16)}
.g-neg-me-16{margin-inline-end:calc(-1 * var(--g-space-16))}
.g-me-20{margin-inline-end:var(--g-space-20)}
.g-neg-me-20{margin-inline-end:calc(-1 * var(--g-space-20))}
.g-me-24{margin-inline-end:var(--g-space-24)}
.g-neg-me-24{margin-inline-end:calc(-1 * var(--g-space-24))}
.g-me-28{margin-inline-end:var(--g-space-28)}
.g-neg-me-28{margin-inline-end:calc(-1 * var(--g-space-28))}
.g-me-32{margin-inline-end:var(--g-space-32)}
.g-neg-me-32{margin-inline-end:calc(-1 * var(--g-space-32))}
.g-me-40{margin-inline-end:var(--g-space-40)}
.g-neg-me-40{margin-inline-end:calc(-1 * var(--g-space-40))}
.g-me-48{margin-inline-end:var(--g-space-48)}
.g-neg-me-48{margin-inline-end:calc(-1 * var(--g-space-48))}
.g-me-56{margin-inline-end:var(--g-space-56)}
.g-neg-me-56{margin-inline-end:calc(-1 * var(--g-space-56))}
.g-me-64{margin-inline-end:var(--g-space-64)}
.g-neg-me-64{margin-inline-end:calc(-1 * var(--g-space-64))}
.g-me-80{margin-inline-end:var(--g-space-80)}
.g-neg-me-80{margin-inline-end:calc(-1 * var(--g-space-80))}
.g-me-96{margin-inline-end:var(--g-space-96)}
.g-neg-me-96{margin-inline-end:calc(-1 * var(--g-space-96))}
.g-me-px{margin-inline-end:var(--g-space-px)}
.g-me-0_5{margin-inline-end:var(--g-space-0_5)}
.g-neg-me-0_5{margin-inline-end:calc(-1 * var(--g-space-0_5))}
.g-me-1_5{margin-inline-end:var(--g-space-1_5)}
.g-neg-me-1_5{margin-inline-end:calc(-1 * var(--g-space-1_5))}
.g-me-2_5{margin-inline-end:var(--g-space-2_5)}
.g-neg-me-2_5{margin-inline-end:calc(-1 * var(--g-space-2_5))}
.g-me-3_5{margin-inline-end:var(--g-space-3_5)}
.g-neg-me-3_5{margin-inline-end:calc(-1 * var(--g-space-3_5))}
.g-p-0{padding:var(--g-space-0)}
.g-p-1{padding:var(--g-space-1)}
.g-p-2{padding:var(--g-space-2)}
.g-p-3{padding:var(--g-space-3)}
.g-p-4{padding:var(--g-space-4)}
.g-p-5{padding:var(--g-space-5)}
.g-p-6{padding:var(--g-space-6)}
.g-p-7{padding:var(--g-space-7)}
.g-p-8{padding:var(--g-space-8)}
.g-p-9{padding:var(--g-space-9)}
.g-p-10{padding:var(--g-space-10)}
.g-p-12{padding:var(--g-space-12)}
.g-p-14{padding:var(--g-space-14)}
.g-p-16{padding:var(--g-space-16)}
.g-p-20{padding:var(--g-space-20)}
.g-p-24{padding:var(--g-space-24)}
.g-p-28{padding:var(--g-space-28)}
.g-p-32{padding:var(--g-space-32)}
.g-p-40{padding:var(--g-space-40)}
.g-p-48{padding:var(--g-space-48)}
.g-p-56{padding:var(--g-space-56)}
.g-p-64{padding:var(--g-space-64)}
.g-p-80{padding:var(--g-space-80)}
.g-p-96{padding:var(--g-space-96)}
.g-p-px{padding:var(--g-space-px)}
.g-p-0_5{padding:var(--g-space-0_5)}
.g-p-1_5{padding:var(--g-space-1_5)}
.g-p-2_5{padding:var(--g-space-2_5)}
.g-p-3_5{padding:var(--g-space-3_5)}
.g-px-0{padding-inline:var(--g-space-0)}
.g-px-1{padding-inline:var(--g-space-1)}
.g-px-2{padding-inline:var(--g-space-2)}
.g-px-3{padding-inline:var(--g-space-3)}
.g-px-4{padding-inline:var(--g-space-4)}
.g-px-5{padding-inline:var(--g-space-5)}
.g-px-6{padding-inline:var(--g-space-6)}
.g-px-7{padding-inline:var(--g-space-7)}
.g-px-8{padding-inline:var(--g-space-8)}
.g-px-9{padding-inline:var(--g-space-9)}
.g-px-10{padding-inline:var(--g-space-10)}
.g-px-12{padding-inline:var(--g-space-12)}
.g-px-14{padding-inline:var(--g-space-14)}
.g-px-16{padding-inline:var(--g-space-16)}
.g-px-20{padding-inline:var(--g-space-20)}
.g-px-24{padding-inline:var(--g-space-24)}
.g-px-28{padding-inline:var(--g-space-28)}
.g-px-32{padding-inline:var(--g-space-32)}
.g-px-40{padding-inline:var(--g-space-40)}
.g-px-48{padding-inline:var(--g-space-48)}
.g-px-56{padding-inline:var(--g-space-56)}
.g-px-64{padding-inline:var(--g-space-64)}
.g-px-80{padding-inline:var(--g-space-80)}
.g-px-96{padding-inline:var(--g-space-96)}
.g-px-px{padding-inline:var(--g-space-px)}
.g-px-0_5{padding-inline:var(--g-space-0_5)}
.g-px-1_5{padding-inline:var(--g-space-1_5)}
.g-px-2_5{padding-inline:var(--g-space-2_5)}
.g-px-3_5{padding-inline:var(--g-space-3_5)}
.g-py-0{padding-block:var(--g-space-0)}
.g-py-1{padding-block:var(--g-space-1)}
.g-py-2{padding-block:var(--g-space-2)}
.g-py-3{padding-block:var(--g-space-3)}
.g-py-4{padding-block:var(--g-space-4)}
.g-py-5{padding-block:var(--g-space-5)}
.g-py-6{padding-block:var(--g-space-6)}
.g-py-7{padding-block:var(--g-space-7)}
.g-py-8{padding-block:var(--g-space-8)}
.g-py-9{padding-block:var(--g-space-9)}
.g-py-10{padding-block:var(--g-space-10)}
.g-py-12{padding-block:var(--g-space-12)}
.g-py-14{padding-block:var(--g-space-14)}
.g-py-16{padding-block:var(--g-space-16)}
.g-py-20{padding-block:var(--g-space-20)}
.g-py-24{padding-block:var(--g-space-24)}
.g-py-28{padding-block:var(--g-space-28)}
.g-py-32{padding-block:var(--g-space-32)}
.g-py-40{padding-block:var(--g-space-40)}
.g-py-48{padding-block:var(--g-space-48)}
.g-py-56{padding-block:var(--g-space-56)}
.g-py-64{padding-block:var(--g-space-64)}
.g-py-80{padding-block:var(--g-space-80)}
.g-py-96{padding-block:var(--g-space-96)}
.g-py-px{padding-block:var(--g-space-px)}
.g-py-0_5{padding-block:var(--g-space-0_5)}
.g-py-1_5{padding-block:var(--g-space-1_5)}
.g-py-2_5{padding-block:var(--g-space-2_5)}
.g-py-3_5{padding-block:var(--g-space-3_5)}
.g-pt-0{padding-top:var(--g-space-0)}
.g-pt-1{padding-top:var(--g-space-1)}
.g-pt-2{padding-top:var(--g-space-2)}
.g-pt-3{padding-top:var(--g-space-3)}
.g-pt-4{padding-top:var(--g-space-4)}
.g-pt-5{padding-top:var(--g-space-5)}
.g-pt-6{padding-top:var(--g-space-6)}
.g-pt-7{padding-top:var(--g-space-7)}
.g-pt-8{padding-top:var(--g-space-8)}
.g-pt-9{padding-top:var(--g-space-9)}
.g-pt-10{padding-top:var(--g-space-10)}
.g-pt-12{padding-top:var(--g-space-12)}
.g-pt-14{padding-top:var(--g-space-14)}
.g-pt-16{padding-top:var(--g-space-16)}
.g-pt-20{padding-top:var(--g-space-20)}
.g-pt-24{padding-top:var(--g-space-24)}
.g-pt-28{padding-top:var(--g-space-28)}
.g-pt-32{padding-top:var(--g-space-32)}
.g-pt-40{padding-top:var(--g-space-40)}
.g-pt-48{padding-top:var(--g-space-48)}
.g-pt-56{padding-top:var(--g-space-56)}
.g-pt-64{padding-top:var(--g-space-64)}
.g-pt-80{padding-top:var(--g-space-80)}
.g-pt-96{padding-top:var(--g-space-96)}
.g-pt-px{padding-top:var(--g-space-px)}
.g-pt-0_5{padding-top:var(--g-space-0_5)}
.g-pt-1_5{padding-top:var(--g-space-1_5)}
.g-pt-2_5{padding-top:var(--g-space-2_5)}
.g-pt-3_5{padding-top:var(--g-space-3_5)}
.g-pr-0{padding-right:var(--g-space-0)}
.g-pr-1{padding-right:var(--g-space-1)}
.g-pr-2{padding-right:var(--g-space-2)}
.g-pr-3{padding-right:var(--g-space-3)}
.g-pr-4{padding-right:var(--g-space-4)}
.g-pr-5{padding-right:var(--g-space-5)}
.g-pr-6{padding-right:var(--g-space-6)}
.g-pr-7{padding-right:var(--g-space-7)}
.g-pr-8{padding-right:var(--g-space-8)}
.g-pr-9{padding-right:var(--g-space-9)}
.g-pr-10{padding-right:var(--g-space-10)}
.g-pr-12{padding-right:var(--g-space-12)}
.g-pr-14{padding-right:var(--g-space-14)}
.g-pr-16{padding-right:var(--g-space-16)}
.g-pr-20{padding-right:var(--g-space-20)}
.g-pr-24{padding-right:var(--g-space-24)}
.g-pr-28{padding-right:var(--g-space-28)}
.g-pr-32{padding-right:var(--g-space-32)}
.g-pr-40{padding-right:var(--g-space-40)}
.g-pr-48{padding-right:var(--g-space-48)}
.g-pr-56{padding-right:var(--g-space-56)}
.g-pr-64{padding-right:var(--g-space-64)}
.g-pr-80{padding-right:var(--g-space-80)}
.g-pr-96{padding-right:var(--g-space-96)}
.g-pr-px{padding-right:var(--g-space-px)}
.g-pr-0_5{padding-right:var(--g-space-0_5)}
.g-pr-1_5{padding-right:var(--g-space-1_5)}
.g-pr-2_5{padding-right:var(--g-space-2_5)}
.g-pr-3_5{padding-right:var(--g-space-3_5)}
.g-pb-0{padding-bottom:var(--g-space-0)}
.g-pb-1{padding-bottom:var(--g-space-1)}
.g-pb-2{padding-bottom:var(--g-space-2)}
.g-pb-3{padding-bottom:var(--g-space-3)}
.g-pb-4{padding-bottom:var(--g-space-4)}
.g-pb-5{padding-bottom:var(--g-space-5)}
.g-pb-6{padding-bottom:var(--g-space-6)}
.g-pb-7{padding-bottom:var(--g-space-7)}
.g-pb-8{padding-bottom:var(--g-space-8)}
.g-pb-9{padding-bottom:var(--g-space-9)}
.g-pb-10{padding-bottom:var(--g-space-10)}
.g-pb-12{padding-bottom:var(--g-space-12)}
.g-pb-14{padding-bottom:var(--g-space-14)}
.g-pb-16{padding-bottom:var(--g-space-16)}
.g-pb-20{padding-bottom:var(--g-space-20)}
.g-pb-24{padding-bottom:var(--g-space-24)}
.g-pb-28{padding-bottom:var(--g-space-28)}
.g-pb-32{padding-bottom:var(--g-space-32)}
.g-pb-40{padding-bottom:var(--g-space-40)}
.g-pb-48{padding-bottom:var(--g-space-48)}
.g-pb-56{padding-bottom:var(--g-space-56)}
.g-pb-64{padding-bottom:var(--g-space-64)}
.g-pb-80{padding-bottom:var(--g-space-80)}
.g-pb-96{padding-bottom:var(--g-space-96)}
.g-pb-px{padding-bottom:var(--g-space-px)}
.g-pb-0_5{padding-bottom:var(--g-space-0_5)}
.g-pb-1_5{padding-bottom:var(--g-space-1_5)}
.g-pb-2_5{padding-bottom:var(--g-space-2_5)}
.g-pb-3_5{padding-bottom:var(--g-space-3_5)}
.g-pl-0{padding-left:var(--g-space-0)}
.g-pl-1{padding-left:var(--g-space-1)}
.g-pl-2{padding-left:var(--g-space-2)}
.g-pl-3{padding-left:var(--g-space-3)}
.g-pl-4{padding-left:var(--g-space-4)}
.g-pl-5{padding-left:var(--g-space-5)}
.g-pl-6{padding-left:var(--g-space-6)}
.g-pl-7{padding-left:var(--g-space-7)}
.g-pl-8{padding-left:var(--g-space-8)}
.g-pl-9{padding-left:var(--g-space-9)}
.g-pl-10{padding-left:var(--g-space-10)}
.g-pl-12{padding-left:var(--g-space-12)}
.g-pl-14{padding-left:var(--g-space-14)}
.g-pl-16{padding-left:var(--g-space-16)}
.g-pl-20{padding-left:var(--g-space-20)}
.g-pl-24{padding-left:var(--g-space-24)}
.g-pl-28{padding-left:var(--g-space-28)}
.g-pl-32{padding-left:var(--g-space-32)}
.g-pl-40{padding-left:var(--g-space-40)}
.g-pl-48{padding-left:var(--g-space-48)}
.g-pl-56{padding-left:var(--g-space-56)}
.g-pl-64{padding-left:var(--g-space-64)}
.g-pl-80{padding-left:var(--g-space-80)}
.g-pl-96{padding-left:var(--g-space-96)}
.g-pl-px{padding-left:var(--g-space-px)}
.g-pl-0_5{padding-left:var(--g-space-0_5)}
.g-pl-1_5{padding-left:var(--g-space-1_5)}
.g-pl-2_5{padding-left:var(--g-space-2_5)}
.g-pl-3_5{padding-left:var(--g-space-3_5)}
.g-ps-0{padding-inline-start:var(--g-space-0)}
.g-ps-1{padding-inline-start:var(--g-space-1)}
.g-ps-2{padding-inline-start:var(--g-space-2)}
.g-ps-3{padding-inline-start:var(--g-space-3)}
.g-ps-4{padding-inline-start:var(--g-space-4)}
.g-ps-5{padding-inline-start:var(--g-space-5)}
.g-ps-6{padding-inline-start:var(--g-space-6)}
.g-ps-7{padding-inline-start:var(--g-space-7)}
.g-ps-8{padding-inline-start:var(--g-space-8)}
.g-ps-9{padding-inline-start:var(--g-space-9)}
.g-ps-10{padding-inline-start:var(--g-space-10)}
.g-ps-12{padding-inline-start:var(--g-space-12)}
.g-ps-14{padding-inline-start:var(--g-space-14)}
.g-ps-16{padding-inline-start:var(--g-space-16)}
.g-ps-20{padding-inline-start:var(--g-space-20)}
.g-ps-24{padding-inline-start:var(--g-space-24)}
.g-ps-28{padding-inline-start:var(--g-space-28)}
.g-ps-32{padding-inline-start:var(--g-space-32)}
.g-ps-40{padding-inline-start:var(--g-space-40)}
.g-ps-48{padding-inline-start:var(--g-space-48)}
.g-ps-56{padding-inline-start:var(--g-space-56)}
.g-ps-64{padding-inline-start:var(--g-space-64)}
.g-ps-80{padding-inline-start:var(--g-space-80)}
.g-ps-96{padding-inline-start:var(--g-space-96)}
.g-ps-px{padding-inline-start:var(--g-space-px)}
.g-ps-0_5{padding-inline-start:var(--g-space-0_5)}
.g-ps-1_5{padding-inline-start:var(--g-space-1_5)}
.g-ps-2_5{padding-inline-start:var(--g-space-2_5)}
.g-ps-3_5{padding-inline-start:var(--g-space-3_5)}
.g-pe-0{padding-inline-end:var(--g-space-0)}
.g-pe-1{padding-inline-end:var(--g-space-1)}
.g-pe-2{padding-inline-end:var(--g-space-2)}
.g-pe-3{padding-inline-end:var(--g-space-3)}
.g-pe-4{padding-inline-end:var(--g-space-4)}
.g-pe-5{padding-inline-end:var(--g-space-5)}
.g-pe-6{padding-inline-end:var(--g-space-6)}
.g-pe-7{padding-inline-end:var(--g-space-7)}
.g-pe-8{padding-inline-end:var(--g-space-8)}
.g-pe-9{padding-inline-end:var(--g-space-9)}
.g-pe-10{padding-inline-end:var(--g-space-10)}
.g-pe-12{padding-inline-end:var(--g-space-12)}
.g-pe-14{padding-inline-end:var(--g-space-14)}
.g-pe-16{padding-inline-end:var(--g-space-16)}
.g-pe-20{padding-inline-end:var(--g-space-20)}
.g-pe-24{padding-inline-end:var(--g-space-24)}
.g-pe-28{padding-inline-end:var(--g-space-28)}
.g-pe-32{padding-inline-end:var(--g-space-32)}
.g-pe-40{padding-inline-end:var(--g-space-40)}
.g-pe-48{padding-inline-end:var(--g-space-48)}
.g-pe-56{padding-inline-end:var(--g-space-56)}
.g-pe-64{padding-inline-end:var(--g-space-64)}
.g-pe-80{padding-inline-end:var(--g-space-80)}
.g-pe-96{padding-inline-end:var(--g-space-96)}
.g-pe-px{padding-inline-end:var(--g-space-px)}
.g-pe-0_5{padding-inline-end:var(--g-space-0_5)}
.g-pe-1_5{padding-inline-end:var(--g-space-1_5)}
.g-pe-2_5{padding-inline-end:var(--g-space-2_5)}
.g-pe-3_5{padding-inline-end:var(--g-space-3_5)}
.g-gap-0{gap:var(--g-space-0)}
.g-gap-1{gap:var(--g-space-1)}
.g-gap-2{gap:var(--g-space-2)}
.g-gap-3{gap:var(--g-space-3)}
.g-gap-4{gap:var(--g-space-4)}
.g-gap-5{gap:var(--g-space-5)}
.g-gap-6{gap:var(--g-space-6)}
.g-gap-7{gap:var(--g-space-7)}
.g-gap-8{gap:var(--g-space-8)}
.g-gap-9{gap:var(--g-space-9)}
.g-gap-10{gap:var(--g-space-10)}
.g-gap-12{gap:var(--g-space-12)}
.g-gap-14{gap:var(--g-space-14)}
.g-gap-16{gap:var(--g-space-16)}
.g-gap-20{gap:var(--g-space-20)}
.g-gap-24{gap:var(--g-space-24)}
.g-gap-28{gap:var(--g-space-28)}
.g-gap-32{gap:var(--g-space-32)}
.g-gap-40{gap:var(--g-space-40)}
.g-gap-48{gap:var(--g-space-48)}
.g-gap-56{gap:var(--g-space-56)}
.g-gap-64{gap:var(--g-space-64)}
.g-gap-80{gap:var(--g-space-80)}
.g-gap-96{gap:var(--g-space-96)}
.g-gap-px{gap:var(--g-space-px)}
.g-gap-0_5{gap:var(--g-space-0_5)}
.g-gap-1_5{gap:var(--g-space-1_5)}
.g-gap-2_5{gap:var(--g-space-2_5)}
.g-gap-3_5{gap:var(--g-space-3_5)}
.g-gap-x-0{column-gap:var(--g-space-0)}
.g-gap-x-1{column-gap:var(--g-space-1)}
.g-gap-x-2{column-gap:var(--g-space-2)}
.g-gap-x-3{column-gap:var(--g-space-3)}
.g-gap-x-4{column-gap:var(--g-space-4)}
.g-gap-x-5{column-gap:var(--g-space-5)}
.g-gap-x-6{column-gap:var(--g-space-6)}
.g-gap-x-7{column-gap:var(--g-space-7)}
.g-gap-x-8{column-gap:var(--g-space-8)}
.g-gap-x-9{column-gap:var(--g-space-9)}
.g-gap-x-10{column-gap:var(--g-space-10)}
.g-gap-x-12{column-gap:var(--g-space-12)}
.g-gap-x-14{column-gap:var(--g-space-14)}
.g-gap-x-16{column-gap:var(--g-space-16)}
.g-gap-x-20{column-gap:var(--g-space-20)}
.g-gap-x-24{column-gap:var(--g-space-24)}
.g-gap-x-28{column-gap:var(--g-space-28)}
.g-gap-x-32{column-gap:var(--g-space-32)}
.g-gap-x-40{column-gap:var(--g-space-40)}
.g-gap-x-48{column-gap:var(--g-space-48)}
.g-gap-x-56{column-gap:var(--g-space-56)}
.g-gap-x-64{column-gap:var(--g-space-64)}
.g-gap-x-80{column-gap:var(--g-space-80)}
.g-gap-x-96{column-gap:var(--g-space-96)}
.g-gap-x-px{column-gap:var(--g-space-px)}
.g-gap-x-0_5{column-gap:var(--g-space-0_5)}
.g-gap-x-1_5{column-gap:var(--g-space-1_5)}
.g-gap-x-2_5{column-gap:var(--g-space-2_5)}
.g-gap-x-3_5{column-gap:var(--g-space-3_5)}
.g-gap-y-0{row-gap:var(--g-space-0)}
.g-gap-y-1{row-gap:var(--g-space-1)}
.g-gap-y-2{row-gap:var(--g-space-2)}
.g-gap-y-3{row-gap:var(--g-space-3)}
.g-gap-y-4{row-gap:var(--g-space-4)}
.g-gap-y-5{row-gap:var(--g-space-5)}
.g-gap-y-6{row-gap:var(--g-space-6)}
.g-gap-y-7{row-gap:var(--g-space-7)}
.g-gap-y-8{row-gap:var(--g-space-8)}
.g-gap-y-9{row-gap:var(--g-space-9)}
.g-gap-y-10{row-gap:var(--g-space-10)}
.g-gap-y-12{row-gap:var(--g-space-12)}
.g-gap-y-14{row-gap:var(--g-space-14)}
.g-gap-y-16{row-gap:var(--g-space-16)}
.g-gap-y-20{row-gap:var(--g-space-20)}
.g-gap-y-24{row-gap:var(--g-space-24)}
.g-gap-y-28{row-gap:var(--g-space-28)}
.g-gap-y-32{row-gap:var(--g-space-32)}
.g-gap-y-40{row-gap:var(--g-space-40)}
.g-gap-y-48{row-gap:var(--g-space-48)}
.g-gap-y-56{row-gap:var(--g-space-56)}
.g-gap-y-64{row-gap:var(--g-space-64)}
.g-gap-y-80{row-gap:var(--g-space-80)}
.g-gap-y-96{row-gap:var(--g-space-96)}
.g-gap-y-px{row-gap:var(--g-space-px)}
.g-gap-y-0_5{row-gap:var(--g-space-0_5)}
.g-gap-y-1_5{row-gap:var(--g-space-1_5)}
.g-gap-y-2_5{row-gap:var(--g-space-2_5)}
.g-gap-y-3_5{row-gap:var(--g-space-3_5)}
.g-m-auto{margin:auto}
.g-mx-auto{margin-inline:auto}
.g-my-auto{margin-block:auto}
.g-mt-auto{margin-top:auto}
.g-mr-auto{margin-right:auto}
.g-mb-auto{margin-bottom:auto}
.g-ml-auto{margin-left:auto}
.g-ms-auto{margin-inline-start:auto}
.g-me-auto{margin-inline-end:auto}
.g-w-0{width:var(--g-space-0)}
.g-h-0{height:var(--g-space-0)}
.g-min-w-0{min-width:var(--g-space-0)}
.g-min-h-0{min-height:var(--g-space-0)}
.g-max-w-0{max-width:var(--g-space-0)}
.g-max-h-0{max-height:var(--g-space-0)}
.g-w-1{width:var(--g-space-1)}
.g-h-1{height:var(--g-space-1)}
.g-min-w-1{min-width:var(--g-space-1)}
.g-min-h-1{min-height:var(--g-space-1)}
.g-max-w-1{max-width:var(--g-space-1)}
.g-max-h-1{max-height:var(--g-space-1)}
.g-w-2{width:var(--g-space-2)}
.g-h-2{height:var(--g-space-2)}
.g-min-w-2{min-width:var(--g-space-2)}
.g-min-h-2{min-height:var(--g-space-2)}
.g-max-w-2{max-width:var(--g-space-2)}
.g-max-h-2{max-height:var(--g-space-2)}
.g-w-3{width:var(--g-space-3)}
.g-h-3{height:var(--g-space-3)}
.g-min-w-3{min-width:var(--g-space-3)}
.g-min-h-3{min-height:var(--g-space-3)}
.g-max-w-3{max-width:var(--g-space-3)}
.g-max-h-3{max-height:var(--g-space-3)}
.g-w-4{width:var(--g-space-4)}
.g-h-4{height:var(--g-space-4)}
.g-min-w-4{min-width:var(--g-space-4)}
.g-min-h-4{min-height:var(--g-space-4)}
.g-max-w-4{max-width:var(--g-space-4)}
.g-max-h-4{max-height:var(--g-space-4)}
.g-w-5{width:var(--g-space-5)}
.g-h-5{height:var(--g-space-5)}
.g-min-w-5{min-width:var(--g-space-5)}
.g-min-h-5{min-height:var(--g-space-5)}
.g-max-w-5{max-width:var(--g-space-5)}
.g-max-h-5{max-height:var(--g-space-5)}
.g-w-6{width:var(--g-space-6)}
.g-h-6{height:var(--g-space-6)}
.g-min-w-6{min-width:var(--g-space-6)}
.g-min-h-6{min-height:var(--g-space-6)}
.g-max-w-6{max-width:var(--g-space-6)}
.g-max-h-6{max-height:var(--g-space-6)}
.g-w-7{width:var(--g-space-7)}
.g-h-7{height:var(--g-space-7)}
.g-min-w-7{min-width:var(--g-space-7)}
.g-min-h-7{min-height:var(--g-space-7)}
.g-max-w-7{max-width:var(--g-space-7)}
.g-max-h-7{max-height:var(--g-space-7)}
.g-w-8{width:var(--g-space-8)}
.g-h-8{height:var(--g-space-8)}
.g-min-w-8{min-width:var(--g-space-8)}
.g-min-h-8{min-height:var(--g-space-8)}
.g-max-w-8{max-width:var(--g-space-8)}
.g-max-h-8{max-height:var(--g-space-8)}
.g-w-9{width:var(--g-space-9)}
.g-h-9{height:var(--g-space-9)}
.g-min-w-9{min-width:var(--g-space-9)}
.g-min-h-9{min-height:var(--g-space-9)}
.g-max-w-9{max-width:var(--g-space-9)}
.g-max-h-9{max-height:var(--g-space-9)}
.g-w-10{width:var(--g-space-10)}
.g-h-10{height:var(--g-space-10)}
.g-min-w-10{min-width:var(--g-space-10)}
.g-min-h-10{min-height:var(--g-space-10)}
.g-max-w-10{max-width:var(--g-space-10)}
.g-max-h-10{max-height:var(--g-space-10)}
.g-w-12{width:var(--g-space-12)}
.g-h-12{height:var(--g-space-12)}
.g-min-w-12{min-width:var(--g-space-12)}
.g-min-h-12{min-height:var(--g-space-12)}
.g-max-w-12{max-width:var(--g-space-12)}
.g-max-h-12{max-height:var(--g-space-12)}
.g-w-14{width:var(--g-space-14)}
.g-h-14{height:var(--g-space-14)}
.g-min-w-14{min-width:var(--g-space-14)}
.g-min-h-14{min-height:var(--g-space-14)}
.g-max-w-14{max-width:var(--g-space-14)}
.g-max-h-14{max-height:var(--g-space-14)}
.g-w-16{width:var(--g-space-16)}
.g-h-16{height:var(--g-space-16)}
.g-min-w-16{min-width:var(--g-space-16)}
.g-min-h-16{min-height:var(--g-space-16)}
.g-max-w-16{max-width:var(--g-space-16)}
.g-max-h-16{max-height:var(--g-space-16)}
.g-w-20{width:var(--g-space-20)}
.g-h-20{height:var(--g-space-20)}
.g-min-w-20{min-width:var(--g-space-20)}
.g-min-h-20{min-height:var(--g-space-20)}
.g-max-w-20{max-width:var(--g-space-20)}
.g-max-h-20{max-height:var(--g-space-20)}
.g-w-24{width:var(--g-space-24)}
.g-h-24{height:var(--g-space-24)}
.g-min-w-24{min-width:var(--g-space-24)}
.g-min-h-24{min-height:var(--g-space-24)}
.g-max-w-24{max-width:var(--g-space-24)}
.g-max-h-24{max-height:var(--g-space-24)}
.g-w-28{width:var(--g-space-28)}
.g-h-28{height:var(--g-space-28)}
.g-min-w-28{min-width:var(--g-space-28)}
.g-min-h-28{min-height:var(--g-space-28)}
.g-max-w-28{max-width:var(--g-space-28)}
.g-max-h-28{max-height:var(--g-space-28)}
.g-w-32{width:var(--g-space-32)}
.g-h-32{height:var(--g-space-32)}
.g-min-w-32{min-width:var(--g-space-32)}
.g-min-h-32{min-height:var(--g-space-32)}
.g-max-w-32{max-width:var(--g-space-32)}
.g-max-h-32{max-height:var(--g-space-32)}
.g-w-40{width:var(--g-space-40)}
.g-h-40{height:var(--g-space-40)}
.g-min-w-40{min-width:var(--g-space-40)}
.g-min-h-40{min-height:var(--g-space-40)}
.g-max-w-40{max-width:var(--g-space-40)}
.g-max-h-40{max-height:var(--g-space-40)}
.g-w-48{width:var(--g-space-48)}
.g-h-48{height:var(--g-space-48)}
.g-min-w-48{min-width:var(--g-space-48)}
.g-min-h-48{min-height:var(--g-space-48)}
.g-max-w-48{max-width:var(--g-space-48)}
.g-max-h-48{max-height:var(--g-space-48)}
.g-w-56{width:var(--g-space-56)}
.g-h-56{height:var(--g-space-56)}
.g-min-w-56{min-width:var(--g-space-56)}
.g-min-h-56{min-height:var(--g-space-56)}
.g-max-w-56{max-width:var(--g-space-56)}
.g-max-h-56{max-height:var(--g-space-56)}
.g-w-64{width:var(--g-space-64)}
.g-h-64{height:var(--g-space-64)}
.g-min-w-64{min-width:var(--g-space-64)}
.g-min-h-64{min-height:var(--g-space-64)}
.g-max-w-64{max-width:var(--g-space-64)}
.g-max-h-64{max-height:var(--g-space-64)}
.g-w-80{width:var(--g-space-80)}
.g-h-80{height:var(--g-space-80)}
.g-min-w-80{min-width:var(--g-space-80)}
.g-min-h-80{min-height:var(--g-space-80)}
.g-max-w-80{max-width:var(--g-space-80)}
.g-max-h-80{max-height:var(--g-space-80)}
.g-w-96{width:var(--g-space-96)}
.g-h-96{height:var(--g-space-96)}
.g-min-w-96{min-width:var(--g-space-96)}
.g-min-h-96{min-height:var(--g-space-96)}
.g-max-w-96{max-width:var(--g-space-96)}
.g-max-h-96{max-height:var(--g-space-96)}
.g-w-px{width:var(--g-space-px)}
.g-h-px{height:var(--g-space-px)}
.g-min-w-px{min-width:var(--g-space-px)}
.g-min-h-px{min-height:var(--g-space-px)}
.g-max-w-px{max-width:var(--g-space-px)}
.g-max-h-px{max-height:var(--g-space-px)}
.g-w-0_5{width:var(--g-space-0_5)}
.g-h-0_5{height:var(--g-space-0_5)}
.g-min-w-0_5{min-width:var(--g-space-0_5)}
.g-min-h-0_5{min-height:var(--g-space-0_5)}
.g-max-w-0_5{max-width:var(--g-space-0_5)}
.g-max-h-0_5{max-height:var(--g-space-0_5)}
.g-w-1_5{width:var(--g-space-1_5)}
.g-h-1_5{height:var(--g-space-1_5)}
.g-min-w-1_5{min-width:var(--g-space-1_5)}
.g-min-h-1_5{min-height:var(--g-space-1_5)}
.g-max-w-1_5{max-width:var(--g-space-1_5)}
.g-max-h-1_5{max-height:var(--g-space-1_5)}
.g-w-2_5{width:var(--g-space-2_5)}
.g-h-2_5{height:var(--g-space-2_5)}
.g-min-w-2_5{min-width:var(--g-space-2_5)}
.g-min-h-2_5{min-height:var(--g-space-2_5)}
.g-max-w-2_5{max-width:var(--g-space-2_5)}
.g-max-h-2_5{max-height:var(--g-space-2_5)}
.g-w-3_5{width:var(--g-space-3_5)}
.g-h-3_5{height:var(--g-space-3_5)}
.g-min-w-3_5{min-width:var(--g-space-3_5)}
.g-min-h-3_5{min-height:var(--g-space-3_5)}
.g-max-w-3_5{max-width:var(--g-space-3_5)}
.g-max-h-3_5{max-height:var(--g-space-3_5)}
.g-w-1of2{width:50%}
.g-h-1of2{height:50%}
.g-basis-1of2{flex-basis:50%}
.g-w-1of3{width:33.333333%}
.g-h-1of3{height:33.333333%}
.g-basis-1of3{flex-basis:33.333333%}
.g-w-2of3{width:66.666667%}
.g-h-2of3{height:66.666667%}
.g-basis-2of3{flex-basis:66.666667%}
.g-w-1of4{width:25%}
.g-h-1of4{height:25%}
.g-basis-1of4{flex-basis:25%}
.g-w-2of4{width:50%}
.g-h-2of4{height:50%}
.g-basis-2of4{flex-basis:50%}
.g-w-3of4{width:75%}
.g-h-3of4{height:75%}
.g-basis-3of4{flex-basis:75%}
.g-w-1of5{width:20%}
.g-h-1of5{height:20%}
.g-basis-1of5{flex-basis:20%}
.g-w-2of5{width:40%}
.g-h-2of5{height:40%}
.g-basis-2of5{flex-basis:40%}
.g-w-3of5{width:60%}
.g-h-3of5{height:60%}
.g-basis-3of5{flex-basis:60%}
.g-w-4of5{width:80%}
.g-h-4of5{height:80%}
.g-basis-4of5{flex-basis:80%}
.g-w-1of6{width:16.666667%}
.g-h-1of6{height:16.666667%}
.g-basis-1of6{flex-basis:16.666667%}
.g-w-5of6{width:83.333333%}
.g-h-5of6{height:83.333333%}
.g-basis-5of6{flex-basis:83.333333%}
.g-basis-auto{flex-basis:auto}
.g-basis-full{flex-basis:100%}
.g-inset-0{inset:var(--g-space-0)}
.g-inset-1{inset:var(--g-space-1)}
.g-neg-inset-1{inset:calc(-1 * var(--g-space-1))}
.g-inset-2{inset:var(--g-space-2)}
.g-neg-inset-2{inset:calc(-1 * var(--g-space-2))}
.g-inset-3{inset:var(--g-space-3)}
.g-neg-inset-3{inset:calc(-1 * var(--g-space-3))}
.g-inset-4{inset:var(--g-space-4)}
.g-neg-inset-4{inset:calc(-1 * var(--g-space-4))}
.g-inset-5{inset:var(--g-space-5)}
.g-neg-inset-5{inset:calc(-1 * var(--g-space-5))}
.g-inset-6{inset:var(--g-space-6)}
.g-neg-inset-6{inset:calc(-1 * var(--g-space-6))}
.g-inset-7{inset:var(--g-space-7)}
.g-neg-inset-7{inset:calc(-1 * var(--g-space-7))}
.g-inset-8{inset:var(--g-space-8)}
.g-neg-inset-8{inset:calc(-1 * var(--g-space-8))}
.g-inset-9{inset:var(--g-space-9)}
.g-neg-inset-9{inset:calc(-1 * var(--g-space-9))}
.g-inset-10{inset:var(--g-space-10)}
.g-neg-inset-10{inset:calc(-1 * var(--g-space-10))}
.g-inset-12{inset:var(--g-space-12)}
.g-neg-inset-12{inset:calc(-1 * var(--g-space-12))}
.g-inset-14{inset:var(--g-space-14)}
.g-neg-inset-14{inset:calc(-1 * var(--g-space-14))}
.g-inset-16{inset:var(--g-space-16)}
.g-neg-inset-16{inset:calc(-1 * var(--g-space-16))}
.g-inset-20{inset:var(--g-space-20)}
.g-neg-inset-20{inset:calc(-1 * var(--g-space-20))}
.g-inset-24{inset:var(--g-space-24)}
.g-neg-inset-24{inset:calc(-1 * var(--g-space-24))}
.g-inset-28{inset:var(--g-space-28)}
.g-neg-inset-28{inset:calc(-1 * var(--g-space-28))}
.g-inset-32{inset:var(--g-space-32)}
.g-neg-inset-32{inset:calc(-1 * var(--g-space-32))}
.g-inset-40{inset:var(--g-space-40)}
.g-neg-inset-40{inset:calc(-1 * var(--g-space-40))}
.g-inset-48{inset:var(--g-space-48)}
.g-neg-inset-48{inset:calc(-1 * var(--g-space-48))}
.g-inset-56{inset:var(--g-space-56)}
.g-neg-inset-56{inset:calc(-1 * var(--g-space-56))}
.g-inset-64{inset:var(--g-space-64)}
.g-neg-inset-64{inset:calc(-1 * var(--g-space-64))}
.g-inset-80{inset:var(--g-space-80)}
.g-neg-inset-80{inset:calc(-1 * var(--g-space-80))}
.g-inset-96{inset:var(--g-space-96)}
.g-neg-inset-96{inset:calc(-1 * var(--g-space-96))}
.g-inset-px{inset:var(--g-space-px)}
.g-inset-0_5{inset:var(--g-space-0_5)}
.g-neg-inset-0_5{inset:calc(-1 * var(--g-space-0_5))}
.g-inset-1_5{inset:var(--g-space-1_5)}
.g-neg-inset-1_5{inset:calc(-1 * var(--g-space-1_5))}
.g-inset-2_5{inset:var(--g-space-2_5)}
.g-neg-inset-2_5{inset:calc(-1 * var(--g-space-2_5))}
.g-inset-3_5{inset:var(--g-space-3_5)}
.g-neg-inset-3_5{inset:calc(-1 * var(--g-space-3_5))}
.g-inset-auto{inset:auto}
.g-inset-x-0{inset-inline:var(--g-space-0)}
.g-inset-x-1{inset-inline:var(--g-space-1)}
.g-neg-inset-x-1{inset-inline:calc(-1 * var(--g-space-1))}
.g-inset-x-2{inset-inline:var(--g-space-2)}
.g-neg-inset-x-2{inset-inline:calc(-1 * var(--g-space-2))}
.g-inset-x-3{inset-inline:var(--g-space-3)}
.g-neg-inset-x-3{inset-inline:calc(-1 * var(--g-space-3))}
.g-inset-x-4{inset-inline:var(--g-space-4)}
.g-neg-inset-x-4{inset-inline:calc(-1 * var(--g-space-4))}
.g-inset-x-5{inset-inline:var(--g-space-5)}
.g-neg-inset-x-5{inset-inline:calc(-1 * var(--g-space-5))}
.g-inset-x-6{inset-inline:var(--g-space-6)}
.g-neg-inset-x-6{inset-inline:calc(-1 * var(--g-space-6))}
.g-inset-x-7{inset-inline:var(--g-space-7)}
.g-neg-inset-x-7{inset-inline:calc(-1 * var(--g-space-7))}
.g-inset-x-8{inset-inline:var(--g-space-8)}
.g-neg-inset-x-8{inset-inline:calc(-1 * var(--g-space-8))}
.g-inset-x-9{inset-inline:var(--g-space-9)}
.g-neg-inset-x-9{inset-inline:calc(-1 * var(--g-space-9))}
.g-inset-x-10{inset-inline:var(--g-space-10)}
.g-neg-inset-x-10{inset-inline:calc(-1 * var(--g-space-10))}
.g-inset-x-12{inset-inline:var(--g-space-12)}
.g-neg-inset-x-12{inset-inline:calc(-1 * var(--g-space-12))}
.g-inset-x-14{inset-inline:var(--g-space-14)}
.g-neg-inset-x-14{inset-inline:calc(-1 * var(--g-space-14))}
.g-inset-x-16{inset-inline:var(--g-space-16)}
.g-neg-inset-x-16{inset-inline:calc(-1 * var(--g-space-16))}
.g-inset-x-20{inset-inline:var(--g-space-20)}
.g-neg-inset-x-20{inset-inline:calc(-1 * var(--g-space-20))}
.g-inset-x-24{inset-inline:var(--g-space-24)}
.g-neg-inset-x-24{inset-inline:calc(-1 * var(--g-space-24))}
.g-inset-x-28{inset-inline:var(--g-space-28)}
.g-neg-inset-x-28{inset-inline:calc(-1 * var(--g-space-28))}
.g-inset-x-32{inset-inline:var(--g-space-32)}
.g-neg-inset-x-32{inset-inline:calc(-1 * var(--g-space-32))}
.g-inset-x-40{inset-inline:var(--g-space-40)}
.g-neg-inset-x-40{inset-inline:calc(-1 * var(--g-space-40))}
.g-inset-x-48{inset-inline:var(--g-space-48)}
.g-neg-inset-x-48{inset-inline:calc(-1 * var(--g-space-48))}
.g-inset-x-56{inset-inline:var(--g-space-56)}
.g-neg-inset-x-56{inset-inline:calc(-1 * var(--g-space-56))}
.g-inset-x-64{inset-inline:var(--g-space-64)}
.g-neg-inset-x-64{inset-inline:calc(-1 * var(--g-space-64))}
.g-inset-x-80{inset-inline:var(--g-space-80)}
.g-neg-inset-x-80{inset-inline:calc(-1 * var(--g-space-80))}
.g-inset-x-96{inset-inline:var(--g-space-96)}
.g-neg-inset-x-96{inset-inline:calc(-1 * var(--g-space-96))}
.g-inset-x-px{inset-inline:var(--g-space-px)}
.g-inset-x-0_5{inset-inline:var(--g-space-0_5)}
.g-neg-inset-x-0_5{inset-inline:calc(-1 * var(--g-space-0_5))}
.g-inset-x-1_5{inset-inline:var(--g-space-1_5)}
.g-neg-inset-x-1_5{inset-inline:calc(-1 * var(--g-space-1_5))}
.g-inset-x-2_5{inset-inline:var(--g-space-2_5)}
.g-neg-inset-x-2_5{inset-inline:calc(-1 * var(--g-space-2_5))}
.g-inset-x-3_5{inset-inline:var(--g-space-3_5)}
.g-neg-inset-x-3_5{inset-inline:calc(-1 * var(--g-space-3_5))}
.g-inset-x-auto{inset-inline:auto}
.g-inset-y-0{inset-block:var(--g-space-0)}
.g-inset-y-1{inset-block:var(--g-space-1)}
.g-neg-inset-y-1{inset-block:calc(-1 * var(--g-space-1))}
.g-inset-y-2{inset-block:var(--g-space-2)}
.g-neg-inset-y-2{inset-block:calc(-1 * var(--g-space-2))}
.g-inset-y-3{inset-block:var(--g-space-3)}
.g-neg-inset-y-3{inset-block:calc(-1 * var(--g-space-3))}
.g-inset-y-4{inset-block:var(--g-space-4)}
.g-neg-inset-y-4{inset-block:calc(-1 * var(--g-space-4))}
.g-inset-y-5{inset-block:var(--g-space-5)}
.g-neg-inset-y-5{inset-block:calc(-1 * var(--g-space-5))}
.g-inset-y-6{inset-block:var(--g-space-6)}
.g-neg-inset-y-6{inset-block:calc(-1 * var(--g-space-6))}
.g-inset-y-7{inset-block:var(--g-space-7)}
.g-neg-inset-y-7{inset-block:calc(-1 * var(--g-space-7))}
.g-inset-y-8{inset-block:var(--g-space-8)}
.g-neg-inset-y-8{inset-block:calc(-1 * var(--g-space-8))}
.g-inset-y-9{inset-block:var(--g-space-9)}
.g-neg-inset-y-9{inset-block:calc(-1 * var(--g-space-9))}
.g-inset-y-10{inset-block:var(--g-space-10)}
.g-neg-inset-y-10{inset-block:calc(-1 * var(--g-space-10))}
.g-inset-y-12{inset-block:var(--g-space-12)}
.g-neg-inset-y-12{inset-block:calc(-1 * var(--g-space-12))}
.g-inset-y-14{inset-block:var(--g-space-14)}
.g-neg-inset-y-14{inset-block:calc(-1 * var(--g-space-14))}
.g-inset-y-16{inset-block:var(--g-space-16)}
.g-neg-inset-y-16{inset-block:calc(-1 * var(--g-space-16))}
.g-inset-y-20{inset-block:var(--g-space-20)}
.g-neg-inset-y-20{inset-block:calc(-1 * var(--g-space-20))}
.g-inset-y-24{inset-block:var(--g-space-24)}
.g-neg-inset-y-24{inset-block:calc(-1 * var(--g-space-24))}
.g-inset-y-28{inset-block:var(--g-space-28)}
.g-neg-inset-y-28{inset-block:calc(-1 * var(--g-space-28))}
.g-inset-y-32{inset-block:var(--g-space-32)}
.g-neg-inset-y-32{inset-block:calc(-1 * var(--g-space-32))}
.g-inset-y-40{inset-block:var(--g-space-40)}
.g-neg-inset-y-40{inset-block:calc(-1 * var(--g-space-40))}
.g-inset-y-48{inset-block:var(--g-space-48)}
.g-neg-inset-y-48{inset-block:calc(-1 * var(--g-space-48))}
.g-inset-y-56{inset-block:var(--g-space-56)}
.g-neg-inset-y-56{inset-block:calc(-1 * var(--g-space-56))}
.g-inset-y-64{inset-block:var(--g-space-64)}
.g-neg-inset-y-64{inset-block:calc(-1 * var(--g-space-64))}
.g-inset-y-80{inset-block:var(--g-space-80)}
.g-neg-inset-y-80{inset-block:calc(-1 * var(--g-space-80))}
.g-inset-y-96{inset-block:var(--g-space-96)}
.g-neg-inset-y-96{inset-block:calc(-1 * var(--g-space-96))}
.g-inset-y-px{inset-block:var(--g-space-px)}
.g-inset-y-0_5{inset-block:var(--g-space-0_5)}
.g-neg-inset-y-0_5{inset-block:calc(-1 * var(--g-space-0_5))}
.g-inset-y-1_5{inset-block:var(--g-space-1_5)}
.g-neg-inset-y-1_5{inset-block:calc(-1 * var(--g-space-1_5))}
.g-inset-y-2_5{inset-block:var(--g-space-2_5)}
.g-neg-inset-y-2_5{inset-block:calc(-1 * var(--g-space-2_5))}
.g-inset-y-3_5{inset-block:var(--g-space-3_5)}
.g-neg-inset-y-3_5{inset-block:calc(-1 * var(--g-space-3_5))}
.g-inset-y-auto{inset-block:auto}
.g-top-0{top:var(--g-space-0)}
.g-top-1{top:var(--g-space-1)}
.g-neg-top-1{top:calc(-1 * var(--g-space-1))}
.g-top-2{top:var(--g-space-2)}
.g-neg-top-2{top:calc(-1 * var(--g-space-2))}
.g-top-3{top:var(--g-space-3)}
.g-neg-top-3{top:calc(-1 * var(--g-space-3))}
.g-top-4{top:var(--g-space-4)}
.g-neg-top-4{top:calc(-1 * var(--g-space-4))}
.g-top-5{top:var(--g-space-5)}
.g-neg-top-5{top:calc(-1 * var(--g-space-5))}
.g-top-6{top:var(--g-space-6)}
.g-neg-top-6{top:calc(-1 * var(--g-space-6))}
.g-top-7{top:var(--g-space-7)}
.g-neg-top-7{top:calc(-1 * var(--g-space-7))}
.g-top-8{top:var(--g-space-8)}
.g-neg-top-8{top:calc(-1 * var(--g-space-8))}
.g-top-9{top:var(--g-space-9)}
.g-neg-top-9{top:calc(-1 * var(--g-space-9))}
.g-top-10{top:var(--g-space-10)}
.g-neg-top-10{top:calc(-1 * var(--g-space-10))}
.g-top-12{top:var(--g-space-12)}
.g-neg-top-12{top:calc(-1 * var(--g-space-12))}
.g-top-14{top:var(--g-space-14)}
.g-neg-top-14{top:calc(-1 * var(--g-space-14))}
.g-top-16{top:var(--g-space-16)}
.g-neg-top-16{top:calc(-1 * var(--g-space-16))}
.g-top-20{top:var(--g-space-20)}
.g-neg-top-20{top:calc(-1 * var(--g-space-20))}
.g-top-24{top:var(--g-space-24)}
.g-neg-top-24{top:calc(-1 * var(--g-space-24))}
.g-top-28{top:var(--g-space-28)}
.g-neg-top-28{top:calc(-1 * var(--g-space-28))}
.g-top-32{top:var(--g-space-32)}
.g-neg-top-32{top:calc(-1 * var(--g-space-32))}
.g-top-40{top:var(--g-space-40)}
.g-neg-top-40{top:calc(-1 * var(--g-space-40))}
.g-top-48{top:var(--g-space-48)}
.g-neg-top-48{top:calc(-1 * var(--g-space-48))}
.g-top-56{top:var(--g-space-56)}
.g-neg-top-56{top:calc(-1 * var(--g-space-56))}
.g-top-64{top:var(--g-space-64)}
.g-neg-top-64{top:calc(-1 * var(--g-space-64))}
.g-top-80{top:var(--g-space-80)}
.g-neg-top-80{top:calc(-1 * var(--g-space-80))}
.g-top-96{top:var(--g-space-96)}
.g-neg-top-96{top:calc(-1 * var(--g-space-96))}
.g-top-px{top:var(--g-space-px)}
.g-top-0_5{top:var(--g-space-0_5)}
.g-neg-top-0_5{top:calc(-1 * var(--g-space-0_5))}
.g-top-1_5{top:var(--g-space-1_5)}
.g-neg-top-1_5{top:calc(-1 * var(--g-space-1_5))}
.g-top-2_5{top:var(--g-space-2_5)}
.g-neg-top-2_5{top:calc(-1 * var(--g-space-2_5))}
.g-top-3_5{top:var(--g-space-3_5)}
.g-neg-top-3_5{top:calc(-1 * var(--g-space-3_5))}
.g-top-auto{top:auto}
.g-right-0{right:var(--g-space-0)}
.g-right-1{right:var(--g-space-1)}
.g-neg-right-1{right:calc(-1 * var(--g-space-1))}
.g-right-2{right:var(--g-space-2)}
.g-neg-right-2{right:calc(-1 * var(--g-space-2))}
.g-right-3{right:var(--g-space-3)}
.g-neg-right-3{right:calc(-1 * var(--g-space-3))}
.g-right-4{right:var(--g-space-4)}
.g-neg-right-4{right:calc(-1 * var(--g-space-4))}
.g-right-5{right:var(--g-space-5)}
.g-neg-right-5{right:calc(-1 * var(--g-space-5))}
.g-right-6{right:var(--g-space-6)}
.g-neg-right-6{right:calc(-1 * var(--g-space-6))}
.g-right-7{right:var(--g-space-7)}
.g-neg-right-7{right:calc(-1 * var(--g-space-7))}
.g-right-8{right:var(--g-space-8)}
.g-neg-right-8{right:calc(-1 * var(--g-space-8))}
.g-right-9{right:var(--g-space-9)}
.g-neg-right-9{right:calc(-1 * var(--g-space-9))}
.g-right-10{right:var(--g-space-10)}
.g-neg-right-10{right:calc(-1 * var(--g-space-10))}
.g-right-12{right:var(--g-space-12)}
.g-neg-right-12{right:calc(-1 * var(--g-space-12))}
.g-right-14{right:var(--g-space-14)}
.g-neg-right-14{right:calc(-1 * var(--g-space-14))}
.g-right-16{right:var(--g-space-16)}
.g-neg-right-16{right:calc(-1 * var(--g-space-16))}
.g-right-20{right:var(--g-space-20)}
.g-neg-right-20{right:calc(-1 * var(--g-space-20))}
.g-right-24{right:var(--g-space-24)}
.g-neg-right-24{right:calc(-1 * var(--g-space-24))}
.g-right-28{right:var(--g-space-28)}
.g-neg-right-28{right:calc(-1 * var(--g-space-28))}
.g-right-32{right:var(--g-space-32)}
.g-neg-right-32{right:calc(-1 * var(--g-space-32))}
.g-right-40{right:var(--g-space-40)}
.g-neg-right-40{right:calc(-1 * var(--g-space-40))}
.g-right-48{right:var(--g-space-48)}
.g-neg-right-48{right:calc(-1 * var(--g-space-48))}
.g-right-56{right:var(--g-space-56)}
.g-neg-right-56{right:calc(-1 * var(--g-space-56))}
.g-right-64{right:var(--g-space-64)}
.g-neg-right-64{right:calc(-1 * var(--g-space-64))}
.g-right-80{right:var(--g-space-80)}
.g-neg-right-80{right:calc(-1 * var(--g-space-80))}
.g-right-96{right:var(--g-space-96)}
.g-neg-right-96{right:calc(-1 * var(--g-space-96))}
.g-right-px{right:var(--g-space-px)}
.g-right-0_5{right:var(--g-space-0_5)}
.g-neg-right-0_5{right:calc(-1 * var(--g-space-0_5))}
.g-right-1_5{right:var(--g-space-1_5)}
.g-neg-right-1_5{right:calc(-1 * var(--g-space-1_5))}
.g-right-2_5{right:var(--g-space-2_5)}
.g-neg-right-2_5{right:calc(-1 * var(--g-space-2_5))}
.g-right-3_5{right:var(--g-space-3_5)}
.g-neg-right-3_5{right:calc(-1 * var(--g-space-3_5))}
.g-right-auto{right:auto}
.g-bottom-0{bottom:var(--g-space-0)}
.g-bottom-1{bottom:var(--g-space-1)}
.g-neg-bottom-1{bottom:calc(-1 * var(--g-space-1))}
.g-bottom-2{bottom:var(--g-space-2)}
.g-neg-bottom-2{bottom:calc(-1 * var(--g-space-2))}
.g-bottom-3{bottom:var(--g-space-3)}
.g-neg-bottom-3{bottom:calc(-1 * var(--g-space-3))}
.g-bottom-4{bottom:var(--g-space-4)}
.g-neg-bottom-4{bottom:calc(-1 * var(--g-space-4))}
.g-bottom-5{bottom:var(--g-space-5)}
.g-neg-bottom-5{bottom:calc(-1 * var(--g-space-5))}
.g-bottom-6{bottom:var(--g-space-6)}
.g-neg-bottom-6{bottom:calc(-1 * var(--g-space-6))}
.g-bottom-7{bottom:var(--g-space-7)}
.g-neg-bottom-7{bottom:calc(-1 * var(--g-space-7))}
.g-bottom-8{bottom:var(--g-space-8)}
.g-neg-bottom-8{bottom:calc(-1 * var(--g-space-8))}
.g-bottom-9{bottom:var(--g-space-9)}
.g-neg-bottom-9{bottom:calc(-1 * var(--g-space-9))}
.g-bottom-10{bottom:var(--g-space-10)}
.g-neg-bottom-10{bottom:calc(-1 * var(--g-space-10))}
.g-bottom-12{bottom:var(--g-space-12)}
.g-neg-bottom-12{bottom:calc(-1 * var(--g-space-12))}
.g-bottom-14{bottom:var(--g-space-14)}
.g-neg-bottom-14{bottom:calc(-1 * var(--g-space-14))}
.g-bottom-16{bottom:var(--g-space-16)}
.g-neg-bottom-16{bottom:calc(-1 * var(--g-space-16))}
.g-bottom-20{bottom:var(--g-space-20)}
.g-neg-bottom-20{bottom:calc(-1 * var(--g-space-20))}
.g-bottom-24{bottom:var(--g-space-24)}
.g-neg-bottom-24{bottom:calc(-1 * var(--g-space-24))}
.g-bottom-28{bottom:var(--g-space-28)}
.g-neg-bottom-28{bottom:calc(-1 * var(--g-space-28))}
.g-bottom-32{bottom:var(--g-space-32)}
.g-neg-bottom-32{bottom:calc(-1 * var(--g-space-32))}
.g-bottom-40{bottom:var(--g-space-40)}
.g-neg-bottom-40{bottom:calc(-1 * var(--g-space-40))}
.g-bottom-48{bottom:var(--g-space-48)}
.g-neg-bottom-48{bottom:calc(-1 * var(--g-space-48))}
.g-bottom-56{bottom:var(--g-space-56)}
.g-neg-bottom-56{bottom:calc(-1 * var(--g-space-56))}
.g-bottom-64{bottom:var(--g-space-64)}
.g-neg-bottom-64{bottom:calc(-1 * var(--g-space-64))}
.g-bottom-80{bottom:var(--g-space-80)}
.g-neg-bottom-80{bottom:calc(-1 * var(--g-space-80))}
.g-bottom-96{bottom:var(--g-space-96)}
.g-neg-bottom-96{bottom:calc(-1 * var(--g-space-96))}
.g-bottom-px{bottom:var(--g-space-px)}
.g-bottom-0_5{bottom:var(--g-space-0_5)}
.g-neg-bottom-0_5{bottom:calc(-1 * var(--g-space-0_5))}
.g-bottom-1_5{bottom:var(--g-space-1_5)}
.g-neg-bottom-1_5{bottom:calc(-1 * var(--g-space-1_5))}
.g-bottom-2_5{bottom:var(--g-space-2_5)}
.g-neg-bottom-2_5{bottom:calc(-1 * var(--g-space-2_5))}
.g-bottom-3_5{bottom:var(--g-space-3_5)}
.g-neg-bottom-3_5{bottom:calc(-1 * var(--g-space-3_5))}
.g-bottom-auto{bottom:auto}
.g-left-0{left:var(--g-space-0)}
.g-left-1{left:var(--g-space-1)}
.g-neg-left-1{left:calc(-1 * var(--g-space-1))}
.g-left-2{left:var(--g-space-2)}
.g-neg-left-2{left:calc(-1 * var(--g-space-2))}
.g-left-3{left:var(--g-space-3)}
.g-neg-left-3{left:calc(-1 * var(--g-space-3))}
.g-left-4{left:var(--g-space-4)}
.g-neg-left-4{left:calc(-1 * var(--g-space-4))}
.g-left-5{left:var(--g-space-5)}
.g-neg-left-5{left:calc(-1 * var(--g-space-5))}
.g-left-6{left:var(--g-space-6)}
.g-neg-left-6{left:calc(-1 * var(--g-space-6))}
.g-left-7{left:var(--g-space-7)}
.g-neg-left-7{left:calc(-1 * var(--g-space-7))}
.g-left-8{left:var(--g-space-8)}
.g-neg-left-8{left:calc(-1 * var(--g-space-8))}
.g-left-9{left:var(--g-space-9)}
.g-neg-left-9{left:calc(-1 * var(--g-space-9))}
.g-left-10{left:var(--g-space-10)}
.g-neg-left-10{left:calc(-1 * var(--g-space-10))}
.g-left-12{left:var(--g-space-12)}
.g-neg-left-12{left:calc(-1 * var(--g-space-12))}
.g-left-14{left:var(--g-space-14)}
.g-neg-left-14{left:calc(-1 * var(--g-space-14))}
.g-left-16{left:var(--g-space-16)}
.g-neg-left-16{left:calc(-1 * var(--g-space-16))}
.g-left-20{left:var(--g-space-20)}
.g-neg-left-20{left:calc(-1 * var(--g-space-20))}
.g-left-24{left:var(--g-space-24)}
.g-neg-left-24{left:calc(-1 * var(--g-space-24))}
.g-left-28{left:var(--g-space-28)}
.g-neg-left-28{left:calc(-1 * var(--g-space-28))}
.g-left-32{left:var(--g-space-32)}
.g-neg-left-32{left:calc(-1 * var(--g-space-32))}
.g-left-40{left:var(--g-space-40)}
.g-neg-left-40{left:calc(-1 * var(--g-space-40))}
.g-left-48{left:var(--g-space-48)}
.g-neg-left-48{left:calc(-1 * var(--g-space-48))}
.g-left-56{left:var(--g-space-56)}
.g-neg-left-56{left:calc(-1 * var(--g-space-56))}
.g-left-64{left:var(--g-space-64)}
.g-neg-left-64{left:calc(-1 * var(--g-space-64))}
.g-left-80{left:var(--g-space-80)}
.g-neg-left-80{left:calc(-1 * var(--g-space-80))}
.g-left-96{left:var(--g-space-96)}
.g-neg-left-96{left:calc(-1 * var(--g-space-96))}
.g-left-px{left:var(--g-space-px)}
.g-left-0_5{left:var(--g-space-0_5)}
.g-neg-left-0_5{left:calc(-1 * var(--g-space-0_5))}
.g-left-1_5{left:var(--g-space-1_5)}
.g-neg-left-1_5{left:calc(-1 * var(--g-space-1_5))}
.g-left-2_5{left:var(--g-space-2_5)}
.g-neg-left-2_5{left:calc(-1 * var(--g-space-2_5))}
.g-left-3_5{left:var(--g-space-3_5)}
.g-neg-left-3_5{left:calc(-1 * var(--g-space-3_5))}
.g-left-auto{left:auto}
.g-start-0{inset-inline-start:var(--g-space-0)}
.g-start-1{inset-inline-start:var(--g-space-1)}
.g-neg-start-1{inset-inline-start:calc(-1 * var(--g-space-1))}
.g-start-2{inset-inline-start:var(--g-space-2)}
.g-neg-start-2{inset-inline-start:calc(-1 * var(--g-space-2))}
.g-start-3{inset-inline-start:var(--g-space-3)}
.g-neg-start-3{inset-inline-start:calc(-1 * var(--g-space-3))}
.g-start-4{inset-inline-start:var(--g-space-4)}
.g-neg-start-4{inset-inline-start:calc(-1 * var(--g-space-4))}
.g-start-5{inset-inline-start:var(--g-space-5)}
.g-neg-start-5{inset-inline-start:calc(-1 * var(--g-space-5))}
.g-start-6{inset-inline-start:var(--g-space-6)}
.g-neg-start-6{inset-inline-start:calc(-1 * var(--g-space-6))}
.g-start-7{inset-inline-start:var(--g-space-7)}
.g-neg-start-7{inset-inline-start:calc(-1 * var(--g-space-7))}
.g-start-8{inset-inline-start:var(--g-space-8)}
.g-neg-start-8{inset-inline-start:calc(-1 * var(--g-space-8))}
.g-start-9{inset-inline-start:var(--g-space-9)}
.g-neg-start-9{inset-inline-start:calc(-1 * var(--g-space-9))}
.g-start-10{inset-inline-start:var(--g-space-10)}
.g-neg-start-10{inset-inline-start:calc(-1 * var(--g-space-10))}
.g-start-12{inset-inline-start:var(--g-space-12)}
.g-neg-start-12{inset-inline-start:calc(-1 * var(--g-space-12))}
.g-start-14{inset-inline-start:var(--g-space-14)}
.g-neg-start-14{inset-inline-start:calc(-1 * var(--g-space-14))}
.g-start-16{inset-inline-start:var(--g-space-16)}
.g-neg-start-16{inset-inline-start:calc(-1 * var(--g-space-16))}
.g-start-20{inset-inline-start:var(--g-space-20)}
.g-neg-start-20{inset-inline-start:calc(-1 * var(--g-space-20))}
.g-start-24{inset-inline-start:var(--g-space-24)}
.g-neg-start-24{inset-inline-start:calc(-1 * var(--g-space-24))}
.g-start-28{inset-inline-start:var(--g-space-28)}
.g-neg-start-28{inset-inline-start:calc(-1 * var(--g-space-28))}
.g-start-32{inset-inline-start:var(--g-space-32)}
.g-neg-start-32{inset-inline-start:calc(-1 * var(--g-space-32))}
.g-start-40{inset-inline-start:var(--g-space-40)}
.g-neg-start-40{inset-inline-start:calc(-1 * var(--g-space-40))}
.g-start-48{inset-inline-start:var(--g-space-48)}
.g-neg-start-48{inset-inline-start:calc(-1 * var(--g-space-48))}
.g-start-56{inset-inline-start:var(--g-space-56)}
.g-neg-start-56{inset-inline-start:calc(-1 * var(--g-space-56))}
.g-start-64{inset-inline-start:var(--g-space-64)}
.g-neg-start-64{inset-inline-start:calc(-1 * var(--g-space-64))}
.g-start-80{inset-inline-start:var(--g-space-80)}
.g-neg-start-80{inset-inline-start:calc(-1 * var(--g-space-80))}
.g-start-96{inset-inline-start:var(--g-space-96)}
.g-neg-start-96{inset-inline-start:calc(-1 * var(--g-space-96))}
.g-start-px{inset-inline-start:var(--g-space-px)}
.g-start-0_5{inset-inline-start:var(--g-space-0_5)}
.g-neg-start-0_5{inset-inline-start:calc(-1 * var(--g-space-0_5))}
.g-start-1_5{inset-inline-start:var(--g-space-1_5)}
.g-neg-start-1_5{inset-inline-start:calc(-1 * var(--g-space-1_5))}
.g-start-2_5{inset-inline-start:var(--g-space-2_5)}
.g-neg-start-2_5{inset-inline-start:calc(-1 * var(--g-space-2_5))}
.g-start-3_5{inset-inline-start:var(--g-space-3_5)}
.g-neg-start-3_5{inset-inline-start:calc(-1 * var(--g-space-3_5))}
.g-start-auto{inset-inline-start:auto}
.g-end-0{inset-inline-end:var(--g-space-0)}
.g-end-1{inset-inline-end:var(--g-space-1)}
.g-neg-end-1{inset-inline-end:calc(-1 * var(--g-space-1))}
.g-end-2{inset-inline-end:var(--g-space-2)}
.g-neg-end-2{inset-inline-end:calc(-1 * var(--g-space-2))}
.g-end-3{inset-inline-end:var(--g-space-3)}
.g-neg-end-3{inset-inline-end:calc(-1 * var(--g-space-3))}
.g-end-4{inset-inline-end:var(--g-space-4)}
.g-neg-end-4{inset-inline-end:calc(-1 * var(--g-space-4))}
.g-end-5{inset-inline-end:var(--g-space-5)}
.g-neg-end-5{inset-inline-end:calc(-1 * var(--g-space-5))}
.g-end-6{inset-inline-end:var(--g-space-6)}
.g-neg-end-6{inset-inline-end:calc(-1 * var(--g-space-6))}
.g-end-7{inset-inline-end:var(--g-space-7)}
.g-neg-end-7{inset-inline-end:calc(-1 * var(--g-space-7))}
.g-end-8{inset-inline-end:var(--g-space-8)}
.g-neg-end-8{inset-inline-end:calc(-1 * var(--g-space-8))}
.g-end-9{inset-inline-end:var(--g-space-9)}
.g-neg-end-9{inset-inline-end:calc(-1 * var(--g-space-9))}
.g-end-10{inset-inline-end:var(--g-space-10)}
.g-neg-end-10{inset-inline-end:calc(-1 * var(--g-space-10))}
.g-end-12{inset-inline-end:var(--g-space-12)}
.g-neg-end-12{inset-inline-end:calc(-1 * var(--g-space-12))}
.g-end-14{inset-inline-end:var(--g-space-14)}
.g-neg-end-14{inset-inline-end:calc(-1 * var(--g-space-14))}
.g-end-16{inset-inline-end:var(--g-space-16)}
.g-neg-end-16{inset-inline-end:calc(-1 * var(--g-space-16))}
.g-end-20{inset-inline-end:var(--g-space-20)}
.g-neg-end-20{inset-inline-end:calc(-1 * var(--g-space-20))}
.g-end-24{inset-inline-end:var(--g-space-24)}
.g-neg-end-24{inset-inline-end:calc(-1 * var(--g-space-24))}
.g-end-28{inset-inline-end:var(--g-space-28)}
.g-neg-end-28{inset-inline-end:calc(-1 * var(--g-space-28))}
.g-end-32{inset-inline-end:var(--g-space-32)}
.g-neg-end-32{inset-inline-end:calc(-1 * var(--g-space-32))}
.g-end-40{inset-inline-end:var(--g-space-40)}
.g-neg-end-40{inset-inline-end:calc(-1 * var(--g-space-40))}
.g-end-48{inset-inline-end:var(--g-space-48)}
.g-neg-end-48{inset-inline-end:calc(-1 * var(--g-space-48))}
.g-end-56{inset-inline-end:var(--g-space-56)}
.g-neg-end-56{inset-inline-end:calc(-1 * var(--g-space-56))}
.g-end-64{inset-inline-end:var(--g-space-64)}
.g-neg-end-64{inset-inline-end:calc(-1 * var(--g-space-64))}
.g-end-80{inset-inline-end:var(--g-space-80)}
.g-neg-end-80{inset-inline-end:calc(-1 * var(--g-space-80))}
.g-end-96{inset-inline-end:var(--g-space-96)}
.g-neg-end-96{inset-inline-end:calc(-1 * var(--g-space-96))}
.g-end-px{inset-inline-end:var(--g-space-px)}
.g-end-0_5{inset-inline-end:var(--g-space-0_5)}
.g-neg-end-0_5{inset-inline-end:calc(-1 * var(--g-space-0_5))}
.g-end-1_5{inset-inline-end:var(--g-space-1_5)}
.g-neg-end-1_5{inset-inline-end:calc(-1 * var(--g-space-1_5))}
.g-end-2_5{inset-inline-end:var(--g-space-2_5)}
.g-neg-end-2_5{inset-inline-end:calc(-1 * var(--g-space-2_5))}
.g-end-3_5{inset-inline-end:var(--g-space-3_5)}
.g-neg-end-3_5{inset-inline-end:calc(-1 * var(--g-space-3_5))}
.g-end-auto{inset-inline-end:auto}
.g-hover-bg-primary:hover{background:var(--g-color-primary);color:var(--g-color-on-primary)}
.g-hover-bg-subtle:hover{background:var(--g-color-surface-subtle)}
.g-hover-text-primary:hover{color:var(--g-color-primary-text)}
.g-focus-ring:focus-visible{outline:2px solid var(--g-color-primary);outline-offset:2px;box-shadow:0 0 0 var(--g-focus-ring-width) var(--g-focus-ring)}
.g-active-scale:active{transform:scale(.98)}
.g-disabled-opacity:disabled,.g-disabled-opacity[aria-disabled="true"]{opacity:.55}
.g-group:hover .g-group-hover-visible{visibility:visible;opacity:1}
.g-peer:checked~.g-peer-checked-visible{display:block}
.g-rtl-only{display:none}[dir="rtl"] .g-rtl-only{display:revert}.g-ltr-only{display:revert}[dir="rtl"] .g-ltr-only{display:none}
[data-g-mode="dark"] .g-dark-hidden{display:none}[data-g-mode="dark"] .g-dark-block{display:block}
:is([data-g-platform="desktop"],[data-g-platform="tauri"],[data-g-platform="electron"]) .g-desktop-only{display:revert}[data-g-platform="web"] .g-web-only{display:revert}[data-g-platform="mobile"] .g-mobile-only{display:revert}
@media (hover:hover){.g-hover-capable-block{display:block}}
@media (pointer:coarse){.g-touch-only{display:revert}.g-pointer-fine-only{display:none}}
@media (orientation:landscape){.g-landscape-flex{display:flex}.g-landscape-hidden{display:none}}
@media (prefers-reduced-motion:no-preference){.g-motion-safe-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}}
@media print{.g-print-hidden{display:none!important}.g-print-block{display:block!important}.g-print-break-before{break-before:page}}
@container (min-width:20rem){.g-cq-sm-flex{display:flex}.g-cq-sm-grid{display:grid}.g-cq-sm-hidden{display:none}}
@container (min-width:30rem){.g-cq-md-flex{display:flex}.g-cq-md-grid{display:grid}.g-cq-md-hidden{display:none}}
@container (min-width:48rem){.g-cq-lg-flex{display:flex}.g-cq-lg-grid{display:grid}.g-cq-lg-hidden{display:none}}
@container g-main (min-width:64rem){.g-cq-xl-flex{display:flex}.g-cq-xl-grid{display:grid}.g-cq-xl-hidden{display:none}}
@media (min-width:480px){.g-sm-block{display:block}.g-sm-inline{display:inline}.g-sm-inline-block{display:inline-block}.g-sm-hidden{display:none}.g-sm-flex{display:flex}.g-sm-inline-flex{display:inline-flex}.g-sm-grid{display:grid}.g-sm-inline-grid{display:inline-grid}.g-sm-contents{display:contents}.g-sm-flow-root{display:flow-root}.g-sm-visible{visibility:visible}.g-sm-invisible{visibility:hidden}.g-sm-collapse{visibility:collapse}.g-sm-box-border{box-sizing:border-box}.g-sm-box-content{box-sizing:content-box}.g-sm-isolate{isolation:isolate}.g-sm-float-start{float:inline-start}.g-sm-float-end{float:inline-end}.g-sm-float-none{float:none}.g-sm-clear-both{clear:both}.g-sm-relative{position:relative}.g-sm-absolute{position:absolute}.g-sm-fixed{position:fixed}.g-sm-sticky{position:sticky}.g-sm-flex-row{flex-direction:row}.g-sm-flex-row-reverse{flex-direction:row-reverse}.g-sm-flex-col{flex-direction:column}.g-sm-flex-col-reverse{flex-direction:column-reverse}.g-sm-flex-wrap{flex-wrap:wrap}.g-sm-flex-nowrap{flex-wrap:nowrap}.g-sm-flex-1{flex:1 1 0%}.g-sm-flex-auto{flex:1 1 auto}.g-sm-flex-initial{flex:0 1 auto}.g-sm-flex-none{flex:none}.g-sm-grow{flex-grow:1}.g-sm-grow-0{flex-grow:0}.g-sm-shrink{flex-shrink:1}.g-sm-shrink-0{flex-shrink:0}.g-sm-items-start{align-items:flex-start}.g-sm-items-center{align-items:center}.g-sm-items-end{align-items:flex-end}.g-sm-items-stretch{align-items:stretch}.g-sm-justify-start{justify-content:flex-start}.g-sm-justify-center{justify-content:center}.g-sm-justify-end{justify-content:flex-end}.g-sm-justify-between{justify-content:space-between}.g-sm-justify-around{justify-content:space-around}.g-sm-justify-evenly{justify-content:space-evenly}.g-sm-content-start{align-content:flex-start}.g-sm-content-center{align-content:center}.g-sm-content-end{align-content:flex-end}.g-sm-content-between{align-content:space-between}.g-sm-content-stretch{align-content:stretch}.g-sm-place-items-start{place-items:start}.g-sm-place-items-center{place-items:center}.g-sm-place-items-end{place-items:end}.g-sm-place-content-center{place-content:center}.g-sm-self-start{align-self:flex-start}.g-sm-self-center{align-self:center}.g-sm-self-end{align-self:flex-end}.g-sm-self-stretch{align-self:stretch}.g-sm-overflow-auto{overflow:auto}.g-sm-overflow-hidden{overflow:hidden}.g-sm-overflow-visible{overflow:visible}.g-sm-overflow-scroll{overflow:scroll}.g-sm-overflow-x-auto{overflow-x:auto}.g-sm-overflow-y-auto{overflow-y:auto}.g-sm-overscroll-none{overscroll-behavior:none}.g-sm-overscroll-contain{overscroll-behavior:contain}.g-sm-scroll-smooth{scroll-behavior:smooth}.g-sm-snap-x{scroll-snap-type:x mandatory}.g-sm-snap-y{scroll-snap-type:y mandatory}.g-sm-snap-start{scroll-snap-align:start}.g-sm-snap-center{scroll-snap-align:center}.g-sm-w-full{width:100%}.g-sm-w-auto{width:auto}.g-sm-w-screen{width:100vw}.g-sm-max-w-full{max-width:100%}.g-sm-max-w-reading{max-width:var(--g-reading-max)}.g-sm-max-w-content{max-width:var(--g-content-max)}.g-sm-h-full{height:100%}.g-sm-h-auto{height:auto}.g-sm-h-screen{height:100vh}.g-sm-h-svh{height:100svh}.g-sm-h-lvh{height:100lvh}.g-sm-h-dvh{height:100dvh}.g-sm-min-h-screen{min-height:100vh}.g-sm-min-h-svh{min-height:100svh}.g-sm-min-h-dvh{min-height:100dvh}.g-sm-text-left{text-align:left}.g-sm-text-center{text-align:center}.g-sm-text-right{text-align:right}.g-sm-text-justify{text-align:justify}.g-sm-font-sans{font-family:var(--g-font-sans)}.g-sm-font-serif{font-family:var(--g-font-serif)}.g-sm-font-mono{font-family:var(--g-font-mono)}.g-sm-font-normal{font-weight:400}.g-sm-font-medium{font-weight:500}.g-sm-font-semibold{font-weight:600}.g-sm-font-bold{font-weight:700}.g-sm-italic{font-style:italic}.g-sm-not-italic{font-style:normal}.g-sm-uppercase{text-transform:uppercase}.g-sm-lowercase{text-transform:lowercase}.g-sm-capitalize{text-transform:capitalize}.g-sm-normal-case{text-transform:none}.g-sm-underline{text-decoration-line:underline}.g-sm-line-through{text-decoration-line:line-through}.g-sm-no-underline{text-decoration-line:none}.g-sm-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-sm-whitespace-normal{white-space:normal}.g-sm-whitespace-nowrap{white-space:nowrap}.g-sm-whitespace-pre{white-space:pre}.g-sm-whitespace-pre-wrap{white-space:pre-wrap}.g-sm-break-words{overflow-wrap:break-word}.g-sm-break-all{word-break:break-all}.g-sm-leading-none{line-height:1}.g-sm-leading-tight{line-height:var(--g-line-height-tight)}.g-sm-leading-normal{line-height:var(--g-line-height-normal)}.g-sm-leading-relaxed{line-height:var(--g-line-height-relaxed)}.g-sm-tracking-tight{letter-spacing:-.025em}.g-sm-tracking-normal{letter-spacing:0}.g-sm-tracking-wide{letter-spacing:.025em}.g-sm-text-primary{color:var(--g-color-primary-text)}.g-sm-text-body{color:var(--g-color-text)}.g-sm-text-muted{color:var(--g-color-text-muted)}.g-sm-text-subtle{color:var(--g-color-text-subtle)}.g-sm-text-danger{color:var(--g-color-danger)}.g-sm-text-success{color:var(--g-color-success)}.g-sm-text-warning{color:var(--g-color-warning)}.g-sm-text-info{color:var(--g-color-info)}.g-sm-bg-primary{background:var(--g-color-primary);color:var(--g-color-on-primary)}.g-sm-bg-surface{background:var(--g-color-surface)}.g-sm-bg-subtle{background:var(--g-color-surface-subtle)}.g-sm-bg-transparent{background:transparent}.g-sm-bg-success{background:var(--g-color-success-soft);color:var(--g-color-success)}.g-sm-bg-warning{background:var(--g-color-warning-soft);color:var(--g-color-warning)}.g-sm-bg-danger{background:var(--g-color-danger-soft);color:var(--g-color-danger)}.g-sm-bg-info{background:var(--g-color-info-soft);color:var(--g-color-info)}.g-sm-border{border:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-0{border:0}.g-sm-border-t{border-top:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-r{border-right:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-b{border-bottom:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-l{border-left:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-x{border-inline:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-y{border-block:var(--g-border-width) solid var(--g-color-border)}.g-sm-border-primary{border-color:var(--g-color-primary)}.g-sm-border-strong{border-color:var(--g-color-border-strong)}.g-sm-border-danger{border-color:var(--g-color-danger)}.g-sm-border-dashed{border-style:dashed}.g-sm-border-dotted{border-style:dotted}.g-sm-rounded-none{border-radius:0}.g-sm-rounded{border-radius:var(--g-radius-md)}.g-sm-rounded-sm{border-radius:var(--g-radius-sm)}.g-sm-rounded-lg{border-radius:var(--g-radius-lg)}.g-sm-rounded-xl{border-radius:var(--g-radius-xl)}.g-sm-rounded-full{border-radius:9999px}.g-sm-shadow-none{box-shadow:none}.g-sm-shadow-sm{box-shadow:var(--g-shadow-sm)}.g-sm-shadow{box-shadow:var(--g-shadow-md)}.g-sm-shadow-lg{box-shadow:var(--g-shadow-lg)}.g-sm-opacity-0{opacity:0}.g-sm-opacity-25{opacity:.25}.g-sm-opacity-50{opacity:.5}.g-sm-opacity-75{opacity:.75}.g-sm-opacity-100{opacity:1}.g-sm-cursor-pointer{cursor:pointer}.g-sm-cursor-default{cursor:default}.g-sm-cursor-move{cursor:move}.g-sm-cursor-grab{cursor:grab}.g-sm-cursor-wait{cursor:wait}.g-sm-cursor-not-allowed{cursor:not-allowed}.g-sm-select-none{user-select:none}.g-sm-select-text{user-select:text}.g-sm-select-all{user-select:all}.g-sm-pointer-events-none{pointer-events:none}.g-sm-pointer-events-auto{pointer-events:auto}.g-sm-touch-none{touch-action:none}.g-sm-touch-pan-x{touch-action:pan-x}.g-sm-touch-pan-y{touch-action:pan-y}.g-sm-resize{resize:both}.g-sm-resize-x{resize:horizontal}.g-sm-resize-y{resize:vertical}.g-sm-resize-none{resize:none}.g-sm-list-none{list-style-type:none}.g-sm-list-disc{list-style-type:disc}.g-sm-list-decimal{list-style-type:decimal}.g-sm-list-inside{list-style-position:inside}.g-sm-table-auto{table-layout:auto}.g-sm-table-fixed{table-layout:fixed}.g-sm-border-collapse{border-collapse:collapse}.g-sm-border-separate{border-collapse:separate}.g-sm-transition-none{transition-property:none}.g-sm-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}.g-sm-transition-colors{transition:color var(--g-duration-fast),background-color var(--g-duration-fast),border-color var(--g-duration-fast)}.g-sm-transition-transform{transition:transform var(--g-duration-normal) var(--g-ease-standard)}.g-sm-transform{transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-sm-scale-95{--g-scale-x:.95;--g-scale-y:.95;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-sm-scale-100{--g-scale-x:1;--g-scale-y:1;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-sm-rotate-45{--g-rotate:45deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-sm-rotate-90{--g-rotate:90deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-sm-rotate-180{--g-rotate:180deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-sm-grayscale{filter:grayscale(1)}.g-sm-grayscale-0{filter:grayscale(0)}.g-sm-blur{filter:blur(8px)}.g-sm-backdrop-blur{backdrop-filter:blur(12px)}.g-sm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.g-sm-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.g-sm-aspect-square{aspect-ratio:1}.g-sm-aspect-video{aspect-ratio:16/9}.g-sm-aspect-photo{aspect-ratio:4/3}.g-sm-object-cover{object-fit:cover}.g-sm-object-contain{object-fit:contain}.g-sm-object-center{object-position:center}.g-sm-object-top{object-position:top}.g-sm-appearance-none{appearance:none}.g-sm-cq-container{container-type:inline-size}.g-sm-cq-size-container{container-type:size}.g-sm-cq-name-main{container-name:g-main}.g-sm-break-inside-avoid{break-inside:avoid}.g-sm-break-before-page{break-before:page}.g-sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.g-sm-col-span-1{grid-column:span 1/span 1}.g-sm-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.g-sm-row-span-1{grid-row:span 1/span 1}.g-sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-sm-col-span-2{grid-column:span 2/span 2}.g-sm-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.g-sm-row-span-2{grid-row:span 2/span 2}.g-sm-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-sm-col-span-3{grid-column:span 3/span 3}.g-sm-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.g-sm-row-span-3{grid-row:span 3/span 3}.g-sm-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-sm-col-span-4{grid-column:span 4/span 4}.g-sm-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.g-sm-row-span-4{grid-row:span 4/span 4}.g-sm-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-sm-col-span-5{grid-column:span 5/span 5}.g-sm-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.g-sm-row-span-5{grid-row:span 5/span 5}.g-sm-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.g-sm-col-span-6{grid-column:span 6/span 6}.g-sm-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.g-sm-row-span-6{grid-row:span 6/span 6}.g-sm-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.g-sm-col-span-7{grid-column:span 7/span 7}.g-sm-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.g-sm-row-span-7{grid-row:span 7/span 7}.g-sm-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.g-sm-col-span-8{grid-column:span 8/span 8}.g-sm-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.g-sm-row-span-8{grid-row:span 8/span 8}.g-sm-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.g-sm-col-span-9{grid-column:span 9/span 9}.g-sm-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.g-sm-row-span-9{grid-row:span 9/span 9}.g-sm-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.g-sm-col-span-10{grid-column:span 10/span 10}.g-sm-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.g-sm-row-span-10{grid-row:span 10/span 10}.g-sm-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.g-sm-col-span-11{grid-column:span 11/span 11}.g-sm-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.g-sm-row-span-11{grid-row:span 11/span 11}.g-sm-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.g-sm-col-span-12{grid-column:span 12/span 12}.g-sm-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.g-sm-row-span-12{grid-row:span 12/span 12}.g-sm-grid-flow-row{grid-auto-flow:row}.g-sm-grid-flow-col{grid-auto-flow:column}.g-sm-grid-flow-dense{grid-auto-flow:dense}.g-sm-border-1{border-width:1px}.g-sm-border-2{border-width:2px}.g-sm-border-3{border-width:3px}.g-sm-border-4{border-width:4px}.g-sm-border-8{border-width:8px}.g-sm-text-xs{font-size:.75rem}.g-sm-text-sm{font-size:.875rem}.g-sm-text-base{font-size:1rem}.g-sm-text-lg{font-size:1.125rem}.g-sm-text-xl{font-size:1.25rem}.g-sm-text-2xl{font-size:1.5rem}.g-sm-text-3xl{font-size:1.875rem}.g-sm-text-4xl{font-size:2.25rem}.g-sm-text-5xl{font-size:3rem}.g-sm-line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.g-sm-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.g-sm-line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.g-sm-line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.g-sm-line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.g-sm-line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}.g-sm-order-0{order:0}.g-sm-order-1{order:1}.g-sm-order-2{order:2}.g-sm-order-3{order:3}.g-sm-order-4{order:4}.g-sm-order-5{order:5}.g-sm-order-6{order:6}.g-sm-order-7{order:7}.g-sm-order-8{order:8}.g-sm-order-9{order:9}.g-sm-order-10{order:10}.g-sm-order-11{order:11}.g-sm-order-12{order:12}.g-sm-order-13{order:13}.g-sm-order-14{order:14}.g-sm-order-15{order:15}.g-sm-order-16{order:16}.g-sm-order-17{order:17}.g-sm-order-18{order:18}.g-sm-order-19{order:19}.g-sm-order-20{order:20}.g-sm-order-21{order:21}.g-sm-order-22{order:22}.g-sm-order-23{order:23}.g-sm-order-24{order:24}.g-sm-z-0{z-index:0}.g-sm-z-10{z-index:10}.g-sm-z-20{z-index:20}.g-sm-z-30{z-index:30}.g-sm-z-40{z-index:40}.g-sm-z-50{z-index:50}.g-sm-m-0{margin:var(--g-space-0)}.g-sm-m-1{margin:var(--g-space-1)}.g-sm-neg-m-1{margin:calc(-1 * var(--g-space-1))}.g-sm-m-2{margin:var(--g-space-2)}.g-sm-neg-m-2{margin:calc(-1 * var(--g-space-2))}.g-sm-m-3{margin:var(--g-space-3)}.g-sm-neg-m-3{margin:calc(-1 * var(--g-space-3))}.g-sm-m-4{margin:var(--g-space-4)}.g-sm-neg-m-4{margin:calc(-1 * var(--g-space-4))}.g-sm-m-5{margin:var(--g-space-5)}.g-sm-neg-m-5{margin:calc(-1 * var(--g-space-5))}.g-sm-m-6{margin:var(--g-space-6)}.g-sm-neg-m-6{margin:calc(-1 * var(--g-space-6))}.g-sm-m-7{margin:var(--g-space-7)}.g-sm-neg-m-7{margin:calc(-1 * var(--g-space-7))}.g-sm-m-8{margin:var(--g-space-8)}.g-sm-neg-m-8{margin:calc(-1 * var(--g-space-8))}.g-sm-m-9{margin:var(--g-space-9)}.g-sm-neg-m-9{margin:calc(-1 * var(--g-space-9))}.g-sm-m-10{margin:var(--g-space-10)}.g-sm-neg-m-10{margin:calc(-1 * var(--g-space-10))}.g-sm-m-12{margin:var(--g-space-12)}.g-sm-neg-m-12{margin:calc(-1 * var(--g-space-12))}.g-sm-m-14{margin:var(--g-space-14)}.g-sm-neg-m-14{margin:calc(-1 * var(--g-space-14))}.g-sm-m-16{margin:var(--g-space-16)}.g-sm-neg-m-16{margin:calc(-1 * var(--g-space-16))}.g-sm-m-20{margin:var(--g-space-20)}.g-sm-neg-m-20{margin:calc(-1 * var(--g-space-20))}.g-sm-m-24{margin:var(--g-space-24)}.g-sm-neg-m-24{margin:calc(-1 * var(--g-space-24))}.g-sm-m-28{margin:var(--g-space-28)}.g-sm-neg-m-28{margin:calc(-1 * var(--g-space-28))}.g-sm-m-32{margin:var(--g-space-32)}.g-sm-neg-m-32{margin:calc(-1 * var(--g-space-32))}.g-sm-m-40{margin:var(--g-space-40)}.g-sm-neg-m-40{margin:calc(-1 * var(--g-space-40))}.g-sm-m-48{margin:var(--g-space-48)}.g-sm-neg-m-48{margin:calc(-1 * var(--g-space-48))}.g-sm-m-56{margin:var(--g-space-56)}.g-sm-neg-m-56{margin:calc(-1 * var(--g-space-56))}.g-sm-m-64{margin:var(--g-space-64)}.g-sm-neg-m-64{margin:calc(-1 * var(--g-space-64))}.g-sm-m-80{margin:var(--g-space-80)}.g-sm-neg-m-80{margin:calc(-1 * var(--g-space-80))}.g-sm-m-96{margin:var(--g-space-96)}.g-sm-neg-m-96{margin:calc(-1 * var(--g-space-96))}.g-sm-m-px{margin:var(--g-space-px)}.g-sm-m-0_5{margin:var(--g-space-0_5)}.g-sm-neg-m-0_5{margin:calc(-1 * var(--g-space-0_5))}.g-sm-m-1_5{margin:var(--g-space-1_5)}.g-sm-neg-m-1_5{margin:calc(-1 * var(--g-space-1_5))}.g-sm-m-2_5{margin:var(--g-space-2_5)}.g-sm-neg-m-2_5{margin:calc(-1 * var(--g-space-2_5))}.g-sm-m-3_5{margin:var(--g-space-3_5)}.g-sm-neg-m-3_5{margin:calc(-1 * var(--g-space-3_5))}.g-sm-mx-0{margin-inline:var(--g-space-0)}.g-sm-mx-1{margin-inline:var(--g-space-1)}.g-sm-neg-mx-1{margin-inline:calc(-1 * var(--g-space-1))}.g-sm-mx-2{margin-inline:var(--g-space-2)}.g-sm-neg-mx-2{margin-inline:calc(-1 * var(--g-space-2))}.g-sm-mx-3{margin-inline:var(--g-space-3)}.g-sm-neg-mx-3{margin-inline:calc(-1 * var(--g-space-3))}.g-sm-mx-4{margin-inline:var(--g-space-4)}.g-sm-neg-mx-4{margin-inline:calc(-1 * var(--g-space-4))}.g-sm-mx-5{margin-inline:var(--g-space-5)}.g-sm-neg-mx-5{margin-inline:calc(-1 * var(--g-space-5))}.g-sm-mx-6{margin-inline:var(--g-space-6)}.g-sm-neg-mx-6{margin-inline:calc(-1 * var(--g-space-6))}.g-sm-mx-7{margin-inline:var(--g-space-7)}.g-sm-neg-mx-7{margin-inline:calc(-1 * var(--g-space-7))}.g-sm-mx-8{margin-inline:var(--g-space-8)}.g-sm-neg-mx-8{margin-inline:calc(-1 * var(--g-space-8))}.g-sm-mx-9{margin-inline:var(--g-space-9)}.g-sm-neg-mx-9{margin-inline:calc(-1 * var(--g-space-9))}.g-sm-mx-10{margin-inline:var(--g-space-10)}.g-sm-neg-mx-10{margin-inline:calc(-1 * var(--g-space-10))}.g-sm-mx-12{margin-inline:var(--g-space-12)}.g-sm-neg-mx-12{margin-inline:calc(-1 * var(--g-space-12))}.g-sm-mx-14{margin-inline:var(--g-space-14)}.g-sm-neg-mx-14{margin-inline:calc(-1 * var(--g-space-14))}.g-sm-mx-16{margin-inline:var(--g-space-16)}.g-sm-neg-mx-16{margin-inline:calc(-1 * var(--g-space-16))}.g-sm-mx-20{margin-inline:var(--g-space-20)}.g-sm-neg-mx-20{margin-inline:calc(-1 * var(--g-space-20))}.g-sm-mx-24{margin-inline:var(--g-space-24)}.g-sm-neg-mx-24{margin-inline:calc(-1 * var(--g-space-24))}.g-sm-mx-28{margin-inline:var(--g-space-28)}.g-sm-neg-mx-28{margin-inline:calc(-1 * var(--g-space-28))}.g-sm-mx-32{margin-inline:var(--g-space-32)}.g-sm-neg-mx-32{margin-inline:calc(-1 * var(--g-space-32))}.g-sm-mx-40{margin-inline:var(--g-space-40)}.g-sm-neg-mx-40{margin-inline:calc(-1 * var(--g-space-40))}.g-sm-mx-48{margin-inline:var(--g-space-48)}.g-sm-neg-mx-48{margin-inline:calc(-1 * var(--g-space-48))}.g-sm-mx-56{margin-inline:var(--g-space-56)}.g-sm-neg-mx-56{margin-inline:calc(-1 * var(--g-space-56))}.g-sm-mx-64{margin-inline:var(--g-space-64)}.g-sm-neg-mx-64{margin-inline:calc(-1 * var(--g-space-64))}.g-sm-mx-80{margin-inline:var(--g-space-80)}.g-sm-neg-mx-80{margin-inline:calc(-1 * var(--g-space-80))}.g-sm-mx-96{margin-inline:var(--g-space-96)}.g-sm-neg-mx-96{margin-inline:calc(-1 * var(--g-space-96))}.g-sm-mx-px{margin-inline:var(--g-space-px)}.g-sm-mx-0_5{margin-inline:var(--g-space-0_5)}.g-sm-neg-mx-0_5{margin-inline:calc(-1 * var(--g-space-0_5))}.g-sm-mx-1_5{margin-inline:var(--g-space-1_5)}.g-sm-neg-mx-1_5{margin-inline:calc(-1 * var(--g-space-1_5))}.g-sm-mx-2_5{margin-inline:var(--g-space-2_5)}.g-sm-neg-mx-2_5{margin-inline:calc(-1 * var(--g-space-2_5))}.g-sm-mx-3_5{margin-inline:var(--g-space-3_5)}.g-sm-neg-mx-3_5{margin-inline:calc(-1 * var(--g-space-3_5))}.g-sm-my-0{margin-block:var(--g-space-0)}.g-sm-my-1{margin-block:var(--g-space-1)}.g-sm-neg-my-1{margin-block:calc(-1 * var(--g-space-1))}.g-sm-my-2{margin-block:var(--g-space-2)}.g-sm-neg-my-2{margin-block:calc(-1 * var(--g-space-2))}.g-sm-my-3{margin-block:var(--g-space-3)}.g-sm-neg-my-3{margin-block:calc(-1 * var(--g-space-3))}.g-sm-my-4{margin-block:var(--g-space-4)}.g-sm-neg-my-4{margin-block:calc(-1 * var(--g-space-4))}.g-sm-my-5{margin-block:var(--g-space-5)}.g-sm-neg-my-5{margin-block:calc(-1 * var(--g-space-5))}.g-sm-my-6{margin-block:var(--g-space-6)}.g-sm-neg-my-6{margin-block:calc(-1 * var(--g-space-6))}.g-sm-my-7{margin-block:var(--g-space-7)}.g-sm-neg-my-7{margin-block:calc(-1 * var(--g-space-7))}.g-sm-my-8{margin-block:var(--g-space-8)}.g-sm-neg-my-8{margin-block:calc(-1 * var(--g-space-8))}.g-sm-my-9{margin-block:var(--g-space-9)}.g-sm-neg-my-9{margin-block:calc(-1 * var(--g-space-9))}.g-sm-my-10{margin-block:var(--g-space-10)}.g-sm-neg-my-10{margin-block:calc(-1 * var(--g-space-10))}.g-sm-my-12{margin-block:var(--g-space-12)}.g-sm-neg-my-12{margin-block:calc(-1 * var(--g-space-12))}.g-sm-my-14{margin-block:var(--g-space-14)}.g-sm-neg-my-14{margin-block:calc(-1 * var(--g-space-14))}.g-sm-my-16{margin-block:var(--g-space-16)}.g-sm-neg-my-16{margin-block:calc(-1 * var(--g-space-16))}.g-sm-my-20{margin-block:var(--g-space-20)}.g-sm-neg-my-20{margin-block:calc(-1 * var(--g-space-20))}.g-sm-my-24{margin-block:var(--g-space-24)}.g-sm-neg-my-24{margin-block:calc(-1 * var(--g-space-24))}.g-sm-my-28{margin-block:var(--g-space-28)}.g-sm-neg-my-28{margin-block:calc(-1 * var(--g-space-28))}.g-sm-my-32{margin-block:var(--g-space-32)}.g-sm-neg-my-32{margin-block:calc(-1 * var(--g-space-32))}.g-sm-my-40{margin-block:var(--g-space-40)}.g-sm-neg-my-40{margin-block:calc(-1 * var(--g-space-40))}.g-sm-my-48{margin-block:var(--g-space-48)}.g-sm-neg-my-48{margin-block:calc(-1 * var(--g-space-48))}.g-sm-my-56{margin-block:var(--g-space-56)}.g-sm-neg-my-56{margin-block:calc(-1 * var(--g-space-56))}.g-sm-my-64{margin-block:var(--g-space-64)}.g-sm-neg-my-64{margin-block:calc(-1 * var(--g-space-64))}.g-sm-my-80{margin-block:var(--g-space-80)}.g-sm-neg-my-80{margin-block:calc(-1 * var(--g-space-80))}.g-sm-my-96{margin-block:var(--g-space-96)}.g-sm-neg-my-96{margin-block:calc(-1 * var(--g-space-96))}.g-sm-my-px{margin-block:var(--g-space-px)}.g-sm-my-0_5{margin-block:var(--g-space-0_5)}.g-sm-neg-my-0_5{margin-block:calc(-1 * var(--g-space-0_5))}.g-sm-my-1_5{margin-block:var(--g-space-1_5)}.g-sm-neg-my-1_5{margin-block:calc(-1 * var(--g-space-1_5))}.g-sm-my-2_5{margin-block:var(--g-space-2_5)}.g-sm-neg-my-2_5{margin-block:calc(-1 * var(--g-space-2_5))}.g-sm-my-3_5{margin-block:var(--g-space-3_5)}.g-sm-neg-my-3_5{margin-block:calc(-1 * var(--g-space-3_5))}.g-sm-mt-0{margin-top:var(--g-space-0)}.g-sm-mt-1{margin-top:var(--g-space-1)}.g-sm-neg-mt-1{margin-top:calc(-1 * var(--g-space-1))}.g-sm-mt-2{margin-top:var(--g-space-2)}.g-sm-neg-mt-2{margin-top:calc(-1 * var(--g-space-2))}.g-sm-mt-3{margin-top:var(--g-space-3)}.g-sm-neg-mt-3{margin-top:calc(-1 * var(--g-space-3))}.g-sm-mt-4{margin-top:var(--g-space-4)}.g-sm-neg-mt-4{margin-top:calc(-1 * var(--g-space-4))}.g-sm-mt-5{margin-top:var(--g-space-5)}.g-sm-neg-mt-5{margin-top:calc(-1 * var(--g-space-5))}.g-sm-mt-6{margin-top:var(--g-space-6)}.g-sm-neg-mt-6{margin-top:calc(-1 * var(--g-space-6))}.g-sm-mt-7{margin-top:var(--g-space-7)}.g-sm-neg-mt-7{margin-top:calc(-1 * var(--g-space-7))}.g-sm-mt-8{margin-top:var(--g-space-8)}.g-sm-neg-mt-8{margin-top:calc(-1 * var(--g-space-8))}.g-sm-mt-9{margin-top:var(--g-space-9)}.g-sm-neg-mt-9{margin-top:calc(-1 * var(--g-space-9))}.g-sm-mt-10{margin-top:var(--g-space-10)}.g-sm-neg-mt-10{margin-top:calc(-1 * var(--g-space-10))}.g-sm-mt-12{margin-top:var(--g-space-12)}.g-sm-neg-mt-12{margin-top:calc(-1 * var(--g-space-12))}.g-sm-mt-14{margin-top:var(--g-space-14)}.g-sm-neg-mt-14{margin-top:calc(-1 * var(--g-space-14))}.g-sm-mt-16{margin-top:var(--g-space-16)}.g-sm-neg-mt-16{margin-top:calc(-1 * var(--g-space-16))}.g-sm-mt-20{margin-top:var(--g-space-20)}.g-sm-neg-mt-20{margin-top:calc(-1 * var(--g-space-20))}.g-sm-mt-24{margin-top:var(--g-space-24)}.g-sm-neg-mt-24{margin-top:calc(-1 * var(--g-space-24))}.g-sm-mt-28{margin-top:var(--g-space-28)}.g-sm-neg-mt-28{margin-top:calc(-1 * var(--g-space-28))}.g-sm-mt-32{margin-top:var(--g-space-32)}.g-sm-neg-mt-32{margin-top:calc(-1 * var(--g-space-32))}.g-sm-mt-40{margin-top:var(--g-space-40)}.g-sm-neg-mt-40{margin-top:calc(-1 * var(--g-space-40))}.g-sm-mt-48{margin-top:var(--g-space-48)}.g-sm-neg-mt-48{margin-top:calc(-1 * var(--g-space-48))}.g-sm-mt-56{margin-top:var(--g-space-56)}.g-sm-neg-mt-56{margin-top:calc(-1 * var(--g-space-56))}.g-sm-mt-64{margin-top:var(--g-space-64)}.g-sm-neg-mt-64{margin-top:calc(-1 * var(--g-space-64))}.g-sm-mt-80{margin-top:var(--g-space-80)}.g-sm-neg-mt-80{margin-top:calc(-1 * var(--g-space-80))}.g-sm-mt-96{margin-top:var(--g-space-96)}.g-sm-neg-mt-96{margin-top:calc(-1 * var(--g-space-96))}.g-sm-mt-px{margin-top:var(--g-space-px)}.g-sm-mt-0_5{margin-top:var(--g-space-0_5)}.g-sm-neg-mt-0_5{margin-top:calc(-1 * var(--g-space-0_5))}.g-sm-mt-1_5{margin-top:var(--g-space-1_5)}.g-sm-neg-mt-1_5{margin-top:calc(-1 * var(--g-space-1_5))}.g-sm-mt-2_5{margin-top:var(--g-space-2_5)}.g-sm-neg-mt-2_5{margin-top:calc(-1 * var(--g-space-2_5))}.g-sm-mt-3_5{margin-top:var(--g-space-3_5)}.g-sm-neg-mt-3_5{margin-top:calc(-1 * var(--g-space-3_5))}.g-sm-mr-0{margin-right:var(--g-space-0)}.g-sm-mr-1{margin-right:var(--g-space-1)}.g-sm-neg-mr-1{margin-right:calc(-1 * var(--g-space-1))}.g-sm-mr-2{margin-right:var(--g-space-2)}.g-sm-neg-mr-2{margin-right:calc(-1 * var(--g-space-2))}.g-sm-mr-3{margin-right:var(--g-space-3)}.g-sm-neg-mr-3{margin-right:calc(-1 * var(--g-space-3))}.g-sm-mr-4{margin-right:var(--g-space-4)}.g-sm-neg-mr-4{margin-right:calc(-1 * var(--g-space-4))}.g-sm-mr-5{margin-right:var(--g-space-5)}.g-sm-neg-mr-5{margin-right:calc(-1 * var(--g-space-5))}.g-sm-mr-6{margin-right:var(--g-space-6)}.g-sm-neg-mr-6{margin-right:calc(-1 * var(--g-space-6))}.g-sm-mr-7{margin-right:var(--g-space-7)}.g-sm-neg-mr-7{margin-right:calc(-1 * var(--g-space-7))}.g-sm-mr-8{margin-right:var(--g-space-8)}.g-sm-neg-mr-8{margin-right:calc(-1 * var(--g-space-8))}.g-sm-mr-9{margin-right:var(--g-space-9)}.g-sm-neg-mr-9{margin-right:calc(-1 * var(--g-space-9))}.g-sm-mr-10{margin-right:var(--g-space-10)}.g-sm-neg-mr-10{margin-right:calc(-1 * var(--g-space-10))}.g-sm-mr-12{margin-right:var(--g-space-12)}.g-sm-neg-mr-12{margin-right:calc(-1 * var(--g-space-12))}.g-sm-mr-14{margin-right:var(--g-space-14)}.g-sm-neg-mr-14{margin-right:calc(-1 * var(--g-space-14))}.g-sm-mr-16{margin-right:var(--g-space-16)}.g-sm-neg-mr-16{margin-right:calc(-1 * var(--g-space-16))}.g-sm-mr-20{margin-right:var(--g-space-20)}.g-sm-neg-mr-20{margin-right:calc(-1 * var(--g-space-20))}.g-sm-mr-24{margin-right:var(--g-space-24)}.g-sm-neg-mr-24{margin-right:calc(-1 * var(--g-space-24))}.g-sm-mr-28{margin-right:var(--g-space-28)}.g-sm-neg-mr-28{margin-right:calc(-1 * var(--g-space-28))}.g-sm-mr-32{margin-right:var(--g-space-32)}.g-sm-neg-mr-32{margin-right:calc(-1 * var(--g-space-32))}.g-sm-mr-40{margin-right:var(--g-space-40)}.g-sm-neg-mr-40{margin-right:calc(-1 * var(--g-space-40))}.g-sm-mr-48{margin-right:var(--g-space-48)}.g-sm-neg-mr-48{margin-right:calc(-1 * var(--g-space-48))}.g-sm-mr-56{margin-right:var(--g-space-56)}.g-sm-neg-mr-56{margin-right:calc(-1 * var(--g-space-56))}.g-sm-mr-64{margin-right:var(--g-space-64)}.g-sm-neg-mr-64{margin-right:calc(-1 * var(--g-space-64))}.g-sm-mr-80{margin-right:var(--g-space-80)}.g-sm-neg-mr-80{margin-right:calc(-1 * var(--g-space-80))}.g-sm-mr-96{margin-right:var(--g-space-96)}.g-sm-neg-mr-96{margin-right:calc(-1 * var(--g-space-96))}.g-sm-mr-px{margin-right:var(--g-space-px)}.g-sm-mr-0_5{margin-right:var(--g-space-0_5)}.g-sm-neg-mr-0_5{margin-right:calc(-1 * var(--g-space-0_5))}.g-sm-mr-1_5{margin-right:var(--g-space-1_5)}.g-sm-neg-mr-1_5{margin-right:calc(-1 * var(--g-space-1_5))}.g-sm-mr-2_5{margin-right:var(--g-space-2_5)}.g-sm-neg-mr-2_5{margin-right:calc(-1 * var(--g-space-2_5))}.g-sm-mr-3_5{margin-right:var(--g-space-3_5)}.g-sm-neg-mr-3_5{margin-right:calc(-1 * var(--g-space-3_5))}.g-sm-mb-0{margin-bottom:var(--g-space-0)}.g-sm-mb-1{margin-bottom:var(--g-space-1)}.g-sm-neg-mb-1{margin-bottom:calc(-1 * var(--g-space-1))}.g-sm-mb-2{margin-bottom:var(--g-space-2)}.g-sm-neg-mb-2{margin-bottom:calc(-1 * var(--g-space-2))}.g-sm-mb-3{margin-bottom:var(--g-space-3)}.g-sm-neg-mb-3{margin-bottom:calc(-1 * var(--g-space-3))}.g-sm-mb-4{margin-bottom:var(--g-space-4)}.g-sm-neg-mb-4{margin-bottom:calc(-1 * var(--g-space-4))}.g-sm-mb-5{margin-bottom:var(--g-space-5)}.g-sm-neg-mb-5{margin-bottom:calc(-1 * var(--g-space-5))}.g-sm-mb-6{margin-bottom:var(--g-space-6)}.g-sm-neg-mb-6{margin-bottom:calc(-1 * var(--g-space-6))}.g-sm-mb-7{margin-bottom:var(--g-space-7)}.g-sm-neg-mb-7{margin-bottom:calc(-1 * var(--g-space-7))}.g-sm-mb-8{margin-bottom:var(--g-space-8)}.g-sm-neg-mb-8{margin-bottom:calc(-1 * var(--g-space-8))}.g-sm-mb-9{margin-bottom:var(--g-space-9)}.g-sm-neg-mb-9{margin-bottom:calc(-1 * var(--g-space-9))}.g-sm-mb-10{margin-bottom:var(--g-space-10)}.g-sm-neg-mb-10{margin-bottom:calc(-1 * var(--g-space-10))}.g-sm-mb-12{margin-bottom:var(--g-space-12)}.g-sm-neg-mb-12{margin-bottom:calc(-1 * var(--g-space-12))}.g-sm-mb-14{margin-bottom:var(--g-space-14)}.g-sm-neg-mb-14{margin-bottom:calc(-1 * var(--g-space-14))}.g-sm-mb-16{margin-bottom:var(--g-space-16)}.g-sm-neg-mb-16{margin-bottom:calc(-1 * var(--g-space-16))}.g-sm-mb-20{margin-bottom:var(--g-space-20)}.g-sm-neg-mb-20{margin-bottom:calc(-1 * var(--g-space-20))}.g-sm-mb-24{margin-bottom:var(--g-space-24)}.g-sm-neg-mb-24{margin-bottom:calc(-1 * var(--g-space-24))}.g-sm-mb-28{margin-bottom:var(--g-space-28)}.g-sm-neg-mb-28{margin-bottom:calc(-1 * var(--g-space-28))}.g-sm-mb-32{margin-bottom:var(--g-space-32)}.g-sm-neg-mb-32{margin-bottom:calc(-1 * var(--g-space-32))}.g-sm-mb-40{margin-bottom:var(--g-space-40)}.g-sm-neg-mb-40{margin-bottom:calc(-1 * var(--g-space-40))}.g-sm-mb-48{margin-bottom:var(--g-space-48)}.g-sm-neg-mb-48{margin-bottom:calc(-1 * var(--g-space-48))}.g-sm-mb-56{margin-bottom:var(--g-space-56)}.g-sm-neg-mb-56{margin-bottom:calc(-1 * var(--g-space-56))}.g-sm-mb-64{margin-bottom:var(--g-space-64)}.g-sm-neg-mb-64{margin-bottom:calc(-1 * var(--g-space-64))}.g-sm-mb-80{margin-bottom:var(--g-space-80)}.g-sm-neg-mb-80{margin-bottom:calc(-1 * var(--g-space-80))}.g-sm-mb-96{margin-bottom:var(--g-space-96)}.g-sm-neg-mb-96{margin-bottom:calc(-1 * var(--g-space-96))}.g-sm-mb-px{margin-bottom:var(--g-space-px)}.g-sm-mb-0_5{margin-bottom:var(--g-space-0_5)}.g-sm-neg-mb-0_5{margin-bottom:calc(-1 * var(--g-space-0_5))}.g-sm-mb-1_5{margin-bottom:var(--g-space-1_5)}.g-sm-neg-mb-1_5{margin-bottom:calc(-1 * var(--g-space-1_5))}.g-sm-mb-2_5{margin-bottom:var(--g-space-2_5)}.g-sm-neg-mb-2_5{margin-bottom:calc(-1 * var(--g-space-2_5))}.g-sm-mb-3_5{margin-bottom:var(--g-space-3_5)}.g-sm-neg-mb-3_5{margin-bottom:calc(-1 * var(--g-space-3_5))}.g-sm-ml-0{margin-left:var(--g-space-0)}.g-sm-ml-1{margin-left:var(--g-space-1)}.g-sm-neg-ml-1{margin-left:calc(-1 * var(--g-space-1))}.g-sm-ml-2{margin-left:var(--g-space-2)}.g-sm-neg-ml-2{margin-left:calc(-1 * var(--g-space-2))}.g-sm-ml-3{margin-left:var(--g-space-3)}.g-sm-neg-ml-3{margin-left:calc(-1 * var(--g-space-3))}.g-sm-ml-4{margin-left:var(--g-space-4)}.g-sm-neg-ml-4{margin-left:calc(-1 * var(--g-space-4))}.g-sm-ml-5{margin-left:var(--g-space-5)}.g-sm-neg-ml-5{margin-left:calc(-1 * var(--g-space-5))}.g-sm-ml-6{margin-left:var(--g-space-6)}.g-sm-neg-ml-6{margin-left:calc(-1 * var(--g-space-6))}.g-sm-ml-7{margin-left:var(--g-space-7)}.g-sm-neg-ml-7{margin-left:calc(-1 * var(--g-space-7))}.g-sm-ml-8{margin-left:var(--g-space-8)}.g-sm-neg-ml-8{margin-left:calc(-1 * var(--g-space-8))}.g-sm-ml-9{margin-left:var(--g-space-9)}.g-sm-neg-ml-9{margin-left:calc(-1 * var(--g-space-9))}.g-sm-ml-10{margin-left:var(--g-space-10)}.g-sm-neg-ml-10{margin-left:calc(-1 * var(--g-space-10))}.g-sm-ml-12{margin-left:var(--g-space-12)}.g-sm-neg-ml-12{margin-left:calc(-1 * var(--g-space-12))}.g-sm-ml-14{margin-left:var(--g-space-14)}.g-sm-neg-ml-14{margin-left:calc(-1 * var(--g-space-14))}.g-sm-ml-16{margin-left:var(--g-space-16)}.g-sm-neg-ml-16{margin-left:calc(-1 * var(--g-space-16))}.g-sm-ml-20{margin-left:var(--g-space-20)}.g-sm-neg-ml-20{margin-left:calc(-1 * var(--g-space-20))}.g-sm-ml-24{margin-left:var(--g-space-24)}.g-sm-neg-ml-24{margin-left:calc(-1 * var(--g-space-24))}.g-sm-ml-28{margin-left:var(--g-space-28)}.g-sm-neg-ml-28{margin-left:calc(-1 * var(--g-space-28))}.g-sm-ml-32{margin-left:var(--g-space-32)}.g-sm-neg-ml-32{margin-left:calc(-1 * var(--g-space-32))}.g-sm-ml-40{margin-left:var(--g-space-40)}.g-sm-neg-ml-40{margin-left:calc(-1 * var(--g-space-40))}.g-sm-ml-48{margin-left:var(--g-space-48)}.g-sm-neg-ml-48{margin-left:calc(-1 * var(--g-space-48))}.g-sm-ml-56{margin-left:var(--g-space-56)}.g-sm-neg-ml-56{margin-left:calc(-1 * var(--g-space-56))}.g-sm-ml-64{margin-left:var(--g-space-64)}.g-sm-neg-ml-64{margin-left:calc(-1 * var(--g-space-64))}.g-sm-ml-80{margin-left:var(--g-space-80)}.g-sm-neg-ml-80{margin-left:calc(-1 * var(--g-space-80))}.g-sm-ml-96{margin-left:var(--g-space-96)}.g-sm-neg-ml-96{margin-left:calc(-1 * var(--g-space-96))}.g-sm-ml-px{margin-left:var(--g-space-px)}.g-sm-ml-0_5{margin-left:var(--g-space-0_5)}.g-sm-neg-ml-0_5{margin-left:calc(-1 * var(--g-space-0_5))}.g-sm-ml-1_5{margin-left:var(--g-space-1_5)}.g-sm-neg-ml-1_5{margin-left:calc(-1 * var(--g-space-1_5))}.g-sm-ml-2_5{margin-left:var(--g-space-2_5)}.g-sm-neg-ml-2_5{margin-left:calc(-1 * var(--g-space-2_5))}.g-sm-ml-3_5{margin-left:var(--g-space-3_5)}.g-sm-neg-ml-3_5{margin-left:calc(-1 * var(--g-space-3_5))}.g-sm-ms-0{margin-inline-start:var(--g-space-0)}.g-sm-ms-1{margin-inline-start:var(--g-space-1)}.g-sm-neg-ms-1{margin-inline-start:calc(-1 * var(--g-space-1))}.g-sm-ms-2{margin-inline-start:var(--g-space-2)}.g-sm-neg-ms-2{margin-inline-start:calc(-1 * var(--g-space-2))}.g-sm-ms-3{margin-inline-start:var(--g-space-3)}.g-sm-neg-ms-3{margin-inline-start:calc(-1 * var(--g-space-3))}.g-sm-ms-4{margin-inline-start:var(--g-space-4)}.g-sm-neg-ms-4{margin-inline-start:calc(-1 * var(--g-space-4))}.g-sm-ms-5{margin-inline-start:var(--g-space-5)}.g-sm-neg-ms-5{margin-inline-start:calc(-1 * var(--g-space-5))}.g-sm-ms-6{margin-inline-start:var(--g-space-6)}.g-sm-neg-ms-6{margin-inline-start:calc(-1 * var(--g-space-6))}.g-sm-ms-7{margin-inline-start:var(--g-space-7)}.g-sm-neg-ms-7{margin-inline-start:calc(-1 * var(--g-space-7))}.g-sm-ms-8{margin-inline-start:var(--g-space-8)}.g-sm-neg-ms-8{margin-inline-start:calc(-1 * var(--g-space-8))}.g-sm-ms-9{margin-inline-start:var(--g-space-9)}.g-sm-neg-ms-9{margin-inline-start:calc(-1 * var(--g-space-9))}.g-sm-ms-10{margin-inline-start:var(--g-space-10)}.g-sm-neg-ms-10{margin-inline-start:calc(-1 * var(--g-space-10))}.g-sm-ms-12{margin-inline-start:var(--g-space-12)}.g-sm-neg-ms-12{margin-inline-start:calc(-1 * var(--g-space-12))}.g-sm-ms-14{margin-inline-start:var(--g-space-14)}.g-sm-neg-ms-14{margin-inline-start:calc(-1 * var(--g-space-14))}.g-sm-ms-16{margin-inline-start:var(--g-space-16)}.g-sm-neg-ms-16{margin-inline-start:calc(-1 * var(--g-space-16))}.g-sm-ms-20{margin-inline-start:var(--g-space-20)}.g-sm-neg-ms-20{margin-inline-start:calc(-1 * var(--g-space-20))}.g-sm-ms-24{margin-inline-start:var(--g-space-24)}.g-sm-neg-ms-24{margin-inline-start:calc(-1 * var(--g-space-24))}.g-sm-ms-28{margin-inline-start:var(--g-space-28)}.g-sm-neg-ms-28{margin-inline-start:calc(-1 * var(--g-space-28))}.g-sm-ms-32{margin-inline-start:var(--g-space-32)}.g-sm-neg-ms-32{margin-inline-start:calc(-1 * var(--g-space-32))}.g-sm-ms-40{margin-inline-start:var(--g-space-40)}.g-sm-neg-ms-40{margin-inline-start:calc(-1 * var(--g-space-40))}.g-sm-ms-48{margin-inline-start:var(--g-space-48)}.g-sm-neg-ms-48{margin-inline-start:calc(-1 * var(--g-space-48))}.g-sm-ms-56{margin-inline-start:var(--g-space-56)}.g-sm-neg-ms-56{margin-inline-start:calc(-1 * var(--g-space-56))}.g-sm-ms-64{margin-inline-start:var(--g-space-64)}.g-sm-neg-ms-64{margin-inline-start:calc(-1 * var(--g-space-64))}.g-sm-ms-80{margin-inline-start:var(--g-space-80)}.g-sm-neg-ms-80{margin-inline-start:calc(-1 * var(--g-space-80))}.g-sm-ms-96{margin-inline-start:var(--g-space-96)}.g-sm-neg-ms-96{margin-inline-start:calc(-1 * var(--g-space-96))}.g-sm-ms-px{margin-inline-start:var(--g-space-px)}.g-sm-ms-0_5{margin-inline-start:var(--g-space-0_5)}.g-sm-neg-ms-0_5{margin-inline-start:calc(-1 * var(--g-space-0_5))}.g-sm-ms-1_5{margin-inline-start:var(--g-space-1_5)}.g-sm-neg-ms-1_5{margin-inline-start:calc(-1 * var(--g-space-1_5))}.g-sm-ms-2_5{margin-inline-start:var(--g-space-2_5)}.g-sm-neg-ms-2_5{margin-inline-start:calc(-1 * var(--g-space-2_5))}.g-sm-ms-3_5{margin-inline-start:var(--g-space-3_5)}.g-sm-neg-ms-3_5{margin-inline-start:calc(-1 * var(--g-space-3_5))}.g-sm-me-0{margin-inline-end:var(--g-space-0)}.g-sm-me-1{margin-inline-end:var(--g-space-1)}.g-sm-neg-me-1{margin-inline-end:calc(-1 * var(--g-space-1))}.g-sm-me-2{margin-inline-end:var(--g-space-2)}.g-sm-neg-me-2{margin-inline-end:calc(-1 * var(--g-space-2))}.g-sm-me-3{margin-inline-end:var(--g-space-3)}.g-sm-neg-me-3{margin-inline-end:calc(-1 * var(--g-space-3))}.g-sm-me-4{margin-inline-end:var(--g-space-4)}.g-sm-neg-me-4{margin-inline-end:calc(-1 * var(--g-space-4))}.g-sm-me-5{margin-inline-end:var(--g-space-5)}.g-sm-neg-me-5{margin-inline-end:calc(-1 * var(--g-space-5))}.g-sm-me-6{margin-inline-end:var(--g-space-6)}.g-sm-neg-me-6{margin-inline-end:calc(-1 * var(--g-space-6))}.g-sm-me-7{margin-inline-end:var(--g-space-7)}.g-sm-neg-me-7{margin-inline-end:calc(-1 * var(--g-space-7))}.g-sm-me-8{margin-inline-end:var(--g-space-8)}.g-sm-neg-me-8{margin-inline-end:calc(-1 * var(--g-space-8))}.g-sm-me-9{margin-inline-end:var(--g-space-9)}.g-sm-neg-me-9{margin-inline-end:calc(-1 * var(--g-space-9))}.g-sm-me-10{margin-inline-end:var(--g-space-10)}.g-sm-neg-me-10{margin-inline-end:calc(-1 * var(--g-space-10))}.g-sm-me-12{margin-inline-end:var(--g-space-12)}.g-sm-neg-me-12{margin-inline-end:calc(-1 * var(--g-space-12))}.g-sm-me-14{margin-inline-end:var(--g-space-14)}.g-sm-neg-me-14{margin-inline-end:calc(-1 * var(--g-space-14))}.g-sm-me-16{margin-inline-end:var(--g-space-16)}.g-sm-neg-me-16{margin-inline-end:calc(-1 * var(--g-space-16))}.g-sm-me-20{margin-inline-end:var(--g-space-20)}.g-sm-neg-me-20{margin-inline-end:calc(-1 * var(--g-space-20))}.g-sm-me-24{margin-inline-end:var(--g-space-24)}.g-sm-neg-me-24{margin-inline-end:calc(-1 * var(--g-space-24))}.g-sm-me-28{margin-inline-end:var(--g-space-28)}.g-sm-neg-me-28{margin-inline-end:calc(-1 * var(--g-space-28))}.g-sm-me-32{margin-inline-end:var(--g-space-32)}.g-sm-neg-me-32{margin-inline-end:calc(-1 * var(--g-space-32))}.g-sm-me-40{margin-inline-end:var(--g-space-40)}.g-sm-neg-me-40{margin-inline-end:calc(-1 * var(--g-space-40))}.g-sm-me-48{margin-inline-end:var(--g-space-48)}.g-sm-neg-me-48{margin-inline-end:calc(-1 * var(--g-space-48))}.g-sm-me-56{margin-inline-end:var(--g-space-56)}.g-sm-neg-me-56{margin-inline-end:calc(-1 * var(--g-space-56))}.g-sm-me-64{margin-inline-end:var(--g-space-64)}.g-sm-neg-me-64{margin-inline-end:calc(-1 * var(--g-space-64))}.g-sm-me-80{margin-inline-end:var(--g-space-80)}.g-sm-neg-me-80{margin-inline-end:calc(-1 * var(--g-space-80))}.g-sm-me-96{margin-inline-end:var(--g-space-96)}.g-sm-neg-me-96{margin-inline-end:calc(-1 * var(--g-space-96))}.g-sm-me-px{margin-inline-end:var(--g-space-px)}.g-sm-me-0_5{margin-inline-end:var(--g-space-0_5)}.g-sm-neg-me-0_5{margin-inline-end:calc(-1 * var(--g-space-0_5))}.g-sm-me-1_5{margin-inline-end:var(--g-space-1_5)}.g-sm-neg-me-1_5{margin-inline-end:calc(-1 * var(--g-space-1_5))}.g-sm-me-2_5{margin-inline-end:var(--g-space-2_5)}.g-sm-neg-me-2_5{margin-inline-end:calc(-1 * var(--g-space-2_5))}.g-sm-me-3_5{margin-inline-end:var(--g-space-3_5)}.g-sm-neg-me-3_5{margin-inline-end:calc(-1 * var(--g-space-3_5))}.g-sm-p-0{padding:var(--g-space-0)}.g-sm-p-1{padding:var(--g-space-1)}.g-sm-p-2{padding:var(--g-space-2)}.g-sm-p-3{padding:var(--g-space-3)}.g-sm-p-4{padding:var(--g-space-4)}.g-sm-p-5{padding:var(--g-space-5)}.g-sm-p-6{padding:var(--g-space-6)}.g-sm-p-7{padding:var(--g-space-7)}.g-sm-p-8{padding:var(--g-space-8)}.g-sm-p-9{padding:var(--g-space-9)}.g-sm-p-10{padding:var(--g-space-10)}.g-sm-p-12{padding:var(--g-space-12)}.g-sm-p-14{padding:var(--g-space-14)}.g-sm-p-16{padding:var(--g-space-16)}.g-sm-p-20{padding:var(--g-space-20)}.g-sm-p-24{padding:var(--g-space-24)}.g-sm-p-28{padding:var(--g-space-28)}.g-sm-p-32{padding:var(--g-space-32)}.g-sm-p-40{padding:var(--g-space-40)}.g-sm-p-48{padding:var(--g-space-48)}.g-sm-p-56{padding:var(--g-space-56)}.g-sm-p-64{padding:var(--g-space-64)}.g-sm-p-80{padding:var(--g-space-80)}.g-sm-p-96{padding:var(--g-space-96)}.g-sm-p-px{padding:var(--g-space-px)}.g-sm-p-0_5{padding:var(--g-space-0_5)}.g-sm-p-1_5{padding:var(--g-space-1_5)}.g-sm-p-2_5{padding:var(--g-space-2_5)}.g-sm-p-3_5{padding:var(--g-space-3_5)}.g-sm-px-0{padding-inline:var(--g-space-0)}.g-sm-px-1{padding-inline:var(--g-space-1)}.g-sm-px-2{padding-inline:var(--g-space-2)}.g-sm-px-3{padding-inline:var(--g-space-3)}.g-sm-px-4{padding-inline:var(--g-space-4)}.g-sm-px-5{padding-inline:var(--g-space-5)}.g-sm-px-6{padding-inline:var(--g-space-6)}.g-sm-px-7{padding-inline:var(--g-space-7)}.g-sm-px-8{padding-inline:var(--g-space-8)}.g-sm-px-9{padding-inline:var(--g-space-9)}.g-sm-px-10{padding-inline:var(--g-space-10)}.g-sm-px-12{padding-inline:var(--g-space-12)}.g-sm-px-14{padding-inline:var(--g-space-14)}.g-sm-px-16{padding-inline:var(--g-space-16)}.g-sm-px-20{padding-inline:var(--g-space-20)}.g-sm-px-24{padding-inline:var(--g-space-24)}.g-sm-px-28{padding-inline:var(--g-space-28)}.g-sm-px-32{padding-inline:var(--g-space-32)}.g-sm-px-40{padding-inline:var(--g-space-40)}.g-sm-px-48{padding-inline:var(--g-space-48)}.g-sm-px-56{padding-inline:var(--g-space-56)}.g-sm-px-64{padding-inline:var(--g-space-64)}.g-sm-px-80{padding-inline:var(--g-space-80)}.g-sm-px-96{padding-inline:var(--g-space-96)}.g-sm-px-px{padding-inline:var(--g-space-px)}.g-sm-px-0_5{padding-inline:var(--g-space-0_5)}.g-sm-px-1_5{padding-inline:var(--g-space-1_5)}.g-sm-px-2_5{padding-inline:var(--g-space-2_5)}.g-sm-px-3_5{padding-inline:var(--g-space-3_5)}.g-sm-py-0{padding-block:var(--g-space-0)}.g-sm-py-1{padding-block:var(--g-space-1)}.g-sm-py-2{padding-block:var(--g-space-2)}.g-sm-py-3{padding-block:var(--g-space-3)}.g-sm-py-4{padding-block:var(--g-space-4)}.g-sm-py-5{padding-block:var(--g-space-5)}.g-sm-py-6{padding-block:var(--g-space-6)}.g-sm-py-7{padding-block:var(--g-space-7)}.g-sm-py-8{padding-block:var(--g-space-8)}.g-sm-py-9{padding-block:var(--g-space-9)}.g-sm-py-10{padding-block:var(--g-space-10)}.g-sm-py-12{padding-block:var(--g-space-12)}.g-sm-py-14{padding-block:var(--g-space-14)}.g-sm-py-16{padding-block:var(--g-space-16)}.g-sm-py-20{padding-block:var(--g-space-20)}.g-sm-py-24{padding-block:var(--g-space-24)}.g-sm-py-28{padding-block:var(--g-space-28)}.g-sm-py-32{padding-block:var(--g-space-32)}.g-sm-py-40{padding-block:var(--g-space-40)}.g-sm-py-48{padding-block:var(--g-space-48)}.g-sm-py-56{padding-block:var(--g-space-56)}.g-sm-py-64{padding-block:var(--g-space-64)}.g-sm-py-80{padding-block:var(--g-space-80)}.g-sm-py-96{padding-block:var(--g-space-96)}.g-sm-py-px{padding-block:var(--g-space-px)}.g-sm-py-0_5{padding-block:var(--g-space-0_5)}.g-sm-py-1_5{padding-block:var(--g-space-1_5)}.g-sm-py-2_5{padding-block:var(--g-space-2_5)}.g-sm-py-3_5{padding-block:var(--g-space-3_5)}.g-sm-pt-0{padding-top:var(--g-space-0)}.g-sm-pt-1{padding-top:var(--g-space-1)}.g-sm-pt-2{padding-top:var(--g-space-2)}.g-sm-pt-3{padding-top:var(--g-space-3)}.g-sm-pt-4{padding-top:var(--g-space-4)}.g-sm-pt-5{padding-top:var(--g-space-5)}.g-sm-pt-6{padding-top:var(--g-space-6)}.g-sm-pt-7{padding-top:var(--g-space-7)}.g-sm-pt-8{padding-top:var(--g-space-8)}.g-sm-pt-9{padding-top:var(--g-space-9)}.g-sm-pt-10{padding-top:var(--g-space-10)}.g-sm-pt-12{padding-top:var(--g-space-12)}.g-sm-pt-14{padding-top:var(--g-space-14)}.g-sm-pt-16{padding-top:var(--g-space-16)}.g-sm-pt-20{padding-top:var(--g-space-20)}.g-sm-pt-24{padding-top:var(--g-space-24)}.g-sm-pt-28{padding-top:var(--g-space-28)}.g-sm-pt-32{padding-top:var(--g-space-32)}.g-sm-pt-40{padding-top:var(--g-space-40)}.g-sm-pt-48{padding-top:var(--g-space-48)}.g-sm-pt-56{padding-top:var(--g-space-56)}.g-sm-pt-64{padding-top:var(--g-space-64)}.g-sm-pt-80{padding-top:var(--g-space-80)}.g-sm-pt-96{padding-top:var(--g-space-96)}.g-sm-pt-px{padding-top:var(--g-space-px)}.g-sm-pt-0_5{padding-top:var(--g-space-0_5)}.g-sm-pt-1_5{padding-top:var(--g-space-1_5)}.g-sm-pt-2_5{padding-top:var(--g-space-2_5)}.g-sm-pt-3_5{padding-top:var(--g-space-3_5)}.g-sm-pr-0{padding-right:var(--g-space-0)}.g-sm-pr-1{padding-right:var(--g-space-1)}.g-sm-pr-2{padding-right:var(--g-space-2)}.g-sm-pr-3{padding-right:var(--g-space-3)}.g-sm-pr-4{padding-right:var(--g-space-4)}.g-sm-pr-5{padding-right:var(--g-space-5)}.g-sm-pr-6{padding-right:var(--g-space-6)}.g-sm-pr-7{padding-right:var(--g-space-7)}.g-sm-pr-8{padding-right:var(--g-space-8)}.g-sm-pr-9{padding-right:var(--g-space-9)}.g-sm-pr-10{padding-right:var(--g-space-10)}.g-sm-pr-12{padding-right:var(--g-space-12)}.g-sm-pr-14{padding-right:var(--g-space-14)}.g-sm-pr-16{padding-right:var(--g-space-16)}.g-sm-pr-20{padding-right:var(--g-space-20)}.g-sm-pr-24{padding-right:var(--g-space-24)}.g-sm-pr-28{padding-right:var(--g-space-28)}.g-sm-pr-32{padding-right:var(--g-space-32)}.g-sm-pr-40{padding-right:var(--g-space-40)}.g-sm-pr-48{padding-right:var(--g-space-48)}.g-sm-pr-56{padding-right:var(--g-space-56)}.g-sm-pr-64{padding-right:var(--g-space-64)}.g-sm-pr-80{padding-right:var(--g-space-80)}.g-sm-pr-96{padding-right:var(--g-space-96)}.g-sm-pr-px{padding-right:var(--g-space-px)}.g-sm-pr-0_5{padding-right:var(--g-space-0_5)}.g-sm-pr-1_5{padding-right:var(--g-space-1_5)}.g-sm-pr-2_5{padding-right:var(--g-space-2_5)}.g-sm-pr-3_5{padding-right:var(--g-space-3_5)}.g-sm-pb-0{padding-bottom:var(--g-space-0)}.g-sm-pb-1{padding-bottom:var(--g-space-1)}.g-sm-pb-2{padding-bottom:var(--g-space-2)}.g-sm-pb-3{padding-bottom:var(--g-space-3)}.g-sm-pb-4{padding-bottom:var(--g-space-4)}.g-sm-pb-5{padding-bottom:var(--g-space-5)}.g-sm-pb-6{padding-bottom:var(--g-space-6)}.g-sm-pb-7{padding-bottom:var(--g-space-7)}.g-sm-pb-8{padding-bottom:var(--g-space-8)}.g-sm-pb-9{padding-bottom:var(--g-space-9)}.g-sm-pb-10{padding-bottom:var(--g-space-10)}.g-sm-pb-12{padding-bottom:var(--g-space-12)}.g-sm-pb-14{padding-bottom:var(--g-space-14)}.g-sm-pb-16{padding-bottom:var(--g-space-16)}.g-sm-pb-20{padding-bottom:var(--g-space-20)}.g-sm-pb-24{padding-bottom:var(--g-space-24)}.g-sm-pb-28{padding-bottom:var(--g-space-28)}.g-sm-pb-32{padding-bottom:var(--g-space-32)}.g-sm-pb-40{padding-bottom:var(--g-space-40)}.g-sm-pb-48{padding-bottom:var(--g-space-48)}.g-sm-pb-56{padding-bottom:var(--g-space-56)}.g-sm-pb-64{padding-bottom:var(--g-space-64)}.g-sm-pb-80{padding-bottom:var(--g-space-80)}.g-sm-pb-96{padding-bottom:var(--g-space-96)}.g-sm-pb-px{padding-bottom:var(--g-space-px)}.g-sm-pb-0_5{padding-bottom:var(--g-space-0_5)}.g-sm-pb-1_5{padding-bottom:var(--g-space-1_5)}.g-sm-pb-2_5{padding-bottom:var(--g-space-2_5)}.g-sm-pb-3_5{padding-bottom:var(--g-space-3_5)}.g-sm-pl-0{padding-left:var(--g-space-0)}.g-sm-pl-1{padding-left:var(--g-space-1)}.g-sm-pl-2{padding-left:var(--g-space-2)}.g-sm-pl-3{padding-left:var(--g-space-3)}.g-sm-pl-4{padding-left:var(--g-space-4)}.g-sm-pl-5{padding-left:var(--g-space-5)}.g-sm-pl-6{padding-left:var(--g-space-6)}.g-sm-pl-7{padding-left:var(--g-space-7)}.g-sm-pl-8{padding-left:var(--g-space-8)}.g-sm-pl-9{padding-left:var(--g-space-9)}.g-sm-pl-10{padding-left:var(--g-space-10)}.g-sm-pl-12{padding-left:var(--g-space-12)}.g-sm-pl-14{padding-left:var(--g-space-14)}.g-sm-pl-16{padding-left:var(--g-space-16)}.g-sm-pl-20{padding-left:var(--g-space-20)}.g-sm-pl-24{padding-left:var(--g-space-24)}.g-sm-pl-28{padding-left:var(--g-space-28)}.g-sm-pl-32{padding-left:var(--g-space-32)}.g-sm-pl-40{padding-left:var(--g-space-40)}.g-sm-pl-48{padding-left:var(--g-space-48)}.g-sm-pl-56{padding-left:var(--g-space-56)}.g-sm-pl-64{padding-left:var(--g-space-64)}.g-sm-pl-80{padding-left:var(--g-space-80)}.g-sm-pl-96{padding-left:var(--g-space-96)}.g-sm-pl-px{padding-left:var(--g-space-px)}.g-sm-pl-0_5{padding-left:var(--g-space-0_5)}.g-sm-pl-1_5{padding-left:var(--g-space-1_5)}.g-sm-pl-2_5{padding-left:var(--g-space-2_5)}.g-sm-pl-3_5{padding-left:var(--g-space-3_5)}.g-sm-ps-0{padding-inline-start:var(--g-space-0)}.g-sm-ps-1{padding-inline-start:var(--g-space-1)}.g-sm-ps-2{padding-inline-start:var(--g-space-2)}.g-sm-ps-3{padding-inline-start:var(--g-space-3)}.g-sm-ps-4{padding-inline-start:var(--g-space-4)}.g-sm-ps-5{padding-inline-start:var(--g-space-5)}.g-sm-ps-6{padding-inline-start:var(--g-space-6)}.g-sm-ps-7{padding-inline-start:var(--g-space-7)}.g-sm-ps-8{padding-inline-start:var(--g-space-8)}.g-sm-ps-9{padding-inline-start:var(--g-space-9)}.g-sm-ps-10{padding-inline-start:var(--g-space-10)}.g-sm-ps-12{padding-inline-start:var(--g-space-12)}.g-sm-ps-14{padding-inline-start:var(--g-space-14)}.g-sm-ps-16{padding-inline-start:var(--g-space-16)}.g-sm-ps-20{padding-inline-start:var(--g-space-20)}.g-sm-ps-24{padding-inline-start:var(--g-space-24)}.g-sm-ps-28{padding-inline-start:var(--g-space-28)}.g-sm-ps-32{padding-inline-start:var(--g-space-32)}.g-sm-ps-40{padding-inline-start:var(--g-space-40)}.g-sm-ps-48{padding-inline-start:var(--g-space-48)}.g-sm-ps-56{padding-inline-start:var(--g-space-56)}.g-sm-ps-64{padding-inline-start:var(--g-space-64)}.g-sm-ps-80{padding-inline-start:var(--g-space-80)}.g-sm-ps-96{padding-inline-start:var(--g-space-96)}.g-sm-ps-px{padding-inline-start:var(--g-space-px)}.g-sm-ps-0_5{padding-inline-start:var(--g-space-0_5)}.g-sm-ps-1_5{padding-inline-start:var(--g-space-1_5)}.g-sm-ps-2_5{padding-inline-start:var(--g-space-2_5)}.g-sm-ps-3_5{padding-inline-start:var(--g-space-3_5)}.g-sm-pe-0{padding-inline-end:var(--g-space-0)}.g-sm-pe-1{padding-inline-end:var(--g-space-1)}.g-sm-pe-2{padding-inline-end:var(--g-space-2)}.g-sm-pe-3{padding-inline-end:var(--g-space-3)}.g-sm-pe-4{padding-inline-end:var(--g-space-4)}.g-sm-pe-5{padding-inline-end:var(--g-space-5)}.g-sm-pe-6{padding-inline-end:var(--g-space-6)}.g-sm-pe-7{padding-inline-end:var(--g-space-7)}.g-sm-pe-8{padding-inline-end:var(--g-space-8)}.g-sm-pe-9{padding-inline-end:var(--g-space-9)}.g-sm-pe-10{padding-inline-end:var(--g-space-10)}.g-sm-pe-12{padding-inline-end:var(--g-space-12)}.g-sm-pe-14{padding-inline-end:var(--g-space-14)}.g-sm-pe-16{padding-inline-end:var(--g-space-16)}.g-sm-pe-20{padding-inline-end:var(--g-space-20)}.g-sm-pe-24{padding-inline-end:var(--g-space-24)}.g-sm-pe-28{padding-inline-end:var(--g-space-28)}.g-sm-pe-32{padding-inline-end:var(--g-space-32)}.g-sm-pe-40{padding-inline-end:var(--g-space-40)}.g-sm-pe-48{padding-inline-end:var(--g-space-48)}.g-sm-pe-56{padding-inline-end:var(--g-space-56)}.g-sm-pe-64{padding-inline-end:var(--g-space-64)}.g-sm-pe-80{padding-inline-end:var(--g-space-80)}.g-sm-pe-96{padding-inline-end:var(--g-space-96)}.g-sm-pe-px{padding-inline-end:var(--g-space-px)}.g-sm-pe-0_5{padding-inline-end:var(--g-space-0_5)}.g-sm-pe-1_5{padding-inline-end:var(--g-space-1_5)}.g-sm-pe-2_5{padding-inline-end:var(--g-space-2_5)}.g-sm-pe-3_5{padding-inline-end:var(--g-space-3_5)}.g-sm-gap-0{gap:var(--g-space-0)}.g-sm-gap-1{gap:var(--g-space-1)}.g-sm-gap-2{gap:var(--g-space-2)}.g-sm-gap-3{gap:var(--g-space-3)}.g-sm-gap-4{gap:var(--g-space-4)}.g-sm-gap-5{gap:var(--g-space-5)}.g-sm-gap-6{gap:var(--g-space-6)}.g-sm-gap-7{gap:var(--g-space-7)}.g-sm-gap-8{gap:var(--g-space-8)}.g-sm-gap-9{gap:var(--g-space-9)}.g-sm-gap-10{gap:var(--g-space-10)}.g-sm-gap-12{gap:var(--g-space-12)}.g-sm-gap-14{gap:var(--g-space-14)}.g-sm-gap-16{gap:var(--g-space-16)}.g-sm-gap-20{gap:var(--g-space-20)}.g-sm-gap-24{gap:var(--g-space-24)}.g-sm-gap-28{gap:var(--g-space-28)}.g-sm-gap-32{gap:var(--g-space-32)}.g-sm-gap-40{gap:var(--g-space-40)}.g-sm-gap-48{gap:var(--g-space-48)}.g-sm-gap-56{gap:var(--g-space-56)}.g-sm-gap-64{gap:var(--g-space-64)}.g-sm-gap-80{gap:var(--g-space-80)}.g-sm-gap-96{gap:var(--g-space-96)}.g-sm-gap-px{gap:var(--g-space-px)}.g-sm-gap-0_5{gap:var(--g-space-0_5)}.g-sm-gap-1_5{gap:var(--g-space-1_5)}.g-sm-gap-2_5{gap:var(--g-space-2_5)}.g-sm-gap-3_5{gap:var(--g-space-3_5)}.g-sm-gap-x-0{column-gap:var(--g-space-0)}.g-sm-gap-x-1{column-gap:var(--g-space-1)}.g-sm-gap-x-2{column-gap:var(--g-space-2)}.g-sm-gap-x-3{column-gap:var(--g-space-3)}.g-sm-gap-x-4{column-gap:var(--g-space-4)}.g-sm-gap-x-5{column-gap:var(--g-space-5)}.g-sm-gap-x-6{column-gap:var(--g-space-6)}.g-sm-gap-x-7{column-gap:var(--g-space-7)}.g-sm-gap-x-8{column-gap:var(--g-space-8)}.g-sm-gap-x-9{column-gap:var(--g-space-9)}.g-sm-gap-x-10{column-gap:var(--g-space-10)}.g-sm-gap-x-12{column-gap:var(--g-space-12)}.g-sm-gap-x-14{column-gap:var(--g-space-14)}.g-sm-gap-x-16{column-gap:var(--g-space-16)}.g-sm-gap-x-20{column-gap:var(--g-space-20)}.g-sm-gap-x-24{column-gap:var(--g-space-24)}.g-sm-gap-x-28{column-gap:var(--g-space-28)}.g-sm-gap-x-32{column-gap:var(--g-space-32)}.g-sm-gap-x-40{column-gap:var(--g-space-40)}.g-sm-gap-x-48{column-gap:var(--g-space-48)}.g-sm-gap-x-56{column-gap:var(--g-space-56)}.g-sm-gap-x-64{column-gap:var(--g-space-64)}.g-sm-gap-x-80{column-gap:var(--g-space-80)}.g-sm-gap-x-96{column-gap:var(--g-space-96)}.g-sm-gap-x-px{column-gap:var(--g-space-px)}.g-sm-gap-x-0_5{column-gap:var(--g-space-0_5)}.g-sm-gap-x-1_5{column-gap:var(--g-space-1_5)}.g-sm-gap-x-2_5{column-gap:var(--g-space-2_5)}.g-sm-gap-x-3_5{column-gap:var(--g-space-3_5)}.g-sm-gap-y-0{row-gap:var(--g-space-0)}.g-sm-gap-y-1{row-gap:var(--g-space-1)}.g-sm-gap-y-2{row-gap:var(--g-space-2)}.g-sm-gap-y-3{row-gap:var(--g-space-3)}.g-sm-gap-y-4{row-gap:var(--g-space-4)}.g-sm-gap-y-5{row-gap:var(--g-space-5)}.g-sm-gap-y-6{row-gap:var(--g-space-6)}.g-sm-gap-y-7{row-gap:var(--g-space-7)}.g-sm-gap-y-8{row-gap:var(--g-space-8)}.g-sm-gap-y-9{row-gap:var(--g-space-9)}.g-sm-gap-y-10{row-gap:var(--g-space-10)}.g-sm-gap-y-12{row-gap:var(--g-space-12)}.g-sm-gap-y-14{row-gap:var(--g-space-14)}.g-sm-gap-y-16{row-gap:var(--g-space-16)}.g-sm-gap-y-20{row-gap:var(--g-space-20)}.g-sm-gap-y-24{row-gap:var(--g-space-24)}.g-sm-gap-y-28{row-gap:var(--g-space-28)}.g-sm-gap-y-32{row-gap:var(--g-space-32)}.g-sm-gap-y-40{row-gap:var(--g-space-40)}.g-sm-gap-y-48{row-gap:var(--g-space-48)}.g-sm-gap-y-56{row-gap:var(--g-space-56)}.g-sm-gap-y-64{row-gap:var(--g-space-64)}.g-sm-gap-y-80{row-gap:var(--g-space-80)}.g-sm-gap-y-96{row-gap:var(--g-space-96)}.g-sm-gap-y-px{row-gap:var(--g-space-px)}.g-sm-gap-y-0_5{row-gap:var(--g-space-0_5)}.g-sm-gap-y-1_5{row-gap:var(--g-space-1_5)}.g-sm-gap-y-2_5{row-gap:var(--g-space-2_5)}.g-sm-gap-y-3_5{row-gap:var(--g-space-3_5)}.g-sm-m-auto{margin:auto}.g-sm-mx-auto{margin-inline:auto}.g-sm-my-auto{margin-block:auto}.g-sm-mt-auto{margin-top:auto}.g-sm-mr-auto{margin-right:auto}.g-sm-mb-auto{margin-bottom:auto}.g-sm-ml-auto{margin-left:auto}.g-sm-ms-auto{margin-inline-start:auto}.g-sm-me-auto{margin-inline-end:auto}.g-sm-w-0{width:var(--g-space-0)}.g-sm-h-0{height:var(--g-space-0)}.g-sm-min-w-0{min-width:var(--g-space-0)}.g-sm-min-h-0{min-height:var(--g-space-0)}.g-sm-max-w-0{max-width:var(--g-space-0)}.g-sm-max-h-0{max-height:var(--g-space-0)}.g-sm-w-1{width:var(--g-space-1)}.g-sm-h-1{height:var(--g-space-1)}.g-sm-min-w-1{min-width:var(--g-space-1)}.g-sm-min-h-1{min-height:var(--g-space-1)}.g-sm-max-w-1{max-width:var(--g-space-1)}.g-sm-max-h-1{max-height:var(--g-space-1)}.g-sm-w-2{width:var(--g-space-2)}.g-sm-h-2{height:var(--g-space-2)}.g-sm-min-w-2{min-width:var(--g-space-2)}.g-sm-min-h-2{min-height:var(--g-space-2)}.g-sm-max-w-2{max-width:var(--g-space-2)}.g-sm-max-h-2{max-height:var(--g-space-2)}.g-sm-w-3{width:var(--g-space-3)}.g-sm-h-3{height:var(--g-space-3)}.g-sm-min-w-3{min-width:var(--g-space-3)}.g-sm-min-h-3{min-height:var(--g-space-3)}.g-sm-max-w-3{max-width:var(--g-space-3)}.g-sm-max-h-3{max-height:var(--g-space-3)}.g-sm-w-4{width:var(--g-space-4)}.g-sm-h-4{height:var(--g-space-4)}.g-sm-min-w-4{min-width:var(--g-space-4)}.g-sm-min-h-4{min-height:var(--g-space-4)}.g-sm-max-w-4{max-width:var(--g-space-4)}.g-sm-max-h-4{max-height:var(--g-space-4)}.g-sm-w-5{width:var(--g-space-5)}.g-sm-h-5{height:var(--g-space-5)}.g-sm-min-w-5{min-width:var(--g-space-5)}.g-sm-min-h-5{min-height:var(--g-space-5)}.g-sm-max-w-5{max-width:var(--g-space-5)}.g-sm-max-h-5{max-height:var(--g-space-5)}.g-sm-w-6{width:var(--g-space-6)}.g-sm-h-6{height:var(--g-space-6)}.g-sm-min-w-6{min-width:var(--g-space-6)}.g-sm-min-h-6{min-height:var(--g-space-6)}.g-sm-max-w-6{max-width:var(--g-space-6)}.g-sm-max-h-6{max-height:var(--g-space-6)}.g-sm-w-7{width:var(--g-space-7)}.g-sm-h-7{height:var(--g-space-7)}.g-sm-min-w-7{min-width:var(--g-space-7)}.g-sm-min-h-7{min-height:var(--g-space-7)}.g-sm-max-w-7{max-width:var(--g-space-7)}.g-sm-max-h-7{max-height:var(--g-space-7)}.g-sm-w-8{width:var(--g-space-8)}.g-sm-h-8{height:var(--g-space-8)}.g-sm-min-w-8{min-width:var(--g-space-8)}.g-sm-min-h-8{min-height:var(--g-space-8)}.g-sm-max-w-8{max-width:var(--g-space-8)}.g-sm-max-h-8{max-height:var(--g-space-8)}.g-sm-w-9{width:var(--g-space-9)}.g-sm-h-9{height:var(--g-space-9)}.g-sm-min-w-9{min-width:var(--g-space-9)}.g-sm-min-h-9{min-height:var(--g-space-9)}.g-sm-max-w-9{max-width:var(--g-space-9)}.g-sm-max-h-9{max-height:var(--g-space-9)}.g-sm-w-10{width:var(--g-space-10)}.g-sm-h-10{height:var(--g-space-10)}.g-sm-min-w-10{min-width:var(--g-space-10)}.g-sm-min-h-10{min-height:var(--g-space-10)}.g-sm-max-w-10{max-width:var(--g-space-10)}.g-sm-max-h-10{max-height:var(--g-space-10)}.g-sm-w-12{width:var(--g-space-12)}.g-sm-h-12{height:var(--g-space-12)}.g-sm-min-w-12{min-width:var(--g-space-12)}.g-sm-min-h-12{min-height:var(--g-space-12)}.g-sm-max-w-12{max-width:var(--g-space-12)}.g-sm-max-h-12{max-height:var(--g-space-12)}.g-sm-w-14{width:var(--g-space-14)}.g-sm-h-14{height:var(--g-space-14)}.g-sm-min-w-14{min-width:var(--g-space-14)}.g-sm-min-h-14{min-height:var(--g-space-14)}.g-sm-max-w-14{max-width:var(--g-space-14)}.g-sm-max-h-14{max-height:var(--g-space-14)}.g-sm-w-16{width:var(--g-space-16)}.g-sm-h-16{height:var(--g-space-16)}.g-sm-min-w-16{min-width:var(--g-space-16)}.g-sm-min-h-16{min-height:var(--g-space-16)}.g-sm-max-w-16{max-width:var(--g-space-16)}.g-sm-max-h-16{max-height:var(--g-space-16)}.g-sm-w-20{width:var(--g-space-20)}.g-sm-h-20{height:var(--g-space-20)}.g-sm-min-w-20{min-width:var(--g-space-20)}.g-sm-min-h-20{min-height:var(--g-space-20)}.g-sm-max-w-20{max-width:var(--g-space-20)}.g-sm-max-h-20{max-height:var(--g-space-20)}.g-sm-w-24{width:var(--g-space-24)}.g-sm-h-24{height:var(--g-space-24)}.g-sm-min-w-24{min-width:var(--g-space-24)}.g-sm-min-h-24{min-height:var(--g-space-24)}.g-sm-max-w-24{max-width:var(--g-space-24)}.g-sm-max-h-24{max-height:var(--g-space-24)}.g-sm-w-28{width:var(--g-space-28)}.g-sm-h-28{height:var(--g-space-28)}.g-sm-min-w-28{min-width:var(--g-space-28)}.g-sm-min-h-28{min-height:var(--g-space-28)}.g-sm-max-w-28{max-width:var(--g-space-28)}.g-sm-max-h-28{max-height:var(--g-space-28)}.g-sm-w-32{width:var(--g-space-32)}.g-sm-h-32{height:var(--g-space-32)}.g-sm-min-w-32{min-width:var(--g-space-32)}.g-sm-min-h-32{min-height:var(--g-space-32)}.g-sm-max-w-32{max-width:var(--g-space-32)}.g-sm-max-h-32{max-height:var(--g-space-32)}.g-sm-w-40{width:var(--g-space-40)}.g-sm-h-40{height:var(--g-space-40)}.g-sm-min-w-40{min-width:var(--g-space-40)}.g-sm-min-h-40{min-height:var(--g-space-40)}.g-sm-max-w-40{max-width:var(--g-space-40)}.g-sm-max-h-40{max-height:var(--g-space-40)}.g-sm-w-48{width:var(--g-space-48)}.g-sm-h-48{height:var(--g-space-48)}.g-sm-min-w-48{min-width:var(--g-space-48)}.g-sm-min-h-48{min-height:var(--g-space-48)}.g-sm-max-w-48{max-width:var(--g-space-48)}.g-sm-max-h-48{max-height:var(--g-space-48)}.g-sm-w-56{width:var(--g-space-56)}.g-sm-h-56{height:var(--g-space-56)}.g-sm-min-w-56{min-width:var(--g-space-56)}.g-sm-min-h-56{min-height:var(--g-space-56)}.g-sm-max-w-56{max-width:var(--g-space-56)}.g-sm-max-h-56{max-height:var(--g-space-56)}.g-sm-w-64{width:var(--g-space-64)}.g-sm-h-64{height:var(--g-space-64)}.g-sm-min-w-64{min-width:var(--g-space-64)}.g-sm-min-h-64{min-height:var(--g-space-64)}.g-sm-max-w-64{max-width:var(--g-space-64)}.g-sm-max-h-64{max-height:var(--g-space-64)}.g-sm-w-80{width:var(--g-space-80)}.g-sm-h-80{height:var(--g-space-80)}.g-sm-min-w-80{min-width:var(--g-space-80)}.g-sm-min-h-80{min-height:var(--g-space-80)}.g-sm-max-w-80{max-width:var(--g-space-80)}.g-sm-max-h-80{max-height:var(--g-space-80)}.g-sm-w-96{width:var(--g-space-96)}.g-sm-h-96{height:var(--g-space-96)}.g-sm-min-w-96{min-width:var(--g-space-96)}.g-sm-min-h-96{min-height:var(--g-space-96)}.g-sm-max-w-96{max-width:var(--g-space-96)}.g-sm-max-h-96{max-height:var(--g-space-96)}.g-sm-w-px{width:var(--g-space-px)}.g-sm-h-px{height:var(--g-space-px)}.g-sm-min-w-px{min-width:var(--g-space-px)}.g-sm-min-h-px{min-height:var(--g-space-px)}.g-sm-max-w-px{max-width:var(--g-space-px)}.g-sm-max-h-px{max-height:var(--g-space-px)}.g-sm-w-0_5{width:var(--g-space-0_5)}.g-sm-h-0_5{height:var(--g-space-0_5)}.g-sm-min-w-0_5{min-width:var(--g-space-0_5)}.g-sm-min-h-0_5{min-height:var(--g-space-0_5)}.g-sm-max-w-0_5{max-width:var(--g-space-0_5)}.g-sm-max-h-0_5{max-height:var(--g-space-0_5)}.g-sm-w-1_5{width:var(--g-space-1_5)}.g-sm-h-1_5{height:var(--g-space-1_5)}.g-sm-min-w-1_5{min-width:var(--g-space-1_5)}.g-sm-min-h-1_5{min-height:var(--g-space-1_5)}.g-sm-max-w-1_5{max-width:var(--g-space-1_5)}.g-sm-max-h-1_5{max-height:var(--g-space-1_5)}.g-sm-w-2_5{width:var(--g-space-2_5)}.g-sm-h-2_5{height:var(--g-space-2_5)}.g-sm-min-w-2_5{min-width:var(--g-space-2_5)}.g-sm-min-h-2_5{min-height:var(--g-space-2_5)}.g-sm-max-w-2_5{max-width:var(--g-space-2_5)}.g-sm-max-h-2_5{max-height:var(--g-space-2_5)}.g-sm-w-3_5{width:var(--g-space-3_5)}.g-sm-h-3_5{height:var(--g-space-3_5)}.g-sm-min-w-3_5{min-width:var(--g-space-3_5)}.g-sm-min-h-3_5{min-height:var(--g-space-3_5)}.g-sm-max-w-3_5{max-width:var(--g-space-3_5)}.g-sm-max-h-3_5{max-height:var(--g-space-3_5)}.g-sm-w-1of2{width:50%}.g-sm-h-1of2{height:50%}.g-sm-basis-1of2{flex-basis:50%}.g-sm-w-1of3{width:33.333333%}.g-sm-h-1of3{height:33.333333%}.g-sm-basis-1of3{flex-basis:33.333333%}.g-sm-w-2of3{width:66.666667%}.g-sm-h-2of3{height:66.666667%}.g-sm-basis-2of3{flex-basis:66.666667%}.g-sm-w-1of4{width:25%}.g-sm-h-1of4{height:25%}.g-sm-basis-1of4{flex-basis:25%}.g-sm-w-2of4{width:50%}.g-sm-h-2of4{height:50%}.g-sm-basis-2of4{flex-basis:50%}.g-sm-w-3of4{width:75%}.g-sm-h-3of4{height:75%}.g-sm-basis-3of4{flex-basis:75%}.g-sm-w-1of5{width:20%}.g-sm-h-1of5{height:20%}.g-sm-basis-1of5{flex-basis:20%}.g-sm-w-2of5{width:40%}.g-sm-h-2of5{height:40%}.g-sm-basis-2of5{flex-basis:40%}.g-sm-w-3of5{width:60%}.g-sm-h-3of5{height:60%}.g-sm-basis-3of5{flex-basis:60%}.g-sm-w-4of5{width:80%}.g-sm-h-4of5{height:80%}.g-sm-basis-4of5{flex-basis:80%}.g-sm-w-1of6{width:16.666667%}.g-sm-h-1of6{height:16.666667%}.g-sm-basis-1of6{flex-basis:16.666667%}.g-sm-w-5of6{width:83.333333%}.g-sm-h-5of6{height:83.333333%}.g-sm-basis-5of6{flex-basis:83.333333%}.g-sm-basis-auto{flex-basis:auto}.g-sm-basis-full{flex-basis:100%}.g-sm-inset-0{inset:var(--g-space-0)}.g-sm-inset-1{inset:var(--g-space-1)}.g-sm-neg-inset-1{inset:calc(-1 * var(--g-space-1))}.g-sm-inset-2{inset:var(--g-space-2)}.g-sm-neg-inset-2{inset:calc(-1 * var(--g-space-2))}.g-sm-inset-3{inset:var(--g-space-3)}.g-sm-neg-inset-3{inset:calc(-1 * var(--g-space-3))}.g-sm-inset-4{inset:var(--g-space-4)}.g-sm-neg-inset-4{inset:calc(-1 * var(--g-space-4))}.g-sm-inset-5{inset:var(--g-space-5)}.g-sm-neg-inset-5{inset:calc(-1 * var(--g-space-5))}.g-sm-inset-6{inset:var(--g-space-6)}.g-sm-neg-inset-6{inset:calc(-1 * var(--g-space-6))}.g-sm-inset-7{inset:var(--g-space-7)}.g-sm-neg-inset-7{inset:calc(-1 * var(--g-space-7))}.g-sm-inset-8{inset:var(--g-space-8)}.g-sm-neg-inset-8{inset:calc(-1 * var(--g-space-8))}.g-sm-inset-9{inset:var(--g-space-9)}.g-sm-neg-inset-9{inset:calc(-1 * var(--g-space-9))}.g-sm-inset-10{inset:var(--g-space-10)}.g-sm-neg-inset-10{inset:calc(-1 * var(--g-space-10))}.g-sm-inset-12{inset:var(--g-space-12)}.g-sm-neg-inset-12{inset:calc(-1 * var(--g-space-12))}.g-sm-inset-14{inset:var(--g-space-14)}.g-sm-neg-inset-14{inset:calc(-1 * var(--g-space-14))}.g-sm-inset-16{inset:var(--g-space-16)}.g-sm-neg-inset-16{inset:calc(-1 * var(--g-space-16))}.g-sm-inset-20{inset:var(--g-space-20)}.g-sm-neg-inset-20{inset:calc(-1 * var(--g-space-20))}.g-sm-inset-24{inset:var(--g-space-24)}.g-sm-neg-inset-24{inset:calc(-1 * var(--g-space-24))}.g-sm-inset-28{inset:var(--g-space-28)}.g-sm-neg-inset-28{inset:calc(-1 * var(--g-space-28))}.g-sm-inset-32{inset:var(--g-space-32)}.g-sm-neg-inset-32{inset:calc(-1 * var(--g-space-32))}.g-sm-inset-40{inset:var(--g-space-40)}.g-sm-neg-inset-40{inset:calc(-1 * var(--g-space-40))}.g-sm-inset-48{inset:var(--g-space-48)}.g-sm-neg-inset-48{inset:calc(-1 * var(--g-space-48))}.g-sm-inset-56{inset:var(--g-space-56)}.g-sm-neg-inset-56{inset:calc(-1 * var(--g-space-56))}.g-sm-inset-64{inset:var(--g-space-64)}.g-sm-neg-inset-64{inset:calc(-1 * var(--g-space-64))}.g-sm-inset-80{inset:var(--g-space-80)}.g-sm-neg-inset-80{inset:calc(-1 * var(--g-space-80))}.g-sm-inset-96{inset:var(--g-space-96)}.g-sm-neg-inset-96{inset:calc(-1 * var(--g-space-96))}.g-sm-inset-px{inset:var(--g-space-px)}.g-sm-inset-0_5{inset:var(--g-space-0_5)}.g-sm-neg-inset-0_5{inset:calc(-1 * var(--g-space-0_5))}.g-sm-inset-1_5{inset:var(--g-space-1_5)}.g-sm-neg-inset-1_5{inset:calc(-1 * var(--g-space-1_5))}.g-sm-inset-2_5{inset:var(--g-space-2_5)}.g-sm-neg-inset-2_5{inset:calc(-1 * var(--g-space-2_5))}.g-sm-inset-3_5{inset:var(--g-space-3_5)}.g-sm-neg-inset-3_5{inset:calc(-1 * var(--g-space-3_5))}.g-sm-inset-auto{inset:auto}.g-sm-inset-x-0{inset-inline:var(--g-space-0)}.g-sm-inset-x-1{inset-inline:var(--g-space-1)}.g-sm-neg-inset-x-1{inset-inline:calc(-1 * var(--g-space-1))}.g-sm-inset-x-2{inset-inline:var(--g-space-2)}.g-sm-neg-inset-x-2{inset-inline:calc(-1 * var(--g-space-2))}.g-sm-inset-x-3{inset-inline:var(--g-space-3)}.g-sm-neg-inset-x-3{inset-inline:calc(-1 * var(--g-space-3))}.g-sm-inset-x-4{inset-inline:var(--g-space-4)}.g-sm-neg-inset-x-4{inset-inline:calc(-1 * var(--g-space-4))}.g-sm-inset-x-5{inset-inline:var(--g-space-5)}.g-sm-neg-inset-x-5{inset-inline:calc(-1 * var(--g-space-5))}.g-sm-inset-x-6{inset-inline:var(--g-space-6)}.g-sm-neg-inset-x-6{inset-inline:calc(-1 * var(--g-space-6))}.g-sm-inset-x-7{inset-inline:var(--g-space-7)}.g-sm-neg-inset-x-7{inset-inline:calc(-1 * var(--g-space-7))}.g-sm-inset-x-8{inset-inline:var(--g-space-8)}.g-sm-neg-inset-x-8{inset-inline:calc(-1 * var(--g-space-8))}.g-sm-inset-x-9{inset-inline:var(--g-space-9)}.g-sm-neg-inset-x-9{inset-inline:calc(-1 * var(--g-space-9))}.g-sm-inset-x-10{inset-inline:var(--g-space-10)}.g-sm-neg-inset-x-10{inset-inline:calc(-1 * var(--g-space-10))}.g-sm-inset-x-12{inset-inline:var(--g-space-12)}.g-sm-neg-inset-x-12{inset-inline:calc(-1 * var(--g-space-12))}.g-sm-inset-x-14{inset-inline:var(--g-space-14)}.g-sm-neg-inset-x-14{inset-inline:calc(-1 * var(--g-space-14))}.g-sm-inset-x-16{inset-inline:var(--g-space-16)}.g-sm-neg-inset-x-16{inset-inline:calc(-1 * var(--g-space-16))}.g-sm-inset-x-20{inset-inline:var(--g-space-20)}.g-sm-neg-inset-x-20{inset-inline:calc(-1 * var(--g-space-20))}.g-sm-inset-x-24{inset-inline:var(--g-space-24)}.g-sm-neg-inset-x-24{inset-inline:calc(-1 * var(--g-space-24))}.g-sm-inset-x-28{inset-inline:var(--g-space-28)}.g-sm-neg-inset-x-28{inset-inline:calc(-1 * var(--g-space-28))}.g-sm-inset-x-32{inset-inline:var(--g-space-32)}.g-sm-neg-inset-x-32{inset-inline:calc(-1 * var(--g-space-32))}.g-sm-inset-x-40{inset-inline:var(--g-space-40)}.g-sm-neg-inset-x-40{inset-inline:calc(-1 * var(--g-space-40))}.g-sm-inset-x-48{inset-inline:var(--g-space-48)}.g-sm-neg-inset-x-48{inset-inline:calc(-1 * var(--g-space-48))}.g-sm-inset-x-56{inset-inline:var(--g-space-56)}.g-sm-neg-inset-x-56{inset-inline:calc(-1 * var(--g-space-56))}.g-sm-inset-x-64{inset-inline:var(--g-space-64)}.g-sm-neg-inset-x-64{inset-inline:calc(-1 * var(--g-space-64))}.g-sm-inset-x-80{inset-inline:var(--g-space-80)}.g-sm-neg-inset-x-80{inset-inline:calc(-1 * var(--g-space-80))}.g-sm-inset-x-96{inset-inline:var(--g-space-96)}.g-sm-neg-inset-x-96{inset-inline:calc(-1 * var(--g-space-96))}.g-sm-inset-x-px{inset-inline:var(--g-space-px)}.g-sm-inset-x-0_5{inset-inline:var(--g-space-0_5)}.g-sm-neg-inset-x-0_5{inset-inline:calc(-1 * var(--g-space-0_5))}.g-sm-inset-x-1_5{inset-inline:var(--g-space-1_5)}.g-sm-neg-inset-x-1_5{inset-inline:calc(-1 * var(--g-space-1_5))}.g-sm-inset-x-2_5{inset-inline:var(--g-space-2_5)}.g-sm-neg-inset-x-2_5{inset-inline:calc(-1 * var(--g-space-2_5))}.g-sm-inset-x-3_5{inset-inline:var(--g-space-3_5)}.g-sm-neg-inset-x-3_5{inset-inline:calc(-1 * var(--g-space-3_5))}.g-sm-inset-x-auto{inset-inline:auto}.g-sm-inset-y-0{inset-block:var(--g-space-0)}.g-sm-inset-y-1{inset-block:var(--g-space-1)}.g-sm-neg-inset-y-1{inset-block:calc(-1 * var(--g-space-1))}.g-sm-inset-y-2{inset-block:var(--g-space-2)}.g-sm-neg-inset-y-2{inset-block:calc(-1 * var(--g-space-2))}.g-sm-inset-y-3{inset-block:var(--g-space-3)}.g-sm-neg-inset-y-3{inset-block:calc(-1 * var(--g-space-3))}.g-sm-inset-y-4{inset-block:var(--g-space-4)}.g-sm-neg-inset-y-4{inset-block:calc(-1 * var(--g-space-4))}.g-sm-inset-y-5{inset-block:var(--g-space-5)}.g-sm-neg-inset-y-5{inset-block:calc(-1 * var(--g-space-5))}.g-sm-inset-y-6{inset-block:var(--g-space-6)}.g-sm-neg-inset-y-6{inset-block:calc(-1 * var(--g-space-6))}.g-sm-inset-y-7{inset-block:var(--g-space-7)}.g-sm-neg-inset-y-7{inset-block:calc(-1 * var(--g-space-7))}.g-sm-inset-y-8{inset-block:var(--g-space-8)}.g-sm-neg-inset-y-8{inset-block:calc(-1 * var(--g-space-8))}.g-sm-inset-y-9{inset-block:var(--g-space-9)}.g-sm-neg-inset-y-9{inset-block:calc(-1 * var(--g-space-9))}.g-sm-inset-y-10{inset-block:var(--g-space-10)}.g-sm-neg-inset-y-10{inset-block:calc(-1 * var(--g-space-10))}.g-sm-inset-y-12{inset-block:var(--g-space-12)}.g-sm-neg-inset-y-12{inset-block:calc(-1 * var(--g-space-12))}.g-sm-inset-y-14{inset-block:var(--g-space-14)}.g-sm-neg-inset-y-14{inset-block:calc(-1 * var(--g-space-14))}.g-sm-inset-y-16{inset-block:var(--g-space-16)}.g-sm-neg-inset-y-16{inset-block:calc(-1 * var(--g-space-16))}.g-sm-inset-y-20{inset-block:var(--g-space-20)}.g-sm-neg-inset-y-20{inset-block:calc(-1 * var(--g-space-20))}.g-sm-inset-y-24{inset-block:var(--g-space-24)}.g-sm-neg-inset-y-24{inset-block:calc(-1 * var(--g-space-24))}.g-sm-inset-y-28{inset-block:var(--g-space-28)}.g-sm-neg-inset-y-28{inset-block:calc(-1 * var(--g-space-28))}.g-sm-inset-y-32{inset-block:var(--g-space-32)}.g-sm-neg-inset-y-32{inset-block:calc(-1 * var(--g-space-32))}.g-sm-inset-y-40{inset-block:var(--g-space-40)}.g-sm-neg-inset-y-40{inset-block:calc(-1 * var(--g-space-40))}.g-sm-inset-y-48{inset-block:var(--g-space-48)}.g-sm-neg-inset-y-48{inset-block:calc(-1 * var(--g-space-48))}.g-sm-inset-y-56{inset-block:var(--g-space-56)}.g-sm-neg-inset-y-56{inset-block:calc(-1 * var(--g-space-56))}.g-sm-inset-y-64{inset-block:var(--g-space-64)}.g-sm-neg-inset-y-64{inset-block:calc(-1 * var(--g-space-64))}.g-sm-inset-y-80{inset-block:var(--g-space-80)}.g-sm-neg-inset-y-80{inset-block:calc(-1 * var(--g-space-80))}.g-sm-inset-y-96{inset-block:var(--g-space-96)}.g-sm-neg-inset-y-96{inset-block:calc(-1 * var(--g-space-96))}.g-sm-inset-y-px{inset-block:var(--g-space-px)}.g-sm-inset-y-0_5{inset-block:var(--g-space-0_5)}.g-sm-neg-inset-y-0_5{inset-block:calc(-1 * var(--g-space-0_5))}.g-sm-inset-y-1_5{inset-block:var(--g-space-1_5)}.g-sm-neg-inset-y-1_5{inset-block:calc(-1 * var(--g-space-1_5))}.g-sm-inset-y-2_5{inset-block:var(--g-space-2_5)}.g-sm-neg-inset-y-2_5{inset-block:calc(-1 * var(--g-space-2_5))}.g-sm-inset-y-3_5{inset-block:var(--g-space-3_5)}.g-sm-neg-inset-y-3_5{inset-block:calc(-1 * var(--g-space-3_5))}.g-sm-inset-y-auto{inset-block:auto}.g-sm-top-0{top:var(--g-space-0)}.g-sm-top-1{top:var(--g-space-1)}.g-sm-neg-top-1{top:calc(-1 * var(--g-space-1))}.g-sm-top-2{top:var(--g-space-2)}.g-sm-neg-top-2{top:calc(-1 * var(--g-space-2))}.g-sm-top-3{top:var(--g-space-3)}.g-sm-neg-top-3{top:calc(-1 * var(--g-space-3))}.g-sm-top-4{top:var(--g-space-4)}.g-sm-neg-top-4{top:calc(-1 * var(--g-space-4))}.g-sm-top-5{top:var(--g-space-5)}.g-sm-neg-top-5{top:calc(-1 * var(--g-space-5))}.g-sm-top-6{top:var(--g-space-6)}.g-sm-neg-top-6{top:calc(-1 * var(--g-space-6))}.g-sm-top-7{top:var(--g-space-7)}.g-sm-neg-top-7{top:calc(-1 * var(--g-space-7))}.g-sm-top-8{top:var(--g-space-8)}.g-sm-neg-top-8{top:calc(-1 * var(--g-space-8))}.g-sm-top-9{top:var(--g-space-9)}.g-sm-neg-top-9{top:calc(-1 * var(--g-space-9))}.g-sm-top-10{top:var(--g-space-10)}.g-sm-neg-top-10{top:calc(-1 * var(--g-space-10))}.g-sm-top-12{top:var(--g-space-12)}.g-sm-neg-top-12{top:calc(-1 * var(--g-space-12))}.g-sm-top-14{top:var(--g-space-14)}.g-sm-neg-top-14{top:calc(-1 * var(--g-space-14))}.g-sm-top-16{top:var(--g-space-16)}.g-sm-neg-top-16{top:calc(-1 * var(--g-space-16))}.g-sm-top-20{top:var(--g-space-20)}.g-sm-neg-top-20{top:calc(-1 * var(--g-space-20))}.g-sm-top-24{top:var(--g-space-24)}.g-sm-neg-top-24{top:calc(-1 * var(--g-space-24))}.g-sm-top-28{top:var(--g-space-28)}.g-sm-neg-top-28{top:calc(-1 * var(--g-space-28))}.g-sm-top-32{top:var(--g-space-32)}.g-sm-neg-top-32{top:calc(-1 * var(--g-space-32))}.g-sm-top-40{top:var(--g-space-40)}.g-sm-neg-top-40{top:calc(-1 * var(--g-space-40))}.g-sm-top-48{top:var(--g-space-48)}.g-sm-neg-top-48{top:calc(-1 * var(--g-space-48))}.g-sm-top-56{top:var(--g-space-56)}.g-sm-neg-top-56{top:calc(-1 * var(--g-space-56))}.g-sm-top-64{top:var(--g-space-64)}.g-sm-neg-top-64{top:calc(-1 * var(--g-space-64))}.g-sm-top-80{top:var(--g-space-80)}.g-sm-neg-top-80{top:calc(-1 * var(--g-space-80))}.g-sm-top-96{top:var(--g-space-96)}.g-sm-neg-top-96{top:calc(-1 * var(--g-space-96))}.g-sm-top-px{top:var(--g-space-px)}.g-sm-top-0_5{top:var(--g-space-0_5)}.g-sm-neg-top-0_5{top:calc(-1 * var(--g-space-0_5))}.g-sm-top-1_5{top:var(--g-space-1_5)}.g-sm-neg-top-1_5{top:calc(-1 * var(--g-space-1_5))}.g-sm-top-2_5{top:var(--g-space-2_5)}.g-sm-neg-top-2_5{top:calc(-1 * var(--g-space-2_5))}.g-sm-top-3_5{top:var(--g-space-3_5)}.g-sm-neg-top-3_5{top:calc(-1 * var(--g-space-3_5))}.g-sm-top-auto{top:auto}.g-sm-right-0{right:var(--g-space-0)}.g-sm-right-1{right:var(--g-space-1)}.g-sm-neg-right-1{right:calc(-1 * var(--g-space-1))}.g-sm-right-2{right:var(--g-space-2)}.g-sm-neg-right-2{right:calc(-1 * var(--g-space-2))}.g-sm-right-3{right:var(--g-space-3)}.g-sm-neg-right-3{right:calc(-1 * var(--g-space-3))}.g-sm-right-4{right:var(--g-space-4)}.g-sm-neg-right-4{right:calc(-1 * var(--g-space-4))}.g-sm-right-5{right:var(--g-space-5)}.g-sm-neg-right-5{right:calc(-1 * var(--g-space-5))}.g-sm-right-6{right:var(--g-space-6)}.g-sm-neg-right-6{right:calc(-1 * var(--g-space-6))}.g-sm-right-7{right:var(--g-space-7)}.g-sm-neg-right-7{right:calc(-1 * var(--g-space-7))}.g-sm-right-8{right:var(--g-space-8)}.g-sm-neg-right-8{right:calc(-1 * var(--g-space-8))}.g-sm-right-9{right:var(--g-space-9)}.g-sm-neg-right-9{right:calc(-1 * var(--g-space-9))}.g-sm-right-10{right:var(--g-space-10)}.g-sm-neg-right-10{right:calc(-1 * var(--g-space-10))}.g-sm-right-12{right:var(--g-space-12)}.g-sm-neg-right-12{right:calc(-1 * var(--g-space-12))}.g-sm-right-14{right:var(--g-space-14)}.g-sm-neg-right-14{right:calc(-1 * var(--g-space-14))}.g-sm-right-16{right:var(--g-space-16)}.g-sm-neg-right-16{right:calc(-1 * var(--g-space-16))}.g-sm-right-20{right:var(--g-space-20)}.g-sm-neg-right-20{right:calc(-1 * var(--g-space-20))}.g-sm-right-24{right:var(--g-space-24)}.g-sm-neg-right-24{right:calc(-1 * var(--g-space-24))}.g-sm-right-28{right:var(--g-space-28)}.g-sm-neg-right-28{right:calc(-1 * var(--g-space-28))}.g-sm-right-32{right:var(--g-space-32)}.g-sm-neg-right-32{right:calc(-1 * var(--g-space-32))}.g-sm-right-40{right:var(--g-space-40)}.g-sm-neg-right-40{right:calc(-1 * var(--g-space-40))}.g-sm-right-48{right:var(--g-space-48)}.g-sm-neg-right-48{right:calc(-1 * var(--g-space-48))}.g-sm-right-56{right:var(--g-space-56)}.g-sm-neg-right-56{right:calc(-1 * var(--g-space-56))}.g-sm-right-64{right:var(--g-space-64)}.g-sm-neg-right-64{right:calc(-1 * var(--g-space-64))}.g-sm-right-80{right:var(--g-space-80)}.g-sm-neg-right-80{right:calc(-1 * var(--g-space-80))}.g-sm-right-96{right:var(--g-space-96)}.g-sm-neg-right-96{right:calc(-1 * var(--g-space-96))}.g-sm-right-px{right:var(--g-space-px)}.g-sm-right-0_5{right:var(--g-space-0_5)}.g-sm-neg-right-0_5{right:calc(-1 * var(--g-space-0_5))}.g-sm-right-1_5{right:var(--g-space-1_5)}.g-sm-neg-right-1_5{right:calc(-1 * var(--g-space-1_5))}.g-sm-right-2_5{right:var(--g-space-2_5)}.g-sm-neg-right-2_5{right:calc(-1 * var(--g-space-2_5))}.g-sm-right-3_5{right:var(--g-space-3_5)}.g-sm-neg-right-3_5{right:calc(-1 * var(--g-space-3_5))}.g-sm-right-auto{right:auto}.g-sm-bottom-0{bottom:var(--g-space-0)}.g-sm-bottom-1{bottom:var(--g-space-1)}.g-sm-neg-bottom-1{bottom:calc(-1 * var(--g-space-1))}.g-sm-bottom-2{bottom:var(--g-space-2)}.g-sm-neg-bottom-2{bottom:calc(-1 * var(--g-space-2))}.g-sm-bottom-3{bottom:var(--g-space-3)}.g-sm-neg-bottom-3{bottom:calc(-1 * var(--g-space-3))}.g-sm-bottom-4{bottom:var(--g-space-4)}.g-sm-neg-bottom-4{bottom:calc(-1 * var(--g-space-4))}.g-sm-bottom-5{bottom:var(--g-space-5)}.g-sm-neg-bottom-5{bottom:calc(-1 * var(--g-space-5))}.g-sm-bottom-6{bottom:var(--g-space-6)}.g-sm-neg-bottom-6{bottom:calc(-1 * var(--g-space-6))}.g-sm-bottom-7{bottom:var(--g-space-7)}.g-sm-neg-bottom-7{bottom:calc(-1 * var(--g-space-7))}.g-sm-bottom-8{bottom:var(--g-space-8)}.g-sm-neg-bottom-8{bottom:calc(-1 * var(--g-space-8))}.g-sm-bottom-9{bottom:var(--g-space-9)}.g-sm-neg-bottom-9{bottom:calc(-1 * var(--g-space-9))}.g-sm-bottom-10{bottom:var(--g-space-10)}.g-sm-neg-bottom-10{bottom:calc(-1 * var(--g-space-10))}.g-sm-bottom-12{bottom:var(--g-space-12)}.g-sm-neg-bottom-12{bottom:calc(-1 * var(--g-space-12))}.g-sm-bottom-14{bottom:var(--g-space-14)}.g-sm-neg-bottom-14{bottom:calc(-1 * var(--g-space-14))}.g-sm-bottom-16{bottom:var(--g-space-16)}.g-sm-neg-bottom-16{bottom:calc(-1 * var(--g-space-16))}.g-sm-bottom-20{bottom:var(--g-space-20)}.g-sm-neg-bottom-20{bottom:calc(-1 * var(--g-space-20))}.g-sm-bottom-24{bottom:var(--g-space-24)}.g-sm-neg-bottom-24{bottom:calc(-1 * var(--g-space-24))}.g-sm-bottom-28{bottom:var(--g-space-28)}.g-sm-neg-bottom-28{bottom:calc(-1 * var(--g-space-28))}.g-sm-bottom-32{bottom:var(--g-space-32)}.g-sm-neg-bottom-32{bottom:calc(-1 * var(--g-space-32))}.g-sm-bottom-40{bottom:var(--g-space-40)}.g-sm-neg-bottom-40{bottom:calc(-1 * var(--g-space-40))}.g-sm-bottom-48{bottom:var(--g-space-48)}.g-sm-neg-bottom-48{bottom:calc(-1 * var(--g-space-48))}.g-sm-bottom-56{bottom:var(--g-space-56)}.g-sm-neg-bottom-56{bottom:calc(-1 * var(--g-space-56))}.g-sm-bottom-64{bottom:var(--g-space-64)}.g-sm-neg-bottom-64{bottom:calc(-1 * var(--g-space-64))}.g-sm-bottom-80{bottom:var(--g-space-80)}.g-sm-neg-bottom-80{bottom:calc(-1 * var(--g-space-80))}.g-sm-bottom-96{bottom:var(--g-space-96)}.g-sm-neg-bottom-96{bottom:calc(-1 * var(--g-space-96))}.g-sm-bottom-px{bottom:var(--g-space-px)}.g-sm-bottom-0_5{bottom:var(--g-space-0_5)}.g-sm-neg-bottom-0_5{bottom:calc(-1 * var(--g-space-0_5))}.g-sm-bottom-1_5{bottom:var(--g-space-1_5)}.g-sm-neg-bottom-1_5{bottom:calc(-1 * var(--g-space-1_5))}.g-sm-bottom-2_5{bottom:var(--g-space-2_5)}.g-sm-neg-bottom-2_5{bottom:calc(-1 * var(--g-space-2_5))}.g-sm-bottom-3_5{bottom:var(--g-space-3_5)}.g-sm-neg-bottom-3_5{bottom:calc(-1 * var(--g-space-3_5))}.g-sm-bottom-auto{bottom:auto}.g-sm-left-0{left:var(--g-space-0)}.g-sm-left-1{left:var(--g-space-1)}.g-sm-neg-left-1{left:calc(-1 * var(--g-space-1))}.g-sm-left-2{left:var(--g-space-2)}.g-sm-neg-left-2{left:calc(-1 * var(--g-space-2))}.g-sm-left-3{left:var(--g-space-3)}.g-sm-neg-left-3{left:calc(-1 * var(--g-space-3))}.g-sm-left-4{left:var(--g-space-4)}.g-sm-neg-left-4{left:calc(-1 * var(--g-space-4))}.g-sm-left-5{left:var(--g-space-5)}.g-sm-neg-left-5{left:calc(-1 * var(--g-space-5))}.g-sm-left-6{left:var(--g-space-6)}.g-sm-neg-left-6{left:calc(-1 * var(--g-space-6))}.g-sm-left-7{left:var(--g-space-7)}.g-sm-neg-left-7{left:calc(-1 * var(--g-space-7))}.g-sm-left-8{left:var(--g-space-8)}.g-sm-neg-left-8{left:calc(-1 * var(--g-space-8))}.g-sm-left-9{left:var(--g-space-9)}.g-sm-neg-left-9{left:calc(-1 * var(--g-space-9))}.g-sm-left-10{left:var(--g-space-10)}.g-sm-neg-left-10{left:calc(-1 * var(--g-space-10))}.g-sm-left-12{left:var(--g-space-12)}.g-sm-neg-left-12{left:calc(-1 * var(--g-space-12))}.g-sm-left-14{left:var(--g-space-14)}.g-sm-neg-left-14{left:calc(-1 * var(--g-space-14))}.g-sm-left-16{left:var(--g-space-16)}.g-sm-neg-left-16{left:calc(-1 * var(--g-space-16))}.g-sm-left-20{left:var(--g-space-20)}.g-sm-neg-left-20{left:calc(-1 * var(--g-space-20))}.g-sm-left-24{left:var(--g-space-24)}.g-sm-neg-left-24{left:calc(-1 * var(--g-space-24))}.g-sm-left-28{left:var(--g-space-28)}.g-sm-neg-left-28{left:calc(-1 * var(--g-space-28))}.g-sm-left-32{left:var(--g-space-32)}.g-sm-neg-left-32{left:calc(-1 * var(--g-space-32))}.g-sm-left-40{left:var(--g-space-40)}.g-sm-neg-left-40{left:calc(-1 * var(--g-space-40))}.g-sm-left-48{left:var(--g-space-48)}.g-sm-neg-left-48{left:calc(-1 * var(--g-space-48))}.g-sm-left-56{left:var(--g-space-56)}.g-sm-neg-left-56{left:calc(-1 * var(--g-space-56))}.g-sm-left-64{left:var(--g-space-64)}.g-sm-neg-left-64{left:calc(-1 * var(--g-space-64))}.g-sm-left-80{left:var(--g-space-80)}.g-sm-neg-left-80{left:calc(-1 * var(--g-space-80))}.g-sm-left-96{left:var(--g-space-96)}.g-sm-neg-left-96{left:calc(-1 * var(--g-space-96))}.g-sm-left-px{left:var(--g-space-px)}.g-sm-left-0_5{left:var(--g-space-0_5)}.g-sm-neg-left-0_5{left:calc(-1 * var(--g-space-0_5))}.g-sm-left-1_5{left:var(--g-space-1_5)}.g-sm-neg-left-1_5{left:calc(-1 * var(--g-space-1_5))}.g-sm-left-2_5{left:var(--g-space-2_5)}.g-sm-neg-left-2_5{left:calc(-1 * var(--g-space-2_5))}.g-sm-left-3_5{left:var(--g-space-3_5)}.g-sm-neg-left-3_5{left:calc(-1 * var(--g-space-3_5))}.g-sm-left-auto{left:auto}.g-sm-start-0{inset-inline-start:var(--g-space-0)}.g-sm-start-1{inset-inline-start:var(--g-space-1)}.g-sm-neg-start-1{inset-inline-start:calc(-1 * var(--g-space-1))}.g-sm-start-2{inset-inline-start:var(--g-space-2)}.g-sm-neg-start-2{inset-inline-start:calc(-1 * var(--g-space-2))}.g-sm-start-3{inset-inline-start:var(--g-space-3)}.g-sm-neg-start-3{inset-inline-start:calc(-1 * var(--g-space-3))}.g-sm-start-4{inset-inline-start:var(--g-space-4)}.g-sm-neg-start-4{inset-inline-start:calc(-1 * var(--g-space-4))}.g-sm-start-5{inset-inline-start:var(--g-space-5)}.g-sm-neg-start-5{inset-inline-start:calc(-1 * var(--g-space-5))}.g-sm-start-6{inset-inline-start:var(--g-space-6)}.g-sm-neg-start-6{inset-inline-start:calc(-1 * var(--g-space-6))}.g-sm-start-7{inset-inline-start:var(--g-space-7)}.g-sm-neg-start-7{inset-inline-start:calc(-1 * var(--g-space-7))}.g-sm-start-8{inset-inline-start:var(--g-space-8)}.g-sm-neg-start-8{inset-inline-start:calc(-1 * var(--g-space-8))}.g-sm-start-9{inset-inline-start:var(--g-space-9)}.g-sm-neg-start-9{inset-inline-start:calc(-1 * var(--g-space-9))}.g-sm-start-10{inset-inline-start:var(--g-space-10)}.g-sm-neg-start-10{inset-inline-start:calc(-1 * var(--g-space-10))}.g-sm-start-12{inset-inline-start:var(--g-space-12)}.g-sm-neg-start-12{inset-inline-start:calc(-1 * var(--g-space-12))}.g-sm-start-14{inset-inline-start:var(--g-space-14)}.g-sm-neg-start-14{inset-inline-start:calc(-1 * var(--g-space-14))}.g-sm-start-16{inset-inline-start:var(--g-space-16)}.g-sm-neg-start-16{inset-inline-start:calc(-1 * var(--g-space-16))}.g-sm-start-20{inset-inline-start:var(--g-space-20)}.g-sm-neg-start-20{inset-inline-start:calc(-1 * var(--g-space-20))}.g-sm-start-24{inset-inline-start:var(--g-space-24)}.g-sm-neg-start-24{inset-inline-start:calc(-1 * var(--g-space-24))}.g-sm-start-28{inset-inline-start:var(--g-space-28)}.g-sm-neg-start-28{inset-inline-start:calc(-1 * var(--g-space-28))}.g-sm-start-32{inset-inline-start:var(--g-space-32)}.g-sm-neg-start-32{inset-inline-start:calc(-1 * var(--g-space-32))}.g-sm-start-40{inset-inline-start:var(--g-space-40)}.g-sm-neg-start-40{inset-inline-start:calc(-1 * var(--g-space-40))}.g-sm-start-48{inset-inline-start:var(--g-space-48)}.g-sm-neg-start-48{inset-inline-start:calc(-1 * var(--g-space-48))}.g-sm-start-56{inset-inline-start:var(--g-space-56)}.g-sm-neg-start-56{inset-inline-start:calc(-1 * var(--g-space-56))}.g-sm-start-64{inset-inline-start:var(--g-space-64)}.g-sm-neg-start-64{inset-inline-start:calc(-1 * var(--g-space-64))}.g-sm-start-80{inset-inline-start:var(--g-space-80)}.g-sm-neg-start-80{inset-inline-start:calc(-1 * var(--g-space-80))}.g-sm-start-96{inset-inline-start:var(--g-space-96)}.g-sm-neg-start-96{inset-inline-start:calc(-1 * var(--g-space-96))}.g-sm-start-px{inset-inline-start:var(--g-space-px)}.g-sm-start-0_5{inset-inline-start:var(--g-space-0_5)}.g-sm-neg-start-0_5{inset-inline-start:calc(-1 * var(--g-space-0_5))}.g-sm-start-1_5{inset-inline-start:var(--g-space-1_5)}.g-sm-neg-start-1_5{inset-inline-start:calc(-1 * var(--g-space-1_5))}.g-sm-start-2_5{inset-inline-start:var(--g-space-2_5)}.g-sm-neg-start-2_5{inset-inline-start:calc(-1 * var(--g-space-2_5))}.g-sm-start-3_5{inset-inline-start:var(--g-space-3_5)}.g-sm-neg-start-3_5{inset-inline-start:calc(-1 * var(--g-space-3_5))}.g-sm-start-auto{inset-inline-start:auto}.g-sm-end-0{inset-inline-end:var(--g-space-0)}.g-sm-end-1{inset-inline-end:var(--g-space-1)}.g-sm-neg-end-1{inset-inline-end:calc(-1 * var(--g-space-1))}.g-sm-end-2{inset-inline-end:var(--g-space-2)}.g-sm-neg-end-2{inset-inline-end:calc(-1 * var(--g-space-2))}.g-sm-end-3{inset-inline-end:var(--g-space-3)}.g-sm-neg-end-3{inset-inline-end:calc(-1 * var(--g-space-3))}.g-sm-end-4{inset-inline-end:var(--g-space-4)}.g-sm-neg-end-4{inset-inline-end:calc(-1 * var(--g-space-4))}.g-sm-end-5{inset-inline-end:var(--g-space-5)}.g-sm-neg-end-5{inset-inline-end:calc(-1 * var(--g-space-5))}.g-sm-end-6{inset-inline-end:var(--g-space-6)}.g-sm-neg-end-6{inset-inline-end:calc(-1 * var(--g-space-6))}.g-sm-end-7{inset-inline-end:var(--g-space-7)}.g-sm-neg-end-7{inset-inline-end:calc(-1 * var(--g-space-7))}.g-sm-end-8{inset-inline-end:var(--g-space-8)}.g-sm-neg-end-8{inset-inline-end:calc(-1 * var(--g-space-8))}.g-sm-end-9{inset-inline-end:var(--g-space-9)}.g-sm-neg-end-9{inset-inline-end:calc(-1 * var(--g-space-9))}.g-sm-end-10{inset-inline-end:var(--g-space-10)}.g-sm-neg-end-10{inset-inline-end:calc(-1 * var(--g-space-10))}.g-sm-end-12{inset-inline-end:var(--g-space-12)}.g-sm-neg-end-12{inset-inline-end:calc(-1 * var(--g-space-12))}.g-sm-end-14{inset-inline-end:var(--g-space-14)}.g-sm-neg-end-14{inset-inline-end:calc(-1 * var(--g-space-14))}.g-sm-end-16{inset-inline-end:var(--g-space-16)}.g-sm-neg-end-16{inset-inline-end:calc(-1 * var(--g-space-16))}.g-sm-end-20{inset-inline-end:var(--g-space-20)}.g-sm-neg-end-20{inset-inline-end:calc(-1 * var(--g-space-20))}.g-sm-end-24{inset-inline-end:var(--g-space-24)}.g-sm-neg-end-24{inset-inline-end:calc(-1 * var(--g-space-24))}.g-sm-end-28{inset-inline-end:var(--g-space-28)}.g-sm-neg-end-28{inset-inline-end:calc(-1 * var(--g-space-28))}.g-sm-end-32{inset-inline-end:var(--g-space-32)}.g-sm-neg-end-32{inset-inline-end:calc(-1 * var(--g-space-32))}.g-sm-end-40{inset-inline-end:var(--g-space-40)}.g-sm-neg-end-40{inset-inline-end:calc(-1 * var(--g-space-40))}.g-sm-end-48{inset-inline-end:var(--g-space-48)}.g-sm-neg-end-48{inset-inline-end:calc(-1 * var(--g-space-48))}.g-sm-end-56{inset-inline-end:var(--g-space-56)}.g-sm-neg-end-56{inset-inline-end:calc(-1 * var(--g-space-56))}.g-sm-end-64{inset-inline-end:var(--g-space-64)}.g-sm-neg-end-64{inset-inline-end:calc(-1 * var(--g-space-64))}.g-sm-end-80{inset-inline-end:var(--g-space-80)}.g-sm-neg-end-80{inset-inline-end:calc(-1 * var(--g-space-80))}.g-sm-end-96{inset-inline-end:var(--g-space-96)}.g-sm-neg-end-96{inset-inline-end:calc(-1 * var(--g-space-96))}.g-sm-end-px{inset-inline-end:var(--g-space-px)}.g-sm-end-0_5{inset-inline-end:var(--g-space-0_5)}.g-sm-neg-end-0_5{inset-inline-end:calc(-1 * var(--g-space-0_5))}.g-sm-end-1_5{inset-inline-end:var(--g-space-1_5)}.g-sm-neg-end-1_5{inset-inline-end:calc(-1 * var(--g-space-1_5))}.g-sm-end-2_5{inset-inline-end:var(--g-space-2_5)}.g-sm-neg-end-2_5{inset-inline-end:calc(-1 * var(--g-space-2_5))}.g-sm-end-3_5{inset-inline-end:var(--g-space-3_5)}.g-sm-neg-end-3_5{inset-inline-end:calc(-1 * var(--g-space-3_5))}.g-sm-end-auto{inset-inline-end:auto}}
@media (min-width:768px){.g-md-block{display:block}.g-md-inline{display:inline}.g-md-inline-block{display:inline-block}.g-md-hidden{display:none}.g-md-flex{display:flex}.g-md-inline-flex{display:inline-flex}.g-md-grid{display:grid}.g-md-inline-grid{display:inline-grid}.g-md-contents{display:contents}.g-md-flow-root{display:flow-root}.g-md-visible{visibility:visible}.g-md-invisible{visibility:hidden}.g-md-collapse{visibility:collapse}.g-md-box-border{box-sizing:border-box}.g-md-box-content{box-sizing:content-box}.g-md-isolate{isolation:isolate}.g-md-float-start{float:inline-start}.g-md-float-end{float:inline-end}.g-md-float-none{float:none}.g-md-clear-both{clear:both}.g-md-relative{position:relative}.g-md-absolute{position:absolute}.g-md-fixed{position:fixed}.g-md-sticky{position:sticky}.g-md-flex-row{flex-direction:row}.g-md-flex-row-reverse{flex-direction:row-reverse}.g-md-flex-col{flex-direction:column}.g-md-flex-col-reverse{flex-direction:column-reverse}.g-md-flex-wrap{flex-wrap:wrap}.g-md-flex-nowrap{flex-wrap:nowrap}.g-md-flex-1{flex:1 1 0%}.g-md-flex-auto{flex:1 1 auto}.g-md-flex-initial{flex:0 1 auto}.g-md-flex-none{flex:none}.g-md-grow{flex-grow:1}.g-md-grow-0{flex-grow:0}.g-md-shrink{flex-shrink:1}.g-md-shrink-0{flex-shrink:0}.g-md-items-start{align-items:flex-start}.g-md-items-center{align-items:center}.g-md-items-end{align-items:flex-end}.g-md-items-stretch{align-items:stretch}.g-md-justify-start{justify-content:flex-start}.g-md-justify-center{justify-content:center}.g-md-justify-end{justify-content:flex-end}.g-md-justify-between{justify-content:space-between}.g-md-justify-around{justify-content:space-around}.g-md-justify-evenly{justify-content:space-evenly}.g-md-content-start{align-content:flex-start}.g-md-content-center{align-content:center}.g-md-content-end{align-content:flex-end}.g-md-content-between{align-content:space-between}.g-md-content-stretch{align-content:stretch}.g-md-place-items-start{place-items:start}.g-md-place-items-center{place-items:center}.g-md-place-items-end{place-items:end}.g-md-place-content-center{place-content:center}.g-md-self-start{align-self:flex-start}.g-md-self-center{align-self:center}.g-md-self-end{align-self:flex-end}.g-md-self-stretch{align-self:stretch}.g-md-overflow-auto{overflow:auto}.g-md-overflow-hidden{overflow:hidden}.g-md-overflow-visible{overflow:visible}.g-md-overflow-scroll{overflow:scroll}.g-md-overflow-x-auto{overflow-x:auto}.g-md-overflow-y-auto{overflow-y:auto}.g-md-overscroll-none{overscroll-behavior:none}.g-md-overscroll-contain{overscroll-behavior:contain}.g-md-scroll-smooth{scroll-behavior:smooth}.g-md-snap-x{scroll-snap-type:x mandatory}.g-md-snap-y{scroll-snap-type:y mandatory}.g-md-snap-start{scroll-snap-align:start}.g-md-snap-center{scroll-snap-align:center}.g-md-w-full{width:100%}.g-md-w-auto{width:auto}.g-md-w-screen{width:100vw}.g-md-max-w-full{max-width:100%}.g-md-max-w-reading{max-width:var(--g-reading-max)}.g-md-max-w-content{max-width:var(--g-content-max)}.g-md-h-full{height:100%}.g-md-h-auto{height:auto}.g-md-h-screen{height:100vh}.g-md-h-svh{height:100svh}.g-md-h-lvh{height:100lvh}.g-md-h-dvh{height:100dvh}.g-md-min-h-screen{min-height:100vh}.g-md-min-h-svh{min-height:100svh}.g-md-min-h-dvh{min-height:100dvh}.g-md-text-left{text-align:left}.g-md-text-center{text-align:center}.g-md-text-right{text-align:right}.g-md-text-justify{text-align:justify}.g-md-font-sans{font-family:var(--g-font-sans)}.g-md-font-serif{font-family:var(--g-font-serif)}.g-md-font-mono{font-family:var(--g-font-mono)}.g-md-font-normal{font-weight:400}.g-md-font-medium{font-weight:500}.g-md-font-semibold{font-weight:600}.g-md-font-bold{font-weight:700}.g-md-italic{font-style:italic}.g-md-not-italic{font-style:normal}.g-md-uppercase{text-transform:uppercase}.g-md-lowercase{text-transform:lowercase}.g-md-capitalize{text-transform:capitalize}.g-md-normal-case{text-transform:none}.g-md-underline{text-decoration-line:underline}.g-md-line-through{text-decoration-line:line-through}.g-md-no-underline{text-decoration-line:none}.g-md-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-md-whitespace-normal{white-space:normal}.g-md-whitespace-nowrap{white-space:nowrap}.g-md-whitespace-pre{white-space:pre}.g-md-whitespace-pre-wrap{white-space:pre-wrap}.g-md-break-words{overflow-wrap:break-word}.g-md-break-all{word-break:break-all}.g-md-leading-none{line-height:1}.g-md-leading-tight{line-height:var(--g-line-height-tight)}.g-md-leading-normal{line-height:var(--g-line-height-normal)}.g-md-leading-relaxed{line-height:var(--g-line-height-relaxed)}.g-md-tracking-tight{letter-spacing:-.025em}.g-md-tracking-normal{letter-spacing:0}.g-md-tracking-wide{letter-spacing:.025em}.g-md-text-primary{color:var(--g-color-primary-text)}.g-md-text-body{color:var(--g-color-text)}.g-md-text-muted{color:var(--g-color-text-muted)}.g-md-text-subtle{color:var(--g-color-text-subtle)}.g-md-text-danger{color:var(--g-color-danger)}.g-md-text-success{color:var(--g-color-success)}.g-md-text-warning{color:var(--g-color-warning)}.g-md-text-info{color:var(--g-color-info)}.g-md-bg-primary{background:var(--g-color-primary);color:var(--g-color-on-primary)}.g-md-bg-surface{background:var(--g-color-surface)}.g-md-bg-subtle{background:var(--g-color-surface-subtle)}.g-md-bg-transparent{background:transparent}.g-md-bg-success{background:var(--g-color-success-soft);color:var(--g-color-success)}.g-md-bg-warning{background:var(--g-color-warning-soft);color:var(--g-color-warning)}.g-md-bg-danger{background:var(--g-color-danger-soft);color:var(--g-color-danger)}.g-md-bg-info{background:var(--g-color-info-soft);color:var(--g-color-info)}.g-md-border{border:var(--g-border-width) solid var(--g-color-border)}.g-md-border-0{border:0}.g-md-border-t{border-top:var(--g-border-width) solid var(--g-color-border)}.g-md-border-r{border-right:var(--g-border-width) solid var(--g-color-border)}.g-md-border-b{border-bottom:var(--g-border-width) solid var(--g-color-border)}.g-md-border-l{border-left:var(--g-border-width) solid var(--g-color-border)}.g-md-border-x{border-inline:var(--g-border-width) solid var(--g-color-border)}.g-md-border-y{border-block:var(--g-border-width) solid var(--g-color-border)}.g-md-border-primary{border-color:var(--g-color-primary)}.g-md-border-strong{border-color:var(--g-color-border-strong)}.g-md-border-danger{border-color:var(--g-color-danger)}.g-md-border-dashed{border-style:dashed}.g-md-border-dotted{border-style:dotted}.g-md-rounded-none{border-radius:0}.g-md-rounded{border-radius:var(--g-radius-md)}.g-md-rounded-sm{border-radius:var(--g-radius-sm)}.g-md-rounded-lg{border-radius:var(--g-radius-lg)}.g-md-rounded-xl{border-radius:var(--g-radius-xl)}.g-md-rounded-full{border-radius:9999px}.g-md-shadow-none{box-shadow:none}.g-md-shadow-sm{box-shadow:var(--g-shadow-sm)}.g-md-shadow{box-shadow:var(--g-shadow-md)}.g-md-shadow-lg{box-shadow:var(--g-shadow-lg)}.g-md-opacity-0{opacity:0}.g-md-opacity-25{opacity:.25}.g-md-opacity-50{opacity:.5}.g-md-opacity-75{opacity:.75}.g-md-opacity-100{opacity:1}.g-md-cursor-pointer{cursor:pointer}.g-md-cursor-default{cursor:default}.g-md-cursor-move{cursor:move}.g-md-cursor-grab{cursor:grab}.g-md-cursor-wait{cursor:wait}.g-md-cursor-not-allowed{cursor:not-allowed}.g-md-select-none{user-select:none}.g-md-select-text{user-select:text}.g-md-select-all{user-select:all}.g-md-pointer-events-none{pointer-events:none}.g-md-pointer-events-auto{pointer-events:auto}.g-md-touch-none{touch-action:none}.g-md-touch-pan-x{touch-action:pan-x}.g-md-touch-pan-y{touch-action:pan-y}.g-md-resize{resize:both}.g-md-resize-x{resize:horizontal}.g-md-resize-y{resize:vertical}.g-md-resize-none{resize:none}.g-md-list-none{list-style-type:none}.g-md-list-disc{list-style-type:disc}.g-md-list-decimal{list-style-type:decimal}.g-md-list-inside{list-style-position:inside}.g-md-table-auto{table-layout:auto}.g-md-table-fixed{table-layout:fixed}.g-md-border-collapse{border-collapse:collapse}.g-md-border-separate{border-collapse:separate}.g-md-transition-none{transition-property:none}.g-md-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}.g-md-transition-colors{transition:color var(--g-duration-fast),background-color var(--g-duration-fast),border-color var(--g-duration-fast)}.g-md-transition-transform{transition:transform var(--g-duration-normal) var(--g-ease-standard)}.g-md-transform{transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-md-scale-95{--g-scale-x:.95;--g-scale-y:.95;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-md-scale-100{--g-scale-x:1;--g-scale-y:1;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-md-rotate-45{--g-rotate:45deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-md-rotate-90{--g-rotate:90deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-md-rotate-180{--g-rotate:180deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-md-grayscale{filter:grayscale(1)}.g-md-grayscale-0{filter:grayscale(0)}.g-md-blur{filter:blur(8px)}.g-md-backdrop-blur{backdrop-filter:blur(12px)}.g-md-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.g-md-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.g-md-aspect-square{aspect-ratio:1}.g-md-aspect-video{aspect-ratio:16/9}.g-md-aspect-photo{aspect-ratio:4/3}.g-md-object-cover{object-fit:cover}.g-md-object-contain{object-fit:contain}.g-md-object-center{object-position:center}.g-md-object-top{object-position:top}.g-md-appearance-none{appearance:none}.g-md-cq-container{container-type:inline-size}.g-md-cq-size-container{container-type:size}.g-md-cq-name-main{container-name:g-main}.g-md-break-inside-avoid{break-inside:avoid}.g-md-break-before-page{break-before:page}.g-md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.g-md-col-span-1{grid-column:span 1/span 1}.g-md-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.g-md-row-span-1{grid-row:span 1/span 1}.g-md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-md-col-span-2{grid-column:span 2/span 2}.g-md-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.g-md-row-span-2{grid-row:span 2/span 2}.g-md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-md-col-span-3{grid-column:span 3/span 3}.g-md-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.g-md-row-span-3{grid-row:span 3/span 3}.g-md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-md-col-span-4{grid-column:span 4/span 4}.g-md-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.g-md-row-span-4{grid-row:span 4/span 4}.g-md-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-md-col-span-5{grid-column:span 5/span 5}.g-md-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.g-md-row-span-5{grid-row:span 5/span 5}.g-md-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.g-md-col-span-6{grid-column:span 6/span 6}.g-md-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.g-md-row-span-6{grid-row:span 6/span 6}.g-md-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.g-md-col-span-7{grid-column:span 7/span 7}.g-md-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.g-md-row-span-7{grid-row:span 7/span 7}.g-md-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.g-md-col-span-8{grid-column:span 8/span 8}.g-md-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.g-md-row-span-8{grid-row:span 8/span 8}.g-md-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.g-md-col-span-9{grid-column:span 9/span 9}.g-md-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.g-md-row-span-9{grid-row:span 9/span 9}.g-md-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.g-md-col-span-10{grid-column:span 10/span 10}.g-md-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.g-md-row-span-10{grid-row:span 10/span 10}.g-md-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.g-md-col-span-11{grid-column:span 11/span 11}.g-md-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.g-md-row-span-11{grid-row:span 11/span 11}.g-md-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.g-md-col-span-12{grid-column:span 12/span 12}.g-md-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.g-md-row-span-12{grid-row:span 12/span 12}.g-md-grid-flow-row{grid-auto-flow:row}.g-md-grid-flow-col{grid-auto-flow:column}.g-md-grid-flow-dense{grid-auto-flow:dense}.g-md-border-1{border-width:1px}.g-md-border-2{border-width:2px}.g-md-border-3{border-width:3px}.g-md-border-4{border-width:4px}.g-md-border-8{border-width:8px}.g-md-text-xs{font-size:.75rem}.g-md-text-sm{font-size:.875rem}.g-md-text-base{font-size:1rem}.g-md-text-lg{font-size:1.125rem}.g-md-text-xl{font-size:1.25rem}.g-md-text-2xl{font-size:1.5rem}.g-md-text-3xl{font-size:1.875rem}.g-md-text-4xl{font-size:2.25rem}.g-md-text-5xl{font-size:3rem}.g-md-line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.g-md-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.g-md-line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.g-md-line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.g-md-line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.g-md-line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}.g-md-order-0{order:0}.g-md-order-1{order:1}.g-md-order-2{order:2}.g-md-order-3{order:3}.g-md-order-4{order:4}.g-md-order-5{order:5}.g-md-order-6{order:6}.g-md-order-7{order:7}.g-md-order-8{order:8}.g-md-order-9{order:9}.g-md-order-10{order:10}.g-md-order-11{order:11}.g-md-order-12{order:12}.g-md-order-13{order:13}.g-md-order-14{order:14}.g-md-order-15{order:15}.g-md-order-16{order:16}.g-md-order-17{order:17}.g-md-order-18{order:18}.g-md-order-19{order:19}.g-md-order-20{order:20}.g-md-order-21{order:21}.g-md-order-22{order:22}.g-md-order-23{order:23}.g-md-order-24{order:24}.g-md-z-0{z-index:0}.g-md-z-10{z-index:10}.g-md-z-20{z-index:20}.g-md-z-30{z-index:30}.g-md-z-40{z-index:40}.g-md-z-50{z-index:50}.g-md-m-0{margin:var(--g-space-0)}.g-md-m-1{margin:var(--g-space-1)}.g-md-neg-m-1{margin:calc(-1 * var(--g-space-1))}.g-md-m-2{margin:var(--g-space-2)}.g-md-neg-m-2{margin:calc(-1 * var(--g-space-2))}.g-md-m-3{margin:var(--g-space-3)}.g-md-neg-m-3{margin:calc(-1 * var(--g-space-3))}.g-md-m-4{margin:var(--g-space-4)}.g-md-neg-m-4{margin:calc(-1 * var(--g-space-4))}.g-md-m-5{margin:var(--g-space-5)}.g-md-neg-m-5{margin:calc(-1 * var(--g-space-5))}.g-md-m-6{margin:var(--g-space-6)}.g-md-neg-m-6{margin:calc(-1 * var(--g-space-6))}.g-md-m-7{margin:var(--g-space-7)}.g-md-neg-m-7{margin:calc(-1 * var(--g-space-7))}.g-md-m-8{margin:var(--g-space-8)}.g-md-neg-m-8{margin:calc(-1 * var(--g-space-8))}.g-md-m-9{margin:var(--g-space-9)}.g-md-neg-m-9{margin:calc(-1 * var(--g-space-9))}.g-md-m-10{margin:var(--g-space-10)}.g-md-neg-m-10{margin:calc(-1 * var(--g-space-10))}.g-md-m-12{margin:var(--g-space-12)}.g-md-neg-m-12{margin:calc(-1 * var(--g-space-12))}.g-md-m-14{margin:var(--g-space-14)}.g-md-neg-m-14{margin:calc(-1 * var(--g-space-14))}.g-md-m-16{margin:var(--g-space-16)}.g-md-neg-m-16{margin:calc(-1 * var(--g-space-16))}.g-md-m-20{margin:var(--g-space-20)}.g-md-neg-m-20{margin:calc(-1 * var(--g-space-20))}.g-md-m-24{margin:var(--g-space-24)}.g-md-neg-m-24{margin:calc(-1 * var(--g-space-24))}.g-md-m-28{margin:var(--g-space-28)}.g-md-neg-m-28{margin:calc(-1 * var(--g-space-28))}.g-md-m-32{margin:var(--g-space-32)}.g-md-neg-m-32{margin:calc(-1 * var(--g-space-32))}.g-md-m-40{margin:var(--g-space-40)}.g-md-neg-m-40{margin:calc(-1 * var(--g-space-40))}.g-md-m-48{margin:var(--g-space-48)}.g-md-neg-m-48{margin:calc(-1 * var(--g-space-48))}.g-md-m-56{margin:var(--g-space-56)}.g-md-neg-m-56{margin:calc(-1 * var(--g-space-56))}.g-md-m-64{margin:var(--g-space-64)}.g-md-neg-m-64{margin:calc(-1 * var(--g-space-64))}.g-md-m-80{margin:var(--g-space-80)}.g-md-neg-m-80{margin:calc(-1 * var(--g-space-80))}.g-md-m-96{margin:var(--g-space-96)}.g-md-neg-m-96{margin:calc(-1 * var(--g-space-96))}.g-md-m-px{margin:var(--g-space-px)}.g-md-m-0_5{margin:var(--g-space-0_5)}.g-md-neg-m-0_5{margin:calc(-1 * var(--g-space-0_5))}.g-md-m-1_5{margin:var(--g-space-1_5)}.g-md-neg-m-1_5{margin:calc(-1 * var(--g-space-1_5))}.g-md-m-2_5{margin:var(--g-space-2_5)}.g-md-neg-m-2_5{margin:calc(-1 * var(--g-space-2_5))}.g-md-m-3_5{margin:var(--g-space-3_5)}.g-md-neg-m-3_5{margin:calc(-1 * var(--g-space-3_5))}.g-md-mx-0{margin-inline:var(--g-space-0)}.g-md-mx-1{margin-inline:var(--g-space-1)}.g-md-neg-mx-1{margin-inline:calc(-1 * var(--g-space-1))}.g-md-mx-2{margin-inline:var(--g-space-2)}.g-md-neg-mx-2{margin-inline:calc(-1 * var(--g-space-2))}.g-md-mx-3{margin-inline:var(--g-space-3)}.g-md-neg-mx-3{margin-inline:calc(-1 * var(--g-space-3))}.g-md-mx-4{margin-inline:var(--g-space-4)}.g-md-neg-mx-4{margin-inline:calc(-1 * var(--g-space-4))}.g-md-mx-5{margin-inline:var(--g-space-5)}.g-md-neg-mx-5{margin-inline:calc(-1 * var(--g-space-5))}.g-md-mx-6{margin-inline:var(--g-space-6)}.g-md-neg-mx-6{margin-inline:calc(-1 * var(--g-space-6))}.g-md-mx-7{margin-inline:var(--g-space-7)}.g-md-neg-mx-7{margin-inline:calc(-1 * var(--g-space-7))}.g-md-mx-8{margin-inline:var(--g-space-8)}.g-md-neg-mx-8{margin-inline:calc(-1 * var(--g-space-8))}.g-md-mx-9{margin-inline:var(--g-space-9)}.g-md-neg-mx-9{margin-inline:calc(-1 * var(--g-space-9))}.g-md-mx-10{margin-inline:var(--g-space-10)}.g-md-neg-mx-10{margin-inline:calc(-1 * var(--g-space-10))}.g-md-mx-12{margin-inline:var(--g-space-12)}.g-md-neg-mx-12{margin-inline:calc(-1 * var(--g-space-12))}.g-md-mx-14{margin-inline:var(--g-space-14)}.g-md-neg-mx-14{margin-inline:calc(-1 * var(--g-space-14))}.g-md-mx-16{margin-inline:var(--g-space-16)}.g-md-neg-mx-16{margin-inline:calc(-1 * var(--g-space-16))}.g-md-mx-20{margin-inline:var(--g-space-20)}.g-md-neg-mx-20{margin-inline:calc(-1 * var(--g-space-20))}.g-md-mx-24{margin-inline:var(--g-space-24)}.g-md-neg-mx-24{margin-inline:calc(-1 * var(--g-space-24))}.g-md-mx-28{margin-inline:var(--g-space-28)}.g-md-neg-mx-28{margin-inline:calc(-1 * var(--g-space-28))}.g-md-mx-32{margin-inline:var(--g-space-32)}.g-md-neg-mx-32{margin-inline:calc(-1 * var(--g-space-32))}.g-md-mx-40{margin-inline:var(--g-space-40)}.g-md-neg-mx-40{margin-inline:calc(-1 * var(--g-space-40))}.g-md-mx-48{margin-inline:var(--g-space-48)}.g-md-neg-mx-48{margin-inline:calc(-1 * var(--g-space-48))}.g-md-mx-56{margin-inline:var(--g-space-56)}.g-md-neg-mx-56{margin-inline:calc(-1 * var(--g-space-56))}.g-md-mx-64{margin-inline:var(--g-space-64)}.g-md-neg-mx-64{margin-inline:calc(-1 * var(--g-space-64))}.g-md-mx-80{margin-inline:var(--g-space-80)}.g-md-neg-mx-80{margin-inline:calc(-1 * var(--g-space-80))}.g-md-mx-96{margin-inline:var(--g-space-96)}.g-md-neg-mx-96{margin-inline:calc(-1 * var(--g-space-96))}.g-md-mx-px{margin-inline:var(--g-space-px)}.g-md-mx-0_5{margin-inline:var(--g-space-0_5)}.g-md-neg-mx-0_5{margin-inline:calc(-1 * var(--g-space-0_5))}.g-md-mx-1_5{margin-inline:var(--g-space-1_5)}.g-md-neg-mx-1_5{margin-inline:calc(-1 * var(--g-space-1_5))}.g-md-mx-2_5{margin-inline:var(--g-space-2_5)}.g-md-neg-mx-2_5{margin-inline:calc(-1 * var(--g-space-2_5))}.g-md-mx-3_5{margin-inline:var(--g-space-3_5)}.g-md-neg-mx-3_5{margin-inline:calc(-1 * var(--g-space-3_5))}.g-md-my-0{margin-block:var(--g-space-0)}.g-md-my-1{margin-block:var(--g-space-1)}.g-md-neg-my-1{margin-block:calc(-1 * var(--g-space-1))}.g-md-my-2{margin-block:var(--g-space-2)}.g-md-neg-my-2{margin-block:calc(-1 * var(--g-space-2))}.g-md-my-3{margin-block:var(--g-space-3)}.g-md-neg-my-3{margin-block:calc(-1 * var(--g-space-3))}.g-md-my-4{margin-block:var(--g-space-4)}.g-md-neg-my-4{margin-block:calc(-1 * var(--g-space-4))}.g-md-my-5{margin-block:var(--g-space-5)}.g-md-neg-my-5{margin-block:calc(-1 * var(--g-space-5))}.g-md-my-6{margin-block:var(--g-space-6)}.g-md-neg-my-6{margin-block:calc(-1 * var(--g-space-6))}.g-md-my-7{margin-block:var(--g-space-7)}.g-md-neg-my-7{margin-block:calc(-1 * var(--g-space-7))}.g-md-my-8{margin-block:var(--g-space-8)}.g-md-neg-my-8{margin-block:calc(-1 * var(--g-space-8))}.g-md-my-9{margin-block:var(--g-space-9)}.g-md-neg-my-9{margin-block:calc(-1 * var(--g-space-9))}.g-md-my-10{margin-block:var(--g-space-10)}.g-md-neg-my-10{margin-block:calc(-1 * var(--g-space-10))}.g-md-my-12{margin-block:var(--g-space-12)}.g-md-neg-my-12{margin-block:calc(-1 * var(--g-space-12))}.g-md-my-14{margin-block:var(--g-space-14)}.g-md-neg-my-14{margin-block:calc(-1 * var(--g-space-14))}.g-md-my-16{margin-block:var(--g-space-16)}.g-md-neg-my-16{margin-block:calc(-1 * var(--g-space-16))}.g-md-my-20{margin-block:var(--g-space-20)}.g-md-neg-my-20{margin-block:calc(-1 * var(--g-space-20))}.g-md-my-24{margin-block:var(--g-space-24)}.g-md-neg-my-24{margin-block:calc(-1 * var(--g-space-24))}.g-md-my-28{margin-block:var(--g-space-28)}.g-md-neg-my-28{margin-block:calc(-1 * var(--g-space-28))}.g-md-my-32{margin-block:var(--g-space-32)}.g-md-neg-my-32{margin-block:calc(-1 * var(--g-space-32))}.g-md-my-40{margin-block:var(--g-space-40)}.g-md-neg-my-40{margin-block:calc(-1 * var(--g-space-40))}.g-md-my-48{margin-block:var(--g-space-48)}.g-md-neg-my-48{margin-block:calc(-1 * var(--g-space-48))}.g-md-my-56{margin-block:var(--g-space-56)}.g-md-neg-my-56{margin-block:calc(-1 * var(--g-space-56))}.g-md-my-64{margin-block:var(--g-space-64)}.g-md-neg-my-64{margin-block:calc(-1 * var(--g-space-64))}.g-md-my-80{margin-block:var(--g-space-80)}.g-md-neg-my-80{margin-block:calc(-1 * var(--g-space-80))}.g-md-my-96{margin-block:var(--g-space-96)}.g-md-neg-my-96{margin-block:calc(-1 * var(--g-space-96))}.g-md-my-px{margin-block:var(--g-space-px)}.g-md-my-0_5{margin-block:var(--g-space-0_5)}.g-md-neg-my-0_5{margin-block:calc(-1 * var(--g-space-0_5))}.g-md-my-1_5{margin-block:var(--g-space-1_5)}.g-md-neg-my-1_5{margin-block:calc(-1 * var(--g-space-1_5))}.g-md-my-2_5{margin-block:var(--g-space-2_5)}.g-md-neg-my-2_5{margin-block:calc(-1 * var(--g-space-2_5))}.g-md-my-3_5{margin-block:var(--g-space-3_5)}.g-md-neg-my-3_5{margin-block:calc(-1 * var(--g-space-3_5))}.g-md-mt-0{margin-top:var(--g-space-0)}.g-md-mt-1{margin-top:var(--g-space-1)}.g-md-neg-mt-1{margin-top:calc(-1 * var(--g-space-1))}.g-md-mt-2{margin-top:var(--g-space-2)}.g-md-neg-mt-2{margin-top:calc(-1 * var(--g-space-2))}.g-md-mt-3{margin-top:var(--g-space-3)}.g-md-neg-mt-3{margin-top:calc(-1 * var(--g-space-3))}.g-md-mt-4{margin-top:var(--g-space-4)}.g-md-neg-mt-4{margin-top:calc(-1 * var(--g-space-4))}.g-md-mt-5{margin-top:var(--g-space-5)}.g-md-neg-mt-5{margin-top:calc(-1 * var(--g-space-5))}.g-md-mt-6{margin-top:var(--g-space-6)}.g-md-neg-mt-6{margin-top:calc(-1 * var(--g-space-6))}.g-md-mt-7{margin-top:var(--g-space-7)}.g-md-neg-mt-7{margin-top:calc(-1 * var(--g-space-7))}.g-md-mt-8{margin-top:var(--g-space-8)}.g-md-neg-mt-8{margin-top:calc(-1 * var(--g-space-8))}.g-md-mt-9{margin-top:var(--g-space-9)}.g-md-neg-mt-9{margin-top:calc(-1 * var(--g-space-9))}.g-md-mt-10{margin-top:var(--g-space-10)}.g-md-neg-mt-10{margin-top:calc(-1 * var(--g-space-10))}.g-md-mt-12{margin-top:var(--g-space-12)}.g-md-neg-mt-12{margin-top:calc(-1 * var(--g-space-12))}.g-md-mt-14{margin-top:var(--g-space-14)}.g-md-neg-mt-14{margin-top:calc(-1 * var(--g-space-14))}.g-md-mt-16{margin-top:var(--g-space-16)}.g-md-neg-mt-16{margin-top:calc(-1 * var(--g-space-16))}.g-md-mt-20{margin-top:var(--g-space-20)}.g-md-neg-mt-20{margin-top:calc(-1 * var(--g-space-20))}.g-md-mt-24{margin-top:var(--g-space-24)}.g-md-neg-mt-24{margin-top:calc(-1 * var(--g-space-24))}.g-md-mt-28{margin-top:var(--g-space-28)}.g-md-neg-mt-28{margin-top:calc(-1 * var(--g-space-28))}.g-md-mt-32{margin-top:var(--g-space-32)}.g-md-neg-mt-32{margin-top:calc(-1 * var(--g-space-32))}.g-md-mt-40{margin-top:var(--g-space-40)}.g-md-neg-mt-40{margin-top:calc(-1 * var(--g-space-40))}.g-md-mt-48{margin-top:var(--g-space-48)}.g-md-neg-mt-48{margin-top:calc(-1 * var(--g-space-48))}.g-md-mt-56{margin-top:var(--g-space-56)}.g-md-neg-mt-56{margin-top:calc(-1 * var(--g-space-56))}.g-md-mt-64{margin-top:var(--g-space-64)}.g-md-neg-mt-64{margin-top:calc(-1 * var(--g-space-64))}.g-md-mt-80{margin-top:var(--g-space-80)}.g-md-neg-mt-80{margin-top:calc(-1 * var(--g-space-80))}.g-md-mt-96{margin-top:var(--g-space-96)}.g-md-neg-mt-96{margin-top:calc(-1 * var(--g-space-96))}.g-md-mt-px{margin-top:var(--g-space-px)}.g-md-mt-0_5{margin-top:var(--g-space-0_5)}.g-md-neg-mt-0_5{margin-top:calc(-1 * var(--g-space-0_5))}.g-md-mt-1_5{margin-top:var(--g-space-1_5)}.g-md-neg-mt-1_5{margin-top:calc(-1 * var(--g-space-1_5))}.g-md-mt-2_5{margin-top:var(--g-space-2_5)}.g-md-neg-mt-2_5{margin-top:calc(-1 * var(--g-space-2_5))}.g-md-mt-3_5{margin-top:var(--g-space-3_5)}.g-md-neg-mt-3_5{margin-top:calc(-1 * var(--g-space-3_5))}.g-md-mr-0{margin-right:var(--g-space-0)}.g-md-mr-1{margin-right:var(--g-space-1)}.g-md-neg-mr-1{margin-right:calc(-1 * var(--g-space-1))}.g-md-mr-2{margin-right:var(--g-space-2)}.g-md-neg-mr-2{margin-right:calc(-1 * var(--g-space-2))}.g-md-mr-3{margin-right:var(--g-space-3)}.g-md-neg-mr-3{margin-right:calc(-1 * var(--g-space-3))}.g-md-mr-4{margin-right:var(--g-space-4)}.g-md-neg-mr-4{margin-right:calc(-1 * var(--g-space-4))}.g-md-mr-5{margin-right:var(--g-space-5)}.g-md-neg-mr-5{margin-right:calc(-1 * var(--g-space-5))}.g-md-mr-6{margin-right:var(--g-space-6)}.g-md-neg-mr-6{margin-right:calc(-1 * var(--g-space-6))}.g-md-mr-7{margin-right:var(--g-space-7)}.g-md-neg-mr-7{margin-right:calc(-1 * var(--g-space-7))}.g-md-mr-8{margin-right:var(--g-space-8)}.g-md-neg-mr-8{margin-right:calc(-1 * var(--g-space-8))}.g-md-mr-9{margin-right:var(--g-space-9)}.g-md-neg-mr-9{margin-right:calc(-1 * var(--g-space-9))}.g-md-mr-10{margin-right:var(--g-space-10)}.g-md-neg-mr-10{margin-right:calc(-1 * var(--g-space-10))}.g-md-mr-12{margin-right:var(--g-space-12)}.g-md-neg-mr-12{margin-right:calc(-1 * var(--g-space-12))}.g-md-mr-14{margin-right:var(--g-space-14)}.g-md-neg-mr-14{margin-right:calc(-1 * var(--g-space-14))}.g-md-mr-16{margin-right:var(--g-space-16)}.g-md-neg-mr-16{margin-right:calc(-1 * var(--g-space-16))}.g-md-mr-20{margin-right:var(--g-space-20)}.g-md-neg-mr-20{margin-right:calc(-1 * var(--g-space-20))}.g-md-mr-24{margin-right:var(--g-space-24)}.g-md-neg-mr-24{margin-right:calc(-1 * var(--g-space-24))}.g-md-mr-28{margin-right:var(--g-space-28)}.g-md-neg-mr-28{margin-right:calc(-1 * var(--g-space-28))}.g-md-mr-32{margin-right:var(--g-space-32)}.g-md-neg-mr-32{margin-right:calc(-1 * var(--g-space-32))}.g-md-mr-40{margin-right:var(--g-space-40)}.g-md-neg-mr-40{margin-right:calc(-1 * var(--g-space-40))}.g-md-mr-48{margin-right:var(--g-space-48)}.g-md-neg-mr-48{margin-right:calc(-1 * var(--g-space-48))}.g-md-mr-56{margin-right:var(--g-space-56)}.g-md-neg-mr-56{margin-right:calc(-1 * var(--g-space-56))}.g-md-mr-64{margin-right:var(--g-space-64)}.g-md-neg-mr-64{margin-right:calc(-1 * var(--g-space-64))}.g-md-mr-80{margin-right:var(--g-space-80)}.g-md-neg-mr-80{margin-right:calc(-1 * var(--g-space-80))}.g-md-mr-96{margin-right:var(--g-space-96)}.g-md-neg-mr-96{margin-right:calc(-1 * var(--g-space-96))}.g-md-mr-px{margin-right:var(--g-space-px)}.g-md-mr-0_5{margin-right:var(--g-space-0_5)}.g-md-neg-mr-0_5{margin-right:calc(-1 * var(--g-space-0_5))}.g-md-mr-1_5{margin-right:var(--g-space-1_5)}.g-md-neg-mr-1_5{margin-right:calc(-1 * var(--g-space-1_5))}.g-md-mr-2_5{margin-right:var(--g-space-2_5)}.g-md-neg-mr-2_5{margin-right:calc(-1 * var(--g-space-2_5))}.g-md-mr-3_5{margin-right:var(--g-space-3_5)}.g-md-neg-mr-3_5{margin-right:calc(-1 * var(--g-space-3_5))}.g-md-mb-0{margin-bottom:var(--g-space-0)}.g-md-mb-1{margin-bottom:var(--g-space-1)}.g-md-neg-mb-1{margin-bottom:calc(-1 * var(--g-space-1))}.g-md-mb-2{margin-bottom:var(--g-space-2)}.g-md-neg-mb-2{margin-bottom:calc(-1 * var(--g-space-2))}.g-md-mb-3{margin-bottom:var(--g-space-3)}.g-md-neg-mb-3{margin-bottom:calc(-1 * var(--g-space-3))}.g-md-mb-4{margin-bottom:var(--g-space-4)}.g-md-neg-mb-4{margin-bottom:calc(-1 * var(--g-space-4))}.g-md-mb-5{margin-bottom:var(--g-space-5)}.g-md-neg-mb-5{margin-bottom:calc(-1 * var(--g-space-5))}.g-md-mb-6{margin-bottom:var(--g-space-6)}.g-md-neg-mb-6{margin-bottom:calc(-1 * var(--g-space-6))}.g-md-mb-7{margin-bottom:var(--g-space-7)}.g-md-neg-mb-7{margin-bottom:calc(-1 * var(--g-space-7))}.g-md-mb-8{margin-bottom:var(--g-space-8)}.g-md-neg-mb-8{margin-bottom:calc(-1 * var(--g-space-8))}.g-md-mb-9{margin-bottom:var(--g-space-9)}.g-md-neg-mb-9{margin-bottom:calc(-1 * var(--g-space-9))}.g-md-mb-10{margin-bottom:var(--g-space-10)}.g-md-neg-mb-10{margin-bottom:calc(-1 * var(--g-space-10))}.g-md-mb-12{margin-bottom:var(--g-space-12)}.g-md-neg-mb-12{margin-bottom:calc(-1 * var(--g-space-12))}.g-md-mb-14{margin-bottom:var(--g-space-14)}.g-md-neg-mb-14{margin-bottom:calc(-1 * var(--g-space-14))}.g-md-mb-16{margin-bottom:var(--g-space-16)}.g-md-neg-mb-16{margin-bottom:calc(-1 * var(--g-space-16))}.g-md-mb-20{margin-bottom:var(--g-space-20)}.g-md-neg-mb-20{margin-bottom:calc(-1 * var(--g-space-20))}.g-md-mb-24{margin-bottom:var(--g-space-24)}.g-md-neg-mb-24{margin-bottom:calc(-1 * var(--g-space-24))}.g-md-mb-28{margin-bottom:var(--g-space-28)}.g-md-neg-mb-28{margin-bottom:calc(-1 * var(--g-space-28))}.g-md-mb-32{margin-bottom:var(--g-space-32)}.g-md-neg-mb-32{margin-bottom:calc(-1 * var(--g-space-32))}.g-md-mb-40{margin-bottom:var(--g-space-40)}.g-md-neg-mb-40{margin-bottom:calc(-1 * var(--g-space-40))}.g-md-mb-48{margin-bottom:var(--g-space-48)}.g-md-neg-mb-48{margin-bottom:calc(-1 * var(--g-space-48))}.g-md-mb-56{margin-bottom:var(--g-space-56)}.g-md-neg-mb-56{margin-bottom:calc(-1 * var(--g-space-56))}.g-md-mb-64{margin-bottom:var(--g-space-64)}.g-md-neg-mb-64{margin-bottom:calc(-1 * var(--g-space-64))}.g-md-mb-80{margin-bottom:var(--g-space-80)}.g-md-neg-mb-80{margin-bottom:calc(-1 * var(--g-space-80))}.g-md-mb-96{margin-bottom:var(--g-space-96)}.g-md-neg-mb-96{margin-bottom:calc(-1 * var(--g-space-96))}.g-md-mb-px{margin-bottom:var(--g-space-px)}.g-md-mb-0_5{margin-bottom:var(--g-space-0_5)}.g-md-neg-mb-0_5{margin-bottom:calc(-1 * var(--g-space-0_5))}.g-md-mb-1_5{margin-bottom:var(--g-space-1_5)}.g-md-neg-mb-1_5{margin-bottom:calc(-1 * var(--g-space-1_5))}.g-md-mb-2_5{margin-bottom:var(--g-space-2_5)}.g-md-neg-mb-2_5{margin-bottom:calc(-1 * var(--g-space-2_5))}.g-md-mb-3_5{margin-bottom:var(--g-space-3_5)}.g-md-neg-mb-3_5{margin-bottom:calc(-1 * var(--g-space-3_5))}.g-md-ml-0{margin-left:var(--g-space-0)}.g-md-ml-1{margin-left:var(--g-space-1)}.g-md-neg-ml-1{margin-left:calc(-1 * var(--g-space-1))}.g-md-ml-2{margin-left:var(--g-space-2)}.g-md-neg-ml-2{margin-left:calc(-1 * var(--g-space-2))}.g-md-ml-3{margin-left:var(--g-space-3)}.g-md-neg-ml-3{margin-left:calc(-1 * var(--g-space-3))}.g-md-ml-4{margin-left:var(--g-space-4)}.g-md-neg-ml-4{margin-left:calc(-1 * var(--g-space-4))}.g-md-ml-5{margin-left:var(--g-space-5)}.g-md-neg-ml-5{margin-left:calc(-1 * var(--g-space-5))}.g-md-ml-6{margin-left:var(--g-space-6)}.g-md-neg-ml-6{margin-left:calc(-1 * var(--g-space-6))}.g-md-ml-7{margin-left:var(--g-space-7)}.g-md-neg-ml-7{margin-left:calc(-1 * var(--g-space-7))}.g-md-ml-8{margin-left:var(--g-space-8)}.g-md-neg-ml-8{margin-left:calc(-1 * var(--g-space-8))}.g-md-ml-9{margin-left:var(--g-space-9)}.g-md-neg-ml-9{margin-left:calc(-1 * var(--g-space-9))}.g-md-ml-10{margin-left:var(--g-space-10)}.g-md-neg-ml-10{margin-left:calc(-1 * var(--g-space-10))}.g-md-ml-12{margin-left:var(--g-space-12)}.g-md-neg-ml-12{margin-left:calc(-1 * var(--g-space-12))}.g-md-ml-14{margin-left:var(--g-space-14)}.g-md-neg-ml-14{margin-left:calc(-1 * var(--g-space-14))}.g-md-ml-16{margin-left:var(--g-space-16)}.g-md-neg-ml-16{margin-left:calc(-1 * var(--g-space-16))}.g-md-ml-20{margin-left:var(--g-space-20)}.g-md-neg-ml-20{margin-left:calc(-1 * var(--g-space-20))}.g-md-ml-24{margin-left:var(--g-space-24)}.g-md-neg-ml-24{margin-left:calc(-1 * var(--g-space-24))}.g-md-ml-28{margin-left:var(--g-space-28)}.g-md-neg-ml-28{margin-left:calc(-1 * var(--g-space-28))}.g-md-ml-32{margin-left:var(--g-space-32)}.g-md-neg-ml-32{margin-left:calc(-1 * var(--g-space-32))}.g-md-ml-40{margin-left:var(--g-space-40)}.g-md-neg-ml-40{margin-left:calc(-1 * var(--g-space-40))}.g-md-ml-48{margin-left:var(--g-space-48)}.g-md-neg-ml-48{margin-left:calc(-1 * var(--g-space-48))}.g-md-ml-56{margin-left:var(--g-space-56)}.g-md-neg-ml-56{margin-left:calc(-1 * var(--g-space-56))}.g-md-ml-64{margin-left:var(--g-space-64)}.g-md-neg-ml-64{margin-left:calc(-1 * var(--g-space-64))}.g-md-ml-80{margin-left:var(--g-space-80)}.g-md-neg-ml-80{margin-left:calc(-1 * var(--g-space-80))}.g-md-ml-96{margin-left:var(--g-space-96)}.g-md-neg-ml-96{margin-left:calc(-1 * var(--g-space-96))}.g-md-ml-px{margin-left:var(--g-space-px)}.g-md-ml-0_5{margin-left:var(--g-space-0_5)}.g-md-neg-ml-0_5{margin-left:calc(-1 * var(--g-space-0_5))}.g-md-ml-1_5{margin-left:var(--g-space-1_5)}.g-md-neg-ml-1_5{margin-left:calc(-1 * var(--g-space-1_5))}.g-md-ml-2_5{margin-left:var(--g-space-2_5)}.g-md-neg-ml-2_5{margin-left:calc(-1 * var(--g-space-2_5))}.g-md-ml-3_5{margin-left:var(--g-space-3_5)}.g-md-neg-ml-3_5{margin-left:calc(-1 * var(--g-space-3_5))}.g-md-ms-0{margin-inline-start:var(--g-space-0)}.g-md-ms-1{margin-inline-start:var(--g-space-1)}.g-md-neg-ms-1{margin-inline-start:calc(-1 * var(--g-space-1))}.g-md-ms-2{margin-inline-start:var(--g-space-2)}.g-md-neg-ms-2{margin-inline-start:calc(-1 * var(--g-space-2))}.g-md-ms-3{margin-inline-start:var(--g-space-3)}.g-md-neg-ms-3{margin-inline-start:calc(-1 * var(--g-space-3))}.g-md-ms-4{margin-inline-start:var(--g-space-4)}.g-md-neg-ms-4{margin-inline-start:calc(-1 * var(--g-space-4))}.g-md-ms-5{margin-inline-start:var(--g-space-5)}.g-md-neg-ms-5{margin-inline-start:calc(-1 * var(--g-space-5))}.g-md-ms-6{margin-inline-start:var(--g-space-6)}.g-md-neg-ms-6{margin-inline-start:calc(-1 * var(--g-space-6))}.g-md-ms-7{margin-inline-start:var(--g-space-7)}.g-md-neg-ms-7{margin-inline-start:calc(-1 * var(--g-space-7))}.g-md-ms-8{margin-inline-start:var(--g-space-8)}.g-md-neg-ms-8{margin-inline-start:calc(-1 * var(--g-space-8))}.g-md-ms-9{margin-inline-start:var(--g-space-9)}.g-md-neg-ms-9{margin-inline-start:calc(-1 * var(--g-space-9))}.g-md-ms-10{margin-inline-start:var(--g-space-10)}.g-md-neg-ms-10{margin-inline-start:calc(-1 * var(--g-space-10))}.g-md-ms-12{margin-inline-start:var(--g-space-12)}.g-md-neg-ms-12{margin-inline-start:calc(-1 * var(--g-space-12))}.g-md-ms-14{margin-inline-start:var(--g-space-14)}.g-md-neg-ms-14{margin-inline-start:calc(-1 * var(--g-space-14))}.g-md-ms-16{margin-inline-start:var(--g-space-16)}.g-md-neg-ms-16{margin-inline-start:calc(-1 * var(--g-space-16))}.g-md-ms-20{margin-inline-start:var(--g-space-20)}.g-md-neg-ms-20{margin-inline-start:calc(-1 * var(--g-space-20))}.g-md-ms-24{margin-inline-start:var(--g-space-24)}.g-md-neg-ms-24{margin-inline-start:calc(-1 * var(--g-space-24))}.g-md-ms-28{margin-inline-start:var(--g-space-28)}.g-md-neg-ms-28{margin-inline-start:calc(-1 * var(--g-space-28))}.g-md-ms-32{margin-inline-start:var(--g-space-32)}.g-md-neg-ms-32{margin-inline-start:calc(-1 * var(--g-space-32))}.g-md-ms-40{margin-inline-start:var(--g-space-40)}.g-md-neg-ms-40{margin-inline-start:calc(-1 * var(--g-space-40))}.g-md-ms-48{margin-inline-start:var(--g-space-48)}.g-md-neg-ms-48{margin-inline-start:calc(-1 * var(--g-space-48))}.g-md-ms-56{margin-inline-start:var(--g-space-56)}.g-md-neg-ms-56{margin-inline-start:calc(-1 * var(--g-space-56))}.g-md-ms-64{margin-inline-start:var(--g-space-64)}.g-md-neg-ms-64{margin-inline-start:calc(-1 * var(--g-space-64))}.g-md-ms-80{margin-inline-start:var(--g-space-80)}.g-md-neg-ms-80{margin-inline-start:calc(-1 * var(--g-space-80))}.g-md-ms-96{margin-inline-start:var(--g-space-96)}.g-md-neg-ms-96{margin-inline-start:calc(-1 * var(--g-space-96))}.g-md-ms-px{margin-inline-start:var(--g-space-px)}.g-md-ms-0_5{margin-inline-start:var(--g-space-0_5)}.g-md-neg-ms-0_5{margin-inline-start:calc(-1 * var(--g-space-0_5))}.g-md-ms-1_5{margin-inline-start:var(--g-space-1_5)}.g-md-neg-ms-1_5{margin-inline-start:calc(-1 * var(--g-space-1_5))}.g-md-ms-2_5{margin-inline-start:var(--g-space-2_5)}.g-md-neg-ms-2_5{margin-inline-start:calc(-1 * var(--g-space-2_5))}.g-md-ms-3_5{margin-inline-start:var(--g-space-3_5)}.g-md-neg-ms-3_5{margin-inline-start:calc(-1 * var(--g-space-3_5))}.g-md-me-0{margin-inline-end:var(--g-space-0)}.g-md-me-1{margin-inline-end:var(--g-space-1)}.g-md-neg-me-1{margin-inline-end:calc(-1 * var(--g-space-1))}.g-md-me-2{margin-inline-end:var(--g-space-2)}.g-md-neg-me-2{margin-inline-end:calc(-1 * var(--g-space-2))}.g-md-me-3{margin-inline-end:var(--g-space-3)}.g-md-neg-me-3{margin-inline-end:calc(-1 * var(--g-space-3))}.g-md-me-4{margin-inline-end:var(--g-space-4)}.g-md-neg-me-4{margin-inline-end:calc(-1 * var(--g-space-4))}.g-md-me-5{margin-inline-end:var(--g-space-5)}.g-md-neg-me-5{margin-inline-end:calc(-1 * var(--g-space-5))}.g-md-me-6{margin-inline-end:var(--g-space-6)}.g-md-neg-me-6{margin-inline-end:calc(-1 * var(--g-space-6))}.g-md-me-7{margin-inline-end:var(--g-space-7)}.g-md-neg-me-7{margin-inline-end:calc(-1 * var(--g-space-7))}.g-md-me-8{margin-inline-end:var(--g-space-8)}.g-md-neg-me-8{margin-inline-end:calc(-1 * var(--g-space-8))}.g-md-me-9{margin-inline-end:var(--g-space-9)}.g-md-neg-me-9{margin-inline-end:calc(-1 * var(--g-space-9))}.g-md-me-10{margin-inline-end:var(--g-space-10)}.g-md-neg-me-10{margin-inline-end:calc(-1 * var(--g-space-10))}.g-md-me-12{margin-inline-end:var(--g-space-12)}.g-md-neg-me-12{margin-inline-end:calc(-1 * var(--g-space-12))}.g-md-me-14{margin-inline-end:var(--g-space-14)}.g-md-neg-me-14{margin-inline-end:calc(-1 * var(--g-space-14))}.g-md-me-16{margin-inline-end:var(--g-space-16)}.g-md-neg-me-16{margin-inline-end:calc(-1 * var(--g-space-16))}.g-md-me-20{margin-inline-end:var(--g-space-20)}.g-md-neg-me-20{margin-inline-end:calc(-1 * var(--g-space-20))}.g-md-me-24{margin-inline-end:var(--g-space-24)}.g-md-neg-me-24{margin-inline-end:calc(-1 * var(--g-space-24))}.g-md-me-28{margin-inline-end:var(--g-space-28)}.g-md-neg-me-28{margin-inline-end:calc(-1 * var(--g-space-28))}.g-md-me-32{margin-inline-end:var(--g-space-32)}.g-md-neg-me-32{margin-inline-end:calc(-1 * var(--g-space-32))}.g-md-me-40{margin-inline-end:var(--g-space-40)}.g-md-neg-me-40{margin-inline-end:calc(-1 * var(--g-space-40))}.g-md-me-48{margin-inline-end:var(--g-space-48)}.g-md-neg-me-48{margin-inline-end:calc(-1 * var(--g-space-48))}.g-md-me-56{margin-inline-end:var(--g-space-56)}.g-md-neg-me-56{margin-inline-end:calc(-1 * var(--g-space-56))}.g-md-me-64{margin-inline-end:var(--g-space-64)}.g-md-neg-me-64{margin-inline-end:calc(-1 * var(--g-space-64))}.g-md-me-80{margin-inline-end:var(--g-space-80)}.g-md-neg-me-80{margin-inline-end:calc(-1 * var(--g-space-80))}.g-md-me-96{margin-inline-end:var(--g-space-96)}.g-md-neg-me-96{margin-inline-end:calc(-1 * var(--g-space-96))}.g-md-me-px{margin-inline-end:var(--g-space-px)}.g-md-me-0_5{margin-inline-end:var(--g-space-0_5)}.g-md-neg-me-0_5{margin-inline-end:calc(-1 * var(--g-space-0_5))}.g-md-me-1_5{margin-inline-end:var(--g-space-1_5)}.g-md-neg-me-1_5{margin-inline-end:calc(-1 * var(--g-space-1_5))}.g-md-me-2_5{margin-inline-end:var(--g-space-2_5)}.g-md-neg-me-2_5{margin-inline-end:calc(-1 * var(--g-space-2_5))}.g-md-me-3_5{margin-inline-end:var(--g-space-3_5)}.g-md-neg-me-3_5{margin-inline-end:calc(-1 * var(--g-space-3_5))}.g-md-p-0{padding:var(--g-space-0)}.g-md-p-1{padding:var(--g-space-1)}.g-md-p-2{padding:var(--g-space-2)}.g-md-p-3{padding:var(--g-space-3)}.g-md-p-4{padding:var(--g-space-4)}.g-md-p-5{padding:var(--g-space-5)}.g-md-p-6{padding:var(--g-space-6)}.g-md-p-7{padding:var(--g-space-7)}.g-md-p-8{padding:var(--g-space-8)}.g-md-p-9{padding:var(--g-space-9)}.g-md-p-10{padding:var(--g-space-10)}.g-md-p-12{padding:var(--g-space-12)}.g-md-p-14{padding:var(--g-space-14)}.g-md-p-16{padding:var(--g-space-16)}.g-md-p-20{padding:var(--g-space-20)}.g-md-p-24{padding:var(--g-space-24)}.g-md-p-28{padding:var(--g-space-28)}.g-md-p-32{padding:var(--g-space-32)}.g-md-p-40{padding:var(--g-space-40)}.g-md-p-48{padding:var(--g-space-48)}.g-md-p-56{padding:var(--g-space-56)}.g-md-p-64{padding:var(--g-space-64)}.g-md-p-80{padding:var(--g-space-80)}.g-md-p-96{padding:var(--g-space-96)}.g-md-p-px{padding:var(--g-space-px)}.g-md-p-0_5{padding:var(--g-space-0_5)}.g-md-p-1_5{padding:var(--g-space-1_5)}.g-md-p-2_5{padding:var(--g-space-2_5)}.g-md-p-3_5{padding:var(--g-space-3_5)}.g-md-px-0{padding-inline:var(--g-space-0)}.g-md-px-1{padding-inline:var(--g-space-1)}.g-md-px-2{padding-inline:var(--g-space-2)}.g-md-px-3{padding-inline:var(--g-space-3)}.g-md-px-4{padding-inline:var(--g-space-4)}.g-md-px-5{padding-inline:var(--g-space-5)}.g-md-px-6{padding-inline:var(--g-space-6)}.g-md-px-7{padding-inline:var(--g-space-7)}.g-md-px-8{padding-inline:var(--g-space-8)}.g-md-px-9{padding-inline:var(--g-space-9)}.g-md-px-10{padding-inline:var(--g-space-10)}.g-md-px-12{padding-inline:var(--g-space-12)}.g-md-px-14{padding-inline:var(--g-space-14)}.g-md-px-16{padding-inline:var(--g-space-16)}.g-md-px-20{padding-inline:var(--g-space-20)}.g-md-px-24{padding-inline:var(--g-space-24)}.g-md-px-28{padding-inline:var(--g-space-28)}.g-md-px-32{padding-inline:var(--g-space-32)}.g-md-px-40{padding-inline:var(--g-space-40)}.g-md-px-48{padding-inline:var(--g-space-48)}.g-md-px-56{padding-inline:var(--g-space-56)}.g-md-px-64{padding-inline:var(--g-space-64)}.g-md-px-80{padding-inline:var(--g-space-80)}.g-md-px-96{padding-inline:var(--g-space-96)}.g-md-px-px{padding-inline:var(--g-space-px)}.g-md-px-0_5{padding-inline:var(--g-space-0_5)}.g-md-px-1_5{padding-inline:var(--g-space-1_5)}.g-md-px-2_5{padding-inline:var(--g-space-2_5)}.g-md-px-3_5{padding-inline:var(--g-space-3_5)}.g-md-py-0{padding-block:var(--g-space-0)}.g-md-py-1{padding-block:var(--g-space-1)}.g-md-py-2{padding-block:var(--g-space-2)}.g-md-py-3{padding-block:var(--g-space-3)}.g-md-py-4{padding-block:var(--g-space-4)}.g-md-py-5{padding-block:var(--g-space-5)}.g-md-py-6{padding-block:var(--g-space-6)}.g-md-py-7{padding-block:var(--g-space-7)}.g-md-py-8{padding-block:var(--g-space-8)}.g-md-py-9{padding-block:var(--g-space-9)}.g-md-py-10{padding-block:var(--g-space-10)}.g-md-py-12{padding-block:var(--g-space-12)}.g-md-py-14{padding-block:var(--g-space-14)}.g-md-py-16{padding-block:var(--g-space-16)}.g-md-py-20{padding-block:var(--g-space-20)}.g-md-py-24{padding-block:var(--g-space-24)}.g-md-py-28{padding-block:var(--g-space-28)}.g-md-py-32{padding-block:var(--g-space-32)}.g-md-py-40{padding-block:var(--g-space-40)}.g-md-py-48{padding-block:var(--g-space-48)}.g-md-py-56{padding-block:var(--g-space-56)}.g-md-py-64{padding-block:var(--g-space-64)}.g-md-py-80{padding-block:var(--g-space-80)}.g-md-py-96{padding-block:var(--g-space-96)}.g-md-py-px{padding-block:var(--g-space-px)}.g-md-py-0_5{padding-block:var(--g-space-0_5)}.g-md-py-1_5{padding-block:var(--g-space-1_5)}.g-md-py-2_5{padding-block:var(--g-space-2_5)}.g-md-py-3_5{padding-block:var(--g-space-3_5)}.g-md-pt-0{padding-top:var(--g-space-0)}.g-md-pt-1{padding-top:var(--g-space-1)}.g-md-pt-2{padding-top:var(--g-space-2)}.g-md-pt-3{padding-top:var(--g-space-3)}.g-md-pt-4{padding-top:var(--g-space-4)}.g-md-pt-5{padding-top:var(--g-space-5)}.g-md-pt-6{padding-top:var(--g-space-6)}.g-md-pt-7{padding-top:var(--g-space-7)}.g-md-pt-8{padding-top:var(--g-space-8)}.g-md-pt-9{padding-top:var(--g-space-9)}.g-md-pt-10{padding-top:var(--g-space-10)}.g-md-pt-12{padding-top:var(--g-space-12)}.g-md-pt-14{padding-top:var(--g-space-14)}.g-md-pt-16{padding-top:var(--g-space-16)}.g-md-pt-20{padding-top:var(--g-space-20)}.g-md-pt-24{padding-top:var(--g-space-24)}.g-md-pt-28{padding-top:var(--g-space-28)}.g-md-pt-32{padding-top:var(--g-space-32)}.g-md-pt-40{padding-top:var(--g-space-40)}.g-md-pt-48{padding-top:var(--g-space-48)}.g-md-pt-56{padding-top:var(--g-space-56)}.g-md-pt-64{padding-top:var(--g-space-64)}.g-md-pt-80{padding-top:var(--g-space-80)}.g-md-pt-96{padding-top:var(--g-space-96)}.g-md-pt-px{padding-top:var(--g-space-px)}.g-md-pt-0_5{padding-top:var(--g-space-0_5)}.g-md-pt-1_5{padding-top:var(--g-space-1_5)}.g-md-pt-2_5{padding-top:var(--g-space-2_5)}.g-md-pt-3_5{padding-top:var(--g-space-3_5)}.g-md-pr-0{padding-right:var(--g-space-0)}.g-md-pr-1{padding-right:var(--g-space-1)}.g-md-pr-2{padding-right:var(--g-space-2)}.g-md-pr-3{padding-right:var(--g-space-3)}.g-md-pr-4{padding-right:var(--g-space-4)}.g-md-pr-5{padding-right:var(--g-space-5)}.g-md-pr-6{padding-right:var(--g-space-6)}.g-md-pr-7{padding-right:var(--g-space-7)}.g-md-pr-8{padding-right:var(--g-space-8)}.g-md-pr-9{padding-right:var(--g-space-9)}.g-md-pr-10{padding-right:var(--g-space-10)}.g-md-pr-12{padding-right:var(--g-space-12)}.g-md-pr-14{padding-right:var(--g-space-14)}.g-md-pr-16{padding-right:var(--g-space-16)}.g-md-pr-20{padding-right:var(--g-space-20)}.g-md-pr-24{padding-right:var(--g-space-24)}.g-md-pr-28{padding-right:var(--g-space-28)}.g-md-pr-32{padding-right:var(--g-space-32)}.g-md-pr-40{padding-right:var(--g-space-40)}.g-md-pr-48{padding-right:var(--g-space-48)}.g-md-pr-56{padding-right:var(--g-space-56)}.g-md-pr-64{padding-right:var(--g-space-64)}.g-md-pr-80{padding-right:var(--g-space-80)}.g-md-pr-96{padding-right:var(--g-space-96)}.g-md-pr-px{padding-right:var(--g-space-px)}.g-md-pr-0_5{padding-right:var(--g-space-0_5)}.g-md-pr-1_5{padding-right:var(--g-space-1_5)}.g-md-pr-2_5{padding-right:var(--g-space-2_5)}.g-md-pr-3_5{padding-right:var(--g-space-3_5)}.g-md-pb-0{padding-bottom:var(--g-space-0)}.g-md-pb-1{padding-bottom:var(--g-space-1)}.g-md-pb-2{padding-bottom:var(--g-space-2)}.g-md-pb-3{padding-bottom:var(--g-space-3)}.g-md-pb-4{padding-bottom:var(--g-space-4)}.g-md-pb-5{padding-bottom:var(--g-space-5)}.g-md-pb-6{padding-bottom:var(--g-space-6)}.g-md-pb-7{padding-bottom:var(--g-space-7)}.g-md-pb-8{padding-bottom:var(--g-space-8)}.g-md-pb-9{padding-bottom:var(--g-space-9)}.g-md-pb-10{padding-bottom:var(--g-space-10)}.g-md-pb-12{padding-bottom:var(--g-space-12)}.g-md-pb-14{padding-bottom:var(--g-space-14)}.g-md-pb-16{padding-bottom:var(--g-space-16)}.g-md-pb-20{padding-bottom:var(--g-space-20)}.g-md-pb-24{padding-bottom:var(--g-space-24)}.g-md-pb-28{padding-bottom:var(--g-space-28)}.g-md-pb-32{padding-bottom:var(--g-space-32)}.g-md-pb-40{padding-bottom:var(--g-space-40)}.g-md-pb-48{padding-bottom:var(--g-space-48)}.g-md-pb-56{padding-bottom:var(--g-space-56)}.g-md-pb-64{padding-bottom:var(--g-space-64)}.g-md-pb-80{padding-bottom:var(--g-space-80)}.g-md-pb-96{padding-bottom:var(--g-space-96)}.g-md-pb-px{padding-bottom:var(--g-space-px)}.g-md-pb-0_5{padding-bottom:var(--g-space-0_5)}.g-md-pb-1_5{padding-bottom:var(--g-space-1_5)}.g-md-pb-2_5{padding-bottom:var(--g-space-2_5)}.g-md-pb-3_5{padding-bottom:var(--g-space-3_5)}.g-md-pl-0{padding-left:var(--g-space-0)}.g-md-pl-1{padding-left:var(--g-space-1)}.g-md-pl-2{padding-left:var(--g-space-2)}.g-md-pl-3{padding-left:var(--g-space-3)}.g-md-pl-4{padding-left:var(--g-space-4)}.g-md-pl-5{padding-left:var(--g-space-5)}.g-md-pl-6{padding-left:var(--g-space-6)}.g-md-pl-7{padding-left:var(--g-space-7)}.g-md-pl-8{padding-left:var(--g-space-8)}.g-md-pl-9{padding-left:var(--g-space-9)}.g-md-pl-10{padding-left:var(--g-space-10)}.g-md-pl-12{padding-left:var(--g-space-12)}.g-md-pl-14{padding-left:var(--g-space-14)}.g-md-pl-16{padding-left:var(--g-space-16)}.g-md-pl-20{padding-left:var(--g-space-20)}.g-md-pl-24{padding-left:var(--g-space-24)}.g-md-pl-28{padding-left:var(--g-space-28)}.g-md-pl-32{padding-left:var(--g-space-32)}.g-md-pl-40{padding-left:var(--g-space-40)}.g-md-pl-48{padding-left:var(--g-space-48)}.g-md-pl-56{padding-left:var(--g-space-56)}.g-md-pl-64{padding-left:var(--g-space-64)}.g-md-pl-80{padding-left:var(--g-space-80)}.g-md-pl-96{padding-left:var(--g-space-96)}.g-md-pl-px{padding-left:var(--g-space-px)}.g-md-pl-0_5{padding-left:var(--g-space-0_5)}.g-md-pl-1_5{padding-left:var(--g-space-1_5)}.g-md-pl-2_5{padding-left:var(--g-space-2_5)}.g-md-pl-3_5{padding-left:var(--g-space-3_5)}.g-md-ps-0{padding-inline-start:var(--g-space-0)}.g-md-ps-1{padding-inline-start:var(--g-space-1)}.g-md-ps-2{padding-inline-start:var(--g-space-2)}.g-md-ps-3{padding-inline-start:var(--g-space-3)}.g-md-ps-4{padding-inline-start:var(--g-space-4)}.g-md-ps-5{padding-inline-start:var(--g-space-5)}.g-md-ps-6{padding-inline-start:var(--g-space-6)}.g-md-ps-7{padding-inline-start:var(--g-space-7)}.g-md-ps-8{padding-inline-start:var(--g-space-8)}.g-md-ps-9{padding-inline-start:var(--g-space-9)}.g-md-ps-10{padding-inline-start:var(--g-space-10)}.g-md-ps-12{padding-inline-start:var(--g-space-12)}.g-md-ps-14{padding-inline-start:var(--g-space-14)}.g-md-ps-16{padding-inline-start:var(--g-space-16)}.g-md-ps-20{padding-inline-start:var(--g-space-20)}.g-md-ps-24{padding-inline-start:var(--g-space-24)}.g-md-ps-28{padding-inline-start:var(--g-space-28)}.g-md-ps-32{padding-inline-start:var(--g-space-32)}.g-md-ps-40{padding-inline-start:var(--g-space-40)}.g-md-ps-48{padding-inline-start:var(--g-space-48)}.g-md-ps-56{padding-inline-start:var(--g-space-56)}.g-md-ps-64{padding-inline-start:var(--g-space-64)}.g-md-ps-80{padding-inline-start:var(--g-space-80)}.g-md-ps-96{padding-inline-start:var(--g-space-96)}.g-md-ps-px{padding-inline-start:var(--g-space-px)}.g-md-ps-0_5{padding-inline-start:var(--g-space-0_5)}.g-md-ps-1_5{padding-inline-start:var(--g-space-1_5)}.g-md-ps-2_5{padding-inline-start:var(--g-space-2_5)}.g-md-ps-3_5{padding-inline-start:var(--g-space-3_5)}.g-md-pe-0{padding-inline-end:var(--g-space-0)}.g-md-pe-1{padding-inline-end:var(--g-space-1)}.g-md-pe-2{padding-inline-end:var(--g-space-2)}.g-md-pe-3{padding-inline-end:var(--g-space-3)}.g-md-pe-4{padding-inline-end:var(--g-space-4)}.g-md-pe-5{padding-inline-end:var(--g-space-5)}.g-md-pe-6{padding-inline-end:var(--g-space-6)}.g-md-pe-7{padding-inline-end:var(--g-space-7)}.g-md-pe-8{padding-inline-end:var(--g-space-8)}.g-md-pe-9{padding-inline-end:var(--g-space-9)}.g-md-pe-10{padding-inline-end:var(--g-space-10)}.g-md-pe-12{padding-inline-end:var(--g-space-12)}.g-md-pe-14{padding-inline-end:var(--g-space-14)}.g-md-pe-16{padding-inline-end:var(--g-space-16)}.g-md-pe-20{padding-inline-end:var(--g-space-20)}.g-md-pe-24{padding-inline-end:var(--g-space-24)}.g-md-pe-28{padding-inline-end:var(--g-space-28)}.g-md-pe-32{padding-inline-end:var(--g-space-32)}.g-md-pe-40{padding-inline-end:var(--g-space-40)}.g-md-pe-48{padding-inline-end:var(--g-space-48)}.g-md-pe-56{padding-inline-end:var(--g-space-56)}.g-md-pe-64{padding-inline-end:var(--g-space-64)}.g-md-pe-80{padding-inline-end:var(--g-space-80)}.g-md-pe-96{padding-inline-end:var(--g-space-96)}.g-md-pe-px{padding-inline-end:var(--g-space-px)}.g-md-pe-0_5{padding-inline-end:var(--g-space-0_5)}.g-md-pe-1_5{padding-inline-end:var(--g-space-1_5)}.g-md-pe-2_5{padding-inline-end:var(--g-space-2_5)}.g-md-pe-3_5{padding-inline-end:var(--g-space-3_5)}.g-md-gap-0{gap:var(--g-space-0)}.g-md-gap-1{gap:var(--g-space-1)}.g-md-gap-2{gap:var(--g-space-2)}.g-md-gap-3{gap:var(--g-space-3)}.g-md-gap-4{gap:var(--g-space-4)}.g-md-gap-5{gap:var(--g-space-5)}.g-md-gap-6{gap:var(--g-space-6)}.g-md-gap-7{gap:var(--g-space-7)}.g-md-gap-8{gap:var(--g-space-8)}.g-md-gap-9{gap:var(--g-space-9)}.g-md-gap-10{gap:var(--g-space-10)}.g-md-gap-12{gap:var(--g-space-12)}.g-md-gap-14{gap:var(--g-space-14)}.g-md-gap-16{gap:var(--g-space-16)}.g-md-gap-20{gap:var(--g-space-20)}.g-md-gap-24{gap:var(--g-space-24)}.g-md-gap-28{gap:var(--g-space-28)}.g-md-gap-32{gap:var(--g-space-32)}.g-md-gap-40{gap:var(--g-space-40)}.g-md-gap-48{gap:var(--g-space-48)}.g-md-gap-56{gap:var(--g-space-56)}.g-md-gap-64{gap:var(--g-space-64)}.g-md-gap-80{gap:var(--g-space-80)}.g-md-gap-96{gap:var(--g-space-96)}.g-md-gap-px{gap:var(--g-space-px)}.g-md-gap-0_5{gap:var(--g-space-0_5)}.g-md-gap-1_5{gap:var(--g-space-1_5)}.g-md-gap-2_5{gap:var(--g-space-2_5)}.g-md-gap-3_5{gap:var(--g-space-3_5)}.g-md-gap-x-0{column-gap:var(--g-space-0)}.g-md-gap-x-1{column-gap:var(--g-space-1)}.g-md-gap-x-2{column-gap:var(--g-space-2)}.g-md-gap-x-3{column-gap:var(--g-space-3)}.g-md-gap-x-4{column-gap:var(--g-space-4)}.g-md-gap-x-5{column-gap:var(--g-space-5)}.g-md-gap-x-6{column-gap:var(--g-space-6)}.g-md-gap-x-7{column-gap:var(--g-space-7)}.g-md-gap-x-8{column-gap:var(--g-space-8)}.g-md-gap-x-9{column-gap:var(--g-space-9)}.g-md-gap-x-10{column-gap:var(--g-space-10)}.g-md-gap-x-12{column-gap:var(--g-space-12)}.g-md-gap-x-14{column-gap:var(--g-space-14)}.g-md-gap-x-16{column-gap:var(--g-space-16)}.g-md-gap-x-20{column-gap:var(--g-space-20)}.g-md-gap-x-24{column-gap:var(--g-space-24)}.g-md-gap-x-28{column-gap:var(--g-space-28)}.g-md-gap-x-32{column-gap:var(--g-space-32)}.g-md-gap-x-40{column-gap:var(--g-space-40)}.g-md-gap-x-48{column-gap:var(--g-space-48)}.g-md-gap-x-56{column-gap:var(--g-space-56)}.g-md-gap-x-64{column-gap:var(--g-space-64)}.g-md-gap-x-80{column-gap:var(--g-space-80)}.g-md-gap-x-96{column-gap:var(--g-space-96)}.g-md-gap-x-px{column-gap:var(--g-space-px)}.g-md-gap-x-0_5{column-gap:var(--g-space-0_5)}.g-md-gap-x-1_5{column-gap:var(--g-space-1_5)}.g-md-gap-x-2_5{column-gap:var(--g-space-2_5)}.g-md-gap-x-3_5{column-gap:var(--g-space-3_5)}.g-md-gap-y-0{row-gap:var(--g-space-0)}.g-md-gap-y-1{row-gap:var(--g-space-1)}.g-md-gap-y-2{row-gap:var(--g-space-2)}.g-md-gap-y-3{row-gap:var(--g-space-3)}.g-md-gap-y-4{row-gap:var(--g-space-4)}.g-md-gap-y-5{row-gap:var(--g-space-5)}.g-md-gap-y-6{row-gap:var(--g-space-6)}.g-md-gap-y-7{row-gap:var(--g-space-7)}.g-md-gap-y-8{row-gap:var(--g-space-8)}.g-md-gap-y-9{row-gap:var(--g-space-9)}.g-md-gap-y-10{row-gap:var(--g-space-10)}.g-md-gap-y-12{row-gap:var(--g-space-12)}.g-md-gap-y-14{row-gap:var(--g-space-14)}.g-md-gap-y-16{row-gap:var(--g-space-16)}.g-md-gap-y-20{row-gap:var(--g-space-20)}.g-md-gap-y-24{row-gap:var(--g-space-24)}.g-md-gap-y-28{row-gap:var(--g-space-28)}.g-md-gap-y-32{row-gap:var(--g-space-32)}.g-md-gap-y-40{row-gap:var(--g-space-40)}.g-md-gap-y-48{row-gap:var(--g-space-48)}.g-md-gap-y-56{row-gap:var(--g-space-56)}.g-md-gap-y-64{row-gap:var(--g-space-64)}.g-md-gap-y-80{row-gap:var(--g-space-80)}.g-md-gap-y-96{row-gap:var(--g-space-96)}.g-md-gap-y-px{row-gap:var(--g-space-px)}.g-md-gap-y-0_5{row-gap:var(--g-space-0_5)}.g-md-gap-y-1_5{row-gap:var(--g-space-1_5)}.g-md-gap-y-2_5{row-gap:var(--g-space-2_5)}.g-md-gap-y-3_5{row-gap:var(--g-space-3_5)}.g-md-m-auto{margin:auto}.g-md-mx-auto{margin-inline:auto}.g-md-my-auto{margin-block:auto}.g-md-mt-auto{margin-top:auto}.g-md-mr-auto{margin-right:auto}.g-md-mb-auto{margin-bottom:auto}.g-md-ml-auto{margin-left:auto}.g-md-ms-auto{margin-inline-start:auto}.g-md-me-auto{margin-inline-end:auto}.g-md-w-0{width:var(--g-space-0)}.g-md-h-0{height:var(--g-space-0)}.g-md-min-w-0{min-width:var(--g-space-0)}.g-md-min-h-0{min-height:var(--g-space-0)}.g-md-max-w-0{max-width:var(--g-space-0)}.g-md-max-h-0{max-height:var(--g-space-0)}.g-md-w-1{width:var(--g-space-1)}.g-md-h-1{height:var(--g-space-1)}.g-md-min-w-1{min-width:var(--g-space-1)}.g-md-min-h-1{min-height:var(--g-space-1)}.g-md-max-w-1{max-width:var(--g-space-1)}.g-md-max-h-1{max-height:var(--g-space-1)}.g-md-w-2{width:var(--g-space-2)}.g-md-h-2{height:var(--g-space-2)}.g-md-min-w-2{min-width:var(--g-space-2)}.g-md-min-h-2{min-height:var(--g-space-2)}.g-md-max-w-2{max-width:var(--g-space-2)}.g-md-max-h-2{max-height:var(--g-space-2)}.g-md-w-3{width:var(--g-space-3)}.g-md-h-3{height:var(--g-space-3)}.g-md-min-w-3{min-width:var(--g-space-3)}.g-md-min-h-3{min-height:var(--g-space-3)}.g-md-max-w-3{max-width:var(--g-space-3)}.g-md-max-h-3{max-height:var(--g-space-3)}.g-md-w-4{width:var(--g-space-4)}.g-md-h-4{height:var(--g-space-4)}.g-md-min-w-4{min-width:var(--g-space-4)}.g-md-min-h-4{min-height:var(--g-space-4)}.g-md-max-w-4{max-width:var(--g-space-4)}.g-md-max-h-4{max-height:var(--g-space-4)}.g-md-w-5{width:var(--g-space-5)}.g-md-h-5{height:var(--g-space-5)}.g-md-min-w-5{min-width:var(--g-space-5)}.g-md-min-h-5{min-height:var(--g-space-5)}.g-md-max-w-5{max-width:var(--g-space-5)}.g-md-max-h-5{max-height:var(--g-space-5)}.g-md-w-6{width:var(--g-space-6)}.g-md-h-6{height:var(--g-space-6)}.g-md-min-w-6{min-width:var(--g-space-6)}.g-md-min-h-6{min-height:var(--g-space-6)}.g-md-max-w-6{max-width:var(--g-space-6)}.g-md-max-h-6{max-height:var(--g-space-6)}.g-md-w-7{width:var(--g-space-7)}.g-md-h-7{height:var(--g-space-7)}.g-md-min-w-7{min-width:var(--g-space-7)}.g-md-min-h-7{min-height:var(--g-space-7)}.g-md-max-w-7{max-width:var(--g-space-7)}.g-md-max-h-7{max-height:var(--g-space-7)}.g-md-w-8{width:var(--g-space-8)}.g-md-h-8{height:var(--g-space-8)}.g-md-min-w-8{min-width:var(--g-space-8)}.g-md-min-h-8{min-height:var(--g-space-8)}.g-md-max-w-8{max-width:var(--g-space-8)}.g-md-max-h-8{max-height:var(--g-space-8)}.g-md-w-9{width:var(--g-space-9)}.g-md-h-9{height:var(--g-space-9)}.g-md-min-w-9{min-width:var(--g-space-9)}.g-md-min-h-9{min-height:var(--g-space-9)}.g-md-max-w-9{max-width:var(--g-space-9)}.g-md-max-h-9{max-height:var(--g-space-9)}.g-md-w-10{width:var(--g-space-10)}.g-md-h-10{height:var(--g-space-10)}.g-md-min-w-10{min-width:var(--g-space-10)}.g-md-min-h-10{min-height:var(--g-space-10)}.g-md-max-w-10{max-width:var(--g-space-10)}.g-md-max-h-10{max-height:var(--g-space-10)}.g-md-w-12{width:var(--g-space-12)}.g-md-h-12{height:var(--g-space-12)}.g-md-min-w-12{min-width:var(--g-space-12)}.g-md-min-h-12{min-height:var(--g-space-12)}.g-md-max-w-12{max-width:var(--g-space-12)}.g-md-max-h-12{max-height:var(--g-space-12)}.g-md-w-14{width:var(--g-space-14)}.g-md-h-14{height:var(--g-space-14)}.g-md-min-w-14{min-width:var(--g-space-14)}.g-md-min-h-14{min-height:var(--g-space-14)}.g-md-max-w-14{max-width:var(--g-space-14)}.g-md-max-h-14{max-height:var(--g-space-14)}.g-md-w-16{width:var(--g-space-16)}.g-md-h-16{height:var(--g-space-16)}.g-md-min-w-16{min-width:var(--g-space-16)}.g-md-min-h-16{min-height:var(--g-space-16)}.g-md-max-w-16{max-width:var(--g-space-16)}.g-md-max-h-16{max-height:var(--g-space-16)}.g-md-w-20{width:var(--g-space-20)}.g-md-h-20{height:var(--g-space-20)}.g-md-min-w-20{min-width:var(--g-space-20)}.g-md-min-h-20{min-height:var(--g-space-20)}.g-md-max-w-20{max-width:var(--g-space-20)}.g-md-max-h-20{max-height:var(--g-space-20)}.g-md-w-24{width:var(--g-space-24)}.g-md-h-24{height:var(--g-space-24)}.g-md-min-w-24{min-width:var(--g-space-24)}.g-md-min-h-24{min-height:var(--g-space-24)}.g-md-max-w-24{max-width:var(--g-space-24)}.g-md-max-h-24{max-height:var(--g-space-24)}.g-md-w-28{width:var(--g-space-28)}.g-md-h-28{height:var(--g-space-28)}.g-md-min-w-28{min-width:var(--g-space-28)}.g-md-min-h-28{min-height:var(--g-space-28)}.g-md-max-w-28{max-width:var(--g-space-28)}.g-md-max-h-28{max-height:var(--g-space-28)}.g-md-w-32{width:var(--g-space-32)}.g-md-h-32{height:var(--g-space-32)}.g-md-min-w-32{min-width:var(--g-space-32)}.g-md-min-h-32{min-height:var(--g-space-32)}.g-md-max-w-32{max-width:var(--g-space-32)}.g-md-max-h-32{max-height:var(--g-space-32)}.g-md-w-40{width:var(--g-space-40)}.g-md-h-40{height:var(--g-space-40)}.g-md-min-w-40{min-width:var(--g-space-40)}.g-md-min-h-40{min-height:var(--g-space-40)}.g-md-max-w-40{max-width:var(--g-space-40)}.g-md-max-h-40{max-height:var(--g-space-40)}.g-md-w-48{width:var(--g-space-48)}.g-md-h-48{height:var(--g-space-48)}.g-md-min-w-48{min-width:var(--g-space-48)}.g-md-min-h-48{min-height:var(--g-space-48)}.g-md-max-w-48{max-width:var(--g-space-48)}.g-md-max-h-48{max-height:var(--g-space-48)}.g-md-w-56{width:var(--g-space-56)}.g-md-h-56{height:var(--g-space-56)}.g-md-min-w-56{min-width:var(--g-space-56)}.g-md-min-h-56{min-height:var(--g-space-56)}.g-md-max-w-56{max-width:var(--g-space-56)}.g-md-max-h-56{max-height:var(--g-space-56)}.g-md-w-64{width:var(--g-space-64)}.g-md-h-64{height:var(--g-space-64)}.g-md-min-w-64{min-width:var(--g-space-64)}.g-md-min-h-64{min-height:var(--g-space-64)}.g-md-max-w-64{max-width:var(--g-space-64)}.g-md-max-h-64{max-height:var(--g-space-64)}.g-md-w-80{width:var(--g-space-80)}.g-md-h-80{height:var(--g-space-80)}.g-md-min-w-80{min-width:var(--g-space-80)}.g-md-min-h-80{min-height:var(--g-space-80)}.g-md-max-w-80{max-width:var(--g-space-80)}.g-md-max-h-80{max-height:var(--g-space-80)}.g-md-w-96{width:var(--g-space-96)}.g-md-h-96{height:var(--g-space-96)}.g-md-min-w-96{min-width:var(--g-space-96)}.g-md-min-h-96{min-height:var(--g-space-96)}.g-md-max-w-96{max-width:var(--g-space-96)}.g-md-max-h-96{max-height:var(--g-space-96)}.g-md-w-px{width:var(--g-space-px)}.g-md-h-px{height:var(--g-space-px)}.g-md-min-w-px{min-width:var(--g-space-px)}.g-md-min-h-px{min-height:var(--g-space-px)}.g-md-max-w-px{max-width:var(--g-space-px)}.g-md-max-h-px{max-height:var(--g-space-px)}.g-md-w-0_5{width:var(--g-space-0_5)}.g-md-h-0_5{height:var(--g-space-0_5)}.g-md-min-w-0_5{min-width:var(--g-space-0_5)}.g-md-min-h-0_5{min-height:var(--g-space-0_5)}.g-md-max-w-0_5{max-width:var(--g-space-0_5)}.g-md-max-h-0_5{max-height:var(--g-space-0_5)}.g-md-w-1_5{width:var(--g-space-1_5)}.g-md-h-1_5{height:var(--g-space-1_5)}.g-md-min-w-1_5{min-width:var(--g-space-1_5)}.g-md-min-h-1_5{min-height:var(--g-space-1_5)}.g-md-max-w-1_5{max-width:var(--g-space-1_5)}.g-md-max-h-1_5{max-height:var(--g-space-1_5)}.g-md-w-2_5{width:var(--g-space-2_5)}.g-md-h-2_5{height:var(--g-space-2_5)}.g-md-min-w-2_5{min-width:var(--g-space-2_5)}.g-md-min-h-2_5{min-height:var(--g-space-2_5)}.g-md-max-w-2_5{max-width:var(--g-space-2_5)}.g-md-max-h-2_5{max-height:var(--g-space-2_5)}.g-md-w-3_5{width:var(--g-space-3_5)}.g-md-h-3_5{height:var(--g-space-3_5)}.g-md-min-w-3_5{min-width:var(--g-space-3_5)}.g-md-min-h-3_5{min-height:var(--g-space-3_5)}.g-md-max-w-3_5{max-width:var(--g-space-3_5)}.g-md-max-h-3_5{max-height:var(--g-space-3_5)}.g-md-w-1of2{width:50%}.g-md-h-1of2{height:50%}.g-md-basis-1of2{flex-basis:50%}.g-md-w-1of3{width:33.333333%}.g-md-h-1of3{height:33.333333%}.g-md-basis-1of3{flex-basis:33.333333%}.g-md-w-2of3{width:66.666667%}.g-md-h-2of3{height:66.666667%}.g-md-basis-2of3{flex-basis:66.666667%}.g-md-w-1of4{width:25%}.g-md-h-1of4{height:25%}.g-md-basis-1of4{flex-basis:25%}.g-md-w-2of4{width:50%}.g-md-h-2of4{height:50%}.g-md-basis-2of4{flex-basis:50%}.g-md-w-3of4{width:75%}.g-md-h-3of4{height:75%}.g-md-basis-3of4{flex-basis:75%}.g-md-w-1of5{width:20%}.g-md-h-1of5{height:20%}.g-md-basis-1of5{flex-basis:20%}.g-md-w-2of5{width:40%}.g-md-h-2of5{height:40%}.g-md-basis-2of5{flex-basis:40%}.g-md-w-3of5{width:60%}.g-md-h-3of5{height:60%}.g-md-basis-3of5{flex-basis:60%}.g-md-w-4of5{width:80%}.g-md-h-4of5{height:80%}.g-md-basis-4of5{flex-basis:80%}.g-md-w-1of6{width:16.666667%}.g-md-h-1of6{height:16.666667%}.g-md-basis-1of6{flex-basis:16.666667%}.g-md-w-5of6{width:83.333333%}.g-md-h-5of6{height:83.333333%}.g-md-basis-5of6{flex-basis:83.333333%}.g-md-basis-auto{flex-basis:auto}.g-md-basis-full{flex-basis:100%}.g-md-inset-0{inset:var(--g-space-0)}.g-md-inset-1{inset:var(--g-space-1)}.g-md-neg-inset-1{inset:calc(-1 * var(--g-space-1))}.g-md-inset-2{inset:var(--g-space-2)}.g-md-neg-inset-2{inset:calc(-1 * var(--g-space-2))}.g-md-inset-3{inset:var(--g-space-3)}.g-md-neg-inset-3{inset:calc(-1 * var(--g-space-3))}.g-md-inset-4{inset:var(--g-space-4)}.g-md-neg-inset-4{inset:calc(-1 * var(--g-space-4))}.g-md-inset-5{inset:var(--g-space-5)}.g-md-neg-inset-5{inset:calc(-1 * var(--g-space-5))}.g-md-inset-6{inset:var(--g-space-6)}.g-md-neg-inset-6{inset:calc(-1 * var(--g-space-6))}.g-md-inset-7{inset:var(--g-space-7)}.g-md-neg-inset-7{inset:calc(-1 * var(--g-space-7))}.g-md-inset-8{inset:var(--g-space-8)}.g-md-neg-inset-8{inset:calc(-1 * var(--g-space-8))}.g-md-inset-9{inset:var(--g-space-9)}.g-md-neg-inset-9{inset:calc(-1 * var(--g-space-9))}.g-md-inset-10{inset:var(--g-space-10)}.g-md-neg-inset-10{inset:calc(-1 * var(--g-space-10))}.g-md-inset-12{inset:var(--g-space-12)}.g-md-neg-inset-12{inset:calc(-1 * var(--g-space-12))}.g-md-inset-14{inset:var(--g-space-14)}.g-md-neg-inset-14{inset:calc(-1 * var(--g-space-14))}.g-md-inset-16{inset:var(--g-space-16)}.g-md-neg-inset-16{inset:calc(-1 * var(--g-space-16))}.g-md-inset-20{inset:var(--g-space-20)}.g-md-neg-inset-20{inset:calc(-1 * var(--g-space-20))}.g-md-inset-24{inset:var(--g-space-24)}.g-md-neg-inset-24{inset:calc(-1 * var(--g-space-24))}.g-md-inset-28{inset:var(--g-space-28)}.g-md-neg-inset-28{inset:calc(-1 * var(--g-space-28))}.g-md-inset-32{inset:var(--g-space-32)}.g-md-neg-inset-32{inset:calc(-1 * var(--g-space-32))}.g-md-inset-40{inset:var(--g-space-40)}.g-md-neg-inset-40{inset:calc(-1 * var(--g-space-40))}.g-md-inset-48{inset:var(--g-space-48)}.g-md-neg-inset-48{inset:calc(-1 * var(--g-space-48))}.g-md-inset-56{inset:var(--g-space-56)}.g-md-neg-inset-56{inset:calc(-1 * var(--g-space-56))}.g-md-inset-64{inset:var(--g-space-64)}.g-md-neg-inset-64{inset:calc(-1 * var(--g-space-64))}.g-md-inset-80{inset:var(--g-space-80)}.g-md-neg-inset-80{inset:calc(-1 * var(--g-space-80))}.g-md-inset-96{inset:var(--g-space-96)}.g-md-neg-inset-96{inset:calc(-1 * var(--g-space-96))}.g-md-inset-px{inset:var(--g-space-px)}.g-md-inset-0_5{inset:var(--g-space-0_5)}.g-md-neg-inset-0_5{inset:calc(-1 * var(--g-space-0_5))}.g-md-inset-1_5{inset:var(--g-space-1_5)}.g-md-neg-inset-1_5{inset:calc(-1 * var(--g-space-1_5))}.g-md-inset-2_5{inset:var(--g-space-2_5)}.g-md-neg-inset-2_5{inset:calc(-1 * var(--g-space-2_5))}.g-md-inset-3_5{inset:var(--g-space-3_5)}.g-md-neg-inset-3_5{inset:calc(-1 * var(--g-space-3_5))}.g-md-inset-auto{inset:auto}.g-md-inset-x-0{inset-inline:var(--g-space-0)}.g-md-inset-x-1{inset-inline:var(--g-space-1)}.g-md-neg-inset-x-1{inset-inline:calc(-1 * var(--g-space-1))}.g-md-inset-x-2{inset-inline:var(--g-space-2)}.g-md-neg-inset-x-2{inset-inline:calc(-1 * var(--g-space-2))}.g-md-inset-x-3{inset-inline:var(--g-space-3)}.g-md-neg-inset-x-3{inset-inline:calc(-1 * var(--g-space-3))}.g-md-inset-x-4{inset-inline:var(--g-space-4)}.g-md-neg-inset-x-4{inset-inline:calc(-1 * var(--g-space-4))}.g-md-inset-x-5{inset-inline:var(--g-space-5)}.g-md-neg-inset-x-5{inset-inline:calc(-1 * var(--g-space-5))}.g-md-inset-x-6{inset-inline:var(--g-space-6)}.g-md-neg-inset-x-6{inset-inline:calc(-1 * var(--g-space-6))}.g-md-inset-x-7{inset-inline:var(--g-space-7)}.g-md-neg-inset-x-7{inset-inline:calc(-1 * var(--g-space-7))}.g-md-inset-x-8{inset-inline:var(--g-space-8)}.g-md-neg-inset-x-8{inset-inline:calc(-1 * var(--g-space-8))}.g-md-inset-x-9{inset-inline:var(--g-space-9)}.g-md-neg-inset-x-9{inset-inline:calc(-1 * var(--g-space-9))}.g-md-inset-x-10{inset-inline:var(--g-space-10)}.g-md-neg-inset-x-10{inset-inline:calc(-1 * var(--g-space-10))}.g-md-inset-x-12{inset-inline:var(--g-space-12)}.g-md-neg-inset-x-12{inset-inline:calc(-1 * var(--g-space-12))}.g-md-inset-x-14{inset-inline:var(--g-space-14)}.g-md-neg-inset-x-14{inset-inline:calc(-1 * var(--g-space-14))}.g-md-inset-x-16{inset-inline:var(--g-space-16)}.g-md-neg-inset-x-16{inset-inline:calc(-1 * var(--g-space-16))}.g-md-inset-x-20{inset-inline:var(--g-space-20)}.g-md-neg-inset-x-20{inset-inline:calc(-1 * var(--g-space-20))}.g-md-inset-x-24{inset-inline:var(--g-space-24)}.g-md-neg-inset-x-24{inset-inline:calc(-1 * var(--g-space-24))}.g-md-inset-x-28{inset-inline:var(--g-space-28)}.g-md-neg-inset-x-28{inset-inline:calc(-1 * var(--g-space-28))}.g-md-inset-x-32{inset-inline:var(--g-space-32)}.g-md-neg-inset-x-32{inset-inline:calc(-1 * var(--g-space-32))}.g-md-inset-x-40{inset-inline:var(--g-space-40)}.g-md-neg-inset-x-40{inset-inline:calc(-1 * var(--g-space-40))}.g-md-inset-x-48{inset-inline:var(--g-space-48)}.g-md-neg-inset-x-48{inset-inline:calc(-1 * var(--g-space-48))}.g-md-inset-x-56{inset-inline:var(--g-space-56)}.g-md-neg-inset-x-56{inset-inline:calc(-1 * var(--g-space-56))}.g-md-inset-x-64{inset-inline:var(--g-space-64)}.g-md-neg-inset-x-64{inset-inline:calc(-1 * var(--g-space-64))}.g-md-inset-x-80{inset-inline:var(--g-space-80)}.g-md-neg-inset-x-80{inset-inline:calc(-1 * var(--g-space-80))}.g-md-inset-x-96{inset-inline:var(--g-space-96)}.g-md-neg-inset-x-96{inset-inline:calc(-1 * var(--g-space-96))}.g-md-inset-x-px{inset-inline:var(--g-space-px)}.g-md-inset-x-0_5{inset-inline:var(--g-space-0_5)}.g-md-neg-inset-x-0_5{inset-inline:calc(-1 * var(--g-space-0_5))}.g-md-inset-x-1_5{inset-inline:var(--g-space-1_5)}.g-md-neg-inset-x-1_5{inset-inline:calc(-1 * var(--g-space-1_5))}.g-md-inset-x-2_5{inset-inline:var(--g-space-2_5)}.g-md-neg-inset-x-2_5{inset-inline:calc(-1 * var(--g-space-2_5))}.g-md-inset-x-3_5{inset-inline:var(--g-space-3_5)}.g-md-neg-inset-x-3_5{inset-inline:calc(-1 * var(--g-space-3_5))}.g-md-inset-x-auto{inset-inline:auto}.g-md-inset-y-0{inset-block:var(--g-space-0)}.g-md-inset-y-1{inset-block:var(--g-space-1)}.g-md-neg-inset-y-1{inset-block:calc(-1 * var(--g-space-1))}.g-md-inset-y-2{inset-block:var(--g-space-2)}.g-md-neg-inset-y-2{inset-block:calc(-1 * var(--g-space-2))}.g-md-inset-y-3{inset-block:var(--g-space-3)}.g-md-neg-inset-y-3{inset-block:calc(-1 * var(--g-space-3))}.g-md-inset-y-4{inset-block:var(--g-space-4)}.g-md-neg-inset-y-4{inset-block:calc(-1 * var(--g-space-4))}.g-md-inset-y-5{inset-block:var(--g-space-5)}.g-md-neg-inset-y-5{inset-block:calc(-1 * var(--g-space-5))}.g-md-inset-y-6{inset-block:var(--g-space-6)}.g-md-neg-inset-y-6{inset-block:calc(-1 * var(--g-space-6))}.g-md-inset-y-7{inset-block:var(--g-space-7)}.g-md-neg-inset-y-7{inset-block:calc(-1 * var(--g-space-7))}.g-md-inset-y-8{inset-block:var(--g-space-8)}.g-md-neg-inset-y-8{inset-block:calc(-1 * var(--g-space-8))}.g-md-inset-y-9{inset-block:var(--g-space-9)}.g-md-neg-inset-y-9{inset-block:calc(-1 * var(--g-space-9))}.g-md-inset-y-10{inset-block:var(--g-space-10)}.g-md-neg-inset-y-10{inset-block:calc(-1 * var(--g-space-10))}.g-md-inset-y-12{inset-block:var(--g-space-12)}.g-md-neg-inset-y-12{inset-block:calc(-1 * var(--g-space-12))}.g-md-inset-y-14{inset-block:var(--g-space-14)}.g-md-neg-inset-y-14{inset-block:calc(-1 * var(--g-space-14))}.g-md-inset-y-16{inset-block:var(--g-space-16)}.g-md-neg-inset-y-16{inset-block:calc(-1 * var(--g-space-16))}.g-md-inset-y-20{inset-block:var(--g-space-20)}.g-md-neg-inset-y-20{inset-block:calc(-1 * var(--g-space-20))}.g-md-inset-y-24{inset-block:var(--g-space-24)}.g-md-neg-inset-y-24{inset-block:calc(-1 * var(--g-space-24))}.g-md-inset-y-28{inset-block:var(--g-space-28)}.g-md-neg-inset-y-28{inset-block:calc(-1 * var(--g-space-28))}.g-md-inset-y-32{inset-block:var(--g-space-32)}.g-md-neg-inset-y-32{inset-block:calc(-1 * var(--g-space-32))}.g-md-inset-y-40{inset-block:var(--g-space-40)}.g-md-neg-inset-y-40{inset-block:calc(-1 * var(--g-space-40))}.g-md-inset-y-48{inset-block:var(--g-space-48)}.g-md-neg-inset-y-48{inset-block:calc(-1 * var(--g-space-48))}.g-md-inset-y-56{inset-block:var(--g-space-56)}.g-md-neg-inset-y-56{inset-block:calc(-1 * var(--g-space-56))}.g-md-inset-y-64{inset-block:var(--g-space-64)}.g-md-neg-inset-y-64{inset-block:calc(-1 * var(--g-space-64))}.g-md-inset-y-80{inset-block:var(--g-space-80)}.g-md-neg-inset-y-80{inset-block:calc(-1 * var(--g-space-80))}.g-md-inset-y-96{inset-block:var(--g-space-96)}.g-md-neg-inset-y-96{inset-block:calc(-1 * var(--g-space-96))}.g-md-inset-y-px{inset-block:var(--g-space-px)}.g-md-inset-y-0_5{inset-block:var(--g-space-0_5)}.g-md-neg-inset-y-0_5{inset-block:calc(-1 * var(--g-space-0_5))}.g-md-inset-y-1_5{inset-block:var(--g-space-1_5)}.g-md-neg-inset-y-1_5{inset-block:calc(-1 * var(--g-space-1_5))}.g-md-inset-y-2_5{inset-block:var(--g-space-2_5)}.g-md-neg-inset-y-2_5{inset-block:calc(-1 * var(--g-space-2_5))}.g-md-inset-y-3_5{inset-block:var(--g-space-3_5)}.g-md-neg-inset-y-3_5{inset-block:calc(-1 * var(--g-space-3_5))}.g-md-inset-y-auto{inset-block:auto}.g-md-top-0{top:var(--g-space-0)}.g-md-top-1{top:var(--g-space-1)}.g-md-neg-top-1{top:calc(-1 * var(--g-space-1))}.g-md-top-2{top:var(--g-space-2)}.g-md-neg-top-2{top:calc(-1 * var(--g-space-2))}.g-md-top-3{top:var(--g-space-3)}.g-md-neg-top-3{top:calc(-1 * var(--g-space-3))}.g-md-top-4{top:var(--g-space-4)}.g-md-neg-top-4{top:calc(-1 * var(--g-space-4))}.g-md-top-5{top:var(--g-space-5)}.g-md-neg-top-5{top:calc(-1 * var(--g-space-5))}.g-md-top-6{top:var(--g-space-6)}.g-md-neg-top-6{top:calc(-1 * var(--g-space-6))}.g-md-top-7{top:var(--g-space-7)}.g-md-neg-top-7{top:calc(-1 * var(--g-space-7))}.g-md-top-8{top:var(--g-space-8)}.g-md-neg-top-8{top:calc(-1 * var(--g-space-8))}.g-md-top-9{top:var(--g-space-9)}.g-md-neg-top-9{top:calc(-1 * var(--g-space-9))}.g-md-top-10{top:var(--g-space-10)}.g-md-neg-top-10{top:calc(-1 * var(--g-space-10))}.g-md-top-12{top:var(--g-space-12)}.g-md-neg-top-12{top:calc(-1 * var(--g-space-12))}.g-md-top-14{top:var(--g-space-14)}.g-md-neg-top-14{top:calc(-1 * var(--g-space-14))}.g-md-top-16{top:var(--g-space-16)}.g-md-neg-top-16{top:calc(-1 * var(--g-space-16))}.g-md-top-20{top:var(--g-space-20)}.g-md-neg-top-20{top:calc(-1 * var(--g-space-20))}.g-md-top-24{top:var(--g-space-24)}.g-md-neg-top-24{top:calc(-1 * var(--g-space-24))}.g-md-top-28{top:var(--g-space-28)}.g-md-neg-top-28{top:calc(-1 * var(--g-space-28))}.g-md-top-32{top:var(--g-space-32)}.g-md-neg-top-32{top:calc(-1 * var(--g-space-32))}.g-md-top-40{top:var(--g-space-40)}.g-md-neg-top-40{top:calc(-1 * var(--g-space-40))}.g-md-top-48{top:var(--g-space-48)}.g-md-neg-top-48{top:calc(-1 * var(--g-space-48))}.g-md-top-56{top:var(--g-space-56)}.g-md-neg-top-56{top:calc(-1 * var(--g-space-56))}.g-md-top-64{top:var(--g-space-64)}.g-md-neg-top-64{top:calc(-1 * var(--g-space-64))}.g-md-top-80{top:var(--g-space-80)}.g-md-neg-top-80{top:calc(-1 * var(--g-space-80))}.g-md-top-96{top:var(--g-space-96)}.g-md-neg-top-96{top:calc(-1 * var(--g-space-96))}.g-md-top-px{top:var(--g-space-px)}.g-md-top-0_5{top:var(--g-space-0_5)}.g-md-neg-top-0_5{top:calc(-1 * var(--g-space-0_5))}.g-md-top-1_5{top:var(--g-space-1_5)}.g-md-neg-top-1_5{top:calc(-1 * var(--g-space-1_5))}.g-md-top-2_5{top:var(--g-space-2_5)}.g-md-neg-top-2_5{top:calc(-1 * var(--g-space-2_5))}.g-md-top-3_5{top:var(--g-space-3_5)}.g-md-neg-top-3_5{top:calc(-1 * var(--g-space-3_5))}.g-md-top-auto{top:auto}.g-md-right-0{right:var(--g-space-0)}.g-md-right-1{right:var(--g-space-1)}.g-md-neg-right-1{right:calc(-1 * var(--g-space-1))}.g-md-right-2{right:var(--g-space-2)}.g-md-neg-right-2{right:calc(-1 * var(--g-space-2))}.g-md-right-3{right:var(--g-space-3)}.g-md-neg-right-3{right:calc(-1 * var(--g-space-3))}.g-md-right-4{right:var(--g-space-4)}.g-md-neg-right-4{right:calc(-1 * var(--g-space-4))}.g-md-right-5{right:var(--g-space-5)}.g-md-neg-right-5{right:calc(-1 * var(--g-space-5))}.g-md-right-6{right:var(--g-space-6)}.g-md-neg-right-6{right:calc(-1 * var(--g-space-6))}.g-md-right-7{right:var(--g-space-7)}.g-md-neg-right-7{right:calc(-1 * var(--g-space-7))}.g-md-right-8{right:var(--g-space-8)}.g-md-neg-right-8{right:calc(-1 * var(--g-space-8))}.g-md-right-9{right:var(--g-space-9)}.g-md-neg-right-9{right:calc(-1 * var(--g-space-9))}.g-md-right-10{right:var(--g-space-10)}.g-md-neg-right-10{right:calc(-1 * var(--g-space-10))}.g-md-right-12{right:var(--g-space-12)}.g-md-neg-right-12{right:calc(-1 * var(--g-space-12))}.g-md-right-14{right:var(--g-space-14)}.g-md-neg-right-14{right:calc(-1 * var(--g-space-14))}.g-md-right-16{right:var(--g-space-16)}.g-md-neg-right-16{right:calc(-1 * var(--g-space-16))}.g-md-right-20{right:var(--g-space-20)}.g-md-neg-right-20{right:calc(-1 * var(--g-space-20))}.g-md-right-24{right:var(--g-space-24)}.g-md-neg-right-24{right:calc(-1 * var(--g-space-24))}.g-md-right-28{right:var(--g-space-28)}.g-md-neg-right-28{right:calc(-1 * var(--g-space-28))}.g-md-right-32{right:var(--g-space-32)}.g-md-neg-right-32{right:calc(-1 * var(--g-space-32))}.g-md-right-40{right:var(--g-space-40)}.g-md-neg-right-40{right:calc(-1 * var(--g-space-40))}.g-md-right-48{right:var(--g-space-48)}.g-md-neg-right-48{right:calc(-1 * var(--g-space-48))}.g-md-right-56{right:var(--g-space-56)}.g-md-neg-right-56{right:calc(-1 * var(--g-space-56))}.g-md-right-64{right:var(--g-space-64)}.g-md-neg-right-64{right:calc(-1 * var(--g-space-64))}.g-md-right-80{right:var(--g-space-80)}.g-md-neg-right-80{right:calc(-1 * var(--g-space-80))}.g-md-right-96{right:var(--g-space-96)}.g-md-neg-right-96{right:calc(-1 * var(--g-space-96))}.g-md-right-px{right:var(--g-space-px)}.g-md-right-0_5{right:var(--g-space-0_5)}.g-md-neg-right-0_5{right:calc(-1 * var(--g-space-0_5))}.g-md-right-1_5{right:var(--g-space-1_5)}.g-md-neg-right-1_5{right:calc(-1 * var(--g-space-1_5))}.g-md-right-2_5{right:var(--g-space-2_5)}.g-md-neg-right-2_5{right:calc(-1 * var(--g-space-2_5))}.g-md-right-3_5{right:var(--g-space-3_5)}.g-md-neg-right-3_5{right:calc(-1 * var(--g-space-3_5))}.g-md-right-auto{right:auto}.g-md-bottom-0{bottom:var(--g-space-0)}.g-md-bottom-1{bottom:var(--g-space-1)}.g-md-neg-bottom-1{bottom:calc(-1 * var(--g-space-1))}.g-md-bottom-2{bottom:var(--g-space-2)}.g-md-neg-bottom-2{bottom:calc(-1 * var(--g-space-2))}.g-md-bottom-3{bottom:var(--g-space-3)}.g-md-neg-bottom-3{bottom:calc(-1 * var(--g-space-3))}.g-md-bottom-4{bottom:var(--g-space-4)}.g-md-neg-bottom-4{bottom:calc(-1 * var(--g-space-4))}.g-md-bottom-5{bottom:var(--g-space-5)}.g-md-neg-bottom-5{bottom:calc(-1 * var(--g-space-5))}.g-md-bottom-6{bottom:var(--g-space-6)}.g-md-neg-bottom-6{bottom:calc(-1 * var(--g-space-6))}.g-md-bottom-7{bottom:var(--g-space-7)}.g-md-neg-bottom-7{bottom:calc(-1 * var(--g-space-7))}.g-md-bottom-8{bottom:var(--g-space-8)}.g-md-neg-bottom-8{bottom:calc(-1 * var(--g-space-8))}.g-md-bottom-9{bottom:var(--g-space-9)}.g-md-neg-bottom-9{bottom:calc(-1 * var(--g-space-9))}.g-md-bottom-10{bottom:var(--g-space-10)}.g-md-neg-bottom-10{bottom:calc(-1 * var(--g-space-10))}.g-md-bottom-12{bottom:var(--g-space-12)}.g-md-neg-bottom-12{bottom:calc(-1 * var(--g-space-12))}.g-md-bottom-14{bottom:var(--g-space-14)}.g-md-neg-bottom-14{bottom:calc(-1 * var(--g-space-14))}.g-md-bottom-16{bottom:var(--g-space-16)}.g-md-neg-bottom-16{bottom:calc(-1 * var(--g-space-16))}.g-md-bottom-20{bottom:var(--g-space-20)}.g-md-neg-bottom-20{bottom:calc(-1 * var(--g-space-20))}.g-md-bottom-24{bottom:var(--g-space-24)}.g-md-neg-bottom-24{bottom:calc(-1 * var(--g-space-24))}.g-md-bottom-28{bottom:var(--g-space-28)}.g-md-neg-bottom-28{bottom:calc(-1 * var(--g-space-28))}.g-md-bottom-32{bottom:var(--g-space-32)}.g-md-neg-bottom-32{bottom:calc(-1 * var(--g-space-32))}.g-md-bottom-40{bottom:var(--g-space-40)}.g-md-neg-bottom-40{bottom:calc(-1 * var(--g-space-40))}.g-md-bottom-48{bottom:var(--g-space-48)}.g-md-neg-bottom-48{bottom:calc(-1 * var(--g-space-48))}.g-md-bottom-56{bottom:var(--g-space-56)}.g-md-neg-bottom-56{bottom:calc(-1 * var(--g-space-56))}.g-md-bottom-64{bottom:var(--g-space-64)}.g-md-neg-bottom-64{bottom:calc(-1 * var(--g-space-64))}.g-md-bottom-80{bottom:var(--g-space-80)}.g-md-neg-bottom-80{bottom:calc(-1 * var(--g-space-80))}.g-md-bottom-96{bottom:var(--g-space-96)}.g-md-neg-bottom-96{bottom:calc(-1 * var(--g-space-96))}.g-md-bottom-px{bottom:var(--g-space-px)}.g-md-bottom-0_5{bottom:var(--g-space-0_5)}.g-md-neg-bottom-0_5{bottom:calc(-1 * var(--g-space-0_5))}.g-md-bottom-1_5{bottom:var(--g-space-1_5)}.g-md-neg-bottom-1_5{bottom:calc(-1 * var(--g-space-1_5))}.g-md-bottom-2_5{bottom:var(--g-space-2_5)}.g-md-neg-bottom-2_5{bottom:calc(-1 * var(--g-space-2_5))}.g-md-bottom-3_5{bottom:var(--g-space-3_5)}.g-md-neg-bottom-3_5{bottom:calc(-1 * var(--g-space-3_5))}.g-md-bottom-auto{bottom:auto}.g-md-left-0{left:var(--g-space-0)}.g-md-left-1{left:var(--g-space-1)}.g-md-neg-left-1{left:calc(-1 * var(--g-space-1))}.g-md-left-2{left:var(--g-space-2)}.g-md-neg-left-2{left:calc(-1 * var(--g-space-2))}.g-md-left-3{left:var(--g-space-3)}.g-md-neg-left-3{left:calc(-1 * var(--g-space-3))}.g-md-left-4{left:var(--g-space-4)}.g-md-neg-left-4{left:calc(-1 * var(--g-space-4))}.g-md-left-5{left:var(--g-space-5)}.g-md-neg-left-5{left:calc(-1 * var(--g-space-5))}.g-md-left-6{left:var(--g-space-6)}.g-md-neg-left-6{left:calc(-1 * var(--g-space-6))}.g-md-left-7{left:var(--g-space-7)}.g-md-neg-left-7{left:calc(-1 * var(--g-space-7))}.g-md-left-8{left:var(--g-space-8)}.g-md-neg-left-8{left:calc(-1 * var(--g-space-8))}.g-md-left-9{left:var(--g-space-9)}.g-md-neg-left-9{left:calc(-1 * var(--g-space-9))}.g-md-left-10{left:var(--g-space-10)}.g-md-neg-left-10{left:calc(-1 * var(--g-space-10))}.g-md-left-12{left:var(--g-space-12)}.g-md-neg-left-12{left:calc(-1 * var(--g-space-12))}.g-md-left-14{left:var(--g-space-14)}.g-md-neg-left-14{left:calc(-1 * var(--g-space-14))}.g-md-left-16{left:var(--g-space-16)}.g-md-neg-left-16{left:calc(-1 * var(--g-space-16))}.g-md-left-20{left:var(--g-space-20)}.g-md-neg-left-20{left:calc(-1 * var(--g-space-20))}.g-md-left-24{left:var(--g-space-24)}.g-md-neg-left-24{left:calc(-1 * var(--g-space-24))}.g-md-left-28{left:var(--g-space-28)}.g-md-neg-left-28{left:calc(-1 * var(--g-space-28))}.g-md-left-32{left:var(--g-space-32)}.g-md-neg-left-32{left:calc(-1 * var(--g-space-32))}.g-md-left-40{left:var(--g-space-40)}.g-md-neg-left-40{left:calc(-1 * var(--g-space-40))}.g-md-left-48{left:var(--g-space-48)}.g-md-neg-left-48{left:calc(-1 * var(--g-space-48))}.g-md-left-56{left:var(--g-space-56)}.g-md-neg-left-56{left:calc(-1 * var(--g-space-56))}.g-md-left-64{left:var(--g-space-64)}.g-md-neg-left-64{left:calc(-1 * var(--g-space-64))}.g-md-left-80{left:var(--g-space-80)}.g-md-neg-left-80{left:calc(-1 * var(--g-space-80))}.g-md-left-96{left:var(--g-space-96)}.g-md-neg-left-96{left:calc(-1 * var(--g-space-96))}.g-md-left-px{left:var(--g-space-px)}.g-md-left-0_5{left:var(--g-space-0_5)}.g-md-neg-left-0_5{left:calc(-1 * var(--g-space-0_5))}.g-md-left-1_5{left:var(--g-space-1_5)}.g-md-neg-left-1_5{left:calc(-1 * var(--g-space-1_5))}.g-md-left-2_5{left:var(--g-space-2_5)}.g-md-neg-left-2_5{left:calc(-1 * var(--g-space-2_5))}.g-md-left-3_5{left:var(--g-space-3_5)}.g-md-neg-left-3_5{left:calc(-1 * var(--g-space-3_5))}.g-md-left-auto{left:auto}.g-md-start-0{inset-inline-start:var(--g-space-0)}.g-md-start-1{inset-inline-start:var(--g-space-1)}.g-md-neg-start-1{inset-inline-start:calc(-1 * var(--g-space-1))}.g-md-start-2{inset-inline-start:var(--g-space-2)}.g-md-neg-start-2{inset-inline-start:calc(-1 * var(--g-space-2))}.g-md-start-3{inset-inline-start:var(--g-space-3)}.g-md-neg-start-3{inset-inline-start:calc(-1 * var(--g-space-3))}.g-md-start-4{inset-inline-start:var(--g-space-4)}.g-md-neg-start-4{inset-inline-start:calc(-1 * var(--g-space-4))}.g-md-start-5{inset-inline-start:var(--g-space-5)}.g-md-neg-start-5{inset-inline-start:calc(-1 * var(--g-space-5))}.g-md-start-6{inset-inline-start:var(--g-space-6)}.g-md-neg-start-6{inset-inline-start:calc(-1 * var(--g-space-6))}.g-md-start-7{inset-inline-start:var(--g-space-7)}.g-md-neg-start-7{inset-inline-start:calc(-1 * var(--g-space-7))}.g-md-start-8{inset-inline-start:var(--g-space-8)}.g-md-neg-start-8{inset-inline-start:calc(-1 * var(--g-space-8))}.g-md-start-9{inset-inline-start:var(--g-space-9)}.g-md-neg-start-9{inset-inline-start:calc(-1 * var(--g-space-9))}.g-md-start-10{inset-inline-start:var(--g-space-10)}.g-md-neg-start-10{inset-inline-start:calc(-1 * var(--g-space-10))}.g-md-start-12{inset-inline-start:var(--g-space-12)}.g-md-neg-start-12{inset-inline-start:calc(-1 * var(--g-space-12))}.g-md-start-14{inset-inline-start:var(--g-space-14)}.g-md-neg-start-14{inset-inline-start:calc(-1 * var(--g-space-14))}.g-md-start-16{inset-inline-start:var(--g-space-16)}.g-md-neg-start-16{inset-inline-start:calc(-1 * var(--g-space-16))}.g-md-start-20{inset-inline-start:var(--g-space-20)}.g-md-neg-start-20{inset-inline-start:calc(-1 * var(--g-space-20))}.g-md-start-24{inset-inline-start:var(--g-space-24)}.g-md-neg-start-24{inset-inline-start:calc(-1 * var(--g-space-24))}.g-md-start-28{inset-inline-start:var(--g-space-28)}.g-md-neg-start-28{inset-inline-start:calc(-1 * var(--g-space-28))}.g-md-start-32{inset-inline-start:var(--g-space-32)}.g-md-neg-start-32{inset-inline-start:calc(-1 * var(--g-space-32))}.g-md-start-40{inset-inline-start:var(--g-space-40)}.g-md-neg-start-40{inset-inline-start:calc(-1 * var(--g-space-40))}.g-md-start-48{inset-inline-start:var(--g-space-48)}.g-md-neg-start-48{inset-inline-start:calc(-1 * var(--g-space-48))}.g-md-start-56{inset-inline-start:var(--g-space-56)}.g-md-neg-start-56{inset-inline-start:calc(-1 * var(--g-space-56))}.g-md-start-64{inset-inline-start:var(--g-space-64)}.g-md-neg-start-64{inset-inline-start:calc(-1 * var(--g-space-64))}.g-md-start-80{inset-inline-start:var(--g-space-80)}.g-md-neg-start-80{inset-inline-start:calc(-1 * var(--g-space-80))}.g-md-start-96{inset-inline-start:var(--g-space-96)}.g-md-neg-start-96{inset-inline-start:calc(-1 * var(--g-space-96))}.g-md-start-px{inset-inline-start:var(--g-space-px)}.g-md-start-0_5{inset-inline-start:var(--g-space-0_5)}.g-md-neg-start-0_5{inset-inline-start:calc(-1 * var(--g-space-0_5))}.g-md-start-1_5{inset-inline-start:var(--g-space-1_5)}.g-md-neg-start-1_5{inset-inline-start:calc(-1 * var(--g-space-1_5))}.g-md-start-2_5{inset-inline-start:var(--g-space-2_5)}.g-md-neg-start-2_5{inset-inline-start:calc(-1 * var(--g-space-2_5))}.g-md-start-3_5{inset-inline-start:var(--g-space-3_5)}.g-md-neg-start-3_5{inset-inline-start:calc(-1 * var(--g-space-3_5))}.g-md-start-auto{inset-inline-start:auto}.g-md-end-0{inset-inline-end:var(--g-space-0)}.g-md-end-1{inset-inline-end:var(--g-space-1)}.g-md-neg-end-1{inset-inline-end:calc(-1 * var(--g-space-1))}.g-md-end-2{inset-inline-end:var(--g-space-2)}.g-md-neg-end-2{inset-inline-end:calc(-1 * var(--g-space-2))}.g-md-end-3{inset-inline-end:var(--g-space-3)}.g-md-neg-end-3{inset-inline-end:calc(-1 * var(--g-space-3))}.g-md-end-4{inset-inline-end:var(--g-space-4)}.g-md-neg-end-4{inset-inline-end:calc(-1 * var(--g-space-4))}.g-md-end-5{inset-inline-end:var(--g-space-5)}.g-md-neg-end-5{inset-inline-end:calc(-1 * var(--g-space-5))}.g-md-end-6{inset-inline-end:var(--g-space-6)}.g-md-neg-end-6{inset-inline-end:calc(-1 * var(--g-space-6))}.g-md-end-7{inset-inline-end:var(--g-space-7)}.g-md-neg-end-7{inset-inline-end:calc(-1 * var(--g-space-7))}.g-md-end-8{inset-inline-end:var(--g-space-8)}.g-md-neg-end-8{inset-inline-end:calc(-1 * var(--g-space-8))}.g-md-end-9{inset-inline-end:var(--g-space-9)}.g-md-neg-end-9{inset-inline-end:calc(-1 * var(--g-space-9))}.g-md-end-10{inset-inline-end:var(--g-space-10)}.g-md-neg-end-10{inset-inline-end:calc(-1 * var(--g-space-10))}.g-md-end-12{inset-inline-end:var(--g-space-12)}.g-md-neg-end-12{inset-inline-end:calc(-1 * var(--g-space-12))}.g-md-end-14{inset-inline-end:var(--g-space-14)}.g-md-neg-end-14{inset-inline-end:calc(-1 * var(--g-space-14))}.g-md-end-16{inset-inline-end:var(--g-space-16)}.g-md-neg-end-16{inset-inline-end:calc(-1 * var(--g-space-16))}.g-md-end-20{inset-inline-end:var(--g-space-20)}.g-md-neg-end-20{inset-inline-end:calc(-1 * var(--g-space-20))}.g-md-end-24{inset-inline-end:var(--g-space-24)}.g-md-neg-end-24{inset-inline-end:calc(-1 * var(--g-space-24))}.g-md-end-28{inset-inline-end:var(--g-space-28)}.g-md-neg-end-28{inset-inline-end:calc(-1 * var(--g-space-28))}.g-md-end-32{inset-inline-end:var(--g-space-32)}.g-md-neg-end-32{inset-inline-end:calc(-1 * var(--g-space-32))}.g-md-end-40{inset-inline-end:var(--g-space-40)}.g-md-neg-end-40{inset-inline-end:calc(-1 * var(--g-space-40))}.g-md-end-48{inset-inline-end:var(--g-space-48)}.g-md-neg-end-48{inset-inline-end:calc(-1 * var(--g-space-48))}.g-md-end-56{inset-inline-end:var(--g-space-56)}.g-md-neg-end-56{inset-inline-end:calc(-1 * var(--g-space-56))}.g-md-end-64{inset-inline-end:var(--g-space-64)}.g-md-neg-end-64{inset-inline-end:calc(-1 * var(--g-space-64))}.g-md-end-80{inset-inline-end:var(--g-space-80)}.g-md-neg-end-80{inset-inline-end:calc(-1 * var(--g-space-80))}.g-md-end-96{inset-inline-end:var(--g-space-96)}.g-md-neg-end-96{inset-inline-end:calc(-1 * var(--g-space-96))}.g-md-end-px{inset-inline-end:var(--g-space-px)}.g-md-end-0_5{inset-inline-end:var(--g-space-0_5)}.g-md-neg-end-0_5{inset-inline-end:calc(-1 * var(--g-space-0_5))}.g-md-end-1_5{inset-inline-end:var(--g-space-1_5)}.g-md-neg-end-1_5{inset-inline-end:calc(-1 * var(--g-space-1_5))}.g-md-end-2_5{inset-inline-end:var(--g-space-2_5)}.g-md-neg-end-2_5{inset-inline-end:calc(-1 * var(--g-space-2_5))}.g-md-end-3_5{inset-inline-end:var(--g-space-3_5)}.g-md-neg-end-3_5{inset-inline-end:calc(-1 * var(--g-space-3_5))}.g-md-end-auto{inset-inline-end:auto}}
@media (min-width:1024px){.g-lg-block{display:block}.g-lg-inline{display:inline}.g-lg-inline-block{display:inline-block}.g-lg-hidden{display:none}.g-lg-flex{display:flex}.g-lg-inline-flex{display:inline-flex}.g-lg-grid{display:grid}.g-lg-inline-grid{display:inline-grid}.g-lg-contents{display:contents}.g-lg-flow-root{display:flow-root}.g-lg-visible{visibility:visible}.g-lg-invisible{visibility:hidden}.g-lg-collapse{visibility:collapse}.g-lg-box-border{box-sizing:border-box}.g-lg-box-content{box-sizing:content-box}.g-lg-isolate{isolation:isolate}.g-lg-float-start{float:inline-start}.g-lg-float-end{float:inline-end}.g-lg-float-none{float:none}.g-lg-clear-both{clear:both}.g-lg-relative{position:relative}.g-lg-absolute{position:absolute}.g-lg-fixed{position:fixed}.g-lg-sticky{position:sticky}.g-lg-flex-row{flex-direction:row}.g-lg-flex-row-reverse{flex-direction:row-reverse}.g-lg-flex-col{flex-direction:column}.g-lg-flex-col-reverse{flex-direction:column-reverse}.g-lg-flex-wrap{flex-wrap:wrap}.g-lg-flex-nowrap{flex-wrap:nowrap}.g-lg-flex-1{flex:1 1 0%}.g-lg-flex-auto{flex:1 1 auto}.g-lg-flex-initial{flex:0 1 auto}.g-lg-flex-none{flex:none}.g-lg-grow{flex-grow:1}.g-lg-grow-0{flex-grow:0}.g-lg-shrink{flex-shrink:1}.g-lg-shrink-0{flex-shrink:0}.g-lg-items-start{align-items:flex-start}.g-lg-items-center{align-items:center}.g-lg-items-end{align-items:flex-end}.g-lg-items-stretch{align-items:stretch}.g-lg-justify-start{justify-content:flex-start}.g-lg-justify-center{justify-content:center}.g-lg-justify-end{justify-content:flex-end}.g-lg-justify-between{justify-content:space-between}.g-lg-justify-around{justify-content:space-around}.g-lg-justify-evenly{justify-content:space-evenly}.g-lg-content-start{align-content:flex-start}.g-lg-content-center{align-content:center}.g-lg-content-end{align-content:flex-end}.g-lg-content-between{align-content:space-between}.g-lg-content-stretch{align-content:stretch}.g-lg-place-items-start{place-items:start}.g-lg-place-items-center{place-items:center}.g-lg-place-items-end{place-items:end}.g-lg-place-content-center{place-content:center}.g-lg-self-start{align-self:flex-start}.g-lg-self-center{align-self:center}.g-lg-self-end{align-self:flex-end}.g-lg-self-stretch{align-self:stretch}.g-lg-overflow-auto{overflow:auto}.g-lg-overflow-hidden{overflow:hidden}.g-lg-overflow-visible{overflow:visible}.g-lg-overflow-scroll{overflow:scroll}.g-lg-overflow-x-auto{overflow-x:auto}.g-lg-overflow-y-auto{overflow-y:auto}.g-lg-overscroll-none{overscroll-behavior:none}.g-lg-overscroll-contain{overscroll-behavior:contain}.g-lg-scroll-smooth{scroll-behavior:smooth}.g-lg-snap-x{scroll-snap-type:x mandatory}.g-lg-snap-y{scroll-snap-type:y mandatory}.g-lg-snap-start{scroll-snap-align:start}.g-lg-snap-center{scroll-snap-align:center}.g-lg-w-full{width:100%}.g-lg-w-auto{width:auto}.g-lg-w-screen{width:100vw}.g-lg-max-w-full{max-width:100%}.g-lg-max-w-reading{max-width:var(--g-reading-max)}.g-lg-max-w-content{max-width:var(--g-content-max)}.g-lg-h-full{height:100%}.g-lg-h-auto{height:auto}.g-lg-h-screen{height:100vh}.g-lg-h-svh{height:100svh}.g-lg-h-lvh{height:100lvh}.g-lg-h-dvh{height:100dvh}.g-lg-min-h-screen{min-height:100vh}.g-lg-min-h-svh{min-height:100svh}.g-lg-min-h-dvh{min-height:100dvh}.g-lg-text-left{text-align:left}.g-lg-text-center{text-align:center}.g-lg-text-right{text-align:right}.g-lg-text-justify{text-align:justify}.g-lg-font-sans{font-family:var(--g-font-sans)}.g-lg-font-serif{font-family:var(--g-font-serif)}.g-lg-font-mono{font-family:var(--g-font-mono)}.g-lg-font-normal{font-weight:400}.g-lg-font-medium{font-weight:500}.g-lg-font-semibold{font-weight:600}.g-lg-font-bold{font-weight:700}.g-lg-italic{font-style:italic}.g-lg-not-italic{font-style:normal}.g-lg-uppercase{text-transform:uppercase}.g-lg-lowercase{text-transform:lowercase}.g-lg-capitalize{text-transform:capitalize}.g-lg-normal-case{text-transform:none}.g-lg-underline{text-decoration-line:underline}.g-lg-line-through{text-decoration-line:line-through}.g-lg-no-underline{text-decoration-line:none}.g-lg-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-lg-whitespace-normal{white-space:normal}.g-lg-whitespace-nowrap{white-space:nowrap}.g-lg-whitespace-pre{white-space:pre}.g-lg-whitespace-pre-wrap{white-space:pre-wrap}.g-lg-break-words{overflow-wrap:break-word}.g-lg-break-all{word-break:break-all}.g-lg-leading-none{line-height:1}.g-lg-leading-tight{line-height:var(--g-line-height-tight)}.g-lg-leading-normal{line-height:var(--g-line-height-normal)}.g-lg-leading-relaxed{line-height:var(--g-line-height-relaxed)}.g-lg-tracking-tight{letter-spacing:-.025em}.g-lg-tracking-normal{letter-spacing:0}.g-lg-tracking-wide{letter-spacing:.025em}.g-lg-text-primary{color:var(--g-color-primary-text)}.g-lg-text-body{color:var(--g-color-text)}.g-lg-text-muted{color:var(--g-color-text-muted)}.g-lg-text-subtle{color:var(--g-color-text-subtle)}.g-lg-text-danger{color:var(--g-color-danger)}.g-lg-text-success{color:var(--g-color-success)}.g-lg-text-warning{color:var(--g-color-warning)}.g-lg-text-info{color:var(--g-color-info)}.g-lg-bg-primary{background:var(--g-color-primary);color:var(--g-color-on-primary)}.g-lg-bg-surface{background:var(--g-color-surface)}.g-lg-bg-subtle{background:var(--g-color-surface-subtle)}.g-lg-bg-transparent{background:transparent}.g-lg-bg-success{background:var(--g-color-success-soft);color:var(--g-color-success)}.g-lg-bg-warning{background:var(--g-color-warning-soft);color:var(--g-color-warning)}.g-lg-bg-danger{background:var(--g-color-danger-soft);color:var(--g-color-danger)}.g-lg-bg-info{background:var(--g-color-info-soft);color:var(--g-color-info)}.g-lg-border{border:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-0{border:0}.g-lg-border-t{border-top:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-r{border-right:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-b{border-bottom:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-l{border-left:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-x{border-inline:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-y{border-block:var(--g-border-width) solid var(--g-color-border)}.g-lg-border-primary{border-color:var(--g-color-primary)}.g-lg-border-strong{border-color:var(--g-color-border-strong)}.g-lg-border-danger{border-color:var(--g-color-danger)}.g-lg-border-dashed{border-style:dashed}.g-lg-border-dotted{border-style:dotted}.g-lg-rounded-none{border-radius:0}.g-lg-rounded{border-radius:var(--g-radius-md)}.g-lg-rounded-sm{border-radius:var(--g-radius-sm)}.g-lg-rounded-lg{border-radius:var(--g-radius-lg)}.g-lg-rounded-xl{border-radius:var(--g-radius-xl)}.g-lg-rounded-full{border-radius:9999px}.g-lg-shadow-none{box-shadow:none}.g-lg-shadow-sm{box-shadow:var(--g-shadow-sm)}.g-lg-shadow{box-shadow:var(--g-shadow-md)}.g-lg-shadow-lg{box-shadow:var(--g-shadow-lg)}.g-lg-opacity-0{opacity:0}.g-lg-opacity-25{opacity:.25}.g-lg-opacity-50{opacity:.5}.g-lg-opacity-75{opacity:.75}.g-lg-opacity-100{opacity:1}.g-lg-cursor-pointer{cursor:pointer}.g-lg-cursor-default{cursor:default}.g-lg-cursor-move{cursor:move}.g-lg-cursor-grab{cursor:grab}.g-lg-cursor-wait{cursor:wait}.g-lg-cursor-not-allowed{cursor:not-allowed}.g-lg-select-none{user-select:none}.g-lg-select-text{user-select:text}.g-lg-select-all{user-select:all}.g-lg-pointer-events-none{pointer-events:none}.g-lg-pointer-events-auto{pointer-events:auto}.g-lg-touch-none{touch-action:none}.g-lg-touch-pan-x{touch-action:pan-x}.g-lg-touch-pan-y{touch-action:pan-y}.g-lg-resize{resize:both}.g-lg-resize-x{resize:horizontal}.g-lg-resize-y{resize:vertical}.g-lg-resize-none{resize:none}.g-lg-list-none{list-style-type:none}.g-lg-list-disc{list-style-type:disc}.g-lg-list-decimal{list-style-type:decimal}.g-lg-list-inside{list-style-position:inside}.g-lg-table-auto{table-layout:auto}.g-lg-table-fixed{table-layout:fixed}.g-lg-border-collapse{border-collapse:collapse}.g-lg-border-separate{border-collapse:separate}.g-lg-transition-none{transition-property:none}.g-lg-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}.g-lg-transition-colors{transition:color var(--g-duration-fast),background-color var(--g-duration-fast),border-color var(--g-duration-fast)}.g-lg-transition-transform{transition:transform var(--g-duration-normal) var(--g-ease-standard)}.g-lg-transform{transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-lg-scale-95{--g-scale-x:.95;--g-scale-y:.95;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-lg-scale-100{--g-scale-x:1;--g-scale-y:1;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-lg-rotate-45{--g-rotate:45deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-lg-rotate-90{--g-rotate:90deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-lg-rotate-180{--g-rotate:180deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-lg-grayscale{filter:grayscale(1)}.g-lg-grayscale-0{filter:grayscale(0)}.g-lg-blur{filter:blur(8px)}.g-lg-backdrop-blur{backdrop-filter:blur(12px)}.g-lg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.g-lg-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.g-lg-aspect-square{aspect-ratio:1}.g-lg-aspect-video{aspect-ratio:16/9}.g-lg-aspect-photo{aspect-ratio:4/3}.g-lg-object-cover{object-fit:cover}.g-lg-object-contain{object-fit:contain}.g-lg-object-center{object-position:center}.g-lg-object-top{object-position:top}.g-lg-appearance-none{appearance:none}.g-lg-cq-container{container-type:inline-size}.g-lg-cq-size-container{container-type:size}.g-lg-cq-name-main{container-name:g-main}.g-lg-break-inside-avoid{break-inside:avoid}.g-lg-break-before-page{break-before:page}.g-lg-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.g-lg-col-span-1{grid-column:span 1/span 1}.g-lg-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.g-lg-row-span-1{grid-row:span 1/span 1}.g-lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-lg-col-span-2{grid-column:span 2/span 2}.g-lg-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.g-lg-row-span-2{grid-row:span 2/span 2}.g-lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-lg-col-span-3{grid-column:span 3/span 3}.g-lg-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.g-lg-row-span-3{grid-row:span 3/span 3}.g-lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-lg-col-span-4{grid-column:span 4/span 4}.g-lg-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.g-lg-row-span-4{grid-row:span 4/span 4}.g-lg-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-lg-col-span-5{grid-column:span 5/span 5}.g-lg-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.g-lg-row-span-5{grid-row:span 5/span 5}.g-lg-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.g-lg-col-span-6{grid-column:span 6/span 6}.g-lg-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.g-lg-row-span-6{grid-row:span 6/span 6}.g-lg-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.g-lg-col-span-7{grid-column:span 7/span 7}.g-lg-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.g-lg-row-span-7{grid-row:span 7/span 7}.g-lg-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.g-lg-col-span-8{grid-column:span 8/span 8}.g-lg-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.g-lg-row-span-8{grid-row:span 8/span 8}.g-lg-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.g-lg-col-span-9{grid-column:span 9/span 9}.g-lg-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.g-lg-row-span-9{grid-row:span 9/span 9}.g-lg-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.g-lg-col-span-10{grid-column:span 10/span 10}.g-lg-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.g-lg-row-span-10{grid-row:span 10/span 10}.g-lg-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.g-lg-col-span-11{grid-column:span 11/span 11}.g-lg-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.g-lg-row-span-11{grid-row:span 11/span 11}.g-lg-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.g-lg-col-span-12{grid-column:span 12/span 12}.g-lg-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.g-lg-row-span-12{grid-row:span 12/span 12}.g-lg-grid-flow-row{grid-auto-flow:row}.g-lg-grid-flow-col{grid-auto-flow:column}.g-lg-grid-flow-dense{grid-auto-flow:dense}.g-lg-border-1{border-width:1px}.g-lg-border-2{border-width:2px}.g-lg-border-3{border-width:3px}.g-lg-border-4{border-width:4px}.g-lg-border-8{border-width:8px}.g-lg-text-xs{font-size:.75rem}.g-lg-text-sm{font-size:.875rem}.g-lg-text-base{font-size:1rem}.g-lg-text-lg{font-size:1.125rem}.g-lg-text-xl{font-size:1.25rem}.g-lg-text-2xl{font-size:1.5rem}.g-lg-text-3xl{font-size:1.875rem}.g-lg-text-4xl{font-size:2.25rem}.g-lg-text-5xl{font-size:3rem}.g-lg-line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.g-lg-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.g-lg-line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.g-lg-line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.g-lg-line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.g-lg-line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}.g-lg-order-0{order:0}.g-lg-order-1{order:1}.g-lg-order-2{order:2}.g-lg-order-3{order:3}.g-lg-order-4{order:4}.g-lg-order-5{order:5}.g-lg-order-6{order:6}.g-lg-order-7{order:7}.g-lg-order-8{order:8}.g-lg-order-9{order:9}.g-lg-order-10{order:10}.g-lg-order-11{order:11}.g-lg-order-12{order:12}.g-lg-order-13{order:13}.g-lg-order-14{order:14}.g-lg-order-15{order:15}.g-lg-order-16{order:16}.g-lg-order-17{order:17}.g-lg-order-18{order:18}.g-lg-order-19{order:19}.g-lg-order-20{order:20}.g-lg-order-21{order:21}.g-lg-order-22{order:22}.g-lg-order-23{order:23}.g-lg-order-24{order:24}.g-lg-z-0{z-index:0}.g-lg-z-10{z-index:10}.g-lg-z-20{z-index:20}.g-lg-z-30{z-index:30}.g-lg-z-40{z-index:40}.g-lg-z-50{z-index:50}.g-lg-m-0{margin:var(--g-space-0)}.g-lg-m-1{margin:var(--g-space-1)}.g-lg-neg-m-1{margin:calc(-1 * var(--g-space-1))}.g-lg-m-2{margin:var(--g-space-2)}.g-lg-neg-m-2{margin:calc(-1 * var(--g-space-2))}.g-lg-m-3{margin:var(--g-space-3)}.g-lg-neg-m-3{margin:calc(-1 * var(--g-space-3))}.g-lg-m-4{margin:var(--g-space-4)}.g-lg-neg-m-4{margin:calc(-1 * var(--g-space-4))}.g-lg-m-5{margin:var(--g-space-5)}.g-lg-neg-m-5{margin:calc(-1 * var(--g-space-5))}.g-lg-m-6{margin:var(--g-space-6)}.g-lg-neg-m-6{margin:calc(-1 * var(--g-space-6))}.g-lg-m-7{margin:var(--g-space-7)}.g-lg-neg-m-7{margin:calc(-1 * var(--g-space-7))}.g-lg-m-8{margin:var(--g-space-8)}.g-lg-neg-m-8{margin:calc(-1 * var(--g-space-8))}.g-lg-m-9{margin:var(--g-space-9)}.g-lg-neg-m-9{margin:calc(-1 * var(--g-space-9))}.g-lg-m-10{margin:var(--g-space-10)}.g-lg-neg-m-10{margin:calc(-1 * var(--g-space-10))}.g-lg-m-12{margin:var(--g-space-12)}.g-lg-neg-m-12{margin:calc(-1 * var(--g-space-12))}.g-lg-m-14{margin:var(--g-space-14)}.g-lg-neg-m-14{margin:calc(-1 * var(--g-space-14))}.g-lg-m-16{margin:var(--g-space-16)}.g-lg-neg-m-16{margin:calc(-1 * var(--g-space-16))}.g-lg-m-20{margin:var(--g-space-20)}.g-lg-neg-m-20{margin:calc(-1 * var(--g-space-20))}.g-lg-m-24{margin:var(--g-space-24)}.g-lg-neg-m-24{margin:calc(-1 * var(--g-space-24))}.g-lg-m-28{margin:var(--g-space-28)}.g-lg-neg-m-28{margin:calc(-1 * var(--g-space-28))}.g-lg-m-32{margin:var(--g-space-32)}.g-lg-neg-m-32{margin:calc(-1 * var(--g-space-32))}.g-lg-m-40{margin:var(--g-space-40)}.g-lg-neg-m-40{margin:calc(-1 * var(--g-space-40))}.g-lg-m-48{margin:var(--g-space-48)}.g-lg-neg-m-48{margin:calc(-1 * var(--g-space-48))}.g-lg-m-56{margin:var(--g-space-56)}.g-lg-neg-m-56{margin:calc(-1 * var(--g-space-56))}.g-lg-m-64{margin:var(--g-space-64)}.g-lg-neg-m-64{margin:calc(-1 * var(--g-space-64))}.g-lg-m-80{margin:var(--g-space-80)}.g-lg-neg-m-80{margin:calc(-1 * var(--g-space-80))}.g-lg-m-96{margin:var(--g-space-96)}.g-lg-neg-m-96{margin:calc(-1 * var(--g-space-96))}.g-lg-m-px{margin:var(--g-space-px)}.g-lg-m-0_5{margin:var(--g-space-0_5)}.g-lg-neg-m-0_5{margin:calc(-1 * var(--g-space-0_5))}.g-lg-m-1_5{margin:var(--g-space-1_5)}.g-lg-neg-m-1_5{margin:calc(-1 * var(--g-space-1_5))}.g-lg-m-2_5{margin:var(--g-space-2_5)}.g-lg-neg-m-2_5{margin:calc(-1 * var(--g-space-2_5))}.g-lg-m-3_5{margin:var(--g-space-3_5)}.g-lg-neg-m-3_5{margin:calc(-1 * var(--g-space-3_5))}.g-lg-mx-0{margin-inline:var(--g-space-0)}.g-lg-mx-1{margin-inline:var(--g-space-1)}.g-lg-neg-mx-1{margin-inline:calc(-1 * var(--g-space-1))}.g-lg-mx-2{margin-inline:var(--g-space-2)}.g-lg-neg-mx-2{margin-inline:calc(-1 * var(--g-space-2))}.g-lg-mx-3{margin-inline:var(--g-space-3)}.g-lg-neg-mx-3{margin-inline:calc(-1 * var(--g-space-3))}.g-lg-mx-4{margin-inline:var(--g-space-4)}.g-lg-neg-mx-4{margin-inline:calc(-1 * var(--g-space-4))}.g-lg-mx-5{margin-inline:var(--g-space-5)}.g-lg-neg-mx-5{margin-inline:calc(-1 * var(--g-space-5))}.g-lg-mx-6{margin-inline:var(--g-space-6)}.g-lg-neg-mx-6{margin-inline:calc(-1 * var(--g-space-6))}.g-lg-mx-7{margin-inline:var(--g-space-7)}.g-lg-neg-mx-7{margin-inline:calc(-1 * var(--g-space-7))}.g-lg-mx-8{margin-inline:var(--g-space-8)}.g-lg-neg-mx-8{margin-inline:calc(-1 * var(--g-space-8))}.g-lg-mx-9{margin-inline:var(--g-space-9)}.g-lg-neg-mx-9{margin-inline:calc(-1 * var(--g-space-9))}.g-lg-mx-10{margin-inline:var(--g-space-10)}.g-lg-neg-mx-10{margin-inline:calc(-1 * var(--g-space-10))}.g-lg-mx-12{margin-inline:var(--g-space-12)}.g-lg-neg-mx-12{margin-inline:calc(-1 * var(--g-space-12))}.g-lg-mx-14{margin-inline:var(--g-space-14)}.g-lg-neg-mx-14{margin-inline:calc(-1 * var(--g-space-14))}.g-lg-mx-16{margin-inline:var(--g-space-16)}.g-lg-neg-mx-16{margin-inline:calc(-1 * var(--g-space-16))}.g-lg-mx-20{margin-inline:var(--g-space-20)}.g-lg-neg-mx-20{margin-inline:calc(-1 * var(--g-space-20))}.g-lg-mx-24{margin-inline:var(--g-space-24)}.g-lg-neg-mx-24{margin-inline:calc(-1 * var(--g-space-24))}.g-lg-mx-28{margin-inline:var(--g-space-28)}.g-lg-neg-mx-28{margin-inline:calc(-1 * var(--g-space-28))}.g-lg-mx-32{margin-inline:var(--g-space-32)}.g-lg-neg-mx-32{margin-inline:calc(-1 * var(--g-space-32))}.g-lg-mx-40{margin-inline:var(--g-space-40)}.g-lg-neg-mx-40{margin-inline:calc(-1 * var(--g-space-40))}.g-lg-mx-48{margin-inline:var(--g-space-48)}.g-lg-neg-mx-48{margin-inline:calc(-1 * var(--g-space-48))}.g-lg-mx-56{margin-inline:var(--g-space-56)}.g-lg-neg-mx-56{margin-inline:calc(-1 * var(--g-space-56))}.g-lg-mx-64{margin-inline:var(--g-space-64)}.g-lg-neg-mx-64{margin-inline:calc(-1 * var(--g-space-64))}.g-lg-mx-80{margin-inline:var(--g-space-80)}.g-lg-neg-mx-80{margin-inline:calc(-1 * var(--g-space-80))}.g-lg-mx-96{margin-inline:var(--g-space-96)}.g-lg-neg-mx-96{margin-inline:calc(-1 * var(--g-space-96))}.g-lg-mx-px{margin-inline:var(--g-space-px)}.g-lg-mx-0_5{margin-inline:var(--g-space-0_5)}.g-lg-neg-mx-0_5{margin-inline:calc(-1 * var(--g-space-0_5))}.g-lg-mx-1_5{margin-inline:var(--g-space-1_5)}.g-lg-neg-mx-1_5{margin-inline:calc(-1 * var(--g-space-1_5))}.g-lg-mx-2_5{margin-inline:var(--g-space-2_5)}.g-lg-neg-mx-2_5{margin-inline:calc(-1 * var(--g-space-2_5))}.g-lg-mx-3_5{margin-inline:var(--g-space-3_5)}.g-lg-neg-mx-3_5{margin-inline:calc(-1 * var(--g-space-3_5))}.g-lg-my-0{margin-block:var(--g-space-0)}.g-lg-my-1{margin-block:var(--g-space-1)}.g-lg-neg-my-1{margin-block:calc(-1 * var(--g-space-1))}.g-lg-my-2{margin-block:var(--g-space-2)}.g-lg-neg-my-2{margin-block:calc(-1 * var(--g-space-2))}.g-lg-my-3{margin-block:var(--g-space-3)}.g-lg-neg-my-3{margin-block:calc(-1 * var(--g-space-3))}.g-lg-my-4{margin-block:var(--g-space-4)}.g-lg-neg-my-4{margin-block:calc(-1 * var(--g-space-4))}.g-lg-my-5{margin-block:var(--g-space-5)}.g-lg-neg-my-5{margin-block:calc(-1 * var(--g-space-5))}.g-lg-my-6{margin-block:var(--g-space-6)}.g-lg-neg-my-6{margin-block:calc(-1 * var(--g-space-6))}.g-lg-my-7{margin-block:var(--g-space-7)}.g-lg-neg-my-7{margin-block:calc(-1 * var(--g-space-7))}.g-lg-my-8{margin-block:var(--g-space-8)}.g-lg-neg-my-8{margin-block:calc(-1 * var(--g-space-8))}.g-lg-my-9{margin-block:var(--g-space-9)}.g-lg-neg-my-9{margin-block:calc(-1 * var(--g-space-9))}.g-lg-my-10{margin-block:var(--g-space-10)}.g-lg-neg-my-10{margin-block:calc(-1 * var(--g-space-10))}.g-lg-my-12{margin-block:var(--g-space-12)}.g-lg-neg-my-12{margin-block:calc(-1 * var(--g-space-12))}.g-lg-my-14{margin-block:var(--g-space-14)}.g-lg-neg-my-14{margin-block:calc(-1 * var(--g-space-14))}.g-lg-my-16{margin-block:var(--g-space-16)}.g-lg-neg-my-16{margin-block:calc(-1 * var(--g-space-16))}.g-lg-my-20{margin-block:var(--g-space-20)}.g-lg-neg-my-20{margin-block:calc(-1 * var(--g-space-20))}.g-lg-my-24{margin-block:var(--g-space-24)}.g-lg-neg-my-24{margin-block:calc(-1 * var(--g-space-24))}.g-lg-my-28{margin-block:var(--g-space-28)}.g-lg-neg-my-28{margin-block:calc(-1 * var(--g-space-28))}.g-lg-my-32{margin-block:var(--g-space-32)}.g-lg-neg-my-32{margin-block:calc(-1 * var(--g-space-32))}.g-lg-my-40{margin-block:var(--g-space-40)}.g-lg-neg-my-40{margin-block:calc(-1 * var(--g-space-40))}.g-lg-my-48{margin-block:var(--g-space-48)}.g-lg-neg-my-48{margin-block:calc(-1 * var(--g-space-48))}.g-lg-my-56{margin-block:var(--g-space-56)}.g-lg-neg-my-56{margin-block:calc(-1 * var(--g-space-56))}.g-lg-my-64{margin-block:var(--g-space-64)}.g-lg-neg-my-64{margin-block:calc(-1 * var(--g-space-64))}.g-lg-my-80{margin-block:var(--g-space-80)}.g-lg-neg-my-80{margin-block:calc(-1 * var(--g-space-80))}.g-lg-my-96{margin-block:var(--g-space-96)}.g-lg-neg-my-96{margin-block:calc(-1 * var(--g-space-96))}.g-lg-my-px{margin-block:var(--g-space-px)}.g-lg-my-0_5{margin-block:var(--g-space-0_5)}.g-lg-neg-my-0_5{margin-block:calc(-1 * var(--g-space-0_5))}.g-lg-my-1_5{margin-block:var(--g-space-1_5)}.g-lg-neg-my-1_5{margin-block:calc(-1 * var(--g-space-1_5))}.g-lg-my-2_5{margin-block:var(--g-space-2_5)}.g-lg-neg-my-2_5{margin-block:calc(-1 * var(--g-space-2_5))}.g-lg-my-3_5{margin-block:var(--g-space-3_5)}.g-lg-neg-my-3_5{margin-block:calc(-1 * var(--g-space-3_5))}.g-lg-mt-0{margin-top:var(--g-space-0)}.g-lg-mt-1{margin-top:var(--g-space-1)}.g-lg-neg-mt-1{margin-top:calc(-1 * var(--g-space-1))}.g-lg-mt-2{margin-top:var(--g-space-2)}.g-lg-neg-mt-2{margin-top:calc(-1 * var(--g-space-2))}.g-lg-mt-3{margin-top:var(--g-space-3)}.g-lg-neg-mt-3{margin-top:calc(-1 * var(--g-space-3))}.g-lg-mt-4{margin-top:var(--g-space-4)}.g-lg-neg-mt-4{margin-top:calc(-1 * var(--g-space-4))}.g-lg-mt-5{margin-top:var(--g-space-5)}.g-lg-neg-mt-5{margin-top:calc(-1 * var(--g-space-5))}.g-lg-mt-6{margin-top:var(--g-space-6)}.g-lg-neg-mt-6{margin-top:calc(-1 * var(--g-space-6))}.g-lg-mt-7{margin-top:var(--g-space-7)}.g-lg-neg-mt-7{margin-top:calc(-1 * var(--g-space-7))}.g-lg-mt-8{margin-top:var(--g-space-8)}.g-lg-neg-mt-8{margin-top:calc(-1 * var(--g-space-8))}.g-lg-mt-9{margin-top:var(--g-space-9)}.g-lg-neg-mt-9{margin-top:calc(-1 * var(--g-space-9))}.g-lg-mt-10{margin-top:var(--g-space-10)}.g-lg-neg-mt-10{margin-top:calc(-1 * var(--g-space-10))}.g-lg-mt-12{margin-top:var(--g-space-12)}.g-lg-neg-mt-12{margin-top:calc(-1 * var(--g-space-12))}.g-lg-mt-14{margin-top:var(--g-space-14)}.g-lg-neg-mt-14{margin-top:calc(-1 * var(--g-space-14))}.g-lg-mt-16{margin-top:var(--g-space-16)}.g-lg-neg-mt-16{margin-top:calc(-1 * var(--g-space-16))}.g-lg-mt-20{margin-top:var(--g-space-20)}.g-lg-neg-mt-20{margin-top:calc(-1 * var(--g-space-20))}.g-lg-mt-24{margin-top:var(--g-space-24)}.g-lg-neg-mt-24{margin-top:calc(-1 * var(--g-space-24))}.g-lg-mt-28{margin-top:var(--g-space-28)}.g-lg-neg-mt-28{margin-top:calc(-1 * var(--g-space-28))}.g-lg-mt-32{margin-top:var(--g-space-32)}.g-lg-neg-mt-32{margin-top:calc(-1 * var(--g-space-32))}.g-lg-mt-40{margin-top:var(--g-space-40)}.g-lg-neg-mt-40{margin-top:calc(-1 * var(--g-space-40))}.g-lg-mt-48{margin-top:var(--g-space-48)}.g-lg-neg-mt-48{margin-top:calc(-1 * var(--g-space-48))}.g-lg-mt-56{margin-top:var(--g-space-56)}.g-lg-neg-mt-56{margin-top:calc(-1 * var(--g-space-56))}.g-lg-mt-64{margin-top:var(--g-space-64)}.g-lg-neg-mt-64{margin-top:calc(-1 * var(--g-space-64))}.g-lg-mt-80{margin-top:var(--g-space-80)}.g-lg-neg-mt-80{margin-top:calc(-1 * var(--g-space-80))}.g-lg-mt-96{margin-top:var(--g-space-96)}.g-lg-neg-mt-96{margin-top:calc(-1 * var(--g-space-96))}.g-lg-mt-px{margin-top:var(--g-space-px)}.g-lg-mt-0_5{margin-top:var(--g-space-0_5)}.g-lg-neg-mt-0_5{margin-top:calc(-1 * var(--g-space-0_5))}.g-lg-mt-1_5{margin-top:var(--g-space-1_5)}.g-lg-neg-mt-1_5{margin-top:calc(-1 * var(--g-space-1_5))}.g-lg-mt-2_5{margin-top:var(--g-space-2_5)}.g-lg-neg-mt-2_5{margin-top:calc(-1 * var(--g-space-2_5))}.g-lg-mt-3_5{margin-top:var(--g-space-3_5)}.g-lg-neg-mt-3_5{margin-top:calc(-1 * var(--g-space-3_5))}.g-lg-mr-0{margin-right:var(--g-space-0)}.g-lg-mr-1{margin-right:var(--g-space-1)}.g-lg-neg-mr-1{margin-right:calc(-1 * var(--g-space-1))}.g-lg-mr-2{margin-right:var(--g-space-2)}.g-lg-neg-mr-2{margin-right:calc(-1 * var(--g-space-2))}.g-lg-mr-3{margin-right:var(--g-space-3)}.g-lg-neg-mr-3{margin-right:calc(-1 * var(--g-space-3))}.g-lg-mr-4{margin-right:var(--g-space-4)}.g-lg-neg-mr-4{margin-right:calc(-1 * var(--g-space-4))}.g-lg-mr-5{margin-right:var(--g-space-5)}.g-lg-neg-mr-5{margin-right:calc(-1 * var(--g-space-5))}.g-lg-mr-6{margin-right:var(--g-space-6)}.g-lg-neg-mr-6{margin-right:calc(-1 * var(--g-space-6))}.g-lg-mr-7{margin-right:var(--g-space-7)}.g-lg-neg-mr-7{margin-right:calc(-1 * var(--g-space-7))}.g-lg-mr-8{margin-right:var(--g-space-8)}.g-lg-neg-mr-8{margin-right:calc(-1 * var(--g-space-8))}.g-lg-mr-9{margin-right:var(--g-space-9)}.g-lg-neg-mr-9{margin-right:calc(-1 * var(--g-space-9))}.g-lg-mr-10{margin-right:var(--g-space-10)}.g-lg-neg-mr-10{margin-right:calc(-1 * var(--g-space-10))}.g-lg-mr-12{margin-right:var(--g-space-12)}.g-lg-neg-mr-12{margin-right:calc(-1 * var(--g-space-12))}.g-lg-mr-14{margin-right:var(--g-space-14)}.g-lg-neg-mr-14{margin-right:calc(-1 * var(--g-space-14))}.g-lg-mr-16{margin-right:var(--g-space-16)}.g-lg-neg-mr-16{margin-right:calc(-1 * var(--g-space-16))}.g-lg-mr-20{margin-right:var(--g-space-20)}.g-lg-neg-mr-20{margin-right:calc(-1 * var(--g-space-20))}.g-lg-mr-24{margin-right:var(--g-space-24)}.g-lg-neg-mr-24{margin-right:calc(-1 * var(--g-space-24))}.g-lg-mr-28{margin-right:var(--g-space-28)}.g-lg-neg-mr-28{margin-right:calc(-1 * var(--g-space-28))}.g-lg-mr-32{margin-right:var(--g-space-32)}.g-lg-neg-mr-32{margin-right:calc(-1 * var(--g-space-32))}.g-lg-mr-40{margin-right:var(--g-space-40)}.g-lg-neg-mr-40{margin-right:calc(-1 * var(--g-space-40))}.g-lg-mr-48{margin-right:var(--g-space-48)}.g-lg-neg-mr-48{margin-right:calc(-1 * var(--g-space-48))}.g-lg-mr-56{margin-right:var(--g-space-56)}.g-lg-neg-mr-56{margin-right:calc(-1 * var(--g-space-56))}.g-lg-mr-64{margin-right:var(--g-space-64)}.g-lg-neg-mr-64{margin-right:calc(-1 * var(--g-space-64))}.g-lg-mr-80{margin-right:var(--g-space-80)}.g-lg-neg-mr-80{margin-right:calc(-1 * var(--g-space-80))}.g-lg-mr-96{margin-right:var(--g-space-96)}.g-lg-neg-mr-96{margin-right:calc(-1 * var(--g-space-96))}.g-lg-mr-px{margin-right:var(--g-space-px)}.g-lg-mr-0_5{margin-right:var(--g-space-0_5)}.g-lg-neg-mr-0_5{margin-right:calc(-1 * var(--g-space-0_5))}.g-lg-mr-1_5{margin-right:var(--g-space-1_5)}.g-lg-neg-mr-1_5{margin-right:calc(-1 * var(--g-space-1_5))}.g-lg-mr-2_5{margin-right:var(--g-space-2_5)}.g-lg-neg-mr-2_5{margin-right:calc(-1 * var(--g-space-2_5))}.g-lg-mr-3_5{margin-right:var(--g-space-3_5)}.g-lg-neg-mr-3_5{margin-right:calc(-1 * var(--g-space-3_5))}.g-lg-mb-0{margin-bottom:var(--g-space-0)}.g-lg-mb-1{margin-bottom:var(--g-space-1)}.g-lg-neg-mb-1{margin-bottom:calc(-1 * var(--g-space-1))}.g-lg-mb-2{margin-bottom:var(--g-space-2)}.g-lg-neg-mb-2{margin-bottom:calc(-1 * var(--g-space-2))}.g-lg-mb-3{margin-bottom:var(--g-space-3)}.g-lg-neg-mb-3{margin-bottom:calc(-1 * var(--g-space-3))}.g-lg-mb-4{margin-bottom:var(--g-space-4)}.g-lg-neg-mb-4{margin-bottom:calc(-1 * var(--g-space-4))}.g-lg-mb-5{margin-bottom:var(--g-space-5)}.g-lg-neg-mb-5{margin-bottom:calc(-1 * var(--g-space-5))}.g-lg-mb-6{margin-bottom:var(--g-space-6)}.g-lg-neg-mb-6{margin-bottom:calc(-1 * var(--g-space-6))}.g-lg-mb-7{margin-bottom:var(--g-space-7)}.g-lg-neg-mb-7{margin-bottom:calc(-1 * var(--g-space-7))}.g-lg-mb-8{margin-bottom:var(--g-space-8)}.g-lg-neg-mb-8{margin-bottom:calc(-1 * var(--g-space-8))}.g-lg-mb-9{margin-bottom:var(--g-space-9)}.g-lg-neg-mb-9{margin-bottom:calc(-1 * var(--g-space-9))}.g-lg-mb-10{margin-bottom:var(--g-space-10)}.g-lg-neg-mb-10{margin-bottom:calc(-1 * var(--g-space-10))}.g-lg-mb-12{margin-bottom:var(--g-space-12)}.g-lg-neg-mb-12{margin-bottom:calc(-1 * var(--g-space-12))}.g-lg-mb-14{margin-bottom:var(--g-space-14)}.g-lg-neg-mb-14{margin-bottom:calc(-1 * var(--g-space-14))}.g-lg-mb-16{margin-bottom:var(--g-space-16)}.g-lg-neg-mb-16{margin-bottom:calc(-1 * var(--g-space-16))}.g-lg-mb-20{margin-bottom:var(--g-space-20)}.g-lg-neg-mb-20{margin-bottom:calc(-1 * var(--g-space-20))}.g-lg-mb-24{margin-bottom:var(--g-space-24)}.g-lg-neg-mb-24{margin-bottom:calc(-1 * var(--g-space-24))}.g-lg-mb-28{margin-bottom:var(--g-space-28)}.g-lg-neg-mb-28{margin-bottom:calc(-1 * var(--g-space-28))}.g-lg-mb-32{margin-bottom:var(--g-space-32)}.g-lg-neg-mb-32{margin-bottom:calc(-1 * var(--g-space-32))}.g-lg-mb-40{margin-bottom:var(--g-space-40)}.g-lg-neg-mb-40{margin-bottom:calc(-1 * var(--g-space-40))}.g-lg-mb-48{margin-bottom:var(--g-space-48)}.g-lg-neg-mb-48{margin-bottom:calc(-1 * var(--g-space-48))}.g-lg-mb-56{margin-bottom:var(--g-space-56)}.g-lg-neg-mb-56{margin-bottom:calc(-1 * var(--g-space-56))}.g-lg-mb-64{margin-bottom:var(--g-space-64)}.g-lg-neg-mb-64{margin-bottom:calc(-1 * var(--g-space-64))}.g-lg-mb-80{margin-bottom:var(--g-space-80)}.g-lg-neg-mb-80{margin-bottom:calc(-1 * var(--g-space-80))}.g-lg-mb-96{margin-bottom:var(--g-space-96)}.g-lg-neg-mb-96{margin-bottom:calc(-1 * var(--g-space-96))}.g-lg-mb-px{margin-bottom:var(--g-space-px)}.g-lg-mb-0_5{margin-bottom:var(--g-space-0_5)}.g-lg-neg-mb-0_5{margin-bottom:calc(-1 * var(--g-space-0_5))}.g-lg-mb-1_5{margin-bottom:var(--g-space-1_5)}.g-lg-neg-mb-1_5{margin-bottom:calc(-1 * var(--g-space-1_5))}.g-lg-mb-2_5{margin-bottom:var(--g-space-2_5)}.g-lg-neg-mb-2_5{margin-bottom:calc(-1 * var(--g-space-2_5))}.g-lg-mb-3_5{margin-bottom:var(--g-space-3_5)}.g-lg-neg-mb-3_5{margin-bottom:calc(-1 * var(--g-space-3_5))}.g-lg-ml-0{margin-left:var(--g-space-0)}.g-lg-ml-1{margin-left:var(--g-space-1)}.g-lg-neg-ml-1{margin-left:calc(-1 * var(--g-space-1))}.g-lg-ml-2{margin-left:var(--g-space-2)}.g-lg-neg-ml-2{margin-left:calc(-1 * var(--g-space-2))}.g-lg-ml-3{margin-left:var(--g-space-3)}.g-lg-neg-ml-3{margin-left:calc(-1 * var(--g-space-3))}.g-lg-ml-4{margin-left:var(--g-space-4)}.g-lg-neg-ml-4{margin-left:calc(-1 * var(--g-space-4))}.g-lg-ml-5{margin-left:var(--g-space-5)}.g-lg-neg-ml-5{margin-left:calc(-1 * var(--g-space-5))}.g-lg-ml-6{margin-left:var(--g-space-6)}.g-lg-neg-ml-6{margin-left:calc(-1 * var(--g-space-6))}.g-lg-ml-7{margin-left:var(--g-space-7)}.g-lg-neg-ml-7{margin-left:calc(-1 * var(--g-space-7))}.g-lg-ml-8{margin-left:var(--g-space-8)}.g-lg-neg-ml-8{margin-left:calc(-1 * var(--g-space-8))}.g-lg-ml-9{margin-left:var(--g-space-9)}.g-lg-neg-ml-9{margin-left:calc(-1 * var(--g-space-9))}.g-lg-ml-10{margin-left:var(--g-space-10)}.g-lg-neg-ml-10{margin-left:calc(-1 * var(--g-space-10))}.g-lg-ml-12{margin-left:var(--g-space-12)}.g-lg-neg-ml-12{margin-left:calc(-1 * var(--g-space-12))}.g-lg-ml-14{margin-left:var(--g-space-14)}.g-lg-neg-ml-14{margin-left:calc(-1 * var(--g-space-14))}.g-lg-ml-16{margin-left:var(--g-space-16)}.g-lg-neg-ml-16{margin-left:calc(-1 * var(--g-space-16))}.g-lg-ml-20{margin-left:var(--g-space-20)}.g-lg-neg-ml-20{margin-left:calc(-1 * var(--g-space-20))}.g-lg-ml-24{margin-left:var(--g-space-24)}.g-lg-neg-ml-24{margin-left:calc(-1 * var(--g-space-24))}.g-lg-ml-28{margin-left:var(--g-space-28)}.g-lg-neg-ml-28{margin-left:calc(-1 * var(--g-space-28))}.g-lg-ml-32{margin-left:var(--g-space-32)}.g-lg-neg-ml-32{margin-left:calc(-1 * var(--g-space-32))}.g-lg-ml-40{margin-left:var(--g-space-40)}.g-lg-neg-ml-40{margin-left:calc(-1 * var(--g-space-40))}.g-lg-ml-48{margin-left:var(--g-space-48)}.g-lg-neg-ml-48{margin-left:calc(-1 * var(--g-space-48))}.g-lg-ml-56{margin-left:var(--g-space-56)}.g-lg-neg-ml-56{margin-left:calc(-1 * var(--g-space-56))}.g-lg-ml-64{margin-left:var(--g-space-64)}.g-lg-neg-ml-64{margin-left:calc(-1 * var(--g-space-64))}.g-lg-ml-80{margin-left:var(--g-space-80)}.g-lg-neg-ml-80{margin-left:calc(-1 * var(--g-space-80))}.g-lg-ml-96{margin-left:var(--g-space-96)}.g-lg-neg-ml-96{margin-left:calc(-1 * var(--g-space-96))}.g-lg-ml-px{margin-left:var(--g-space-px)}.g-lg-ml-0_5{margin-left:var(--g-space-0_5)}.g-lg-neg-ml-0_5{margin-left:calc(-1 * var(--g-space-0_5))}.g-lg-ml-1_5{margin-left:var(--g-space-1_5)}.g-lg-neg-ml-1_5{margin-left:calc(-1 * var(--g-space-1_5))}.g-lg-ml-2_5{margin-left:var(--g-space-2_5)}.g-lg-neg-ml-2_5{margin-left:calc(-1 * var(--g-space-2_5))}.g-lg-ml-3_5{margin-left:var(--g-space-3_5)}.g-lg-neg-ml-3_5{margin-left:calc(-1 * var(--g-space-3_5))}.g-lg-ms-0{margin-inline-start:var(--g-space-0)}.g-lg-ms-1{margin-inline-start:var(--g-space-1)}.g-lg-neg-ms-1{margin-inline-start:calc(-1 * var(--g-space-1))}.g-lg-ms-2{margin-inline-start:var(--g-space-2)}.g-lg-neg-ms-2{margin-inline-start:calc(-1 * var(--g-space-2))}.g-lg-ms-3{margin-inline-start:var(--g-space-3)}.g-lg-neg-ms-3{margin-inline-start:calc(-1 * var(--g-space-3))}.g-lg-ms-4{margin-inline-start:var(--g-space-4)}.g-lg-neg-ms-4{margin-inline-start:calc(-1 * var(--g-space-4))}.g-lg-ms-5{margin-inline-start:var(--g-space-5)}.g-lg-neg-ms-5{margin-inline-start:calc(-1 * var(--g-space-5))}.g-lg-ms-6{margin-inline-start:var(--g-space-6)}.g-lg-neg-ms-6{margin-inline-start:calc(-1 * var(--g-space-6))}.g-lg-ms-7{margin-inline-start:var(--g-space-7)}.g-lg-neg-ms-7{margin-inline-start:calc(-1 * var(--g-space-7))}.g-lg-ms-8{margin-inline-start:var(--g-space-8)}.g-lg-neg-ms-8{margin-inline-start:calc(-1 * var(--g-space-8))}.g-lg-ms-9{margin-inline-start:var(--g-space-9)}.g-lg-neg-ms-9{margin-inline-start:calc(-1 * var(--g-space-9))}.g-lg-ms-10{margin-inline-start:var(--g-space-10)}.g-lg-neg-ms-10{margin-inline-start:calc(-1 * var(--g-space-10))}.g-lg-ms-12{margin-inline-start:var(--g-space-12)}.g-lg-neg-ms-12{margin-inline-start:calc(-1 * var(--g-space-12))}.g-lg-ms-14{margin-inline-start:var(--g-space-14)}.g-lg-neg-ms-14{margin-inline-start:calc(-1 * var(--g-space-14))}.g-lg-ms-16{margin-inline-start:var(--g-space-16)}.g-lg-neg-ms-16{margin-inline-start:calc(-1 * var(--g-space-16))}.g-lg-ms-20{margin-inline-start:var(--g-space-20)}.g-lg-neg-ms-20{margin-inline-start:calc(-1 * var(--g-space-20))}.g-lg-ms-24{margin-inline-start:var(--g-space-24)}.g-lg-neg-ms-24{margin-inline-start:calc(-1 * var(--g-space-24))}.g-lg-ms-28{margin-inline-start:var(--g-space-28)}.g-lg-neg-ms-28{margin-inline-start:calc(-1 * var(--g-space-28))}.g-lg-ms-32{margin-inline-start:var(--g-space-32)}.g-lg-neg-ms-32{margin-inline-start:calc(-1 * var(--g-space-32))}.g-lg-ms-40{margin-inline-start:var(--g-space-40)}.g-lg-neg-ms-40{margin-inline-start:calc(-1 * var(--g-space-40))}.g-lg-ms-48{margin-inline-start:var(--g-space-48)}.g-lg-neg-ms-48{margin-inline-start:calc(-1 * var(--g-space-48))}.g-lg-ms-56{margin-inline-start:var(--g-space-56)}.g-lg-neg-ms-56{margin-inline-start:calc(-1 * var(--g-space-56))}.g-lg-ms-64{margin-inline-start:var(--g-space-64)}.g-lg-neg-ms-64{margin-inline-start:calc(-1 * var(--g-space-64))}.g-lg-ms-80{margin-inline-start:var(--g-space-80)}.g-lg-neg-ms-80{margin-inline-start:calc(-1 * var(--g-space-80))}.g-lg-ms-96{margin-inline-start:var(--g-space-96)}.g-lg-neg-ms-96{margin-inline-start:calc(-1 * var(--g-space-96))}.g-lg-ms-px{margin-inline-start:var(--g-space-px)}.g-lg-ms-0_5{margin-inline-start:var(--g-space-0_5)}.g-lg-neg-ms-0_5{margin-inline-start:calc(-1 * var(--g-space-0_5))}.g-lg-ms-1_5{margin-inline-start:var(--g-space-1_5)}.g-lg-neg-ms-1_5{margin-inline-start:calc(-1 * var(--g-space-1_5))}.g-lg-ms-2_5{margin-inline-start:var(--g-space-2_5)}.g-lg-neg-ms-2_5{margin-inline-start:calc(-1 * var(--g-space-2_5))}.g-lg-ms-3_5{margin-inline-start:var(--g-space-3_5)}.g-lg-neg-ms-3_5{margin-inline-start:calc(-1 * var(--g-space-3_5))}.g-lg-me-0{margin-inline-end:var(--g-space-0)}.g-lg-me-1{margin-inline-end:var(--g-space-1)}.g-lg-neg-me-1{margin-inline-end:calc(-1 * var(--g-space-1))}.g-lg-me-2{margin-inline-end:var(--g-space-2)}.g-lg-neg-me-2{margin-inline-end:calc(-1 * var(--g-space-2))}.g-lg-me-3{margin-inline-end:var(--g-space-3)}.g-lg-neg-me-3{margin-inline-end:calc(-1 * var(--g-space-3))}.g-lg-me-4{margin-inline-end:var(--g-space-4)}.g-lg-neg-me-4{margin-inline-end:calc(-1 * var(--g-space-4))}.g-lg-me-5{margin-inline-end:var(--g-space-5)}.g-lg-neg-me-5{margin-inline-end:calc(-1 * var(--g-space-5))}.g-lg-me-6{margin-inline-end:var(--g-space-6)}.g-lg-neg-me-6{margin-inline-end:calc(-1 * var(--g-space-6))}.g-lg-me-7{margin-inline-end:var(--g-space-7)}.g-lg-neg-me-7{margin-inline-end:calc(-1 * var(--g-space-7))}.g-lg-me-8{margin-inline-end:var(--g-space-8)}.g-lg-neg-me-8{margin-inline-end:calc(-1 * var(--g-space-8))}.g-lg-me-9{margin-inline-end:var(--g-space-9)}.g-lg-neg-me-9{margin-inline-end:calc(-1 * var(--g-space-9))}.g-lg-me-10{margin-inline-end:var(--g-space-10)}.g-lg-neg-me-10{margin-inline-end:calc(-1 * var(--g-space-10))}.g-lg-me-12{margin-inline-end:var(--g-space-12)}.g-lg-neg-me-12{margin-inline-end:calc(-1 * var(--g-space-12))}.g-lg-me-14{margin-inline-end:var(--g-space-14)}.g-lg-neg-me-14{margin-inline-end:calc(-1 * var(--g-space-14))}.g-lg-me-16{margin-inline-end:var(--g-space-16)}.g-lg-neg-me-16{margin-inline-end:calc(-1 * var(--g-space-16))}.g-lg-me-20{margin-inline-end:var(--g-space-20)}.g-lg-neg-me-20{margin-inline-end:calc(-1 * var(--g-space-20))}.g-lg-me-24{margin-inline-end:var(--g-space-24)}.g-lg-neg-me-24{margin-inline-end:calc(-1 * var(--g-space-24))}.g-lg-me-28{margin-inline-end:var(--g-space-28)}.g-lg-neg-me-28{margin-inline-end:calc(-1 * var(--g-space-28))}.g-lg-me-32{margin-inline-end:var(--g-space-32)}.g-lg-neg-me-32{margin-inline-end:calc(-1 * var(--g-space-32))}.g-lg-me-40{margin-inline-end:var(--g-space-40)}.g-lg-neg-me-40{margin-inline-end:calc(-1 * var(--g-space-40))}.g-lg-me-48{margin-inline-end:var(--g-space-48)}.g-lg-neg-me-48{margin-inline-end:calc(-1 * var(--g-space-48))}.g-lg-me-56{margin-inline-end:var(--g-space-56)}.g-lg-neg-me-56{margin-inline-end:calc(-1 * var(--g-space-56))}.g-lg-me-64{margin-inline-end:var(--g-space-64)}.g-lg-neg-me-64{margin-inline-end:calc(-1 * var(--g-space-64))}.g-lg-me-80{margin-inline-end:var(--g-space-80)}.g-lg-neg-me-80{margin-inline-end:calc(-1 * var(--g-space-80))}.g-lg-me-96{margin-inline-end:var(--g-space-96)}.g-lg-neg-me-96{margin-inline-end:calc(-1 * var(--g-space-96))}.g-lg-me-px{margin-inline-end:var(--g-space-px)}.g-lg-me-0_5{margin-inline-end:var(--g-space-0_5)}.g-lg-neg-me-0_5{margin-inline-end:calc(-1 * var(--g-space-0_5))}.g-lg-me-1_5{margin-inline-end:var(--g-space-1_5)}.g-lg-neg-me-1_5{margin-inline-end:calc(-1 * var(--g-space-1_5))}.g-lg-me-2_5{margin-inline-end:var(--g-space-2_5)}.g-lg-neg-me-2_5{margin-inline-end:calc(-1 * var(--g-space-2_5))}.g-lg-me-3_5{margin-inline-end:var(--g-space-3_5)}.g-lg-neg-me-3_5{margin-inline-end:calc(-1 * var(--g-space-3_5))}.g-lg-p-0{padding:var(--g-space-0)}.g-lg-p-1{padding:var(--g-space-1)}.g-lg-p-2{padding:var(--g-space-2)}.g-lg-p-3{padding:var(--g-space-3)}.g-lg-p-4{padding:var(--g-space-4)}.g-lg-p-5{padding:var(--g-space-5)}.g-lg-p-6{padding:var(--g-space-6)}.g-lg-p-7{padding:var(--g-space-7)}.g-lg-p-8{padding:var(--g-space-8)}.g-lg-p-9{padding:var(--g-space-9)}.g-lg-p-10{padding:var(--g-space-10)}.g-lg-p-12{padding:var(--g-space-12)}.g-lg-p-14{padding:var(--g-space-14)}.g-lg-p-16{padding:var(--g-space-16)}.g-lg-p-20{padding:var(--g-space-20)}.g-lg-p-24{padding:var(--g-space-24)}.g-lg-p-28{padding:var(--g-space-28)}.g-lg-p-32{padding:var(--g-space-32)}.g-lg-p-40{padding:var(--g-space-40)}.g-lg-p-48{padding:var(--g-space-48)}.g-lg-p-56{padding:var(--g-space-56)}.g-lg-p-64{padding:var(--g-space-64)}.g-lg-p-80{padding:var(--g-space-80)}.g-lg-p-96{padding:var(--g-space-96)}.g-lg-p-px{padding:var(--g-space-px)}.g-lg-p-0_5{padding:var(--g-space-0_5)}.g-lg-p-1_5{padding:var(--g-space-1_5)}.g-lg-p-2_5{padding:var(--g-space-2_5)}.g-lg-p-3_5{padding:var(--g-space-3_5)}.g-lg-px-0{padding-inline:var(--g-space-0)}.g-lg-px-1{padding-inline:var(--g-space-1)}.g-lg-px-2{padding-inline:var(--g-space-2)}.g-lg-px-3{padding-inline:var(--g-space-3)}.g-lg-px-4{padding-inline:var(--g-space-4)}.g-lg-px-5{padding-inline:var(--g-space-5)}.g-lg-px-6{padding-inline:var(--g-space-6)}.g-lg-px-7{padding-inline:var(--g-space-7)}.g-lg-px-8{padding-inline:var(--g-space-8)}.g-lg-px-9{padding-inline:var(--g-space-9)}.g-lg-px-10{padding-inline:var(--g-space-10)}.g-lg-px-12{padding-inline:var(--g-space-12)}.g-lg-px-14{padding-inline:var(--g-space-14)}.g-lg-px-16{padding-inline:var(--g-space-16)}.g-lg-px-20{padding-inline:var(--g-space-20)}.g-lg-px-24{padding-inline:var(--g-space-24)}.g-lg-px-28{padding-inline:var(--g-space-28)}.g-lg-px-32{padding-inline:var(--g-space-32)}.g-lg-px-40{padding-inline:var(--g-space-40)}.g-lg-px-48{padding-inline:var(--g-space-48)}.g-lg-px-56{padding-inline:var(--g-space-56)}.g-lg-px-64{padding-inline:var(--g-space-64)}.g-lg-px-80{padding-inline:var(--g-space-80)}.g-lg-px-96{padding-inline:var(--g-space-96)}.g-lg-px-px{padding-inline:var(--g-space-px)}.g-lg-px-0_5{padding-inline:var(--g-space-0_5)}.g-lg-px-1_5{padding-inline:var(--g-space-1_5)}.g-lg-px-2_5{padding-inline:var(--g-space-2_5)}.g-lg-px-3_5{padding-inline:var(--g-space-3_5)}.g-lg-py-0{padding-block:var(--g-space-0)}.g-lg-py-1{padding-block:var(--g-space-1)}.g-lg-py-2{padding-block:var(--g-space-2)}.g-lg-py-3{padding-block:var(--g-space-3)}.g-lg-py-4{padding-block:var(--g-space-4)}.g-lg-py-5{padding-block:var(--g-space-5)}.g-lg-py-6{padding-block:var(--g-space-6)}.g-lg-py-7{padding-block:var(--g-space-7)}.g-lg-py-8{padding-block:var(--g-space-8)}.g-lg-py-9{padding-block:var(--g-space-9)}.g-lg-py-10{padding-block:var(--g-space-10)}.g-lg-py-12{padding-block:var(--g-space-12)}.g-lg-py-14{padding-block:var(--g-space-14)}.g-lg-py-16{padding-block:var(--g-space-16)}.g-lg-py-20{padding-block:var(--g-space-20)}.g-lg-py-24{padding-block:var(--g-space-24)}.g-lg-py-28{padding-block:var(--g-space-28)}.g-lg-py-32{padding-block:var(--g-space-32)}.g-lg-py-40{padding-block:var(--g-space-40)}.g-lg-py-48{padding-block:var(--g-space-48)}.g-lg-py-56{padding-block:var(--g-space-56)}.g-lg-py-64{padding-block:var(--g-space-64)}.g-lg-py-80{padding-block:var(--g-space-80)}.g-lg-py-96{padding-block:var(--g-space-96)}.g-lg-py-px{padding-block:var(--g-space-px)}.g-lg-py-0_5{padding-block:var(--g-space-0_5)}.g-lg-py-1_5{padding-block:var(--g-space-1_5)}.g-lg-py-2_5{padding-block:var(--g-space-2_5)}.g-lg-py-3_5{padding-block:var(--g-space-3_5)}.g-lg-pt-0{padding-top:var(--g-space-0)}.g-lg-pt-1{padding-top:var(--g-space-1)}.g-lg-pt-2{padding-top:var(--g-space-2)}.g-lg-pt-3{padding-top:var(--g-space-3)}.g-lg-pt-4{padding-top:var(--g-space-4)}.g-lg-pt-5{padding-top:var(--g-space-5)}.g-lg-pt-6{padding-top:var(--g-space-6)}.g-lg-pt-7{padding-top:var(--g-space-7)}.g-lg-pt-8{padding-top:var(--g-space-8)}.g-lg-pt-9{padding-top:var(--g-space-9)}.g-lg-pt-10{padding-top:var(--g-space-10)}.g-lg-pt-12{padding-top:var(--g-space-12)}.g-lg-pt-14{padding-top:var(--g-space-14)}.g-lg-pt-16{padding-top:var(--g-space-16)}.g-lg-pt-20{padding-top:var(--g-space-20)}.g-lg-pt-24{padding-top:var(--g-space-24)}.g-lg-pt-28{padding-top:var(--g-space-28)}.g-lg-pt-32{padding-top:var(--g-space-32)}.g-lg-pt-40{padding-top:var(--g-space-40)}.g-lg-pt-48{padding-top:var(--g-space-48)}.g-lg-pt-56{padding-top:var(--g-space-56)}.g-lg-pt-64{padding-top:var(--g-space-64)}.g-lg-pt-80{padding-top:var(--g-space-80)}.g-lg-pt-96{padding-top:var(--g-space-96)}.g-lg-pt-px{padding-top:var(--g-space-px)}.g-lg-pt-0_5{padding-top:var(--g-space-0_5)}.g-lg-pt-1_5{padding-top:var(--g-space-1_5)}.g-lg-pt-2_5{padding-top:var(--g-space-2_5)}.g-lg-pt-3_5{padding-top:var(--g-space-3_5)}.g-lg-pr-0{padding-right:var(--g-space-0)}.g-lg-pr-1{padding-right:var(--g-space-1)}.g-lg-pr-2{padding-right:var(--g-space-2)}.g-lg-pr-3{padding-right:var(--g-space-3)}.g-lg-pr-4{padding-right:var(--g-space-4)}.g-lg-pr-5{padding-right:var(--g-space-5)}.g-lg-pr-6{padding-right:var(--g-space-6)}.g-lg-pr-7{padding-right:var(--g-space-7)}.g-lg-pr-8{padding-right:var(--g-space-8)}.g-lg-pr-9{padding-right:var(--g-space-9)}.g-lg-pr-10{padding-right:var(--g-space-10)}.g-lg-pr-12{padding-right:var(--g-space-12)}.g-lg-pr-14{padding-right:var(--g-space-14)}.g-lg-pr-16{padding-right:var(--g-space-16)}.g-lg-pr-20{padding-right:var(--g-space-20)}.g-lg-pr-24{padding-right:var(--g-space-24)}.g-lg-pr-28{padding-right:var(--g-space-28)}.g-lg-pr-32{padding-right:var(--g-space-32)}.g-lg-pr-40{padding-right:var(--g-space-40)}.g-lg-pr-48{padding-right:var(--g-space-48)}.g-lg-pr-56{padding-right:var(--g-space-56)}.g-lg-pr-64{padding-right:var(--g-space-64)}.g-lg-pr-80{padding-right:var(--g-space-80)}.g-lg-pr-96{padding-right:var(--g-space-96)}.g-lg-pr-px{padding-right:var(--g-space-px)}.g-lg-pr-0_5{padding-right:var(--g-space-0_5)}.g-lg-pr-1_5{padding-right:var(--g-space-1_5)}.g-lg-pr-2_5{padding-right:var(--g-space-2_5)}.g-lg-pr-3_5{padding-right:var(--g-space-3_5)}.g-lg-pb-0{padding-bottom:var(--g-space-0)}.g-lg-pb-1{padding-bottom:var(--g-space-1)}.g-lg-pb-2{padding-bottom:var(--g-space-2)}.g-lg-pb-3{padding-bottom:var(--g-space-3)}.g-lg-pb-4{padding-bottom:var(--g-space-4)}.g-lg-pb-5{padding-bottom:var(--g-space-5)}.g-lg-pb-6{padding-bottom:var(--g-space-6)}.g-lg-pb-7{padding-bottom:var(--g-space-7)}.g-lg-pb-8{padding-bottom:var(--g-space-8)}.g-lg-pb-9{padding-bottom:var(--g-space-9)}.g-lg-pb-10{padding-bottom:var(--g-space-10)}.g-lg-pb-12{padding-bottom:var(--g-space-12)}.g-lg-pb-14{padding-bottom:var(--g-space-14)}.g-lg-pb-16{padding-bottom:var(--g-space-16)}.g-lg-pb-20{padding-bottom:var(--g-space-20)}.g-lg-pb-24{padding-bottom:var(--g-space-24)}.g-lg-pb-28{padding-bottom:var(--g-space-28)}.g-lg-pb-32{padding-bottom:var(--g-space-32)}.g-lg-pb-40{padding-bottom:var(--g-space-40)}.g-lg-pb-48{padding-bottom:var(--g-space-48)}.g-lg-pb-56{padding-bottom:var(--g-space-56)}.g-lg-pb-64{padding-bottom:var(--g-space-64)}.g-lg-pb-80{padding-bottom:var(--g-space-80)}.g-lg-pb-96{padding-bottom:var(--g-space-96)}.g-lg-pb-px{padding-bottom:var(--g-space-px)}.g-lg-pb-0_5{padding-bottom:var(--g-space-0_5)}.g-lg-pb-1_5{padding-bottom:var(--g-space-1_5)}.g-lg-pb-2_5{padding-bottom:var(--g-space-2_5)}.g-lg-pb-3_5{padding-bottom:var(--g-space-3_5)}.g-lg-pl-0{padding-left:var(--g-space-0)}.g-lg-pl-1{padding-left:var(--g-space-1)}.g-lg-pl-2{padding-left:var(--g-space-2)}.g-lg-pl-3{padding-left:var(--g-space-3)}.g-lg-pl-4{padding-left:var(--g-space-4)}.g-lg-pl-5{padding-left:var(--g-space-5)}.g-lg-pl-6{padding-left:var(--g-space-6)}.g-lg-pl-7{padding-left:var(--g-space-7)}.g-lg-pl-8{padding-left:var(--g-space-8)}.g-lg-pl-9{padding-left:var(--g-space-9)}.g-lg-pl-10{padding-left:var(--g-space-10)}.g-lg-pl-12{padding-left:var(--g-space-12)}.g-lg-pl-14{padding-left:var(--g-space-14)}.g-lg-pl-16{padding-left:var(--g-space-16)}.g-lg-pl-20{padding-left:var(--g-space-20)}.g-lg-pl-24{padding-left:var(--g-space-24)}.g-lg-pl-28{padding-left:var(--g-space-28)}.g-lg-pl-32{padding-left:var(--g-space-32)}.g-lg-pl-40{padding-left:var(--g-space-40)}.g-lg-pl-48{padding-left:var(--g-space-48)}.g-lg-pl-56{padding-left:var(--g-space-56)}.g-lg-pl-64{padding-left:var(--g-space-64)}.g-lg-pl-80{padding-left:var(--g-space-80)}.g-lg-pl-96{padding-left:var(--g-space-96)}.g-lg-pl-px{padding-left:var(--g-space-px)}.g-lg-pl-0_5{padding-left:var(--g-space-0_5)}.g-lg-pl-1_5{padding-left:var(--g-space-1_5)}.g-lg-pl-2_5{padding-left:var(--g-space-2_5)}.g-lg-pl-3_5{padding-left:var(--g-space-3_5)}.g-lg-ps-0{padding-inline-start:var(--g-space-0)}.g-lg-ps-1{padding-inline-start:var(--g-space-1)}.g-lg-ps-2{padding-inline-start:var(--g-space-2)}.g-lg-ps-3{padding-inline-start:var(--g-space-3)}.g-lg-ps-4{padding-inline-start:var(--g-space-4)}.g-lg-ps-5{padding-inline-start:var(--g-space-5)}.g-lg-ps-6{padding-inline-start:var(--g-space-6)}.g-lg-ps-7{padding-inline-start:var(--g-space-7)}.g-lg-ps-8{padding-inline-start:var(--g-space-8)}.g-lg-ps-9{padding-inline-start:var(--g-space-9)}.g-lg-ps-10{padding-inline-start:var(--g-space-10)}.g-lg-ps-12{padding-inline-start:var(--g-space-12)}.g-lg-ps-14{padding-inline-start:var(--g-space-14)}.g-lg-ps-16{padding-inline-start:var(--g-space-16)}.g-lg-ps-20{padding-inline-start:var(--g-space-20)}.g-lg-ps-24{padding-inline-start:var(--g-space-24)}.g-lg-ps-28{padding-inline-start:var(--g-space-28)}.g-lg-ps-32{padding-inline-start:var(--g-space-32)}.g-lg-ps-40{padding-inline-start:var(--g-space-40)}.g-lg-ps-48{padding-inline-start:var(--g-space-48)}.g-lg-ps-56{padding-inline-start:var(--g-space-56)}.g-lg-ps-64{padding-inline-start:var(--g-space-64)}.g-lg-ps-80{padding-inline-start:var(--g-space-80)}.g-lg-ps-96{padding-inline-start:var(--g-space-96)}.g-lg-ps-px{padding-inline-start:var(--g-space-px)}.g-lg-ps-0_5{padding-inline-start:var(--g-space-0_5)}.g-lg-ps-1_5{padding-inline-start:var(--g-space-1_5)}.g-lg-ps-2_5{padding-inline-start:var(--g-space-2_5)}.g-lg-ps-3_5{padding-inline-start:var(--g-space-3_5)}.g-lg-pe-0{padding-inline-end:var(--g-space-0)}.g-lg-pe-1{padding-inline-end:var(--g-space-1)}.g-lg-pe-2{padding-inline-end:var(--g-space-2)}.g-lg-pe-3{padding-inline-end:var(--g-space-3)}.g-lg-pe-4{padding-inline-end:var(--g-space-4)}.g-lg-pe-5{padding-inline-end:var(--g-space-5)}.g-lg-pe-6{padding-inline-end:var(--g-space-6)}.g-lg-pe-7{padding-inline-end:var(--g-space-7)}.g-lg-pe-8{padding-inline-end:var(--g-space-8)}.g-lg-pe-9{padding-inline-end:var(--g-space-9)}.g-lg-pe-10{padding-inline-end:var(--g-space-10)}.g-lg-pe-12{padding-inline-end:var(--g-space-12)}.g-lg-pe-14{padding-inline-end:var(--g-space-14)}.g-lg-pe-16{padding-inline-end:var(--g-space-16)}.g-lg-pe-20{padding-inline-end:var(--g-space-20)}.g-lg-pe-24{padding-inline-end:var(--g-space-24)}.g-lg-pe-28{padding-inline-end:var(--g-space-28)}.g-lg-pe-32{padding-inline-end:var(--g-space-32)}.g-lg-pe-40{padding-inline-end:var(--g-space-40)}.g-lg-pe-48{padding-inline-end:var(--g-space-48)}.g-lg-pe-56{padding-inline-end:var(--g-space-56)}.g-lg-pe-64{padding-inline-end:var(--g-space-64)}.g-lg-pe-80{padding-inline-end:var(--g-space-80)}.g-lg-pe-96{padding-inline-end:var(--g-space-96)}.g-lg-pe-px{padding-inline-end:var(--g-space-px)}.g-lg-pe-0_5{padding-inline-end:var(--g-space-0_5)}.g-lg-pe-1_5{padding-inline-end:var(--g-space-1_5)}.g-lg-pe-2_5{padding-inline-end:var(--g-space-2_5)}.g-lg-pe-3_5{padding-inline-end:var(--g-space-3_5)}.g-lg-gap-0{gap:var(--g-space-0)}.g-lg-gap-1{gap:var(--g-space-1)}.g-lg-gap-2{gap:var(--g-space-2)}.g-lg-gap-3{gap:var(--g-space-3)}.g-lg-gap-4{gap:var(--g-space-4)}.g-lg-gap-5{gap:var(--g-space-5)}.g-lg-gap-6{gap:var(--g-space-6)}.g-lg-gap-7{gap:var(--g-space-7)}.g-lg-gap-8{gap:var(--g-space-8)}.g-lg-gap-9{gap:var(--g-space-9)}.g-lg-gap-10{gap:var(--g-space-10)}.g-lg-gap-12{gap:var(--g-space-12)}.g-lg-gap-14{gap:var(--g-space-14)}.g-lg-gap-16{gap:var(--g-space-16)}.g-lg-gap-20{gap:var(--g-space-20)}.g-lg-gap-24{gap:var(--g-space-24)}.g-lg-gap-28{gap:var(--g-space-28)}.g-lg-gap-32{gap:var(--g-space-32)}.g-lg-gap-40{gap:var(--g-space-40)}.g-lg-gap-48{gap:var(--g-space-48)}.g-lg-gap-56{gap:var(--g-space-56)}.g-lg-gap-64{gap:var(--g-space-64)}.g-lg-gap-80{gap:var(--g-space-80)}.g-lg-gap-96{gap:var(--g-space-96)}.g-lg-gap-px{gap:var(--g-space-px)}.g-lg-gap-0_5{gap:var(--g-space-0_5)}.g-lg-gap-1_5{gap:var(--g-space-1_5)}.g-lg-gap-2_5{gap:var(--g-space-2_5)}.g-lg-gap-3_5{gap:var(--g-space-3_5)}.g-lg-gap-x-0{column-gap:var(--g-space-0)}.g-lg-gap-x-1{column-gap:var(--g-space-1)}.g-lg-gap-x-2{column-gap:var(--g-space-2)}.g-lg-gap-x-3{column-gap:var(--g-space-3)}.g-lg-gap-x-4{column-gap:var(--g-space-4)}.g-lg-gap-x-5{column-gap:var(--g-space-5)}.g-lg-gap-x-6{column-gap:var(--g-space-6)}.g-lg-gap-x-7{column-gap:var(--g-space-7)}.g-lg-gap-x-8{column-gap:var(--g-space-8)}.g-lg-gap-x-9{column-gap:var(--g-space-9)}.g-lg-gap-x-10{column-gap:var(--g-space-10)}.g-lg-gap-x-12{column-gap:var(--g-space-12)}.g-lg-gap-x-14{column-gap:var(--g-space-14)}.g-lg-gap-x-16{column-gap:var(--g-space-16)}.g-lg-gap-x-20{column-gap:var(--g-space-20)}.g-lg-gap-x-24{column-gap:var(--g-space-24)}.g-lg-gap-x-28{column-gap:var(--g-space-28)}.g-lg-gap-x-32{column-gap:var(--g-space-32)}.g-lg-gap-x-40{column-gap:var(--g-space-40)}.g-lg-gap-x-48{column-gap:var(--g-space-48)}.g-lg-gap-x-56{column-gap:var(--g-space-56)}.g-lg-gap-x-64{column-gap:var(--g-space-64)}.g-lg-gap-x-80{column-gap:var(--g-space-80)}.g-lg-gap-x-96{column-gap:var(--g-space-96)}.g-lg-gap-x-px{column-gap:var(--g-space-px)}.g-lg-gap-x-0_5{column-gap:var(--g-space-0_5)}.g-lg-gap-x-1_5{column-gap:var(--g-space-1_5)}.g-lg-gap-x-2_5{column-gap:var(--g-space-2_5)}.g-lg-gap-x-3_5{column-gap:var(--g-space-3_5)}.g-lg-gap-y-0{row-gap:var(--g-space-0)}.g-lg-gap-y-1{row-gap:var(--g-space-1)}.g-lg-gap-y-2{row-gap:var(--g-space-2)}.g-lg-gap-y-3{row-gap:var(--g-space-3)}.g-lg-gap-y-4{row-gap:var(--g-space-4)}.g-lg-gap-y-5{row-gap:var(--g-space-5)}.g-lg-gap-y-6{row-gap:var(--g-space-6)}.g-lg-gap-y-7{row-gap:var(--g-space-7)}.g-lg-gap-y-8{row-gap:var(--g-space-8)}.g-lg-gap-y-9{row-gap:var(--g-space-9)}.g-lg-gap-y-10{row-gap:var(--g-space-10)}.g-lg-gap-y-12{row-gap:var(--g-space-12)}.g-lg-gap-y-14{row-gap:var(--g-space-14)}.g-lg-gap-y-16{row-gap:var(--g-space-16)}.g-lg-gap-y-20{row-gap:var(--g-space-20)}.g-lg-gap-y-24{row-gap:var(--g-space-24)}.g-lg-gap-y-28{row-gap:var(--g-space-28)}.g-lg-gap-y-32{row-gap:var(--g-space-32)}.g-lg-gap-y-40{row-gap:var(--g-space-40)}.g-lg-gap-y-48{row-gap:var(--g-space-48)}.g-lg-gap-y-56{row-gap:var(--g-space-56)}.g-lg-gap-y-64{row-gap:var(--g-space-64)}.g-lg-gap-y-80{row-gap:var(--g-space-80)}.g-lg-gap-y-96{row-gap:var(--g-space-96)}.g-lg-gap-y-px{row-gap:var(--g-space-px)}.g-lg-gap-y-0_5{row-gap:var(--g-space-0_5)}.g-lg-gap-y-1_5{row-gap:var(--g-space-1_5)}.g-lg-gap-y-2_5{row-gap:var(--g-space-2_5)}.g-lg-gap-y-3_5{row-gap:var(--g-space-3_5)}.g-lg-m-auto{margin:auto}.g-lg-mx-auto{margin-inline:auto}.g-lg-my-auto{margin-block:auto}.g-lg-mt-auto{margin-top:auto}.g-lg-mr-auto{margin-right:auto}.g-lg-mb-auto{margin-bottom:auto}.g-lg-ml-auto{margin-left:auto}.g-lg-ms-auto{margin-inline-start:auto}.g-lg-me-auto{margin-inline-end:auto}.g-lg-w-0{width:var(--g-space-0)}.g-lg-h-0{height:var(--g-space-0)}.g-lg-min-w-0{min-width:var(--g-space-0)}.g-lg-min-h-0{min-height:var(--g-space-0)}.g-lg-max-w-0{max-width:var(--g-space-0)}.g-lg-max-h-0{max-height:var(--g-space-0)}.g-lg-w-1{width:var(--g-space-1)}.g-lg-h-1{height:var(--g-space-1)}.g-lg-min-w-1{min-width:var(--g-space-1)}.g-lg-min-h-1{min-height:var(--g-space-1)}.g-lg-max-w-1{max-width:var(--g-space-1)}.g-lg-max-h-1{max-height:var(--g-space-1)}.g-lg-w-2{width:var(--g-space-2)}.g-lg-h-2{height:var(--g-space-2)}.g-lg-min-w-2{min-width:var(--g-space-2)}.g-lg-min-h-2{min-height:var(--g-space-2)}.g-lg-max-w-2{max-width:var(--g-space-2)}.g-lg-max-h-2{max-height:var(--g-space-2)}.g-lg-w-3{width:var(--g-space-3)}.g-lg-h-3{height:var(--g-space-3)}.g-lg-min-w-3{min-width:var(--g-space-3)}.g-lg-min-h-3{min-height:var(--g-space-3)}.g-lg-max-w-3{max-width:var(--g-space-3)}.g-lg-max-h-3{max-height:var(--g-space-3)}.g-lg-w-4{width:var(--g-space-4)}.g-lg-h-4{height:var(--g-space-4)}.g-lg-min-w-4{min-width:var(--g-space-4)}.g-lg-min-h-4{min-height:var(--g-space-4)}.g-lg-max-w-4{max-width:var(--g-space-4)}.g-lg-max-h-4{max-height:var(--g-space-4)}.g-lg-w-5{width:var(--g-space-5)}.g-lg-h-5{height:var(--g-space-5)}.g-lg-min-w-5{min-width:var(--g-space-5)}.g-lg-min-h-5{min-height:var(--g-space-5)}.g-lg-max-w-5{max-width:var(--g-space-5)}.g-lg-max-h-5{max-height:var(--g-space-5)}.g-lg-w-6{width:var(--g-space-6)}.g-lg-h-6{height:var(--g-space-6)}.g-lg-min-w-6{min-width:var(--g-space-6)}.g-lg-min-h-6{min-height:var(--g-space-6)}.g-lg-max-w-6{max-width:var(--g-space-6)}.g-lg-max-h-6{max-height:var(--g-space-6)}.g-lg-w-7{width:var(--g-space-7)}.g-lg-h-7{height:var(--g-space-7)}.g-lg-min-w-7{min-width:var(--g-space-7)}.g-lg-min-h-7{min-height:var(--g-space-7)}.g-lg-max-w-7{max-width:var(--g-space-7)}.g-lg-max-h-7{max-height:var(--g-space-7)}.g-lg-w-8{width:var(--g-space-8)}.g-lg-h-8{height:var(--g-space-8)}.g-lg-min-w-8{min-width:var(--g-space-8)}.g-lg-min-h-8{min-height:var(--g-space-8)}.g-lg-max-w-8{max-width:var(--g-space-8)}.g-lg-max-h-8{max-height:var(--g-space-8)}.g-lg-w-9{width:var(--g-space-9)}.g-lg-h-9{height:var(--g-space-9)}.g-lg-min-w-9{min-width:var(--g-space-9)}.g-lg-min-h-9{min-height:var(--g-space-9)}.g-lg-max-w-9{max-width:var(--g-space-9)}.g-lg-max-h-9{max-height:var(--g-space-9)}.g-lg-w-10{width:var(--g-space-10)}.g-lg-h-10{height:var(--g-space-10)}.g-lg-min-w-10{min-width:var(--g-space-10)}.g-lg-min-h-10{min-height:var(--g-space-10)}.g-lg-max-w-10{max-width:var(--g-space-10)}.g-lg-max-h-10{max-height:var(--g-space-10)}.g-lg-w-12{width:var(--g-space-12)}.g-lg-h-12{height:var(--g-space-12)}.g-lg-min-w-12{min-width:var(--g-space-12)}.g-lg-min-h-12{min-height:var(--g-space-12)}.g-lg-max-w-12{max-width:var(--g-space-12)}.g-lg-max-h-12{max-height:var(--g-space-12)}.g-lg-w-14{width:var(--g-space-14)}.g-lg-h-14{height:var(--g-space-14)}.g-lg-min-w-14{min-width:var(--g-space-14)}.g-lg-min-h-14{min-height:var(--g-space-14)}.g-lg-max-w-14{max-width:var(--g-space-14)}.g-lg-max-h-14{max-height:var(--g-space-14)}.g-lg-w-16{width:var(--g-space-16)}.g-lg-h-16{height:var(--g-space-16)}.g-lg-min-w-16{min-width:var(--g-space-16)}.g-lg-min-h-16{min-height:var(--g-space-16)}.g-lg-max-w-16{max-width:var(--g-space-16)}.g-lg-max-h-16{max-height:var(--g-space-16)}.g-lg-w-20{width:var(--g-space-20)}.g-lg-h-20{height:var(--g-space-20)}.g-lg-min-w-20{min-width:var(--g-space-20)}.g-lg-min-h-20{min-height:var(--g-space-20)}.g-lg-max-w-20{max-width:var(--g-space-20)}.g-lg-max-h-20{max-height:var(--g-space-20)}.g-lg-w-24{width:var(--g-space-24)}.g-lg-h-24{height:var(--g-space-24)}.g-lg-min-w-24{min-width:var(--g-space-24)}.g-lg-min-h-24{min-height:var(--g-space-24)}.g-lg-max-w-24{max-width:var(--g-space-24)}.g-lg-max-h-24{max-height:var(--g-space-24)}.g-lg-w-28{width:var(--g-space-28)}.g-lg-h-28{height:var(--g-space-28)}.g-lg-min-w-28{min-width:var(--g-space-28)}.g-lg-min-h-28{min-height:var(--g-space-28)}.g-lg-max-w-28{max-width:var(--g-space-28)}.g-lg-max-h-28{max-height:var(--g-space-28)}.g-lg-w-32{width:var(--g-space-32)}.g-lg-h-32{height:var(--g-space-32)}.g-lg-min-w-32{min-width:var(--g-space-32)}.g-lg-min-h-32{min-height:var(--g-space-32)}.g-lg-max-w-32{max-width:var(--g-space-32)}.g-lg-max-h-32{max-height:var(--g-space-32)}.g-lg-w-40{width:var(--g-space-40)}.g-lg-h-40{height:var(--g-space-40)}.g-lg-min-w-40{min-width:var(--g-space-40)}.g-lg-min-h-40{min-height:var(--g-space-40)}.g-lg-max-w-40{max-width:var(--g-space-40)}.g-lg-max-h-40{max-height:var(--g-space-40)}.g-lg-w-48{width:var(--g-space-48)}.g-lg-h-48{height:var(--g-space-48)}.g-lg-min-w-48{min-width:var(--g-space-48)}.g-lg-min-h-48{min-height:var(--g-space-48)}.g-lg-max-w-48{max-width:var(--g-space-48)}.g-lg-max-h-48{max-height:var(--g-space-48)}.g-lg-w-56{width:var(--g-space-56)}.g-lg-h-56{height:var(--g-space-56)}.g-lg-min-w-56{min-width:var(--g-space-56)}.g-lg-min-h-56{min-height:var(--g-space-56)}.g-lg-max-w-56{max-width:var(--g-space-56)}.g-lg-max-h-56{max-height:var(--g-space-56)}.g-lg-w-64{width:var(--g-space-64)}.g-lg-h-64{height:var(--g-space-64)}.g-lg-min-w-64{min-width:var(--g-space-64)}.g-lg-min-h-64{min-height:var(--g-space-64)}.g-lg-max-w-64{max-width:var(--g-space-64)}.g-lg-max-h-64{max-height:var(--g-space-64)}.g-lg-w-80{width:var(--g-space-80)}.g-lg-h-80{height:var(--g-space-80)}.g-lg-min-w-80{min-width:var(--g-space-80)}.g-lg-min-h-80{min-height:var(--g-space-80)}.g-lg-max-w-80{max-width:var(--g-space-80)}.g-lg-max-h-80{max-height:var(--g-space-80)}.g-lg-w-96{width:var(--g-space-96)}.g-lg-h-96{height:var(--g-space-96)}.g-lg-min-w-96{min-width:var(--g-space-96)}.g-lg-min-h-96{min-height:var(--g-space-96)}.g-lg-max-w-96{max-width:var(--g-space-96)}.g-lg-max-h-96{max-height:var(--g-space-96)}.g-lg-w-px{width:var(--g-space-px)}.g-lg-h-px{height:var(--g-space-px)}.g-lg-min-w-px{min-width:var(--g-space-px)}.g-lg-min-h-px{min-height:var(--g-space-px)}.g-lg-max-w-px{max-width:var(--g-space-px)}.g-lg-max-h-px{max-height:var(--g-space-px)}.g-lg-w-0_5{width:var(--g-space-0_5)}.g-lg-h-0_5{height:var(--g-space-0_5)}.g-lg-min-w-0_5{min-width:var(--g-space-0_5)}.g-lg-min-h-0_5{min-height:var(--g-space-0_5)}.g-lg-max-w-0_5{max-width:var(--g-space-0_5)}.g-lg-max-h-0_5{max-height:var(--g-space-0_5)}.g-lg-w-1_5{width:var(--g-space-1_5)}.g-lg-h-1_5{height:var(--g-space-1_5)}.g-lg-min-w-1_5{min-width:var(--g-space-1_5)}.g-lg-min-h-1_5{min-height:var(--g-space-1_5)}.g-lg-max-w-1_5{max-width:var(--g-space-1_5)}.g-lg-max-h-1_5{max-height:var(--g-space-1_5)}.g-lg-w-2_5{width:var(--g-space-2_5)}.g-lg-h-2_5{height:var(--g-space-2_5)}.g-lg-min-w-2_5{min-width:var(--g-space-2_5)}.g-lg-min-h-2_5{min-height:var(--g-space-2_5)}.g-lg-max-w-2_5{max-width:var(--g-space-2_5)}.g-lg-max-h-2_5{max-height:var(--g-space-2_5)}.g-lg-w-3_5{width:var(--g-space-3_5)}.g-lg-h-3_5{height:var(--g-space-3_5)}.g-lg-min-w-3_5{min-width:var(--g-space-3_5)}.g-lg-min-h-3_5{min-height:var(--g-space-3_5)}.g-lg-max-w-3_5{max-width:var(--g-space-3_5)}.g-lg-max-h-3_5{max-height:var(--g-space-3_5)}.g-lg-w-1of2{width:50%}.g-lg-h-1of2{height:50%}.g-lg-basis-1of2{flex-basis:50%}.g-lg-w-1of3{width:33.333333%}.g-lg-h-1of3{height:33.333333%}.g-lg-basis-1of3{flex-basis:33.333333%}.g-lg-w-2of3{width:66.666667%}.g-lg-h-2of3{height:66.666667%}.g-lg-basis-2of3{flex-basis:66.666667%}.g-lg-w-1of4{width:25%}.g-lg-h-1of4{height:25%}.g-lg-basis-1of4{flex-basis:25%}.g-lg-w-2of4{width:50%}.g-lg-h-2of4{height:50%}.g-lg-basis-2of4{flex-basis:50%}.g-lg-w-3of4{width:75%}.g-lg-h-3of4{height:75%}.g-lg-basis-3of4{flex-basis:75%}.g-lg-w-1of5{width:20%}.g-lg-h-1of5{height:20%}.g-lg-basis-1of5{flex-basis:20%}.g-lg-w-2of5{width:40%}.g-lg-h-2of5{height:40%}.g-lg-basis-2of5{flex-basis:40%}.g-lg-w-3of5{width:60%}.g-lg-h-3of5{height:60%}.g-lg-basis-3of5{flex-basis:60%}.g-lg-w-4of5{width:80%}.g-lg-h-4of5{height:80%}.g-lg-basis-4of5{flex-basis:80%}.g-lg-w-1of6{width:16.666667%}.g-lg-h-1of6{height:16.666667%}.g-lg-basis-1of6{flex-basis:16.666667%}.g-lg-w-5of6{width:83.333333%}.g-lg-h-5of6{height:83.333333%}.g-lg-basis-5of6{flex-basis:83.333333%}.g-lg-basis-auto{flex-basis:auto}.g-lg-basis-full{flex-basis:100%}.g-lg-inset-0{inset:var(--g-space-0)}.g-lg-inset-1{inset:var(--g-space-1)}.g-lg-neg-inset-1{inset:calc(-1 * var(--g-space-1))}.g-lg-inset-2{inset:var(--g-space-2)}.g-lg-neg-inset-2{inset:calc(-1 * var(--g-space-2))}.g-lg-inset-3{inset:var(--g-space-3)}.g-lg-neg-inset-3{inset:calc(-1 * var(--g-space-3))}.g-lg-inset-4{inset:var(--g-space-4)}.g-lg-neg-inset-4{inset:calc(-1 * var(--g-space-4))}.g-lg-inset-5{inset:var(--g-space-5)}.g-lg-neg-inset-5{inset:calc(-1 * var(--g-space-5))}.g-lg-inset-6{inset:var(--g-space-6)}.g-lg-neg-inset-6{inset:calc(-1 * var(--g-space-6))}.g-lg-inset-7{inset:var(--g-space-7)}.g-lg-neg-inset-7{inset:calc(-1 * var(--g-space-7))}.g-lg-inset-8{inset:var(--g-space-8)}.g-lg-neg-inset-8{inset:calc(-1 * var(--g-space-8))}.g-lg-inset-9{inset:var(--g-space-9)}.g-lg-neg-inset-9{inset:calc(-1 * var(--g-space-9))}.g-lg-inset-10{inset:var(--g-space-10)}.g-lg-neg-inset-10{inset:calc(-1 * var(--g-space-10))}.g-lg-inset-12{inset:var(--g-space-12)}.g-lg-neg-inset-12{inset:calc(-1 * var(--g-space-12))}.g-lg-inset-14{inset:var(--g-space-14)}.g-lg-neg-inset-14{inset:calc(-1 * var(--g-space-14))}.g-lg-inset-16{inset:var(--g-space-16)}.g-lg-neg-inset-16{inset:calc(-1 * var(--g-space-16))}.g-lg-inset-20{inset:var(--g-space-20)}.g-lg-neg-inset-20{inset:calc(-1 * var(--g-space-20))}.g-lg-inset-24{inset:var(--g-space-24)}.g-lg-neg-inset-24{inset:calc(-1 * var(--g-space-24))}.g-lg-inset-28{inset:var(--g-space-28)}.g-lg-neg-inset-28{inset:calc(-1 * var(--g-space-28))}.g-lg-inset-32{inset:var(--g-space-32)}.g-lg-neg-inset-32{inset:calc(-1 * var(--g-space-32))}.g-lg-inset-40{inset:var(--g-space-40)}.g-lg-neg-inset-40{inset:calc(-1 * var(--g-space-40))}.g-lg-inset-48{inset:var(--g-space-48)}.g-lg-neg-inset-48{inset:calc(-1 * var(--g-space-48))}.g-lg-inset-56{inset:var(--g-space-56)}.g-lg-neg-inset-56{inset:calc(-1 * var(--g-space-56))}.g-lg-inset-64{inset:var(--g-space-64)}.g-lg-neg-inset-64{inset:calc(-1 * var(--g-space-64))}.g-lg-inset-80{inset:var(--g-space-80)}.g-lg-neg-inset-80{inset:calc(-1 * var(--g-space-80))}.g-lg-inset-96{inset:var(--g-space-96)}.g-lg-neg-inset-96{inset:calc(-1 * var(--g-space-96))}.g-lg-inset-px{inset:var(--g-space-px)}.g-lg-inset-0_5{inset:var(--g-space-0_5)}.g-lg-neg-inset-0_5{inset:calc(-1 * var(--g-space-0_5))}.g-lg-inset-1_5{inset:var(--g-space-1_5)}.g-lg-neg-inset-1_5{inset:calc(-1 * var(--g-space-1_5))}.g-lg-inset-2_5{inset:var(--g-space-2_5)}.g-lg-neg-inset-2_5{inset:calc(-1 * var(--g-space-2_5))}.g-lg-inset-3_5{inset:var(--g-space-3_5)}.g-lg-neg-inset-3_5{inset:calc(-1 * var(--g-space-3_5))}.g-lg-inset-auto{inset:auto}.g-lg-inset-x-0{inset-inline:var(--g-space-0)}.g-lg-inset-x-1{inset-inline:var(--g-space-1)}.g-lg-neg-inset-x-1{inset-inline:calc(-1 * var(--g-space-1))}.g-lg-inset-x-2{inset-inline:var(--g-space-2)}.g-lg-neg-inset-x-2{inset-inline:calc(-1 * var(--g-space-2))}.g-lg-inset-x-3{inset-inline:var(--g-space-3)}.g-lg-neg-inset-x-3{inset-inline:calc(-1 * var(--g-space-3))}.g-lg-inset-x-4{inset-inline:var(--g-space-4)}.g-lg-neg-inset-x-4{inset-inline:calc(-1 * var(--g-space-4))}.g-lg-inset-x-5{inset-inline:var(--g-space-5)}.g-lg-neg-inset-x-5{inset-inline:calc(-1 * var(--g-space-5))}.g-lg-inset-x-6{inset-inline:var(--g-space-6)}.g-lg-neg-inset-x-6{inset-inline:calc(-1 * var(--g-space-6))}.g-lg-inset-x-7{inset-inline:var(--g-space-7)}.g-lg-neg-inset-x-7{inset-inline:calc(-1 * var(--g-space-7))}.g-lg-inset-x-8{inset-inline:var(--g-space-8)}.g-lg-neg-inset-x-8{inset-inline:calc(-1 * var(--g-space-8))}.g-lg-inset-x-9{inset-inline:var(--g-space-9)}.g-lg-neg-inset-x-9{inset-inline:calc(-1 * var(--g-space-9))}.g-lg-inset-x-10{inset-inline:var(--g-space-10)}.g-lg-neg-inset-x-10{inset-inline:calc(-1 * var(--g-space-10))}.g-lg-inset-x-12{inset-inline:var(--g-space-12)}.g-lg-neg-inset-x-12{inset-inline:calc(-1 * var(--g-space-12))}.g-lg-inset-x-14{inset-inline:var(--g-space-14)}.g-lg-neg-inset-x-14{inset-inline:calc(-1 * var(--g-space-14))}.g-lg-inset-x-16{inset-inline:var(--g-space-16)}.g-lg-neg-inset-x-16{inset-inline:calc(-1 * var(--g-space-16))}.g-lg-inset-x-20{inset-inline:var(--g-space-20)}.g-lg-neg-inset-x-20{inset-inline:calc(-1 * var(--g-space-20))}.g-lg-inset-x-24{inset-inline:var(--g-space-24)}.g-lg-neg-inset-x-24{inset-inline:calc(-1 * var(--g-space-24))}.g-lg-inset-x-28{inset-inline:var(--g-space-28)}.g-lg-neg-inset-x-28{inset-inline:calc(-1 * var(--g-space-28))}.g-lg-inset-x-32{inset-inline:var(--g-space-32)}.g-lg-neg-inset-x-32{inset-inline:calc(-1 * var(--g-space-32))}.g-lg-inset-x-40{inset-inline:var(--g-space-40)}.g-lg-neg-inset-x-40{inset-inline:calc(-1 * var(--g-space-40))}.g-lg-inset-x-48{inset-inline:var(--g-space-48)}.g-lg-neg-inset-x-48{inset-inline:calc(-1 * var(--g-space-48))}.g-lg-inset-x-56{inset-inline:var(--g-space-56)}.g-lg-neg-inset-x-56{inset-inline:calc(-1 * var(--g-space-56))}.g-lg-inset-x-64{inset-inline:var(--g-space-64)}.g-lg-neg-inset-x-64{inset-inline:calc(-1 * var(--g-space-64))}.g-lg-inset-x-80{inset-inline:var(--g-space-80)}.g-lg-neg-inset-x-80{inset-inline:calc(-1 * var(--g-space-80))}.g-lg-inset-x-96{inset-inline:var(--g-space-96)}.g-lg-neg-inset-x-96{inset-inline:calc(-1 * var(--g-space-96))}.g-lg-inset-x-px{inset-inline:var(--g-space-px)}.g-lg-inset-x-0_5{inset-inline:var(--g-space-0_5)}.g-lg-neg-inset-x-0_5{inset-inline:calc(-1 * var(--g-space-0_5))}.g-lg-inset-x-1_5{inset-inline:var(--g-space-1_5)}.g-lg-neg-inset-x-1_5{inset-inline:calc(-1 * var(--g-space-1_5))}.g-lg-inset-x-2_5{inset-inline:var(--g-space-2_5)}.g-lg-neg-inset-x-2_5{inset-inline:calc(-1 * var(--g-space-2_5))}.g-lg-inset-x-3_5{inset-inline:var(--g-space-3_5)}.g-lg-neg-inset-x-3_5{inset-inline:calc(-1 * var(--g-space-3_5))}.g-lg-inset-x-auto{inset-inline:auto}.g-lg-inset-y-0{inset-block:var(--g-space-0)}.g-lg-inset-y-1{inset-block:var(--g-space-1)}.g-lg-neg-inset-y-1{inset-block:calc(-1 * var(--g-space-1))}.g-lg-inset-y-2{inset-block:var(--g-space-2)}.g-lg-neg-inset-y-2{inset-block:calc(-1 * var(--g-space-2))}.g-lg-inset-y-3{inset-block:var(--g-space-3)}.g-lg-neg-inset-y-3{inset-block:calc(-1 * var(--g-space-3))}.g-lg-inset-y-4{inset-block:var(--g-space-4)}.g-lg-neg-inset-y-4{inset-block:calc(-1 * var(--g-space-4))}.g-lg-inset-y-5{inset-block:var(--g-space-5)}.g-lg-neg-inset-y-5{inset-block:calc(-1 * var(--g-space-5))}.g-lg-inset-y-6{inset-block:var(--g-space-6)}.g-lg-neg-inset-y-6{inset-block:calc(-1 * var(--g-space-6))}.g-lg-inset-y-7{inset-block:var(--g-space-7)}.g-lg-neg-inset-y-7{inset-block:calc(-1 * var(--g-space-7))}.g-lg-inset-y-8{inset-block:var(--g-space-8)}.g-lg-neg-inset-y-8{inset-block:calc(-1 * var(--g-space-8))}.g-lg-inset-y-9{inset-block:var(--g-space-9)}.g-lg-neg-inset-y-9{inset-block:calc(-1 * var(--g-space-9))}.g-lg-inset-y-10{inset-block:var(--g-space-10)}.g-lg-neg-inset-y-10{inset-block:calc(-1 * var(--g-space-10))}.g-lg-inset-y-12{inset-block:var(--g-space-12)}.g-lg-neg-inset-y-12{inset-block:calc(-1 * var(--g-space-12))}.g-lg-inset-y-14{inset-block:var(--g-space-14)}.g-lg-neg-inset-y-14{inset-block:calc(-1 * var(--g-space-14))}.g-lg-inset-y-16{inset-block:var(--g-space-16)}.g-lg-neg-inset-y-16{inset-block:calc(-1 * var(--g-space-16))}.g-lg-inset-y-20{inset-block:var(--g-space-20)}.g-lg-neg-inset-y-20{inset-block:calc(-1 * var(--g-space-20))}.g-lg-inset-y-24{inset-block:var(--g-space-24)}.g-lg-neg-inset-y-24{inset-block:calc(-1 * var(--g-space-24))}.g-lg-inset-y-28{inset-block:var(--g-space-28)}.g-lg-neg-inset-y-28{inset-block:calc(-1 * var(--g-space-28))}.g-lg-inset-y-32{inset-block:var(--g-space-32)}.g-lg-neg-inset-y-32{inset-block:calc(-1 * var(--g-space-32))}.g-lg-inset-y-40{inset-block:var(--g-space-40)}.g-lg-neg-inset-y-40{inset-block:calc(-1 * var(--g-space-40))}.g-lg-inset-y-48{inset-block:var(--g-space-48)}.g-lg-neg-inset-y-48{inset-block:calc(-1 * var(--g-space-48))}.g-lg-inset-y-56{inset-block:var(--g-space-56)}.g-lg-neg-inset-y-56{inset-block:calc(-1 * var(--g-space-56))}.g-lg-inset-y-64{inset-block:var(--g-space-64)}.g-lg-neg-inset-y-64{inset-block:calc(-1 * var(--g-space-64))}.g-lg-inset-y-80{inset-block:var(--g-space-80)}.g-lg-neg-inset-y-80{inset-block:calc(-1 * var(--g-space-80))}.g-lg-inset-y-96{inset-block:var(--g-space-96)}.g-lg-neg-inset-y-96{inset-block:calc(-1 * var(--g-space-96))}.g-lg-inset-y-px{inset-block:var(--g-space-px)}.g-lg-inset-y-0_5{inset-block:var(--g-space-0_5)}.g-lg-neg-inset-y-0_5{inset-block:calc(-1 * var(--g-space-0_5))}.g-lg-inset-y-1_5{inset-block:var(--g-space-1_5)}.g-lg-neg-inset-y-1_5{inset-block:calc(-1 * var(--g-space-1_5))}.g-lg-inset-y-2_5{inset-block:var(--g-space-2_5)}.g-lg-neg-inset-y-2_5{inset-block:calc(-1 * var(--g-space-2_5))}.g-lg-inset-y-3_5{inset-block:var(--g-space-3_5)}.g-lg-neg-inset-y-3_5{inset-block:calc(-1 * var(--g-space-3_5))}.g-lg-inset-y-auto{inset-block:auto}.g-lg-top-0{top:var(--g-space-0)}.g-lg-top-1{top:var(--g-space-1)}.g-lg-neg-top-1{top:calc(-1 * var(--g-space-1))}.g-lg-top-2{top:var(--g-space-2)}.g-lg-neg-top-2{top:calc(-1 * var(--g-space-2))}.g-lg-top-3{top:var(--g-space-3)}.g-lg-neg-top-3{top:calc(-1 * var(--g-space-3))}.g-lg-top-4{top:var(--g-space-4)}.g-lg-neg-top-4{top:calc(-1 * var(--g-space-4))}.g-lg-top-5{top:var(--g-space-5)}.g-lg-neg-top-5{top:calc(-1 * var(--g-space-5))}.g-lg-top-6{top:var(--g-space-6)}.g-lg-neg-top-6{top:calc(-1 * var(--g-space-6))}.g-lg-top-7{top:var(--g-space-7)}.g-lg-neg-top-7{top:calc(-1 * var(--g-space-7))}.g-lg-top-8{top:var(--g-space-8)}.g-lg-neg-top-8{top:calc(-1 * var(--g-space-8))}.g-lg-top-9{top:var(--g-space-9)}.g-lg-neg-top-9{top:calc(-1 * var(--g-space-9))}.g-lg-top-10{top:var(--g-space-10)}.g-lg-neg-top-10{top:calc(-1 * var(--g-space-10))}.g-lg-top-12{top:var(--g-space-12)}.g-lg-neg-top-12{top:calc(-1 * var(--g-space-12))}.g-lg-top-14{top:var(--g-space-14)}.g-lg-neg-top-14{top:calc(-1 * var(--g-space-14))}.g-lg-top-16{top:var(--g-space-16)}.g-lg-neg-top-16{top:calc(-1 * var(--g-space-16))}.g-lg-top-20{top:var(--g-space-20)}.g-lg-neg-top-20{top:calc(-1 * var(--g-space-20))}.g-lg-top-24{top:var(--g-space-24)}.g-lg-neg-top-24{top:calc(-1 * var(--g-space-24))}.g-lg-top-28{top:var(--g-space-28)}.g-lg-neg-top-28{top:calc(-1 * var(--g-space-28))}.g-lg-top-32{top:var(--g-space-32)}.g-lg-neg-top-32{top:calc(-1 * var(--g-space-32))}.g-lg-top-40{top:var(--g-space-40)}.g-lg-neg-top-40{top:calc(-1 * var(--g-space-40))}.g-lg-top-48{top:var(--g-space-48)}.g-lg-neg-top-48{top:calc(-1 * var(--g-space-48))}.g-lg-top-56{top:var(--g-space-56)}.g-lg-neg-top-56{top:calc(-1 * var(--g-space-56))}.g-lg-top-64{top:var(--g-space-64)}.g-lg-neg-top-64{top:calc(-1 * var(--g-space-64))}.g-lg-top-80{top:var(--g-space-80)}.g-lg-neg-top-80{top:calc(-1 * var(--g-space-80))}.g-lg-top-96{top:var(--g-space-96)}.g-lg-neg-top-96{top:calc(-1 * var(--g-space-96))}.g-lg-top-px{top:var(--g-space-px)}.g-lg-top-0_5{top:var(--g-space-0_5)}.g-lg-neg-top-0_5{top:calc(-1 * var(--g-space-0_5))}.g-lg-top-1_5{top:var(--g-space-1_5)}.g-lg-neg-top-1_5{top:calc(-1 * var(--g-space-1_5))}.g-lg-top-2_5{top:var(--g-space-2_5)}.g-lg-neg-top-2_5{top:calc(-1 * var(--g-space-2_5))}.g-lg-top-3_5{top:var(--g-space-3_5)}.g-lg-neg-top-3_5{top:calc(-1 * var(--g-space-3_5))}.g-lg-top-auto{top:auto}.g-lg-right-0{right:var(--g-space-0)}.g-lg-right-1{right:var(--g-space-1)}.g-lg-neg-right-1{right:calc(-1 * var(--g-space-1))}.g-lg-right-2{right:var(--g-space-2)}.g-lg-neg-right-2{right:calc(-1 * var(--g-space-2))}.g-lg-right-3{right:var(--g-space-3)}.g-lg-neg-right-3{right:calc(-1 * var(--g-space-3))}.g-lg-right-4{right:var(--g-space-4)}.g-lg-neg-right-4{right:calc(-1 * var(--g-space-4))}.g-lg-right-5{right:var(--g-space-5)}.g-lg-neg-right-5{right:calc(-1 * var(--g-space-5))}.g-lg-right-6{right:var(--g-space-6)}.g-lg-neg-right-6{right:calc(-1 * var(--g-space-6))}.g-lg-right-7{right:var(--g-space-7)}.g-lg-neg-right-7{right:calc(-1 * var(--g-space-7))}.g-lg-right-8{right:var(--g-space-8)}.g-lg-neg-right-8{right:calc(-1 * var(--g-space-8))}.g-lg-right-9{right:var(--g-space-9)}.g-lg-neg-right-9{right:calc(-1 * var(--g-space-9))}.g-lg-right-10{right:var(--g-space-10)}.g-lg-neg-right-10{right:calc(-1 * var(--g-space-10))}.g-lg-right-12{right:var(--g-space-12)}.g-lg-neg-right-12{right:calc(-1 * var(--g-space-12))}.g-lg-right-14{right:var(--g-space-14)}.g-lg-neg-right-14{right:calc(-1 * var(--g-space-14))}.g-lg-right-16{right:var(--g-space-16)}.g-lg-neg-right-16{right:calc(-1 * var(--g-space-16))}.g-lg-right-20{right:var(--g-space-20)}.g-lg-neg-right-20{right:calc(-1 * var(--g-space-20))}.g-lg-right-24{right:var(--g-space-24)}.g-lg-neg-right-24{right:calc(-1 * var(--g-space-24))}.g-lg-right-28{right:var(--g-space-28)}.g-lg-neg-right-28{right:calc(-1 * var(--g-space-28))}.g-lg-right-32{right:var(--g-space-32)}.g-lg-neg-right-32{right:calc(-1 * var(--g-space-32))}.g-lg-right-40{right:var(--g-space-40)}.g-lg-neg-right-40{right:calc(-1 * var(--g-space-40))}.g-lg-right-48{right:var(--g-space-48)}.g-lg-neg-right-48{right:calc(-1 * var(--g-space-48))}.g-lg-right-56{right:var(--g-space-56)}.g-lg-neg-right-56{right:calc(-1 * var(--g-space-56))}.g-lg-right-64{right:var(--g-space-64)}.g-lg-neg-right-64{right:calc(-1 * var(--g-space-64))}.g-lg-right-80{right:var(--g-space-80)}.g-lg-neg-right-80{right:calc(-1 * var(--g-space-80))}.g-lg-right-96{right:var(--g-space-96)}.g-lg-neg-right-96{right:calc(-1 * var(--g-space-96))}.g-lg-right-px{right:var(--g-space-px)}.g-lg-right-0_5{right:var(--g-space-0_5)}.g-lg-neg-right-0_5{right:calc(-1 * var(--g-space-0_5))}.g-lg-right-1_5{right:var(--g-space-1_5)}.g-lg-neg-right-1_5{right:calc(-1 * var(--g-space-1_5))}.g-lg-right-2_5{right:var(--g-space-2_5)}.g-lg-neg-right-2_5{right:calc(-1 * var(--g-space-2_5))}.g-lg-right-3_5{right:var(--g-space-3_5)}.g-lg-neg-right-3_5{right:calc(-1 * var(--g-space-3_5))}.g-lg-right-auto{right:auto}.g-lg-bottom-0{bottom:var(--g-space-0)}.g-lg-bottom-1{bottom:var(--g-space-1)}.g-lg-neg-bottom-1{bottom:calc(-1 * var(--g-space-1))}.g-lg-bottom-2{bottom:var(--g-space-2)}.g-lg-neg-bottom-2{bottom:calc(-1 * var(--g-space-2))}.g-lg-bottom-3{bottom:var(--g-space-3)}.g-lg-neg-bottom-3{bottom:calc(-1 * var(--g-space-3))}.g-lg-bottom-4{bottom:var(--g-space-4)}.g-lg-neg-bottom-4{bottom:calc(-1 * var(--g-space-4))}.g-lg-bottom-5{bottom:var(--g-space-5)}.g-lg-neg-bottom-5{bottom:calc(-1 * var(--g-space-5))}.g-lg-bottom-6{bottom:var(--g-space-6)}.g-lg-neg-bottom-6{bottom:calc(-1 * var(--g-space-6))}.g-lg-bottom-7{bottom:var(--g-space-7)}.g-lg-neg-bottom-7{bottom:calc(-1 * var(--g-space-7))}.g-lg-bottom-8{bottom:var(--g-space-8)}.g-lg-neg-bottom-8{bottom:calc(-1 * var(--g-space-8))}.g-lg-bottom-9{bottom:var(--g-space-9)}.g-lg-neg-bottom-9{bottom:calc(-1 * var(--g-space-9))}.g-lg-bottom-10{bottom:var(--g-space-10)}.g-lg-neg-bottom-10{bottom:calc(-1 * var(--g-space-10))}.g-lg-bottom-12{bottom:var(--g-space-12)}.g-lg-neg-bottom-12{bottom:calc(-1 * var(--g-space-12))}.g-lg-bottom-14{bottom:var(--g-space-14)}.g-lg-neg-bottom-14{bottom:calc(-1 * var(--g-space-14))}.g-lg-bottom-16{bottom:var(--g-space-16)}.g-lg-neg-bottom-16{bottom:calc(-1 * var(--g-space-16))}.g-lg-bottom-20{bottom:var(--g-space-20)}.g-lg-neg-bottom-20{bottom:calc(-1 * var(--g-space-20))}.g-lg-bottom-24{bottom:var(--g-space-24)}.g-lg-neg-bottom-24{bottom:calc(-1 * var(--g-space-24))}.g-lg-bottom-28{bottom:var(--g-space-28)}.g-lg-neg-bottom-28{bottom:calc(-1 * var(--g-space-28))}.g-lg-bottom-32{bottom:var(--g-space-32)}.g-lg-neg-bottom-32{bottom:calc(-1 * var(--g-space-32))}.g-lg-bottom-40{bottom:var(--g-space-40)}.g-lg-neg-bottom-40{bottom:calc(-1 * var(--g-space-40))}.g-lg-bottom-48{bottom:var(--g-space-48)}.g-lg-neg-bottom-48{bottom:calc(-1 * var(--g-space-48))}.g-lg-bottom-56{bottom:var(--g-space-56)}.g-lg-neg-bottom-56{bottom:calc(-1 * var(--g-space-56))}.g-lg-bottom-64{bottom:var(--g-space-64)}.g-lg-neg-bottom-64{bottom:calc(-1 * var(--g-space-64))}.g-lg-bottom-80{bottom:var(--g-space-80)}.g-lg-neg-bottom-80{bottom:calc(-1 * var(--g-space-80))}.g-lg-bottom-96{bottom:var(--g-space-96)}.g-lg-neg-bottom-96{bottom:calc(-1 * var(--g-space-96))}.g-lg-bottom-px{bottom:var(--g-space-px)}.g-lg-bottom-0_5{bottom:var(--g-space-0_5)}.g-lg-neg-bottom-0_5{bottom:calc(-1 * var(--g-space-0_5))}.g-lg-bottom-1_5{bottom:var(--g-space-1_5)}.g-lg-neg-bottom-1_5{bottom:calc(-1 * var(--g-space-1_5))}.g-lg-bottom-2_5{bottom:var(--g-space-2_5)}.g-lg-neg-bottom-2_5{bottom:calc(-1 * var(--g-space-2_5))}.g-lg-bottom-3_5{bottom:var(--g-space-3_5)}.g-lg-neg-bottom-3_5{bottom:calc(-1 * var(--g-space-3_5))}.g-lg-bottom-auto{bottom:auto}.g-lg-left-0{left:var(--g-space-0)}.g-lg-left-1{left:var(--g-space-1)}.g-lg-neg-left-1{left:calc(-1 * var(--g-space-1))}.g-lg-left-2{left:var(--g-space-2)}.g-lg-neg-left-2{left:calc(-1 * var(--g-space-2))}.g-lg-left-3{left:var(--g-space-3)}.g-lg-neg-left-3{left:calc(-1 * var(--g-space-3))}.g-lg-left-4{left:var(--g-space-4)}.g-lg-neg-left-4{left:calc(-1 * var(--g-space-4))}.g-lg-left-5{left:var(--g-space-5)}.g-lg-neg-left-5{left:calc(-1 * var(--g-space-5))}.g-lg-left-6{left:var(--g-space-6)}.g-lg-neg-left-6{left:calc(-1 * var(--g-space-6))}.g-lg-left-7{left:var(--g-space-7)}.g-lg-neg-left-7{left:calc(-1 * var(--g-space-7))}.g-lg-left-8{left:var(--g-space-8)}.g-lg-neg-left-8{left:calc(-1 * var(--g-space-8))}.g-lg-left-9{left:var(--g-space-9)}.g-lg-neg-left-9{left:calc(-1 * var(--g-space-9))}.g-lg-left-10{left:var(--g-space-10)}.g-lg-neg-left-10{left:calc(-1 * var(--g-space-10))}.g-lg-left-12{left:var(--g-space-12)}.g-lg-neg-left-12{left:calc(-1 * var(--g-space-12))}.g-lg-left-14{left:var(--g-space-14)}.g-lg-neg-left-14{left:calc(-1 * var(--g-space-14))}.g-lg-left-16{left:var(--g-space-16)}.g-lg-neg-left-16{left:calc(-1 * var(--g-space-16))}.g-lg-left-20{left:var(--g-space-20)}.g-lg-neg-left-20{left:calc(-1 * var(--g-space-20))}.g-lg-left-24{left:var(--g-space-24)}.g-lg-neg-left-24{left:calc(-1 * var(--g-space-24))}.g-lg-left-28{left:var(--g-space-28)}.g-lg-neg-left-28{left:calc(-1 * var(--g-space-28))}.g-lg-left-32{left:var(--g-space-32)}.g-lg-neg-left-32{left:calc(-1 * var(--g-space-32))}.g-lg-left-40{left:var(--g-space-40)}.g-lg-neg-left-40{left:calc(-1 * var(--g-space-40))}.g-lg-left-48{left:var(--g-space-48)}.g-lg-neg-left-48{left:calc(-1 * var(--g-space-48))}.g-lg-left-56{left:var(--g-space-56)}.g-lg-neg-left-56{left:calc(-1 * var(--g-space-56))}.g-lg-left-64{left:var(--g-space-64)}.g-lg-neg-left-64{left:calc(-1 * var(--g-space-64))}.g-lg-left-80{left:var(--g-space-80)}.g-lg-neg-left-80{left:calc(-1 * var(--g-space-80))}.g-lg-left-96{left:var(--g-space-96)}.g-lg-neg-left-96{left:calc(-1 * var(--g-space-96))}.g-lg-left-px{left:var(--g-space-px)}.g-lg-left-0_5{left:var(--g-space-0_5)}.g-lg-neg-left-0_5{left:calc(-1 * var(--g-space-0_5))}.g-lg-left-1_5{left:var(--g-space-1_5)}.g-lg-neg-left-1_5{left:calc(-1 * var(--g-space-1_5))}.g-lg-left-2_5{left:var(--g-space-2_5)}.g-lg-neg-left-2_5{left:calc(-1 * var(--g-space-2_5))}.g-lg-left-3_5{left:var(--g-space-3_5)}.g-lg-neg-left-3_5{left:calc(-1 * var(--g-space-3_5))}.g-lg-left-auto{left:auto}.g-lg-start-0{inset-inline-start:var(--g-space-0)}.g-lg-start-1{inset-inline-start:var(--g-space-1)}.g-lg-neg-start-1{inset-inline-start:calc(-1 * var(--g-space-1))}.g-lg-start-2{inset-inline-start:var(--g-space-2)}.g-lg-neg-start-2{inset-inline-start:calc(-1 * var(--g-space-2))}.g-lg-start-3{inset-inline-start:var(--g-space-3)}.g-lg-neg-start-3{inset-inline-start:calc(-1 * var(--g-space-3))}.g-lg-start-4{inset-inline-start:var(--g-space-4)}.g-lg-neg-start-4{inset-inline-start:calc(-1 * var(--g-space-4))}.g-lg-start-5{inset-inline-start:var(--g-space-5)}.g-lg-neg-start-5{inset-inline-start:calc(-1 * var(--g-space-5))}.g-lg-start-6{inset-inline-start:var(--g-space-6)}.g-lg-neg-start-6{inset-inline-start:calc(-1 * var(--g-space-6))}.g-lg-start-7{inset-inline-start:var(--g-space-7)}.g-lg-neg-start-7{inset-inline-start:calc(-1 * var(--g-space-7))}.g-lg-start-8{inset-inline-start:var(--g-space-8)}.g-lg-neg-start-8{inset-inline-start:calc(-1 * var(--g-space-8))}.g-lg-start-9{inset-inline-start:var(--g-space-9)}.g-lg-neg-start-9{inset-inline-start:calc(-1 * var(--g-space-9))}.g-lg-start-10{inset-inline-start:var(--g-space-10)}.g-lg-neg-start-10{inset-inline-start:calc(-1 * var(--g-space-10))}.g-lg-start-12{inset-inline-start:var(--g-space-12)}.g-lg-neg-start-12{inset-inline-start:calc(-1 * var(--g-space-12))}.g-lg-start-14{inset-inline-start:var(--g-space-14)}.g-lg-neg-start-14{inset-inline-start:calc(-1 * var(--g-space-14))}.g-lg-start-16{inset-inline-start:var(--g-space-16)}.g-lg-neg-start-16{inset-inline-start:calc(-1 * var(--g-space-16))}.g-lg-start-20{inset-inline-start:var(--g-space-20)}.g-lg-neg-start-20{inset-inline-start:calc(-1 * var(--g-space-20))}.g-lg-start-24{inset-inline-start:var(--g-space-24)}.g-lg-neg-start-24{inset-inline-start:calc(-1 * var(--g-space-24))}.g-lg-start-28{inset-inline-start:var(--g-space-28)}.g-lg-neg-start-28{inset-inline-start:calc(-1 * var(--g-space-28))}.g-lg-start-32{inset-inline-start:var(--g-space-32)}.g-lg-neg-start-32{inset-inline-start:calc(-1 * var(--g-space-32))}.g-lg-start-40{inset-inline-start:var(--g-space-40)}.g-lg-neg-start-40{inset-inline-start:calc(-1 * var(--g-space-40))}.g-lg-start-48{inset-inline-start:var(--g-space-48)}.g-lg-neg-start-48{inset-inline-start:calc(-1 * var(--g-space-48))}.g-lg-start-56{inset-inline-start:var(--g-space-56)}.g-lg-neg-start-56{inset-inline-start:calc(-1 * var(--g-space-56))}.g-lg-start-64{inset-inline-start:var(--g-space-64)}.g-lg-neg-start-64{inset-inline-start:calc(-1 * var(--g-space-64))}.g-lg-start-80{inset-inline-start:var(--g-space-80)}.g-lg-neg-start-80{inset-inline-start:calc(-1 * var(--g-space-80))}.g-lg-start-96{inset-inline-start:var(--g-space-96)}.g-lg-neg-start-96{inset-inline-start:calc(-1 * var(--g-space-96))}.g-lg-start-px{inset-inline-start:var(--g-space-px)}.g-lg-start-0_5{inset-inline-start:var(--g-space-0_5)}.g-lg-neg-start-0_5{inset-inline-start:calc(-1 * var(--g-space-0_5))}.g-lg-start-1_5{inset-inline-start:var(--g-space-1_5)}.g-lg-neg-start-1_5{inset-inline-start:calc(-1 * var(--g-space-1_5))}.g-lg-start-2_5{inset-inline-start:var(--g-space-2_5)}.g-lg-neg-start-2_5{inset-inline-start:calc(-1 * var(--g-space-2_5))}.g-lg-start-3_5{inset-inline-start:var(--g-space-3_5)}.g-lg-neg-start-3_5{inset-inline-start:calc(-1 * var(--g-space-3_5))}.g-lg-start-auto{inset-inline-start:auto}.g-lg-end-0{inset-inline-end:var(--g-space-0)}.g-lg-end-1{inset-inline-end:var(--g-space-1)}.g-lg-neg-end-1{inset-inline-end:calc(-1 * var(--g-space-1))}.g-lg-end-2{inset-inline-end:var(--g-space-2)}.g-lg-neg-end-2{inset-inline-end:calc(-1 * var(--g-space-2))}.g-lg-end-3{inset-inline-end:var(--g-space-3)}.g-lg-neg-end-3{inset-inline-end:calc(-1 * var(--g-space-3))}.g-lg-end-4{inset-inline-end:var(--g-space-4)}.g-lg-neg-end-4{inset-inline-end:calc(-1 * var(--g-space-4))}.g-lg-end-5{inset-inline-end:var(--g-space-5)}.g-lg-neg-end-5{inset-inline-end:calc(-1 * var(--g-space-5))}.g-lg-end-6{inset-inline-end:var(--g-space-6)}.g-lg-neg-end-6{inset-inline-end:calc(-1 * var(--g-space-6))}.g-lg-end-7{inset-inline-end:var(--g-space-7)}.g-lg-neg-end-7{inset-inline-end:calc(-1 * var(--g-space-7))}.g-lg-end-8{inset-inline-end:var(--g-space-8)}.g-lg-neg-end-8{inset-inline-end:calc(-1 * var(--g-space-8))}.g-lg-end-9{inset-inline-end:var(--g-space-9)}.g-lg-neg-end-9{inset-inline-end:calc(-1 * var(--g-space-9))}.g-lg-end-10{inset-inline-end:var(--g-space-10)}.g-lg-neg-end-10{inset-inline-end:calc(-1 * var(--g-space-10))}.g-lg-end-12{inset-inline-end:var(--g-space-12)}.g-lg-neg-end-12{inset-inline-end:calc(-1 * var(--g-space-12))}.g-lg-end-14{inset-inline-end:var(--g-space-14)}.g-lg-neg-end-14{inset-inline-end:calc(-1 * var(--g-space-14))}.g-lg-end-16{inset-inline-end:var(--g-space-16)}.g-lg-neg-end-16{inset-inline-end:calc(-1 * var(--g-space-16))}.g-lg-end-20{inset-inline-end:var(--g-space-20)}.g-lg-neg-end-20{inset-inline-end:calc(-1 * var(--g-space-20))}.g-lg-end-24{inset-inline-end:var(--g-space-24)}.g-lg-neg-end-24{inset-inline-end:calc(-1 * var(--g-space-24))}.g-lg-end-28{inset-inline-end:var(--g-space-28)}.g-lg-neg-end-28{inset-inline-end:calc(-1 * var(--g-space-28))}.g-lg-end-32{inset-inline-end:var(--g-space-32)}.g-lg-neg-end-32{inset-inline-end:calc(-1 * var(--g-space-32))}.g-lg-end-40{inset-inline-end:var(--g-space-40)}.g-lg-neg-end-40{inset-inline-end:calc(-1 * var(--g-space-40))}.g-lg-end-48{inset-inline-end:var(--g-space-48)}.g-lg-neg-end-48{inset-inline-end:calc(-1 * var(--g-space-48))}.g-lg-end-56{inset-inline-end:var(--g-space-56)}.g-lg-neg-end-56{inset-inline-end:calc(-1 * var(--g-space-56))}.g-lg-end-64{inset-inline-end:var(--g-space-64)}.g-lg-neg-end-64{inset-inline-end:calc(-1 * var(--g-space-64))}.g-lg-end-80{inset-inline-end:var(--g-space-80)}.g-lg-neg-end-80{inset-inline-end:calc(-1 * var(--g-space-80))}.g-lg-end-96{inset-inline-end:var(--g-space-96)}.g-lg-neg-end-96{inset-inline-end:calc(-1 * var(--g-space-96))}.g-lg-end-px{inset-inline-end:var(--g-space-px)}.g-lg-end-0_5{inset-inline-end:var(--g-space-0_5)}.g-lg-neg-end-0_5{inset-inline-end:calc(-1 * var(--g-space-0_5))}.g-lg-end-1_5{inset-inline-end:var(--g-space-1_5)}.g-lg-neg-end-1_5{inset-inline-end:calc(-1 * var(--g-space-1_5))}.g-lg-end-2_5{inset-inline-end:var(--g-space-2_5)}.g-lg-neg-end-2_5{inset-inline-end:calc(-1 * var(--g-space-2_5))}.g-lg-end-3_5{inset-inline-end:var(--g-space-3_5)}.g-lg-neg-end-3_5{inset-inline-end:calc(-1 * var(--g-space-3_5))}.g-lg-end-auto{inset-inline-end:auto}}
@media (min-width:1280px){.g-xl-block{display:block}.g-xl-inline{display:inline}.g-xl-inline-block{display:inline-block}.g-xl-hidden{display:none}.g-xl-flex{display:flex}.g-xl-inline-flex{display:inline-flex}.g-xl-grid{display:grid}.g-xl-inline-grid{display:inline-grid}.g-xl-contents{display:contents}.g-xl-flow-root{display:flow-root}.g-xl-visible{visibility:visible}.g-xl-invisible{visibility:hidden}.g-xl-collapse{visibility:collapse}.g-xl-box-border{box-sizing:border-box}.g-xl-box-content{box-sizing:content-box}.g-xl-isolate{isolation:isolate}.g-xl-float-start{float:inline-start}.g-xl-float-end{float:inline-end}.g-xl-float-none{float:none}.g-xl-clear-both{clear:both}.g-xl-relative{position:relative}.g-xl-absolute{position:absolute}.g-xl-fixed{position:fixed}.g-xl-sticky{position:sticky}.g-xl-flex-row{flex-direction:row}.g-xl-flex-row-reverse{flex-direction:row-reverse}.g-xl-flex-col{flex-direction:column}.g-xl-flex-col-reverse{flex-direction:column-reverse}.g-xl-flex-wrap{flex-wrap:wrap}.g-xl-flex-nowrap{flex-wrap:nowrap}.g-xl-flex-1{flex:1 1 0%}.g-xl-flex-auto{flex:1 1 auto}.g-xl-flex-initial{flex:0 1 auto}.g-xl-flex-none{flex:none}.g-xl-grow{flex-grow:1}.g-xl-grow-0{flex-grow:0}.g-xl-shrink{flex-shrink:1}.g-xl-shrink-0{flex-shrink:0}.g-xl-items-start{align-items:flex-start}.g-xl-items-center{align-items:center}.g-xl-items-end{align-items:flex-end}.g-xl-items-stretch{align-items:stretch}.g-xl-justify-start{justify-content:flex-start}.g-xl-justify-center{justify-content:center}.g-xl-justify-end{justify-content:flex-end}.g-xl-justify-between{justify-content:space-between}.g-xl-justify-around{justify-content:space-around}.g-xl-justify-evenly{justify-content:space-evenly}.g-xl-content-start{align-content:flex-start}.g-xl-content-center{align-content:center}.g-xl-content-end{align-content:flex-end}.g-xl-content-between{align-content:space-between}.g-xl-content-stretch{align-content:stretch}.g-xl-place-items-start{place-items:start}.g-xl-place-items-center{place-items:center}.g-xl-place-items-end{place-items:end}.g-xl-place-content-center{place-content:center}.g-xl-self-start{align-self:flex-start}.g-xl-self-center{align-self:center}.g-xl-self-end{align-self:flex-end}.g-xl-self-stretch{align-self:stretch}.g-xl-overflow-auto{overflow:auto}.g-xl-overflow-hidden{overflow:hidden}.g-xl-overflow-visible{overflow:visible}.g-xl-overflow-scroll{overflow:scroll}.g-xl-overflow-x-auto{overflow-x:auto}.g-xl-overflow-y-auto{overflow-y:auto}.g-xl-overscroll-none{overscroll-behavior:none}.g-xl-overscroll-contain{overscroll-behavior:contain}.g-xl-scroll-smooth{scroll-behavior:smooth}.g-xl-snap-x{scroll-snap-type:x mandatory}.g-xl-snap-y{scroll-snap-type:y mandatory}.g-xl-snap-start{scroll-snap-align:start}.g-xl-snap-center{scroll-snap-align:center}.g-xl-w-full{width:100%}.g-xl-w-auto{width:auto}.g-xl-w-screen{width:100vw}.g-xl-max-w-full{max-width:100%}.g-xl-max-w-reading{max-width:var(--g-reading-max)}.g-xl-max-w-content{max-width:var(--g-content-max)}.g-xl-h-full{height:100%}.g-xl-h-auto{height:auto}.g-xl-h-screen{height:100vh}.g-xl-h-svh{height:100svh}.g-xl-h-lvh{height:100lvh}.g-xl-h-dvh{height:100dvh}.g-xl-min-h-screen{min-height:100vh}.g-xl-min-h-svh{min-height:100svh}.g-xl-min-h-dvh{min-height:100dvh}.g-xl-text-left{text-align:left}.g-xl-text-center{text-align:center}.g-xl-text-right{text-align:right}.g-xl-text-justify{text-align:justify}.g-xl-font-sans{font-family:var(--g-font-sans)}.g-xl-font-serif{font-family:var(--g-font-serif)}.g-xl-font-mono{font-family:var(--g-font-mono)}.g-xl-font-normal{font-weight:400}.g-xl-font-medium{font-weight:500}.g-xl-font-semibold{font-weight:600}.g-xl-font-bold{font-weight:700}.g-xl-italic{font-style:italic}.g-xl-not-italic{font-style:normal}.g-xl-uppercase{text-transform:uppercase}.g-xl-lowercase{text-transform:lowercase}.g-xl-capitalize{text-transform:capitalize}.g-xl-normal-case{text-transform:none}.g-xl-underline{text-decoration-line:underline}.g-xl-line-through{text-decoration-line:line-through}.g-xl-no-underline{text-decoration-line:none}.g-xl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-xl-whitespace-normal{white-space:normal}.g-xl-whitespace-nowrap{white-space:nowrap}.g-xl-whitespace-pre{white-space:pre}.g-xl-whitespace-pre-wrap{white-space:pre-wrap}.g-xl-break-words{overflow-wrap:break-word}.g-xl-break-all{word-break:break-all}.g-xl-leading-none{line-height:1}.g-xl-leading-tight{line-height:var(--g-line-height-tight)}.g-xl-leading-normal{line-height:var(--g-line-height-normal)}.g-xl-leading-relaxed{line-height:var(--g-line-height-relaxed)}.g-xl-tracking-tight{letter-spacing:-.025em}.g-xl-tracking-normal{letter-spacing:0}.g-xl-tracking-wide{letter-spacing:.025em}.g-xl-text-primary{color:var(--g-color-primary-text)}.g-xl-text-body{color:var(--g-color-text)}.g-xl-text-muted{color:var(--g-color-text-muted)}.g-xl-text-subtle{color:var(--g-color-text-subtle)}.g-xl-text-danger{color:var(--g-color-danger)}.g-xl-text-success{color:var(--g-color-success)}.g-xl-text-warning{color:var(--g-color-warning)}.g-xl-text-info{color:var(--g-color-info)}.g-xl-bg-primary{background:var(--g-color-primary);color:var(--g-color-on-primary)}.g-xl-bg-surface{background:var(--g-color-surface)}.g-xl-bg-subtle{background:var(--g-color-surface-subtle)}.g-xl-bg-transparent{background:transparent}.g-xl-bg-success{background:var(--g-color-success-soft);color:var(--g-color-success)}.g-xl-bg-warning{background:var(--g-color-warning-soft);color:var(--g-color-warning)}.g-xl-bg-danger{background:var(--g-color-danger-soft);color:var(--g-color-danger)}.g-xl-bg-info{background:var(--g-color-info-soft);color:var(--g-color-info)}.g-xl-border{border:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-0{border:0}.g-xl-border-t{border-top:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-r{border-right:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-b{border-bottom:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-l{border-left:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-x{border-inline:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-y{border-block:var(--g-border-width) solid var(--g-color-border)}.g-xl-border-primary{border-color:var(--g-color-primary)}.g-xl-border-strong{border-color:var(--g-color-border-strong)}.g-xl-border-danger{border-color:var(--g-color-danger)}.g-xl-border-dashed{border-style:dashed}.g-xl-border-dotted{border-style:dotted}.g-xl-rounded-none{border-radius:0}.g-xl-rounded{border-radius:var(--g-radius-md)}.g-xl-rounded-sm{border-radius:var(--g-radius-sm)}.g-xl-rounded-lg{border-radius:var(--g-radius-lg)}.g-xl-rounded-xl{border-radius:var(--g-radius-xl)}.g-xl-rounded-full{border-radius:9999px}.g-xl-shadow-none{box-shadow:none}.g-xl-shadow-sm{box-shadow:var(--g-shadow-sm)}.g-xl-shadow{box-shadow:var(--g-shadow-md)}.g-xl-shadow-lg{box-shadow:var(--g-shadow-lg)}.g-xl-opacity-0{opacity:0}.g-xl-opacity-25{opacity:.25}.g-xl-opacity-50{opacity:.5}.g-xl-opacity-75{opacity:.75}.g-xl-opacity-100{opacity:1}.g-xl-cursor-pointer{cursor:pointer}.g-xl-cursor-default{cursor:default}.g-xl-cursor-move{cursor:move}.g-xl-cursor-grab{cursor:grab}.g-xl-cursor-wait{cursor:wait}.g-xl-cursor-not-allowed{cursor:not-allowed}.g-xl-select-none{user-select:none}.g-xl-select-text{user-select:text}.g-xl-select-all{user-select:all}.g-xl-pointer-events-none{pointer-events:none}.g-xl-pointer-events-auto{pointer-events:auto}.g-xl-touch-none{touch-action:none}.g-xl-touch-pan-x{touch-action:pan-x}.g-xl-touch-pan-y{touch-action:pan-y}.g-xl-resize{resize:both}.g-xl-resize-x{resize:horizontal}.g-xl-resize-y{resize:vertical}.g-xl-resize-none{resize:none}.g-xl-list-none{list-style-type:none}.g-xl-list-disc{list-style-type:disc}.g-xl-list-decimal{list-style-type:decimal}.g-xl-list-inside{list-style-position:inside}.g-xl-table-auto{table-layout:auto}.g-xl-table-fixed{table-layout:fixed}.g-xl-border-collapse{border-collapse:collapse}.g-xl-border-separate{border-collapse:separate}.g-xl-transition-none{transition-property:none}.g-xl-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}.g-xl-transition-colors{transition:color var(--g-duration-fast),background-color var(--g-duration-fast),border-color var(--g-duration-fast)}.g-xl-transition-transform{transition:transform var(--g-duration-normal) var(--g-ease-standard)}.g-xl-transform{transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-xl-scale-95{--g-scale-x:.95;--g-scale-y:.95;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-xl-scale-100{--g-scale-x:1;--g-scale-y:1;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-xl-rotate-45{--g-rotate:45deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-xl-rotate-90{--g-rotate:90deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-xl-rotate-180{--g-rotate:180deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-xl-grayscale{filter:grayscale(1)}.g-xl-grayscale-0{filter:grayscale(0)}.g-xl-blur{filter:blur(8px)}.g-xl-backdrop-blur{backdrop-filter:blur(12px)}.g-xl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.g-xl-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.g-xl-aspect-square{aspect-ratio:1}.g-xl-aspect-video{aspect-ratio:16/9}.g-xl-aspect-photo{aspect-ratio:4/3}.g-xl-object-cover{object-fit:cover}.g-xl-object-contain{object-fit:contain}.g-xl-object-center{object-position:center}.g-xl-object-top{object-position:top}.g-xl-appearance-none{appearance:none}.g-xl-cq-container{container-type:inline-size}.g-xl-cq-size-container{container-type:size}.g-xl-cq-name-main{container-name:g-main}.g-xl-break-inside-avoid{break-inside:avoid}.g-xl-break-before-page{break-before:page}.g-xl-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.g-xl-col-span-1{grid-column:span 1/span 1}.g-xl-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.g-xl-row-span-1{grid-row:span 1/span 1}.g-xl-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-xl-col-span-2{grid-column:span 2/span 2}.g-xl-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.g-xl-row-span-2{grid-row:span 2/span 2}.g-xl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-xl-col-span-3{grid-column:span 3/span 3}.g-xl-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.g-xl-row-span-3{grid-row:span 3/span 3}.g-xl-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-xl-col-span-4{grid-column:span 4/span 4}.g-xl-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.g-xl-row-span-4{grid-row:span 4/span 4}.g-xl-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-xl-col-span-5{grid-column:span 5/span 5}.g-xl-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.g-xl-row-span-5{grid-row:span 5/span 5}.g-xl-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.g-xl-col-span-6{grid-column:span 6/span 6}.g-xl-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.g-xl-row-span-6{grid-row:span 6/span 6}.g-xl-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.g-xl-col-span-7{grid-column:span 7/span 7}.g-xl-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.g-xl-row-span-7{grid-row:span 7/span 7}.g-xl-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.g-xl-col-span-8{grid-column:span 8/span 8}.g-xl-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.g-xl-row-span-8{grid-row:span 8/span 8}.g-xl-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.g-xl-col-span-9{grid-column:span 9/span 9}.g-xl-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.g-xl-row-span-9{grid-row:span 9/span 9}.g-xl-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.g-xl-col-span-10{grid-column:span 10/span 10}.g-xl-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.g-xl-row-span-10{grid-row:span 10/span 10}.g-xl-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.g-xl-col-span-11{grid-column:span 11/span 11}.g-xl-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.g-xl-row-span-11{grid-row:span 11/span 11}.g-xl-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.g-xl-col-span-12{grid-column:span 12/span 12}.g-xl-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.g-xl-row-span-12{grid-row:span 12/span 12}.g-xl-grid-flow-row{grid-auto-flow:row}.g-xl-grid-flow-col{grid-auto-flow:column}.g-xl-grid-flow-dense{grid-auto-flow:dense}.g-xl-border-1{border-width:1px}.g-xl-border-2{border-width:2px}.g-xl-border-3{border-width:3px}.g-xl-border-4{border-width:4px}.g-xl-border-8{border-width:8px}.g-xl-text-xs{font-size:.75rem}.g-xl-text-sm{font-size:.875rem}.g-xl-text-base{font-size:1rem}.g-xl-text-lg{font-size:1.125rem}.g-xl-text-xl{font-size:1.25rem}.g-xl-text-2xl{font-size:1.5rem}.g-xl-text-3xl{font-size:1.875rem}.g-xl-text-4xl{font-size:2.25rem}.g-xl-text-5xl{font-size:3rem}.g-xl-line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.g-xl-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.g-xl-line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.g-xl-line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.g-xl-line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.g-xl-line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}.g-xl-order-0{order:0}.g-xl-order-1{order:1}.g-xl-order-2{order:2}.g-xl-order-3{order:3}.g-xl-order-4{order:4}.g-xl-order-5{order:5}.g-xl-order-6{order:6}.g-xl-order-7{order:7}.g-xl-order-8{order:8}.g-xl-order-9{order:9}.g-xl-order-10{order:10}.g-xl-order-11{order:11}.g-xl-order-12{order:12}.g-xl-order-13{order:13}.g-xl-order-14{order:14}.g-xl-order-15{order:15}.g-xl-order-16{order:16}.g-xl-order-17{order:17}.g-xl-order-18{order:18}.g-xl-order-19{order:19}.g-xl-order-20{order:20}.g-xl-order-21{order:21}.g-xl-order-22{order:22}.g-xl-order-23{order:23}.g-xl-order-24{order:24}.g-xl-z-0{z-index:0}.g-xl-z-10{z-index:10}.g-xl-z-20{z-index:20}.g-xl-z-30{z-index:30}.g-xl-z-40{z-index:40}.g-xl-z-50{z-index:50}.g-xl-m-0{margin:var(--g-space-0)}.g-xl-m-1{margin:var(--g-space-1)}.g-xl-neg-m-1{margin:calc(-1 * var(--g-space-1))}.g-xl-m-2{margin:var(--g-space-2)}.g-xl-neg-m-2{margin:calc(-1 * var(--g-space-2))}.g-xl-m-3{margin:var(--g-space-3)}.g-xl-neg-m-3{margin:calc(-1 * var(--g-space-3))}.g-xl-m-4{margin:var(--g-space-4)}.g-xl-neg-m-4{margin:calc(-1 * var(--g-space-4))}.g-xl-m-5{margin:var(--g-space-5)}.g-xl-neg-m-5{margin:calc(-1 * var(--g-space-5))}.g-xl-m-6{margin:var(--g-space-6)}.g-xl-neg-m-6{margin:calc(-1 * var(--g-space-6))}.g-xl-m-7{margin:var(--g-space-7)}.g-xl-neg-m-7{margin:calc(-1 * var(--g-space-7))}.g-xl-m-8{margin:var(--g-space-8)}.g-xl-neg-m-8{margin:calc(-1 * var(--g-space-8))}.g-xl-m-9{margin:var(--g-space-9)}.g-xl-neg-m-9{margin:calc(-1 * var(--g-space-9))}.g-xl-m-10{margin:var(--g-space-10)}.g-xl-neg-m-10{margin:calc(-1 * var(--g-space-10))}.g-xl-m-12{margin:var(--g-space-12)}.g-xl-neg-m-12{margin:calc(-1 * var(--g-space-12))}.g-xl-m-14{margin:var(--g-space-14)}.g-xl-neg-m-14{margin:calc(-1 * var(--g-space-14))}.g-xl-m-16{margin:var(--g-space-16)}.g-xl-neg-m-16{margin:calc(-1 * var(--g-space-16))}.g-xl-m-20{margin:var(--g-space-20)}.g-xl-neg-m-20{margin:calc(-1 * var(--g-space-20))}.g-xl-m-24{margin:var(--g-space-24)}.g-xl-neg-m-24{margin:calc(-1 * var(--g-space-24))}.g-xl-m-28{margin:var(--g-space-28)}.g-xl-neg-m-28{margin:calc(-1 * var(--g-space-28))}.g-xl-m-32{margin:var(--g-space-32)}.g-xl-neg-m-32{margin:calc(-1 * var(--g-space-32))}.g-xl-m-40{margin:var(--g-space-40)}.g-xl-neg-m-40{margin:calc(-1 * var(--g-space-40))}.g-xl-m-48{margin:var(--g-space-48)}.g-xl-neg-m-48{margin:calc(-1 * var(--g-space-48))}.g-xl-m-56{margin:var(--g-space-56)}.g-xl-neg-m-56{margin:calc(-1 * var(--g-space-56))}.g-xl-m-64{margin:var(--g-space-64)}.g-xl-neg-m-64{margin:calc(-1 * var(--g-space-64))}.g-xl-m-80{margin:var(--g-space-80)}.g-xl-neg-m-80{margin:calc(-1 * var(--g-space-80))}.g-xl-m-96{margin:var(--g-space-96)}.g-xl-neg-m-96{margin:calc(-1 * var(--g-space-96))}.g-xl-m-px{margin:var(--g-space-px)}.g-xl-m-0_5{margin:var(--g-space-0_5)}.g-xl-neg-m-0_5{margin:calc(-1 * var(--g-space-0_5))}.g-xl-m-1_5{margin:var(--g-space-1_5)}.g-xl-neg-m-1_5{margin:calc(-1 * var(--g-space-1_5))}.g-xl-m-2_5{margin:var(--g-space-2_5)}.g-xl-neg-m-2_5{margin:calc(-1 * var(--g-space-2_5))}.g-xl-m-3_5{margin:var(--g-space-3_5)}.g-xl-neg-m-3_5{margin:calc(-1 * var(--g-space-3_5))}.g-xl-mx-0{margin-inline:var(--g-space-0)}.g-xl-mx-1{margin-inline:var(--g-space-1)}.g-xl-neg-mx-1{margin-inline:calc(-1 * var(--g-space-1))}.g-xl-mx-2{margin-inline:var(--g-space-2)}.g-xl-neg-mx-2{margin-inline:calc(-1 * var(--g-space-2))}.g-xl-mx-3{margin-inline:var(--g-space-3)}.g-xl-neg-mx-3{margin-inline:calc(-1 * var(--g-space-3))}.g-xl-mx-4{margin-inline:var(--g-space-4)}.g-xl-neg-mx-4{margin-inline:calc(-1 * var(--g-space-4))}.g-xl-mx-5{margin-inline:var(--g-space-5)}.g-xl-neg-mx-5{margin-inline:calc(-1 * var(--g-space-5))}.g-xl-mx-6{margin-inline:var(--g-space-6)}.g-xl-neg-mx-6{margin-inline:calc(-1 * var(--g-space-6))}.g-xl-mx-7{margin-inline:var(--g-space-7)}.g-xl-neg-mx-7{margin-inline:calc(-1 * var(--g-space-7))}.g-xl-mx-8{margin-inline:var(--g-space-8)}.g-xl-neg-mx-8{margin-inline:calc(-1 * var(--g-space-8))}.g-xl-mx-9{margin-inline:var(--g-space-9)}.g-xl-neg-mx-9{margin-inline:calc(-1 * var(--g-space-9))}.g-xl-mx-10{margin-inline:var(--g-space-10)}.g-xl-neg-mx-10{margin-inline:calc(-1 * var(--g-space-10))}.g-xl-mx-12{margin-inline:var(--g-space-12)}.g-xl-neg-mx-12{margin-inline:calc(-1 * var(--g-space-12))}.g-xl-mx-14{margin-inline:var(--g-space-14)}.g-xl-neg-mx-14{margin-inline:calc(-1 * var(--g-space-14))}.g-xl-mx-16{margin-inline:var(--g-space-16)}.g-xl-neg-mx-16{margin-inline:calc(-1 * var(--g-space-16))}.g-xl-mx-20{margin-inline:var(--g-space-20)}.g-xl-neg-mx-20{margin-inline:calc(-1 * var(--g-space-20))}.g-xl-mx-24{margin-inline:var(--g-space-24)}.g-xl-neg-mx-24{margin-inline:calc(-1 * var(--g-space-24))}.g-xl-mx-28{margin-inline:var(--g-space-28)}.g-xl-neg-mx-28{margin-inline:calc(-1 * var(--g-space-28))}.g-xl-mx-32{margin-inline:var(--g-space-32)}.g-xl-neg-mx-32{margin-inline:calc(-1 * var(--g-space-32))}.g-xl-mx-40{margin-inline:var(--g-space-40)}.g-xl-neg-mx-40{margin-inline:calc(-1 * var(--g-space-40))}.g-xl-mx-48{margin-inline:var(--g-space-48)}.g-xl-neg-mx-48{margin-inline:calc(-1 * var(--g-space-48))}.g-xl-mx-56{margin-inline:var(--g-space-56)}.g-xl-neg-mx-56{margin-inline:calc(-1 * var(--g-space-56))}.g-xl-mx-64{margin-inline:var(--g-space-64)}.g-xl-neg-mx-64{margin-inline:calc(-1 * var(--g-space-64))}.g-xl-mx-80{margin-inline:var(--g-space-80)}.g-xl-neg-mx-80{margin-inline:calc(-1 * var(--g-space-80))}.g-xl-mx-96{margin-inline:var(--g-space-96)}.g-xl-neg-mx-96{margin-inline:calc(-1 * var(--g-space-96))}.g-xl-mx-px{margin-inline:var(--g-space-px)}.g-xl-mx-0_5{margin-inline:var(--g-space-0_5)}.g-xl-neg-mx-0_5{margin-inline:calc(-1 * var(--g-space-0_5))}.g-xl-mx-1_5{margin-inline:var(--g-space-1_5)}.g-xl-neg-mx-1_5{margin-inline:calc(-1 * var(--g-space-1_5))}.g-xl-mx-2_5{margin-inline:var(--g-space-2_5)}.g-xl-neg-mx-2_5{margin-inline:calc(-1 * var(--g-space-2_5))}.g-xl-mx-3_5{margin-inline:var(--g-space-3_5)}.g-xl-neg-mx-3_5{margin-inline:calc(-1 * var(--g-space-3_5))}.g-xl-my-0{margin-block:var(--g-space-0)}.g-xl-my-1{margin-block:var(--g-space-1)}.g-xl-neg-my-1{margin-block:calc(-1 * var(--g-space-1))}.g-xl-my-2{margin-block:var(--g-space-2)}.g-xl-neg-my-2{margin-block:calc(-1 * var(--g-space-2))}.g-xl-my-3{margin-block:var(--g-space-3)}.g-xl-neg-my-3{margin-block:calc(-1 * var(--g-space-3))}.g-xl-my-4{margin-block:var(--g-space-4)}.g-xl-neg-my-4{margin-block:calc(-1 * var(--g-space-4))}.g-xl-my-5{margin-block:var(--g-space-5)}.g-xl-neg-my-5{margin-block:calc(-1 * var(--g-space-5))}.g-xl-my-6{margin-block:var(--g-space-6)}.g-xl-neg-my-6{margin-block:calc(-1 * var(--g-space-6))}.g-xl-my-7{margin-block:var(--g-space-7)}.g-xl-neg-my-7{margin-block:calc(-1 * var(--g-space-7))}.g-xl-my-8{margin-block:var(--g-space-8)}.g-xl-neg-my-8{margin-block:calc(-1 * var(--g-space-8))}.g-xl-my-9{margin-block:var(--g-space-9)}.g-xl-neg-my-9{margin-block:calc(-1 * var(--g-space-9))}.g-xl-my-10{margin-block:var(--g-space-10)}.g-xl-neg-my-10{margin-block:calc(-1 * var(--g-space-10))}.g-xl-my-12{margin-block:var(--g-space-12)}.g-xl-neg-my-12{margin-block:calc(-1 * var(--g-space-12))}.g-xl-my-14{margin-block:var(--g-space-14)}.g-xl-neg-my-14{margin-block:calc(-1 * var(--g-space-14))}.g-xl-my-16{margin-block:var(--g-space-16)}.g-xl-neg-my-16{margin-block:calc(-1 * var(--g-space-16))}.g-xl-my-20{margin-block:var(--g-space-20)}.g-xl-neg-my-20{margin-block:calc(-1 * var(--g-space-20))}.g-xl-my-24{margin-block:var(--g-space-24)}.g-xl-neg-my-24{margin-block:calc(-1 * var(--g-space-24))}.g-xl-my-28{margin-block:var(--g-space-28)}.g-xl-neg-my-28{margin-block:calc(-1 * var(--g-space-28))}.g-xl-my-32{margin-block:var(--g-space-32)}.g-xl-neg-my-32{margin-block:calc(-1 * var(--g-space-32))}.g-xl-my-40{margin-block:var(--g-space-40)}.g-xl-neg-my-40{margin-block:calc(-1 * var(--g-space-40))}.g-xl-my-48{margin-block:var(--g-space-48)}.g-xl-neg-my-48{margin-block:calc(-1 * var(--g-space-48))}.g-xl-my-56{margin-block:var(--g-space-56)}.g-xl-neg-my-56{margin-block:calc(-1 * var(--g-space-56))}.g-xl-my-64{margin-block:var(--g-space-64)}.g-xl-neg-my-64{margin-block:calc(-1 * var(--g-space-64))}.g-xl-my-80{margin-block:var(--g-space-80)}.g-xl-neg-my-80{margin-block:calc(-1 * var(--g-space-80))}.g-xl-my-96{margin-block:var(--g-space-96)}.g-xl-neg-my-96{margin-block:calc(-1 * var(--g-space-96))}.g-xl-my-px{margin-block:var(--g-space-px)}.g-xl-my-0_5{margin-block:var(--g-space-0_5)}.g-xl-neg-my-0_5{margin-block:calc(-1 * var(--g-space-0_5))}.g-xl-my-1_5{margin-block:var(--g-space-1_5)}.g-xl-neg-my-1_5{margin-block:calc(-1 * var(--g-space-1_5))}.g-xl-my-2_5{margin-block:var(--g-space-2_5)}.g-xl-neg-my-2_5{margin-block:calc(-1 * var(--g-space-2_5))}.g-xl-my-3_5{margin-block:var(--g-space-3_5)}.g-xl-neg-my-3_5{margin-block:calc(-1 * var(--g-space-3_5))}.g-xl-mt-0{margin-top:var(--g-space-0)}.g-xl-mt-1{margin-top:var(--g-space-1)}.g-xl-neg-mt-1{margin-top:calc(-1 * var(--g-space-1))}.g-xl-mt-2{margin-top:var(--g-space-2)}.g-xl-neg-mt-2{margin-top:calc(-1 * var(--g-space-2))}.g-xl-mt-3{margin-top:var(--g-space-3)}.g-xl-neg-mt-3{margin-top:calc(-1 * var(--g-space-3))}.g-xl-mt-4{margin-top:var(--g-space-4)}.g-xl-neg-mt-4{margin-top:calc(-1 * var(--g-space-4))}.g-xl-mt-5{margin-top:var(--g-space-5)}.g-xl-neg-mt-5{margin-top:calc(-1 * var(--g-space-5))}.g-xl-mt-6{margin-top:var(--g-space-6)}.g-xl-neg-mt-6{margin-top:calc(-1 * var(--g-space-6))}.g-xl-mt-7{margin-top:var(--g-space-7)}.g-xl-neg-mt-7{margin-top:calc(-1 * var(--g-space-7))}.g-xl-mt-8{margin-top:var(--g-space-8)}.g-xl-neg-mt-8{margin-top:calc(-1 * var(--g-space-8))}.g-xl-mt-9{margin-top:var(--g-space-9)}.g-xl-neg-mt-9{margin-top:calc(-1 * var(--g-space-9))}.g-xl-mt-10{margin-top:var(--g-space-10)}.g-xl-neg-mt-10{margin-top:calc(-1 * var(--g-space-10))}.g-xl-mt-12{margin-top:var(--g-space-12)}.g-xl-neg-mt-12{margin-top:calc(-1 * var(--g-space-12))}.g-xl-mt-14{margin-top:var(--g-space-14)}.g-xl-neg-mt-14{margin-top:calc(-1 * var(--g-space-14))}.g-xl-mt-16{margin-top:var(--g-space-16)}.g-xl-neg-mt-16{margin-top:calc(-1 * var(--g-space-16))}.g-xl-mt-20{margin-top:var(--g-space-20)}.g-xl-neg-mt-20{margin-top:calc(-1 * var(--g-space-20))}.g-xl-mt-24{margin-top:var(--g-space-24)}.g-xl-neg-mt-24{margin-top:calc(-1 * var(--g-space-24))}.g-xl-mt-28{margin-top:var(--g-space-28)}.g-xl-neg-mt-28{margin-top:calc(-1 * var(--g-space-28))}.g-xl-mt-32{margin-top:var(--g-space-32)}.g-xl-neg-mt-32{margin-top:calc(-1 * var(--g-space-32))}.g-xl-mt-40{margin-top:var(--g-space-40)}.g-xl-neg-mt-40{margin-top:calc(-1 * var(--g-space-40))}.g-xl-mt-48{margin-top:var(--g-space-48)}.g-xl-neg-mt-48{margin-top:calc(-1 * var(--g-space-48))}.g-xl-mt-56{margin-top:var(--g-space-56)}.g-xl-neg-mt-56{margin-top:calc(-1 * var(--g-space-56))}.g-xl-mt-64{margin-top:var(--g-space-64)}.g-xl-neg-mt-64{margin-top:calc(-1 * var(--g-space-64))}.g-xl-mt-80{margin-top:var(--g-space-80)}.g-xl-neg-mt-80{margin-top:calc(-1 * var(--g-space-80))}.g-xl-mt-96{margin-top:var(--g-space-96)}.g-xl-neg-mt-96{margin-top:calc(-1 * var(--g-space-96))}.g-xl-mt-px{margin-top:var(--g-space-px)}.g-xl-mt-0_5{margin-top:var(--g-space-0_5)}.g-xl-neg-mt-0_5{margin-top:calc(-1 * var(--g-space-0_5))}.g-xl-mt-1_5{margin-top:var(--g-space-1_5)}.g-xl-neg-mt-1_5{margin-top:calc(-1 * var(--g-space-1_5))}.g-xl-mt-2_5{margin-top:var(--g-space-2_5)}.g-xl-neg-mt-2_5{margin-top:calc(-1 * var(--g-space-2_5))}.g-xl-mt-3_5{margin-top:var(--g-space-3_5)}.g-xl-neg-mt-3_5{margin-top:calc(-1 * var(--g-space-3_5))}.g-xl-mr-0{margin-right:var(--g-space-0)}.g-xl-mr-1{margin-right:var(--g-space-1)}.g-xl-neg-mr-1{margin-right:calc(-1 * var(--g-space-1))}.g-xl-mr-2{margin-right:var(--g-space-2)}.g-xl-neg-mr-2{margin-right:calc(-1 * var(--g-space-2))}.g-xl-mr-3{margin-right:var(--g-space-3)}.g-xl-neg-mr-3{margin-right:calc(-1 * var(--g-space-3))}.g-xl-mr-4{margin-right:var(--g-space-4)}.g-xl-neg-mr-4{margin-right:calc(-1 * var(--g-space-4))}.g-xl-mr-5{margin-right:var(--g-space-5)}.g-xl-neg-mr-5{margin-right:calc(-1 * var(--g-space-5))}.g-xl-mr-6{margin-right:var(--g-space-6)}.g-xl-neg-mr-6{margin-right:calc(-1 * var(--g-space-6))}.g-xl-mr-7{margin-right:var(--g-space-7)}.g-xl-neg-mr-7{margin-right:calc(-1 * var(--g-space-7))}.g-xl-mr-8{margin-right:var(--g-space-8)}.g-xl-neg-mr-8{margin-right:calc(-1 * var(--g-space-8))}.g-xl-mr-9{margin-right:var(--g-space-9)}.g-xl-neg-mr-9{margin-right:calc(-1 * var(--g-space-9))}.g-xl-mr-10{margin-right:var(--g-space-10)}.g-xl-neg-mr-10{margin-right:calc(-1 * var(--g-space-10))}.g-xl-mr-12{margin-right:var(--g-space-12)}.g-xl-neg-mr-12{margin-right:calc(-1 * var(--g-space-12))}.g-xl-mr-14{margin-right:var(--g-space-14)}.g-xl-neg-mr-14{margin-right:calc(-1 * var(--g-space-14))}.g-xl-mr-16{margin-right:var(--g-space-16)}.g-xl-neg-mr-16{margin-right:calc(-1 * var(--g-space-16))}.g-xl-mr-20{margin-right:var(--g-space-20)}.g-xl-neg-mr-20{margin-right:calc(-1 * var(--g-space-20))}.g-xl-mr-24{margin-right:var(--g-space-24)}.g-xl-neg-mr-24{margin-right:calc(-1 * var(--g-space-24))}.g-xl-mr-28{margin-right:var(--g-space-28)}.g-xl-neg-mr-28{margin-right:calc(-1 * var(--g-space-28))}.g-xl-mr-32{margin-right:var(--g-space-32)}.g-xl-neg-mr-32{margin-right:calc(-1 * var(--g-space-32))}.g-xl-mr-40{margin-right:var(--g-space-40)}.g-xl-neg-mr-40{margin-right:calc(-1 * var(--g-space-40))}.g-xl-mr-48{margin-right:var(--g-space-48)}.g-xl-neg-mr-48{margin-right:calc(-1 * var(--g-space-48))}.g-xl-mr-56{margin-right:var(--g-space-56)}.g-xl-neg-mr-56{margin-right:calc(-1 * var(--g-space-56))}.g-xl-mr-64{margin-right:var(--g-space-64)}.g-xl-neg-mr-64{margin-right:calc(-1 * var(--g-space-64))}.g-xl-mr-80{margin-right:var(--g-space-80)}.g-xl-neg-mr-80{margin-right:calc(-1 * var(--g-space-80))}.g-xl-mr-96{margin-right:var(--g-space-96)}.g-xl-neg-mr-96{margin-right:calc(-1 * var(--g-space-96))}.g-xl-mr-px{margin-right:var(--g-space-px)}.g-xl-mr-0_5{margin-right:var(--g-space-0_5)}.g-xl-neg-mr-0_5{margin-right:calc(-1 * var(--g-space-0_5))}.g-xl-mr-1_5{margin-right:var(--g-space-1_5)}.g-xl-neg-mr-1_5{margin-right:calc(-1 * var(--g-space-1_5))}.g-xl-mr-2_5{margin-right:var(--g-space-2_5)}.g-xl-neg-mr-2_5{margin-right:calc(-1 * var(--g-space-2_5))}.g-xl-mr-3_5{margin-right:var(--g-space-3_5)}.g-xl-neg-mr-3_5{margin-right:calc(-1 * var(--g-space-3_5))}.g-xl-mb-0{margin-bottom:var(--g-space-0)}.g-xl-mb-1{margin-bottom:var(--g-space-1)}.g-xl-neg-mb-1{margin-bottom:calc(-1 * var(--g-space-1))}.g-xl-mb-2{margin-bottom:var(--g-space-2)}.g-xl-neg-mb-2{margin-bottom:calc(-1 * var(--g-space-2))}.g-xl-mb-3{margin-bottom:var(--g-space-3)}.g-xl-neg-mb-3{margin-bottom:calc(-1 * var(--g-space-3))}.g-xl-mb-4{margin-bottom:var(--g-space-4)}.g-xl-neg-mb-4{margin-bottom:calc(-1 * var(--g-space-4))}.g-xl-mb-5{margin-bottom:var(--g-space-5)}.g-xl-neg-mb-5{margin-bottom:calc(-1 * var(--g-space-5))}.g-xl-mb-6{margin-bottom:var(--g-space-6)}.g-xl-neg-mb-6{margin-bottom:calc(-1 * var(--g-space-6))}.g-xl-mb-7{margin-bottom:var(--g-space-7)}.g-xl-neg-mb-7{margin-bottom:calc(-1 * var(--g-space-7))}.g-xl-mb-8{margin-bottom:var(--g-space-8)}.g-xl-neg-mb-8{margin-bottom:calc(-1 * var(--g-space-8))}.g-xl-mb-9{margin-bottom:var(--g-space-9)}.g-xl-neg-mb-9{margin-bottom:calc(-1 * var(--g-space-9))}.g-xl-mb-10{margin-bottom:var(--g-space-10)}.g-xl-neg-mb-10{margin-bottom:calc(-1 * var(--g-space-10))}.g-xl-mb-12{margin-bottom:var(--g-space-12)}.g-xl-neg-mb-12{margin-bottom:calc(-1 * var(--g-space-12))}.g-xl-mb-14{margin-bottom:var(--g-space-14)}.g-xl-neg-mb-14{margin-bottom:calc(-1 * var(--g-space-14))}.g-xl-mb-16{margin-bottom:var(--g-space-16)}.g-xl-neg-mb-16{margin-bottom:calc(-1 * var(--g-space-16))}.g-xl-mb-20{margin-bottom:var(--g-space-20)}.g-xl-neg-mb-20{margin-bottom:calc(-1 * var(--g-space-20))}.g-xl-mb-24{margin-bottom:var(--g-space-24)}.g-xl-neg-mb-24{margin-bottom:calc(-1 * var(--g-space-24))}.g-xl-mb-28{margin-bottom:var(--g-space-28)}.g-xl-neg-mb-28{margin-bottom:calc(-1 * var(--g-space-28))}.g-xl-mb-32{margin-bottom:var(--g-space-32)}.g-xl-neg-mb-32{margin-bottom:calc(-1 * var(--g-space-32))}.g-xl-mb-40{margin-bottom:var(--g-space-40)}.g-xl-neg-mb-40{margin-bottom:calc(-1 * var(--g-space-40))}.g-xl-mb-48{margin-bottom:var(--g-space-48)}.g-xl-neg-mb-48{margin-bottom:calc(-1 * var(--g-space-48))}.g-xl-mb-56{margin-bottom:var(--g-space-56)}.g-xl-neg-mb-56{margin-bottom:calc(-1 * var(--g-space-56))}.g-xl-mb-64{margin-bottom:var(--g-space-64)}.g-xl-neg-mb-64{margin-bottom:calc(-1 * var(--g-space-64))}.g-xl-mb-80{margin-bottom:var(--g-space-80)}.g-xl-neg-mb-80{margin-bottom:calc(-1 * var(--g-space-80))}.g-xl-mb-96{margin-bottom:var(--g-space-96)}.g-xl-neg-mb-96{margin-bottom:calc(-1 * var(--g-space-96))}.g-xl-mb-px{margin-bottom:var(--g-space-px)}.g-xl-mb-0_5{margin-bottom:var(--g-space-0_5)}.g-xl-neg-mb-0_5{margin-bottom:calc(-1 * var(--g-space-0_5))}.g-xl-mb-1_5{margin-bottom:var(--g-space-1_5)}.g-xl-neg-mb-1_5{margin-bottom:calc(-1 * var(--g-space-1_5))}.g-xl-mb-2_5{margin-bottom:var(--g-space-2_5)}.g-xl-neg-mb-2_5{margin-bottom:calc(-1 * var(--g-space-2_5))}.g-xl-mb-3_5{margin-bottom:var(--g-space-3_5)}.g-xl-neg-mb-3_5{margin-bottom:calc(-1 * var(--g-space-3_5))}.g-xl-ml-0{margin-left:var(--g-space-0)}.g-xl-ml-1{margin-left:var(--g-space-1)}.g-xl-neg-ml-1{margin-left:calc(-1 * var(--g-space-1))}.g-xl-ml-2{margin-left:var(--g-space-2)}.g-xl-neg-ml-2{margin-left:calc(-1 * var(--g-space-2))}.g-xl-ml-3{margin-left:var(--g-space-3)}.g-xl-neg-ml-3{margin-left:calc(-1 * var(--g-space-3))}.g-xl-ml-4{margin-left:var(--g-space-4)}.g-xl-neg-ml-4{margin-left:calc(-1 * var(--g-space-4))}.g-xl-ml-5{margin-left:var(--g-space-5)}.g-xl-neg-ml-5{margin-left:calc(-1 * var(--g-space-5))}.g-xl-ml-6{margin-left:var(--g-space-6)}.g-xl-neg-ml-6{margin-left:calc(-1 * var(--g-space-6))}.g-xl-ml-7{margin-left:var(--g-space-7)}.g-xl-neg-ml-7{margin-left:calc(-1 * var(--g-space-7))}.g-xl-ml-8{margin-left:var(--g-space-8)}.g-xl-neg-ml-8{margin-left:calc(-1 * var(--g-space-8))}.g-xl-ml-9{margin-left:var(--g-space-9)}.g-xl-neg-ml-9{margin-left:calc(-1 * var(--g-space-9))}.g-xl-ml-10{margin-left:var(--g-space-10)}.g-xl-neg-ml-10{margin-left:calc(-1 * var(--g-space-10))}.g-xl-ml-12{margin-left:var(--g-space-12)}.g-xl-neg-ml-12{margin-left:calc(-1 * var(--g-space-12))}.g-xl-ml-14{margin-left:var(--g-space-14)}.g-xl-neg-ml-14{margin-left:calc(-1 * var(--g-space-14))}.g-xl-ml-16{margin-left:var(--g-space-16)}.g-xl-neg-ml-16{margin-left:calc(-1 * var(--g-space-16))}.g-xl-ml-20{margin-left:var(--g-space-20)}.g-xl-neg-ml-20{margin-left:calc(-1 * var(--g-space-20))}.g-xl-ml-24{margin-left:var(--g-space-24)}.g-xl-neg-ml-24{margin-left:calc(-1 * var(--g-space-24))}.g-xl-ml-28{margin-left:var(--g-space-28)}.g-xl-neg-ml-28{margin-left:calc(-1 * var(--g-space-28))}.g-xl-ml-32{margin-left:var(--g-space-32)}.g-xl-neg-ml-32{margin-left:calc(-1 * var(--g-space-32))}.g-xl-ml-40{margin-left:var(--g-space-40)}.g-xl-neg-ml-40{margin-left:calc(-1 * var(--g-space-40))}.g-xl-ml-48{margin-left:var(--g-space-48)}.g-xl-neg-ml-48{margin-left:calc(-1 * var(--g-space-48))}.g-xl-ml-56{margin-left:var(--g-space-56)}.g-xl-neg-ml-56{margin-left:calc(-1 * var(--g-space-56))}.g-xl-ml-64{margin-left:var(--g-space-64)}.g-xl-neg-ml-64{margin-left:calc(-1 * var(--g-space-64))}.g-xl-ml-80{margin-left:var(--g-space-80)}.g-xl-neg-ml-80{margin-left:calc(-1 * var(--g-space-80))}.g-xl-ml-96{margin-left:var(--g-space-96)}.g-xl-neg-ml-96{margin-left:calc(-1 * var(--g-space-96))}.g-xl-ml-px{margin-left:var(--g-space-px)}.g-xl-ml-0_5{margin-left:var(--g-space-0_5)}.g-xl-neg-ml-0_5{margin-left:calc(-1 * var(--g-space-0_5))}.g-xl-ml-1_5{margin-left:var(--g-space-1_5)}.g-xl-neg-ml-1_5{margin-left:calc(-1 * var(--g-space-1_5))}.g-xl-ml-2_5{margin-left:var(--g-space-2_5)}.g-xl-neg-ml-2_5{margin-left:calc(-1 * var(--g-space-2_5))}.g-xl-ml-3_5{margin-left:var(--g-space-3_5)}.g-xl-neg-ml-3_5{margin-left:calc(-1 * var(--g-space-3_5))}.g-xl-ms-0{margin-inline-start:var(--g-space-0)}.g-xl-ms-1{margin-inline-start:var(--g-space-1)}.g-xl-neg-ms-1{margin-inline-start:calc(-1 * var(--g-space-1))}.g-xl-ms-2{margin-inline-start:var(--g-space-2)}.g-xl-neg-ms-2{margin-inline-start:calc(-1 * var(--g-space-2))}.g-xl-ms-3{margin-inline-start:var(--g-space-3)}.g-xl-neg-ms-3{margin-inline-start:calc(-1 * var(--g-space-3))}.g-xl-ms-4{margin-inline-start:var(--g-space-4)}.g-xl-neg-ms-4{margin-inline-start:calc(-1 * var(--g-space-4))}.g-xl-ms-5{margin-inline-start:var(--g-space-5)}.g-xl-neg-ms-5{margin-inline-start:calc(-1 * var(--g-space-5))}.g-xl-ms-6{margin-inline-start:var(--g-space-6)}.g-xl-neg-ms-6{margin-inline-start:calc(-1 * var(--g-space-6))}.g-xl-ms-7{margin-inline-start:var(--g-space-7)}.g-xl-neg-ms-7{margin-inline-start:calc(-1 * var(--g-space-7))}.g-xl-ms-8{margin-inline-start:var(--g-space-8)}.g-xl-neg-ms-8{margin-inline-start:calc(-1 * var(--g-space-8))}.g-xl-ms-9{margin-inline-start:var(--g-space-9)}.g-xl-neg-ms-9{margin-inline-start:calc(-1 * var(--g-space-9))}.g-xl-ms-10{margin-inline-start:var(--g-space-10)}.g-xl-neg-ms-10{margin-inline-start:calc(-1 * var(--g-space-10))}.g-xl-ms-12{margin-inline-start:var(--g-space-12)}.g-xl-neg-ms-12{margin-inline-start:calc(-1 * var(--g-space-12))}.g-xl-ms-14{margin-inline-start:var(--g-space-14)}.g-xl-neg-ms-14{margin-inline-start:calc(-1 * var(--g-space-14))}.g-xl-ms-16{margin-inline-start:var(--g-space-16)}.g-xl-neg-ms-16{margin-inline-start:calc(-1 * var(--g-space-16))}.g-xl-ms-20{margin-inline-start:var(--g-space-20)}.g-xl-neg-ms-20{margin-inline-start:calc(-1 * var(--g-space-20))}.g-xl-ms-24{margin-inline-start:var(--g-space-24)}.g-xl-neg-ms-24{margin-inline-start:calc(-1 * var(--g-space-24))}.g-xl-ms-28{margin-inline-start:var(--g-space-28)}.g-xl-neg-ms-28{margin-inline-start:calc(-1 * var(--g-space-28))}.g-xl-ms-32{margin-inline-start:var(--g-space-32)}.g-xl-neg-ms-32{margin-inline-start:calc(-1 * var(--g-space-32))}.g-xl-ms-40{margin-inline-start:var(--g-space-40)}.g-xl-neg-ms-40{margin-inline-start:calc(-1 * var(--g-space-40))}.g-xl-ms-48{margin-inline-start:var(--g-space-48)}.g-xl-neg-ms-48{margin-inline-start:calc(-1 * var(--g-space-48))}.g-xl-ms-56{margin-inline-start:var(--g-space-56)}.g-xl-neg-ms-56{margin-inline-start:calc(-1 * var(--g-space-56))}.g-xl-ms-64{margin-inline-start:var(--g-space-64)}.g-xl-neg-ms-64{margin-inline-start:calc(-1 * var(--g-space-64))}.g-xl-ms-80{margin-inline-start:var(--g-space-80)}.g-xl-neg-ms-80{margin-inline-start:calc(-1 * var(--g-space-80))}.g-xl-ms-96{margin-inline-start:var(--g-space-96)}.g-xl-neg-ms-96{margin-inline-start:calc(-1 * var(--g-space-96))}.g-xl-ms-px{margin-inline-start:var(--g-space-px)}.g-xl-ms-0_5{margin-inline-start:var(--g-space-0_5)}.g-xl-neg-ms-0_5{margin-inline-start:calc(-1 * var(--g-space-0_5))}.g-xl-ms-1_5{margin-inline-start:var(--g-space-1_5)}.g-xl-neg-ms-1_5{margin-inline-start:calc(-1 * var(--g-space-1_5))}.g-xl-ms-2_5{margin-inline-start:var(--g-space-2_5)}.g-xl-neg-ms-2_5{margin-inline-start:calc(-1 * var(--g-space-2_5))}.g-xl-ms-3_5{margin-inline-start:var(--g-space-3_5)}.g-xl-neg-ms-3_5{margin-inline-start:calc(-1 * var(--g-space-3_5))}.g-xl-me-0{margin-inline-end:var(--g-space-0)}.g-xl-me-1{margin-inline-end:var(--g-space-1)}.g-xl-neg-me-1{margin-inline-end:calc(-1 * var(--g-space-1))}.g-xl-me-2{margin-inline-end:var(--g-space-2)}.g-xl-neg-me-2{margin-inline-end:calc(-1 * var(--g-space-2))}.g-xl-me-3{margin-inline-end:var(--g-space-3)}.g-xl-neg-me-3{margin-inline-end:calc(-1 * var(--g-space-3))}.g-xl-me-4{margin-inline-end:var(--g-space-4)}.g-xl-neg-me-4{margin-inline-end:calc(-1 * var(--g-space-4))}.g-xl-me-5{margin-inline-end:var(--g-space-5)}.g-xl-neg-me-5{margin-inline-end:calc(-1 * var(--g-space-5))}.g-xl-me-6{margin-inline-end:var(--g-space-6)}.g-xl-neg-me-6{margin-inline-end:calc(-1 * var(--g-space-6))}.g-xl-me-7{margin-inline-end:var(--g-space-7)}.g-xl-neg-me-7{margin-inline-end:calc(-1 * var(--g-space-7))}.g-xl-me-8{margin-inline-end:var(--g-space-8)}.g-xl-neg-me-8{margin-inline-end:calc(-1 * var(--g-space-8))}.g-xl-me-9{margin-inline-end:var(--g-space-9)}.g-xl-neg-me-9{margin-inline-end:calc(-1 * var(--g-space-9))}.g-xl-me-10{margin-inline-end:var(--g-space-10)}.g-xl-neg-me-10{margin-inline-end:calc(-1 * var(--g-space-10))}.g-xl-me-12{margin-inline-end:var(--g-space-12)}.g-xl-neg-me-12{margin-inline-end:calc(-1 * var(--g-space-12))}.g-xl-me-14{margin-inline-end:var(--g-space-14)}.g-xl-neg-me-14{margin-inline-end:calc(-1 * var(--g-space-14))}.g-xl-me-16{margin-inline-end:var(--g-space-16)}.g-xl-neg-me-16{margin-inline-end:calc(-1 * var(--g-space-16))}.g-xl-me-20{margin-inline-end:var(--g-space-20)}.g-xl-neg-me-20{margin-inline-end:calc(-1 * var(--g-space-20))}.g-xl-me-24{margin-inline-end:var(--g-space-24)}.g-xl-neg-me-24{margin-inline-end:calc(-1 * var(--g-space-24))}.g-xl-me-28{margin-inline-end:var(--g-space-28)}.g-xl-neg-me-28{margin-inline-end:calc(-1 * var(--g-space-28))}.g-xl-me-32{margin-inline-end:var(--g-space-32)}.g-xl-neg-me-32{margin-inline-end:calc(-1 * var(--g-space-32))}.g-xl-me-40{margin-inline-end:var(--g-space-40)}.g-xl-neg-me-40{margin-inline-end:calc(-1 * var(--g-space-40))}.g-xl-me-48{margin-inline-end:var(--g-space-48)}.g-xl-neg-me-48{margin-inline-end:calc(-1 * var(--g-space-48))}.g-xl-me-56{margin-inline-end:var(--g-space-56)}.g-xl-neg-me-56{margin-inline-end:calc(-1 * var(--g-space-56))}.g-xl-me-64{margin-inline-end:var(--g-space-64)}.g-xl-neg-me-64{margin-inline-end:calc(-1 * var(--g-space-64))}.g-xl-me-80{margin-inline-end:var(--g-space-80)}.g-xl-neg-me-80{margin-inline-end:calc(-1 * var(--g-space-80))}.g-xl-me-96{margin-inline-end:var(--g-space-96)}.g-xl-neg-me-96{margin-inline-end:calc(-1 * var(--g-space-96))}.g-xl-me-px{margin-inline-end:var(--g-space-px)}.g-xl-me-0_5{margin-inline-end:var(--g-space-0_5)}.g-xl-neg-me-0_5{margin-inline-end:calc(-1 * var(--g-space-0_5))}.g-xl-me-1_5{margin-inline-end:var(--g-space-1_5)}.g-xl-neg-me-1_5{margin-inline-end:calc(-1 * var(--g-space-1_5))}.g-xl-me-2_5{margin-inline-end:var(--g-space-2_5)}.g-xl-neg-me-2_5{margin-inline-end:calc(-1 * var(--g-space-2_5))}.g-xl-me-3_5{margin-inline-end:var(--g-space-3_5)}.g-xl-neg-me-3_5{margin-inline-end:calc(-1 * var(--g-space-3_5))}.g-xl-p-0{padding:var(--g-space-0)}.g-xl-p-1{padding:var(--g-space-1)}.g-xl-p-2{padding:var(--g-space-2)}.g-xl-p-3{padding:var(--g-space-3)}.g-xl-p-4{padding:var(--g-space-4)}.g-xl-p-5{padding:var(--g-space-5)}.g-xl-p-6{padding:var(--g-space-6)}.g-xl-p-7{padding:var(--g-space-7)}.g-xl-p-8{padding:var(--g-space-8)}.g-xl-p-9{padding:var(--g-space-9)}.g-xl-p-10{padding:var(--g-space-10)}.g-xl-p-12{padding:var(--g-space-12)}.g-xl-p-14{padding:var(--g-space-14)}.g-xl-p-16{padding:var(--g-space-16)}.g-xl-p-20{padding:var(--g-space-20)}.g-xl-p-24{padding:var(--g-space-24)}.g-xl-p-28{padding:var(--g-space-28)}.g-xl-p-32{padding:var(--g-space-32)}.g-xl-p-40{padding:var(--g-space-40)}.g-xl-p-48{padding:var(--g-space-48)}.g-xl-p-56{padding:var(--g-space-56)}.g-xl-p-64{padding:var(--g-space-64)}.g-xl-p-80{padding:var(--g-space-80)}.g-xl-p-96{padding:var(--g-space-96)}.g-xl-p-px{padding:var(--g-space-px)}.g-xl-p-0_5{padding:var(--g-space-0_5)}.g-xl-p-1_5{padding:var(--g-space-1_5)}.g-xl-p-2_5{padding:var(--g-space-2_5)}.g-xl-p-3_5{padding:var(--g-space-3_5)}.g-xl-px-0{padding-inline:var(--g-space-0)}.g-xl-px-1{padding-inline:var(--g-space-1)}.g-xl-px-2{padding-inline:var(--g-space-2)}.g-xl-px-3{padding-inline:var(--g-space-3)}.g-xl-px-4{padding-inline:var(--g-space-4)}.g-xl-px-5{padding-inline:var(--g-space-5)}.g-xl-px-6{padding-inline:var(--g-space-6)}.g-xl-px-7{padding-inline:var(--g-space-7)}.g-xl-px-8{padding-inline:var(--g-space-8)}.g-xl-px-9{padding-inline:var(--g-space-9)}.g-xl-px-10{padding-inline:var(--g-space-10)}.g-xl-px-12{padding-inline:var(--g-space-12)}.g-xl-px-14{padding-inline:var(--g-space-14)}.g-xl-px-16{padding-inline:var(--g-space-16)}.g-xl-px-20{padding-inline:var(--g-space-20)}.g-xl-px-24{padding-inline:var(--g-space-24)}.g-xl-px-28{padding-inline:var(--g-space-28)}.g-xl-px-32{padding-inline:var(--g-space-32)}.g-xl-px-40{padding-inline:var(--g-space-40)}.g-xl-px-48{padding-inline:var(--g-space-48)}.g-xl-px-56{padding-inline:var(--g-space-56)}.g-xl-px-64{padding-inline:var(--g-space-64)}.g-xl-px-80{padding-inline:var(--g-space-80)}.g-xl-px-96{padding-inline:var(--g-space-96)}.g-xl-px-px{padding-inline:var(--g-space-px)}.g-xl-px-0_5{padding-inline:var(--g-space-0_5)}.g-xl-px-1_5{padding-inline:var(--g-space-1_5)}.g-xl-px-2_5{padding-inline:var(--g-space-2_5)}.g-xl-px-3_5{padding-inline:var(--g-space-3_5)}.g-xl-py-0{padding-block:var(--g-space-0)}.g-xl-py-1{padding-block:var(--g-space-1)}.g-xl-py-2{padding-block:var(--g-space-2)}.g-xl-py-3{padding-block:var(--g-space-3)}.g-xl-py-4{padding-block:var(--g-space-4)}.g-xl-py-5{padding-block:var(--g-space-5)}.g-xl-py-6{padding-block:var(--g-space-6)}.g-xl-py-7{padding-block:var(--g-space-7)}.g-xl-py-8{padding-block:var(--g-space-8)}.g-xl-py-9{padding-block:var(--g-space-9)}.g-xl-py-10{padding-block:var(--g-space-10)}.g-xl-py-12{padding-block:var(--g-space-12)}.g-xl-py-14{padding-block:var(--g-space-14)}.g-xl-py-16{padding-block:var(--g-space-16)}.g-xl-py-20{padding-block:var(--g-space-20)}.g-xl-py-24{padding-block:var(--g-space-24)}.g-xl-py-28{padding-block:var(--g-space-28)}.g-xl-py-32{padding-block:var(--g-space-32)}.g-xl-py-40{padding-block:var(--g-space-40)}.g-xl-py-48{padding-block:var(--g-space-48)}.g-xl-py-56{padding-block:var(--g-space-56)}.g-xl-py-64{padding-block:var(--g-space-64)}.g-xl-py-80{padding-block:var(--g-space-80)}.g-xl-py-96{padding-block:var(--g-space-96)}.g-xl-py-px{padding-block:var(--g-space-px)}.g-xl-py-0_5{padding-block:var(--g-space-0_5)}.g-xl-py-1_5{padding-block:var(--g-space-1_5)}.g-xl-py-2_5{padding-block:var(--g-space-2_5)}.g-xl-py-3_5{padding-block:var(--g-space-3_5)}.g-xl-pt-0{padding-top:var(--g-space-0)}.g-xl-pt-1{padding-top:var(--g-space-1)}.g-xl-pt-2{padding-top:var(--g-space-2)}.g-xl-pt-3{padding-top:var(--g-space-3)}.g-xl-pt-4{padding-top:var(--g-space-4)}.g-xl-pt-5{padding-top:var(--g-space-5)}.g-xl-pt-6{padding-top:var(--g-space-6)}.g-xl-pt-7{padding-top:var(--g-space-7)}.g-xl-pt-8{padding-top:var(--g-space-8)}.g-xl-pt-9{padding-top:var(--g-space-9)}.g-xl-pt-10{padding-top:var(--g-space-10)}.g-xl-pt-12{padding-top:var(--g-space-12)}.g-xl-pt-14{padding-top:var(--g-space-14)}.g-xl-pt-16{padding-top:var(--g-space-16)}.g-xl-pt-20{padding-top:var(--g-space-20)}.g-xl-pt-24{padding-top:var(--g-space-24)}.g-xl-pt-28{padding-top:var(--g-space-28)}.g-xl-pt-32{padding-top:var(--g-space-32)}.g-xl-pt-40{padding-top:var(--g-space-40)}.g-xl-pt-48{padding-top:var(--g-space-48)}.g-xl-pt-56{padding-top:var(--g-space-56)}.g-xl-pt-64{padding-top:var(--g-space-64)}.g-xl-pt-80{padding-top:var(--g-space-80)}.g-xl-pt-96{padding-top:var(--g-space-96)}.g-xl-pt-px{padding-top:var(--g-space-px)}.g-xl-pt-0_5{padding-top:var(--g-space-0_5)}.g-xl-pt-1_5{padding-top:var(--g-space-1_5)}.g-xl-pt-2_5{padding-top:var(--g-space-2_5)}.g-xl-pt-3_5{padding-top:var(--g-space-3_5)}.g-xl-pr-0{padding-right:var(--g-space-0)}.g-xl-pr-1{padding-right:var(--g-space-1)}.g-xl-pr-2{padding-right:var(--g-space-2)}.g-xl-pr-3{padding-right:var(--g-space-3)}.g-xl-pr-4{padding-right:var(--g-space-4)}.g-xl-pr-5{padding-right:var(--g-space-5)}.g-xl-pr-6{padding-right:var(--g-space-6)}.g-xl-pr-7{padding-right:var(--g-space-7)}.g-xl-pr-8{padding-right:var(--g-space-8)}.g-xl-pr-9{padding-right:var(--g-space-9)}.g-xl-pr-10{padding-right:var(--g-space-10)}.g-xl-pr-12{padding-right:var(--g-space-12)}.g-xl-pr-14{padding-right:var(--g-space-14)}.g-xl-pr-16{padding-right:var(--g-space-16)}.g-xl-pr-20{padding-right:var(--g-space-20)}.g-xl-pr-24{padding-right:var(--g-space-24)}.g-xl-pr-28{padding-right:var(--g-space-28)}.g-xl-pr-32{padding-right:var(--g-space-32)}.g-xl-pr-40{padding-right:var(--g-space-40)}.g-xl-pr-48{padding-right:var(--g-space-48)}.g-xl-pr-56{padding-right:var(--g-space-56)}.g-xl-pr-64{padding-right:var(--g-space-64)}.g-xl-pr-80{padding-right:var(--g-space-80)}.g-xl-pr-96{padding-right:var(--g-space-96)}.g-xl-pr-px{padding-right:var(--g-space-px)}.g-xl-pr-0_5{padding-right:var(--g-space-0_5)}.g-xl-pr-1_5{padding-right:var(--g-space-1_5)}.g-xl-pr-2_5{padding-right:var(--g-space-2_5)}.g-xl-pr-3_5{padding-right:var(--g-space-3_5)}.g-xl-pb-0{padding-bottom:var(--g-space-0)}.g-xl-pb-1{padding-bottom:var(--g-space-1)}.g-xl-pb-2{padding-bottom:var(--g-space-2)}.g-xl-pb-3{padding-bottom:var(--g-space-3)}.g-xl-pb-4{padding-bottom:var(--g-space-4)}.g-xl-pb-5{padding-bottom:var(--g-space-5)}.g-xl-pb-6{padding-bottom:var(--g-space-6)}.g-xl-pb-7{padding-bottom:var(--g-space-7)}.g-xl-pb-8{padding-bottom:var(--g-space-8)}.g-xl-pb-9{padding-bottom:var(--g-space-9)}.g-xl-pb-10{padding-bottom:var(--g-space-10)}.g-xl-pb-12{padding-bottom:var(--g-space-12)}.g-xl-pb-14{padding-bottom:var(--g-space-14)}.g-xl-pb-16{padding-bottom:var(--g-space-16)}.g-xl-pb-20{padding-bottom:var(--g-space-20)}.g-xl-pb-24{padding-bottom:var(--g-space-24)}.g-xl-pb-28{padding-bottom:var(--g-space-28)}.g-xl-pb-32{padding-bottom:var(--g-space-32)}.g-xl-pb-40{padding-bottom:var(--g-space-40)}.g-xl-pb-48{padding-bottom:var(--g-space-48)}.g-xl-pb-56{padding-bottom:var(--g-space-56)}.g-xl-pb-64{padding-bottom:var(--g-space-64)}.g-xl-pb-80{padding-bottom:var(--g-space-80)}.g-xl-pb-96{padding-bottom:var(--g-space-96)}.g-xl-pb-px{padding-bottom:var(--g-space-px)}.g-xl-pb-0_5{padding-bottom:var(--g-space-0_5)}.g-xl-pb-1_5{padding-bottom:var(--g-space-1_5)}.g-xl-pb-2_5{padding-bottom:var(--g-space-2_5)}.g-xl-pb-3_5{padding-bottom:var(--g-space-3_5)}.g-xl-pl-0{padding-left:var(--g-space-0)}.g-xl-pl-1{padding-left:var(--g-space-1)}.g-xl-pl-2{padding-left:var(--g-space-2)}.g-xl-pl-3{padding-left:var(--g-space-3)}.g-xl-pl-4{padding-left:var(--g-space-4)}.g-xl-pl-5{padding-left:var(--g-space-5)}.g-xl-pl-6{padding-left:var(--g-space-6)}.g-xl-pl-7{padding-left:var(--g-space-7)}.g-xl-pl-8{padding-left:var(--g-space-8)}.g-xl-pl-9{padding-left:var(--g-space-9)}.g-xl-pl-10{padding-left:var(--g-space-10)}.g-xl-pl-12{padding-left:var(--g-space-12)}.g-xl-pl-14{padding-left:var(--g-space-14)}.g-xl-pl-16{padding-left:var(--g-space-16)}.g-xl-pl-20{padding-left:var(--g-space-20)}.g-xl-pl-24{padding-left:var(--g-space-24)}.g-xl-pl-28{padding-left:var(--g-space-28)}.g-xl-pl-32{padding-left:var(--g-space-32)}.g-xl-pl-40{padding-left:var(--g-space-40)}.g-xl-pl-48{padding-left:var(--g-space-48)}.g-xl-pl-56{padding-left:var(--g-space-56)}.g-xl-pl-64{padding-left:var(--g-space-64)}.g-xl-pl-80{padding-left:var(--g-space-80)}.g-xl-pl-96{padding-left:var(--g-space-96)}.g-xl-pl-px{padding-left:var(--g-space-px)}.g-xl-pl-0_5{padding-left:var(--g-space-0_5)}.g-xl-pl-1_5{padding-left:var(--g-space-1_5)}.g-xl-pl-2_5{padding-left:var(--g-space-2_5)}.g-xl-pl-3_5{padding-left:var(--g-space-3_5)}.g-xl-ps-0{padding-inline-start:var(--g-space-0)}.g-xl-ps-1{padding-inline-start:var(--g-space-1)}.g-xl-ps-2{padding-inline-start:var(--g-space-2)}.g-xl-ps-3{padding-inline-start:var(--g-space-3)}.g-xl-ps-4{padding-inline-start:var(--g-space-4)}.g-xl-ps-5{padding-inline-start:var(--g-space-5)}.g-xl-ps-6{padding-inline-start:var(--g-space-6)}.g-xl-ps-7{padding-inline-start:var(--g-space-7)}.g-xl-ps-8{padding-inline-start:var(--g-space-8)}.g-xl-ps-9{padding-inline-start:var(--g-space-9)}.g-xl-ps-10{padding-inline-start:var(--g-space-10)}.g-xl-ps-12{padding-inline-start:var(--g-space-12)}.g-xl-ps-14{padding-inline-start:var(--g-space-14)}.g-xl-ps-16{padding-inline-start:var(--g-space-16)}.g-xl-ps-20{padding-inline-start:var(--g-space-20)}.g-xl-ps-24{padding-inline-start:var(--g-space-24)}.g-xl-ps-28{padding-inline-start:var(--g-space-28)}.g-xl-ps-32{padding-inline-start:var(--g-space-32)}.g-xl-ps-40{padding-inline-start:var(--g-space-40)}.g-xl-ps-48{padding-inline-start:var(--g-space-48)}.g-xl-ps-56{padding-inline-start:var(--g-space-56)}.g-xl-ps-64{padding-inline-start:var(--g-space-64)}.g-xl-ps-80{padding-inline-start:var(--g-space-80)}.g-xl-ps-96{padding-inline-start:var(--g-space-96)}.g-xl-ps-px{padding-inline-start:var(--g-space-px)}.g-xl-ps-0_5{padding-inline-start:var(--g-space-0_5)}.g-xl-ps-1_5{padding-inline-start:var(--g-space-1_5)}.g-xl-ps-2_5{padding-inline-start:var(--g-space-2_5)}.g-xl-ps-3_5{padding-inline-start:var(--g-space-3_5)}.g-xl-pe-0{padding-inline-end:var(--g-space-0)}.g-xl-pe-1{padding-inline-end:var(--g-space-1)}.g-xl-pe-2{padding-inline-end:var(--g-space-2)}.g-xl-pe-3{padding-inline-end:var(--g-space-3)}.g-xl-pe-4{padding-inline-end:var(--g-space-4)}.g-xl-pe-5{padding-inline-end:var(--g-space-5)}.g-xl-pe-6{padding-inline-end:var(--g-space-6)}.g-xl-pe-7{padding-inline-end:var(--g-space-7)}.g-xl-pe-8{padding-inline-end:var(--g-space-8)}.g-xl-pe-9{padding-inline-end:var(--g-space-9)}.g-xl-pe-10{padding-inline-end:var(--g-space-10)}.g-xl-pe-12{padding-inline-end:var(--g-space-12)}.g-xl-pe-14{padding-inline-end:var(--g-space-14)}.g-xl-pe-16{padding-inline-end:var(--g-space-16)}.g-xl-pe-20{padding-inline-end:var(--g-space-20)}.g-xl-pe-24{padding-inline-end:var(--g-space-24)}.g-xl-pe-28{padding-inline-end:var(--g-space-28)}.g-xl-pe-32{padding-inline-end:var(--g-space-32)}.g-xl-pe-40{padding-inline-end:var(--g-space-40)}.g-xl-pe-48{padding-inline-end:var(--g-space-48)}.g-xl-pe-56{padding-inline-end:var(--g-space-56)}.g-xl-pe-64{padding-inline-end:var(--g-space-64)}.g-xl-pe-80{padding-inline-end:var(--g-space-80)}.g-xl-pe-96{padding-inline-end:var(--g-space-96)}.g-xl-pe-px{padding-inline-end:var(--g-space-px)}.g-xl-pe-0_5{padding-inline-end:var(--g-space-0_5)}.g-xl-pe-1_5{padding-inline-end:var(--g-space-1_5)}.g-xl-pe-2_5{padding-inline-end:var(--g-space-2_5)}.g-xl-pe-3_5{padding-inline-end:var(--g-space-3_5)}.g-xl-gap-0{gap:var(--g-space-0)}.g-xl-gap-1{gap:var(--g-space-1)}.g-xl-gap-2{gap:var(--g-space-2)}.g-xl-gap-3{gap:var(--g-space-3)}.g-xl-gap-4{gap:var(--g-space-4)}.g-xl-gap-5{gap:var(--g-space-5)}.g-xl-gap-6{gap:var(--g-space-6)}.g-xl-gap-7{gap:var(--g-space-7)}.g-xl-gap-8{gap:var(--g-space-8)}.g-xl-gap-9{gap:var(--g-space-9)}.g-xl-gap-10{gap:var(--g-space-10)}.g-xl-gap-12{gap:var(--g-space-12)}.g-xl-gap-14{gap:var(--g-space-14)}.g-xl-gap-16{gap:var(--g-space-16)}.g-xl-gap-20{gap:var(--g-space-20)}.g-xl-gap-24{gap:var(--g-space-24)}.g-xl-gap-28{gap:var(--g-space-28)}.g-xl-gap-32{gap:var(--g-space-32)}.g-xl-gap-40{gap:var(--g-space-40)}.g-xl-gap-48{gap:var(--g-space-48)}.g-xl-gap-56{gap:var(--g-space-56)}.g-xl-gap-64{gap:var(--g-space-64)}.g-xl-gap-80{gap:var(--g-space-80)}.g-xl-gap-96{gap:var(--g-space-96)}.g-xl-gap-px{gap:var(--g-space-px)}.g-xl-gap-0_5{gap:var(--g-space-0_5)}.g-xl-gap-1_5{gap:var(--g-space-1_5)}.g-xl-gap-2_5{gap:var(--g-space-2_5)}.g-xl-gap-3_5{gap:var(--g-space-3_5)}.g-xl-gap-x-0{column-gap:var(--g-space-0)}.g-xl-gap-x-1{column-gap:var(--g-space-1)}.g-xl-gap-x-2{column-gap:var(--g-space-2)}.g-xl-gap-x-3{column-gap:var(--g-space-3)}.g-xl-gap-x-4{column-gap:var(--g-space-4)}.g-xl-gap-x-5{column-gap:var(--g-space-5)}.g-xl-gap-x-6{column-gap:var(--g-space-6)}.g-xl-gap-x-7{column-gap:var(--g-space-7)}.g-xl-gap-x-8{column-gap:var(--g-space-8)}.g-xl-gap-x-9{column-gap:var(--g-space-9)}.g-xl-gap-x-10{column-gap:var(--g-space-10)}.g-xl-gap-x-12{column-gap:var(--g-space-12)}.g-xl-gap-x-14{column-gap:var(--g-space-14)}.g-xl-gap-x-16{column-gap:var(--g-space-16)}.g-xl-gap-x-20{column-gap:var(--g-space-20)}.g-xl-gap-x-24{column-gap:var(--g-space-24)}.g-xl-gap-x-28{column-gap:var(--g-space-28)}.g-xl-gap-x-32{column-gap:var(--g-space-32)}.g-xl-gap-x-40{column-gap:var(--g-space-40)}.g-xl-gap-x-48{column-gap:var(--g-space-48)}.g-xl-gap-x-56{column-gap:var(--g-space-56)}.g-xl-gap-x-64{column-gap:var(--g-space-64)}.g-xl-gap-x-80{column-gap:var(--g-space-80)}.g-xl-gap-x-96{column-gap:var(--g-space-96)}.g-xl-gap-x-px{column-gap:var(--g-space-px)}.g-xl-gap-x-0_5{column-gap:var(--g-space-0_5)}.g-xl-gap-x-1_5{column-gap:var(--g-space-1_5)}.g-xl-gap-x-2_5{column-gap:var(--g-space-2_5)}.g-xl-gap-x-3_5{column-gap:var(--g-space-3_5)}.g-xl-gap-y-0{row-gap:var(--g-space-0)}.g-xl-gap-y-1{row-gap:var(--g-space-1)}.g-xl-gap-y-2{row-gap:var(--g-space-2)}.g-xl-gap-y-3{row-gap:var(--g-space-3)}.g-xl-gap-y-4{row-gap:var(--g-space-4)}.g-xl-gap-y-5{row-gap:var(--g-space-5)}.g-xl-gap-y-6{row-gap:var(--g-space-6)}.g-xl-gap-y-7{row-gap:var(--g-space-7)}.g-xl-gap-y-8{row-gap:var(--g-space-8)}.g-xl-gap-y-9{row-gap:var(--g-space-9)}.g-xl-gap-y-10{row-gap:var(--g-space-10)}.g-xl-gap-y-12{row-gap:var(--g-space-12)}.g-xl-gap-y-14{row-gap:var(--g-space-14)}.g-xl-gap-y-16{row-gap:var(--g-space-16)}.g-xl-gap-y-20{row-gap:var(--g-space-20)}.g-xl-gap-y-24{row-gap:var(--g-space-24)}.g-xl-gap-y-28{row-gap:var(--g-space-28)}.g-xl-gap-y-32{row-gap:var(--g-space-32)}.g-xl-gap-y-40{row-gap:var(--g-space-40)}.g-xl-gap-y-48{row-gap:var(--g-space-48)}.g-xl-gap-y-56{row-gap:var(--g-space-56)}.g-xl-gap-y-64{row-gap:var(--g-space-64)}.g-xl-gap-y-80{row-gap:var(--g-space-80)}.g-xl-gap-y-96{row-gap:var(--g-space-96)}.g-xl-gap-y-px{row-gap:var(--g-space-px)}.g-xl-gap-y-0_5{row-gap:var(--g-space-0_5)}.g-xl-gap-y-1_5{row-gap:var(--g-space-1_5)}.g-xl-gap-y-2_5{row-gap:var(--g-space-2_5)}.g-xl-gap-y-3_5{row-gap:var(--g-space-3_5)}.g-xl-m-auto{margin:auto}.g-xl-mx-auto{margin-inline:auto}.g-xl-my-auto{margin-block:auto}.g-xl-mt-auto{margin-top:auto}.g-xl-mr-auto{margin-right:auto}.g-xl-mb-auto{margin-bottom:auto}.g-xl-ml-auto{margin-left:auto}.g-xl-ms-auto{margin-inline-start:auto}.g-xl-me-auto{margin-inline-end:auto}.g-xl-w-0{width:var(--g-space-0)}.g-xl-h-0{height:var(--g-space-0)}.g-xl-min-w-0{min-width:var(--g-space-0)}.g-xl-min-h-0{min-height:var(--g-space-0)}.g-xl-max-w-0{max-width:var(--g-space-0)}.g-xl-max-h-0{max-height:var(--g-space-0)}.g-xl-w-1{width:var(--g-space-1)}.g-xl-h-1{height:var(--g-space-1)}.g-xl-min-w-1{min-width:var(--g-space-1)}.g-xl-min-h-1{min-height:var(--g-space-1)}.g-xl-max-w-1{max-width:var(--g-space-1)}.g-xl-max-h-1{max-height:var(--g-space-1)}.g-xl-w-2{width:var(--g-space-2)}.g-xl-h-2{height:var(--g-space-2)}.g-xl-min-w-2{min-width:var(--g-space-2)}.g-xl-min-h-2{min-height:var(--g-space-2)}.g-xl-max-w-2{max-width:var(--g-space-2)}.g-xl-max-h-2{max-height:var(--g-space-2)}.g-xl-w-3{width:var(--g-space-3)}.g-xl-h-3{height:var(--g-space-3)}.g-xl-min-w-3{min-width:var(--g-space-3)}.g-xl-min-h-3{min-height:var(--g-space-3)}.g-xl-max-w-3{max-width:var(--g-space-3)}.g-xl-max-h-3{max-height:var(--g-space-3)}.g-xl-w-4{width:var(--g-space-4)}.g-xl-h-4{height:var(--g-space-4)}.g-xl-min-w-4{min-width:var(--g-space-4)}.g-xl-min-h-4{min-height:var(--g-space-4)}.g-xl-max-w-4{max-width:var(--g-space-4)}.g-xl-max-h-4{max-height:var(--g-space-4)}.g-xl-w-5{width:var(--g-space-5)}.g-xl-h-5{height:var(--g-space-5)}.g-xl-min-w-5{min-width:var(--g-space-5)}.g-xl-min-h-5{min-height:var(--g-space-5)}.g-xl-max-w-5{max-width:var(--g-space-5)}.g-xl-max-h-5{max-height:var(--g-space-5)}.g-xl-w-6{width:var(--g-space-6)}.g-xl-h-6{height:var(--g-space-6)}.g-xl-min-w-6{min-width:var(--g-space-6)}.g-xl-min-h-6{min-height:var(--g-space-6)}.g-xl-max-w-6{max-width:var(--g-space-6)}.g-xl-max-h-6{max-height:var(--g-space-6)}.g-xl-w-7{width:var(--g-space-7)}.g-xl-h-7{height:var(--g-space-7)}.g-xl-min-w-7{min-width:var(--g-space-7)}.g-xl-min-h-7{min-height:var(--g-space-7)}.g-xl-max-w-7{max-width:var(--g-space-7)}.g-xl-max-h-7{max-height:var(--g-space-7)}.g-xl-w-8{width:var(--g-space-8)}.g-xl-h-8{height:var(--g-space-8)}.g-xl-min-w-8{min-width:var(--g-space-8)}.g-xl-min-h-8{min-height:var(--g-space-8)}.g-xl-max-w-8{max-width:var(--g-space-8)}.g-xl-max-h-8{max-height:var(--g-space-8)}.g-xl-w-9{width:var(--g-space-9)}.g-xl-h-9{height:var(--g-space-9)}.g-xl-min-w-9{min-width:var(--g-space-9)}.g-xl-min-h-9{min-height:var(--g-space-9)}.g-xl-max-w-9{max-width:var(--g-space-9)}.g-xl-max-h-9{max-height:var(--g-space-9)}.g-xl-w-10{width:var(--g-space-10)}.g-xl-h-10{height:var(--g-space-10)}.g-xl-min-w-10{min-width:var(--g-space-10)}.g-xl-min-h-10{min-height:var(--g-space-10)}.g-xl-max-w-10{max-width:var(--g-space-10)}.g-xl-max-h-10{max-height:var(--g-space-10)}.g-xl-w-12{width:var(--g-space-12)}.g-xl-h-12{height:var(--g-space-12)}.g-xl-min-w-12{min-width:var(--g-space-12)}.g-xl-min-h-12{min-height:var(--g-space-12)}.g-xl-max-w-12{max-width:var(--g-space-12)}.g-xl-max-h-12{max-height:var(--g-space-12)}.g-xl-w-14{width:var(--g-space-14)}.g-xl-h-14{height:var(--g-space-14)}.g-xl-min-w-14{min-width:var(--g-space-14)}.g-xl-min-h-14{min-height:var(--g-space-14)}.g-xl-max-w-14{max-width:var(--g-space-14)}.g-xl-max-h-14{max-height:var(--g-space-14)}.g-xl-w-16{width:var(--g-space-16)}.g-xl-h-16{height:var(--g-space-16)}.g-xl-min-w-16{min-width:var(--g-space-16)}.g-xl-min-h-16{min-height:var(--g-space-16)}.g-xl-max-w-16{max-width:var(--g-space-16)}.g-xl-max-h-16{max-height:var(--g-space-16)}.g-xl-w-20{width:var(--g-space-20)}.g-xl-h-20{height:var(--g-space-20)}.g-xl-min-w-20{min-width:var(--g-space-20)}.g-xl-min-h-20{min-height:var(--g-space-20)}.g-xl-max-w-20{max-width:var(--g-space-20)}.g-xl-max-h-20{max-height:var(--g-space-20)}.g-xl-w-24{width:var(--g-space-24)}.g-xl-h-24{height:var(--g-space-24)}.g-xl-min-w-24{min-width:var(--g-space-24)}.g-xl-min-h-24{min-height:var(--g-space-24)}.g-xl-max-w-24{max-width:var(--g-space-24)}.g-xl-max-h-24{max-height:var(--g-space-24)}.g-xl-w-28{width:var(--g-space-28)}.g-xl-h-28{height:var(--g-space-28)}.g-xl-min-w-28{min-width:var(--g-space-28)}.g-xl-min-h-28{min-height:var(--g-space-28)}.g-xl-max-w-28{max-width:var(--g-space-28)}.g-xl-max-h-28{max-height:var(--g-space-28)}.g-xl-w-32{width:var(--g-space-32)}.g-xl-h-32{height:var(--g-space-32)}.g-xl-min-w-32{min-width:var(--g-space-32)}.g-xl-min-h-32{min-height:var(--g-space-32)}.g-xl-max-w-32{max-width:var(--g-space-32)}.g-xl-max-h-32{max-height:var(--g-space-32)}.g-xl-w-40{width:var(--g-space-40)}.g-xl-h-40{height:var(--g-space-40)}.g-xl-min-w-40{min-width:var(--g-space-40)}.g-xl-min-h-40{min-height:var(--g-space-40)}.g-xl-max-w-40{max-width:var(--g-space-40)}.g-xl-max-h-40{max-height:var(--g-space-40)}.g-xl-w-48{width:var(--g-space-48)}.g-xl-h-48{height:var(--g-space-48)}.g-xl-min-w-48{min-width:var(--g-space-48)}.g-xl-min-h-48{min-height:var(--g-space-48)}.g-xl-max-w-48{max-width:var(--g-space-48)}.g-xl-max-h-48{max-height:var(--g-space-48)}.g-xl-w-56{width:var(--g-space-56)}.g-xl-h-56{height:var(--g-space-56)}.g-xl-min-w-56{min-width:var(--g-space-56)}.g-xl-min-h-56{min-height:var(--g-space-56)}.g-xl-max-w-56{max-width:var(--g-space-56)}.g-xl-max-h-56{max-height:var(--g-space-56)}.g-xl-w-64{width:var(--g-space-64)}.g-xl-h-64{height:var(--g-space-64)}.g-xl-min-w-64{min-width:var(--g-space-64)}.g-xl-min-h-64{min-height:var(--g-space-64)}.g-xl-max-w-64{max-width:var(--g-space-64)}.g-xl-max-h-64{max-height:var(--g-space-64)}.g-xl-w-80{width:var(--g-space-80)}.g-xl-h-80{height:var(--g-space-80)}.g-xl-min-w-80{min-width:var(--g-space-80)}.g-xl-min-h-80{min-height:var(--g-space-80)}.g-xl-max-w-80{max-width:var(--g-space-80)}.g-xl-max-h-80{max-height:var(--g-space-80)}.g-xl-w-96{width:var(--g-space-96)}.g-xl-h-96{height:var(--g-space-96)}.g-xl-min-w-96{min-width:var(--g-space-96)}.g-xl-min-h-96{min-height:var(--g-space-96)}.g-xl-max-w-96{max-width:var(--g-space-96)}.g-xl-max-h-96{max-height:var(--g-space-96)}.g-xl-w-px{width:var(--g-space-px)}.g-xl-h-px{height:var(--g-space-px)}.g-xl-min-w-px{min-width:var(--g-space-px)}.g-xl-min-h-px{min-height:var(--g-space-px)}.g-xl-max-w-px{max-width:var(--g-space-px)}.g-xl-max-h-px{max-height:var(--g-space-px)}.g-xl-w-0_5{width:var(--g-space-0_5)}.g-xl-h-0_5{height:var(--g-space-0_5)}.g-xl-min-w-0_5{min-width:var(--g-space-0_5)}.g-xl-min-h-0_5{min-height:var(--g-space-0_5)}.g-xl-max-w-0_5{max-width:var(--g-space-0_5)}.g-xl-max-h-0_5{max-height:var(--g-space-0_5)}.g-xl-w-1_5{width:var(--g-space-1_5)}.g-xl-h-1_5{height:var(--g-space-1_5)}.g-xl-min-w-1_5{min-width:var(--g-space-1_5)}.g-xl-min-h-1_5{min-height:var(--g-space-1_5)}.g-xl-max-w-1_5{max-width:var(--g-space-1_5)}.g-xl-max-h-1_5{max-height:var(--g-space-1_5)}.g-xl-w-2_5{width:var(--g-space-2_5)}.g-xl-h-2_5{height:var(--g-space-2_5)}.g-xl-min-w-2_5{min-width:var(--g-space-2_5)}.g-xl-min-h-2_5{min-height:var(--g-space-2_5)}.g-xl-max-w-2_5{max-width:var(--g-space-2_5)}.g-xl-max-h-2_5{max-height:var(--g-space-2_5)}.g-xl-w-3_5{width:var(--g-space-3_5)}.g-xl-h-3_5{height:var(--g-space-3_5)}.g-xl-min-w-3_5{min-width:var(--g-space-3_5)}.g-xl-min-h-3_5{min-height:var(--g-space-3_5)}.g-xl-max-w-3_5{max-width:var(--g-space-3_5)}.g-xl-max-h-3_5{max-height:var(--g-space-3_5)}.g-xl-w-1of2{width:50%}.g-xl-h-1of2{height:50%}.g-xl-basis-1of2{flex-basis:50%}.g-xl-w-1of3{width:33.333333%}.g-xl-h-1of3{height:33.333333%}.g-xl-basis-1of3{flex-basis:33.333333%}.g-xl-w-2of3{width:66.666667%}.g-xl-h-2of3{height:66.666667%}.g-xl-basis-2of3{flex-basis:66.666667%}.g-xl-w-1of4{width:25%}.g-xl-h-1of4{height:25%}.g-xl-basis-1of4{flex-basis:25%}.g-xl-w-2of4{width:50%}.g-xl-h-2of4{height:50%}.g-xl-basis-2of4{flex-basis:50%}.g-xl-w-3of4{width:75%}.g-xl-h-3of4{height:75%}.g-xl-basis-3of4{flex-basis:75%}.g-xl-w-1of5{width:20%}.g-xl-h-1of5{height:20%}.g-xl-basis-1of5{flex-basis:20%}.g-xl-w-2of5{width:40%}.g-xl-h-2of5{height:40%}.g-xl-basis-2of5{flex-basis:40%}.g-xl-w-3of5{width:60%}.g-xl-h-3of5{height:60%}.g-xl-basis-3of5{flex-basis:60%}.g-xl-w-4of5{width:80%}.g-xl-h-4of5{height:80%}.g-xl-basis-4of5{flex-basis:80%}.g-xl-w-1of6{width:16.666667%}.g-xl-h-1of6{height:16.666667%}.g-xl-basis-1of6{flex-basis:16.666667%}.g-xl-w-5of6{width:83.333333%}.g-xl-h-5of6{height:83.333333%}.g-xl-basis-5of6{flex-basis:83.333333%}.g-xl-basis-auto{flex-basis:auto}.g-xl-basis-full{flex-basis:100%}.g-xl-inset-0{inset:var(--g-space-0)}.g-xl-inset-1{inset:var(--g-space-1)}.g-xl-neg-inset-1{inset:calc(-1 * var(--g-space-1))}.g-xl-inset-2{inset:var(--g-space-2)}.g-xl-neg-inset-2{inset:calc(-1 * var(--g-space-2))}.g-xl-inset-3{inset:var(--g-space-3)}.g-xl-neg-inset-3{inset:calc(-1 * var(--g-space-3))}.g-xl-inset-4{inset:var(--g-space-4)}.g-xl-neg-inset-4{inset:calc(-1 * var(--g-space-4))}.g-xl-inset-5{inset:var(--g-space-5)}.g-xl-neg-inset-5{inset:calc(-1 * var(--g-space-5))}.g-xl-inset-6{inset:var(--g-space-6)}.g-xl-neg-inset-6{inset:calc(-1 * var(--g-space-6))}.g-xl-inset-7{inset:var(--g-space-7)}.g-xl-neg-inset-7{inset:calc(-1 * var(--g-space-7))}.g-xl-inset-8{inset:var(--g-space-8)}.g-xl-neg-inset-8{inset:calc(-1 * var(--g-space-8))}.g-xl-inset-9{inset:var(--g-space-9)}.g-xl-neg-inset-9{inset:calc(-1 * var(--g-space-9))}.g-xl-inset-10{inset:var(--g-space-10)}.g-xl-neg-inset-10{inset:calc(-1 * var(--g-space-10))}.g-xl-inset-12{inset:var(--g-space-12)}.g-xl-neg-inset-12{inset:calc(-1 * var(--g-space-12))}.g-xl-inset-14{inset:var(--g-space-14)}.g-xl-neg-inset-14{inset:calc(-1 * var(--g-space-14))}.g-xl-inset-16{inset:var(--g-space-16)}.g-xl-neg-inset-16{inset:calc(-1 * var(--g-space-16))}.g-xl-inset-20{inset:var(--g-space-20)}.g-xl-neg-inset-20{inset:calc(-1 * var(--g-space-20))}.g-xl-inset-24{inset:var(--g-space-24)}.g-xl-neg-inset-24{inset:calc(-1 * var(--g-space-24))}.g-xl-inset-28{inset:var(--g-space-28)}.g-xl-neg-inset-28{inset:calc(-1 * var(--g-space-28))}.g-xl-inset-32{inset:var(--g-space-32)}.g-xl-neg-inset-32{inset:calc(-1 * var(--g-space-32))}.g-xl-inset-40{inset:var(--g-space-40)}.g-xl-neg-inset-40{inset:calc(-1 * var(--g-space-40))}.g-xl-inset-48{inset:var(--g-space-48)}.g-xl-neg-inset-48{inset:calc(-1 * var(--g-space-48))}.g-xl-inset-56{inset:var(--g-space-56)}.g-xl-neg-inset-56{inset:calc(-1 * var(--g-space-56))}.g-xl-inset-64{inset:var(--g-space-64)}.g-xl-neg-inset-64{inset:calc(-1 * var(--g-space-64))}.g-xl-inset-80{inset:var(--g-space-80)}.g-xl-neg-inset-80{inset:calc(-1 * var(--g-space-80))}.g-xl-inset-96{inset:var(--g-space-96)}.g-xl-neg-inset-96{inset:calc(-1 * var(--g-space-96))}.g-xl-inset-px{inset:var(--g-space-px)}.g-xl-inset-0_5{inset:var(--g-space-0_5)}.g-xl-neg-inset-0_5{inset:calc(-1 * var(--g-space-0_5))}.g-xl-inset-1_5{inset:var(--g-space-1_5)}.g-xl-neg-inset-1_5{inset:calc(-1 * var(--g-space-1_5))}.g-xl-inset-2_5{inset:var(--g-space-2_5)}.g-xl-neg-inset-2_5{inset:calc(-1 * var(--g-space-2_5))}.g-xl-inset-3_5{inset:var(--g-space-3_5)}.g-xl-neg-inset-3_5{inset:calc(-1 * var(--g-space-3_5))}.g-xl-inset-auto{inset:auto}.g-xl-inset-x-0{inset-inline:var(--g-space-0)}.g-xl-inset-x-1{inset-inline:var(--g-space-1)}.g-xl-neg-inset-x-1{inset-inline:calc(-1 * var(--g-space-1))}.g-xl-inset-x-2{inset-inline:var(--g-space-2)}.g-xl-neg-inset-x-2{inset-inline:calc(-1 * var(--g-space-2))}.g-xl-inset-x-3{inset-inline:var(--g-space-3)}.g-xl-neg-inset-x-3{inset-inline:calc(-1 * var(--g-space-3))}.g-xl-inset-x-4{inset-inline:var(--g-space-4)}.g-xl-neg-inset-x-4{inset-inline:calc(-1 * var(--g-space-4))}.g-xl-inset-x-5{inset-inline:var(--g-space-5)}.g-xl-neg-inset-x-5{inset-inline:calc(-1 * var(--g-space-5))}.g-xl-inset-x-6{inset-inline:var(--g-space-6)}.g-xl-neg-inset-x-6{inset-inline:calc(-1 * var(--g-space-6))}.g-xl-inset-x-7{inset-inline:var(--g-space-7)}.g-xl-neg-inset-x-7{inset-inline:calc(-1 * var(--g-space-7))}.g-xl-inset-x-8{inset-inline:var(--g-space-8)}.g-xl-neg-inset-x-8{inset-inline:calc(-1 * var(--g-space-8))}.g-xl-inset-x-9{inset-inline:var(--g-space-9)}.g-xl-neg-inset-x-9{inset-inline:calc(-1 * var(--g-space-9))}.g-xl-inset-x-10{inset-inline:var(--g-space-10)}.g-xl-neg-inset-x-10{inset-inline:calc(-1 * var(--g-space-10))}.g-xl-inset-x-12{inset-inline:var(--g-space-12)}.g-xl-neg-inset-x-12{inset-inline:calc(-1 * var(--g-space-12))}.g-xl-inset-x-14{inset-inline:var(--g-space-14)}.g-xl-neg-inset-x-14{inset-inline:calc(-1 * var(--g-space-14))}.g-xl-inset-x-16{inset-inline:var(--g-space-16)}.g-xl-neg-inset-x-16{inset-inline:calc(-1 * var(--g-space-16))}.g-xl-inset-x-20{inset-inline:var(--g-space-20)}.g-xl-neg-inset-x-20{inset-inline:calc(-1 * var(--g-space-20))}.g-xl-inset-x-24{inset-inline:var(--g-space-24)}.g-xl-neg-inset-x-24{inset-inline:calc(-1 * var(--g-space-24))}.g-xl-inset-x-28{inset-inline:var(--g-space-28)}.g-xl-neg-inset-x-28{inset-inline:calc(-1 * var(--g-space-28))}.g-xl-inset-x-32{inset-inline:var(--g-space-32)}.g-xl-neg-inset-x-32{inset-inline:calc(-1 * var(--g-space-32))}.g-xl-inset-x-40{inset-inline:var(--g-space-40)}.g-xl-neg-inset-x-40{inset-inline:calc(-1 * var(--g-space-40))}.g-xl-inset-x-48{inset-inline:var(--g-space-48)}.g-xl-neg-inset-x-48{inset-inline:calc(-1 * var(--g-space-48))}.g-xl-inset-x-56{inset-inline:var(--g-space-56)}.g-xl-neg-inset-x-56{inset-inline:calc(-1 * var(--g-space-56))}.g-xl-inset-x-64{inset-inline:var(--g-space-64)}.g-xl-neg-inset-x-64{inset-inline:calc(-1 * var(--g-space-64))}.g-xl-inset-x-80{inset-inline:var(--g-space-80)}.g-xl-neg-inset-x-80{inset-inline:calc(-1 * var(--g-space-80))}.g-xl-inset-x-96{inset-inline:var(--g-space-96)}.g-xl-neg-inset-x-96{inset-inline:calc(-1 * var(--g-space-96))}.g-xl-inset-x-px{inset-inline:var(--g-space-px)}.g-xl-inset-x-0_5{inset-inline:var(--g-space-0_5)}.g-xl-neg-inset-x-0_5{inset-inline:calc(-1 * var(--g-space-0_5))}.g-xl-inset-x-1_5{inset-inline:var(--g-space-1_5)}.g-xl-neg-inset-x-1_5{inset-inline:calc(-1 * var(--g-space-1_5))}.g-xl-inset-x-2_5{inset-inline:var(--g-space-2_5)}.g-xl-neg-inset-x-2_5{inset-inline:calc(-1 * var(--g-space-2_5))}.g-xl-inset-x-3_5{inset-inline:var(--g-space-3_5)}.g-xl-neg-inset-x-3_5{inset-inline:calc(-1 * var(--g-space-3_5))}.g-xl-inset-x-auto{inset-inline:auto}.g-xl-inset-y-0{inset-block:var(--g-space-0)}.g-xl-inset-y-1{inset-block:var(--g-space-1)}.g-xl-neg-inset-y-1{inset-block:calc(-1 * var(--g-space-1))}.g-xl-inset-y-2{inset-block:var(--g-space-2)}.g-xl-neg-inset-y-2{inset-block:calc(-1 * var(--g-space-2))}.g-xl-inset-y-3{inset-block:var(--g-space-3)}.g-xl-neg-inset-y-3{inset-block:calc(-1 * var(--g-space-3))}.g-xl-inset-y-4{inset-block:var(--g-space-4)}.g-xl-neg-inset-y-4{inset-block:calc(-1 * var(--g-space-4))}.g-xl-inset-y-5{inset-block:var(--g-space-5)}.g-xl-neg-inset-y-5{inset-block:calc(-1 * var(--g-space-5))}.g-xl-inset-y-6{inset-block:var(--g-space-6)}.g-xl-neg-inset-y-6{inset-block:calc(-1 * var(--g-space-6))}.g-xl-inset-y-7{inset-block:var(--g-space-7)}.g-xl-neg-inset-y-7{inset-block:calc(-1 * var(--g-space-7))}.g-xl-inset-y-8{inset-block:var(--g-space-8)}.g-xl-neg-inset-y-8{inset-block:calc(-1 * var(--g-space-8))}.g-xl-inset-y-9{inset-block:var(--g-space-9)}.g-xl-neg-inset-y-9{inset-block:calc(-1 * var(--g-space-9))}.g-xl-inset-y-10{inset-block:var(--g-space-10)}.g-xl-neg-inset-y-10{inset-block:calc(-1 * var(--g-space-10))}.g-xl-inset-y-12{inset-block:var(--g-space-12)}.g-xl-neg-inset-y-12{inset-block:calc(-1 * var(--g-space-12))}.g-xl-inset-y-14{inset-block:var(--g-space-14)}.g-xl-neg-inset-y-14{inset-block:calc(-1 * var(--g-space-14))}.g-xl-inset-y-16{inset-block:var(--g-space-16)}.g-xl-neg-inset-y-16{inset-block:calc(-1 * var(--g-space-16))}.g-xl-inset-y-20{inset-block:var(--g-space-20)}.g-xl-neg-inset-y-20{inset-block:calc(-1 * var(--g-space-20))}.g-xl-inset-y-24{inset-block:var(--g-space-24)}.g-xl-neg-inset-y-24{inset-block:calc(-1 * var(--g-space-24))}.g-xl-inset-y-28{inset-block:var(--g-space-28)}.g-xl-neg-inset-y-28{inset-block:calc(-1 * var(--g-space-28))}.g-xl-inset-y-32{inset-block:var(--g-space-32)}.g-xl-neg-inset-y-32{inset-block:calc(-1 * var(--g-space-32))}.g-xl-inset-y-40{inset-block:var(--g-space-40)}.g-xl-neg-inset-y-40{inset-block:calc(-1 * var(--g-space-40))}.g-xl-inset-y-48{inset-block:var(--g-space-48)}.g-xl-neg-inset-y-48{inset-block:calc(-1 * var(--g-space-48))}.g-xl-inset-y-56{inset-block:var(--g-space-56)}.g-xl-neg-inset-y-56{inset-block:calc(-1 * var(--g-space-56))}.g-xl-inset-y-64{inset-block:var(--g-space-64)}.g-xl-neg-inset-y-64{inset-block:calc(-1 * var(--g-space-64))}.g-xl-inset-y-80{inset-block:var(--g-space-80)}.g-xl-neg-inset-y-80{inset-block:calc(-1 * var(--g-space-80))}.g-xl-inset-y-96{inset-block:var(--g-space-96)}.g-xl-neg-inset-y-96{inset-block:calc(-1 * var(--g-space-96))}.g-xl-inset-y-px{inset-block:var(--g-space-px)}.g-xl-inset-y-0_5{inset-block:var(--g-space-0_5)}.g-xl-neg-inset-y-0_5{inset-block:calc(-1 * var(--g-space-0_5))}.g-xl-inset-y-1_5{inset-block:var(--g-space-1_5)}.g-xl-neg-inset-y-1_5{inset-block:calc(-1 * var(--g-space-1_5))}.g-xl-inset-y-2_5{inset-block:var(--g-space-2_5)}.g-xl-neg-inset-y-2_5{inset-block:calc(-1 * var(--g-space-2_5))}.g-xl-inset-y-3_5{inset-block:var(--g-space-3_5)}.g-xl-neg-inset-y-3_5{inset-block:calc(-1 * var(--g-space-3_5))}.g-xl-inset-y-auto{inset-block:auto}.g-xl-top-0{top:var(--g-space-0)}.g-xl-top-1{top:var(--g-space-1)}.g-xl-neg-top-1{top:calc(-1 * var(--g-space-1))}.g-xl-top-2{top:var(--g-space-2)}.g-xl-neg-top-2{top:calc(-1 * var(--g-space-2))}.g-xl-top-3{top:var(--g-space-3)}.g-xl-neg-top-3{top:calc(-1 * var(--g-space-3))}.g-xl-top-4{top:var(--g-space-4)}.g-xl-neg-top-4{top:calc(-1 * var(--g-space-4))}.g-xl-top-5{top:var(--g-space-5)}.g-xl-neg-top-5{top:calc(-1 * var(--g-space-5))}.g-xl-top-6{top:var(--g-space-6)}.g-xl-neg-top-6{top:calc(-1 * var(--g-space-6))}.g-xl-top-7{top:var(--g-space-7)}.g-xl-neg-top-7{top:calc(-1 * var(--g-space-7))}.g-xl-top-8{top:var(--g-space-8)}.g-xl-neg-top-8{top:calc(-1 * var(--g-space-8))}.g-xl-top-9{top:var(--g-space-9)}.g-xl-neg-top-9{top:calc(-1 * var(--g-space-9))}.g-xl-top-10{top:var(--g-space-10)}.g-xl-neg-top-10{top:calc(-1 * var(--g-space-10))}.g-xl-top-12{top:var(--g-space-12)}.g-xl-neg-top-12{top:calc(-1 * var(--g-space-12))}.g-xl-top-14{top:var(--g-space-14)}.g-xl-neg-top-14{top:calc(-1 * var(--g-space-14))}.g-xl-top-16{top:var(--g-space-16)}.g-xl-neg-top-16{top:calc(-1 * var(--g-space-16))}.g-xl-top-20{top:var(--g-space-20)}.g-xl-neg-top-20{top:calc(-1 * var(--g-space-20))}.g-xl-top-24{top:var(--g-space-24)}.g-xl-neg-top-24{top:calc(-1 * var(--g-space-24))}.g-xl-top-28{top:var(--g-space-28)}.g-xl-neg-top-28{top:calc(-1 * var(--g-space-28))}.g-xl-top-32{top:var(--g-space-32)}.g-xl-neg-top-32{top:calc(-1 * var(--g-space-32))}.g-xl-top-40{top:var(--g-space-40)}.g-xl-neg-top-40{top:calc(-1 * var(--g-space-40))}.g-xl-top-48{top:var(--g-space-48)}.g-xl-neg-top-48{top:calc(-1 * var(--g-space-48))}.g-xl-top-56{top:var(--g-space-56)}.g-xl-neg-top-56{top:calc(-1 * var(--g-space-56))}.g-xl-top-64{top:var(--g-space-64)}.g-xl-neg-top-64{top:calc(-1 * var(--g-space-64))}.g-xl-top-80{top:var(--g-space-80)}.g-xl-neg-top-80{top:calc(-1 * var(--g-space-80))}.g-xl-top-96{top:var(--g-space-96)}.g-xl-neg-top-96{top:calc(-1 * var(--g-space-96))}.g-xl-top-px{top:var(--g-space-px)}.g-xl-top-0_5{top:var(--g-space-0_5)}.g-xl-neg-top-0_5{top:calc(-1 * var(--g-space-0_5))}.g-xl-top-1_5{top:var(--g-space-1_5)}.g-xl-neg-top-1_5{top:calc(-1 * var(--g-space-1_5))}.g-xl-top-2_5{top:var(--g-space-2_5)}.g-xl-neg-top-2_5{top:calc(-1 * var(--g-space-2_5))}.g-xl-top-3_5{top:var(--g-space-3_5)}.g-xl-neg-top-3_5{top:calc(-1 * var(--g-space-3_5))}.g-xl-top-auto{top:auto}.g-xl-right-0{right:var(--g-space-0)}.g-xl-right-1{right:var(--g-space-1)}.g-xl-neg-right-1{right:calc(-1 * var(--g-space-1))}.g-xl-right-2{right:var(--g-space-2)}.g-xl-neg-right-2{right:calc(-1 * var(--g-space-2))}.g-xl-right-3{right:var(--g-space-3)}.g-xl-neg-right-3{right:calc(-1 * var(--g-space-3))}.g-xl-right-4{right:var(--g-space-4)}.g-xl-neg-right-4{right:calc(-1 * var(--g-space-4))}.g-xl-right-5{right:var(--g-space-5)}.g-xl-neg-right-5{right:calc(-1 * var(--g-space-5))}.g-xl-right-6{right:var(--g-space-6)}.g-xl-neg-right-6{right:calc(-1 * var(--g-space-6))}.g-xl-right-7{right:var(--g-space-7)}.g-xl-neg-right-7{right:calc(-1 * var(--g-space-7))}.g-xl-right-8{right:var(--g-space-8)}.g-xl-neg-right-8{right:calc(-1 * var(--g-space-8))}.g-xl-right-9{right:var(--g-space-9)}.g-xl-neg-right-9{right:calc(-1 * var(--g-space-9))}.g-xl-right-10{right:var(--g-space-10)}.g-xl-neg-right-10{right:calc(-1 * var(--g-space-10))}.g-xl-right-12{right:var(--g-space-12)}.g-xl-neg-right-12{right:calc(-1 * var(--g-space-12))}.g-xl-right-14{right:var(--g-space-14)}.g-xl-neg-right-14{right:calc(-1 * var(--g-space-14))}.g-xl-right-16{right:var(--g-space-16)}.g-xl-neg-right-16{right:calc(-1 * var(--g-space-16))}.g-xl-right-20{right:var(--g-space-20)}.g-xl-neg-right-20{right:calc(-1 * var(--g-space-20))}.g-xl-right-24{right:var(--g-space-24)}.g-xl-neg-right-24{right:calc(-1 * var(--g-space-24))}.g-xl-right-28{right:var(--g-space-28)}.g-xl-neg-right-28{right:calc(-1 * var(--g-space-28))}.g-xl-right-32{right:var(--g-space-32)}.g-xl-neg-right-32{right:calc(-1 * var(--g-space-32))}.g-xl-right-40{right:var(--g-space-40)}.g-xl-neg-right-40{right:calc(-1 * var(--g-space-40))}.g-xl-right-48{right:var(--g-space-48)}.g-xl-neg-right-48{right:calc(-1 * var(--g-space-48))}.g-xl-right-56{right:var(--g-space-56)}.g-xl-neg-right-56{right:calc(-1 * var(--g-space-56))}.g-xl-right-64{right:var(--g-space-64)}.g-xl-neg-right-64{right:calc(-1 * var(--g-space-64))}.g-xl-right-80{right:var(--g-space-80)}.g-xl-neg-right-80{right:calc(-1 * var(--g-space-80))}.g-xl-right-96{right:var(--g-space-96)}.g-xl-neg-right-96{right:calc(-1 * var(--g-space-96))}.g-xl-right-px{right:var(--g-space-px)}.g-xl-right-0_5{right:var(--g-space-0_5)}.g-xl-neg-right-0_5{right:calc(-1 * var(--g-space-0_5))}.g-xl-right-1_5{right:var(--g-space-1_5)}.g-xl-neg-right-1_5{right:calc(-1 * var(--g-space-1_5))}.g-xl-right-2_5{right:var(--g-space-2_5)}.g-xl-neg-right-2_5{right:calc(-1 * var(--g-space-2_5))}.g-xl-right-3_5{right:var(--g-space-3_5)}.g-xl-neg-right-3_5{right:calc(-1 * var(--g-space-3_5))}.g-xl-right-auto{right:auto}.g-xl-bottom-0{bottom:var(--g-space-0)}.g-xl-bottom-1{bottom:var(--g-space-1)}.g-xl-neg-bottom-1{bottom:calc(-1 * var(--g-space-1))}.g-xl-bottom-2{bottom:var(--g-space-2)}.g-xl-neg-bottom-2{bottom:calc(-1 * var(--g-space-2))}.g-xl-bottom-3{bottom:var(--g-space-3)}.g-xl-neg-bottom-3{bottom:calc(-1 * var(--g-space-3))}.g-xl-bottom-4{bottom:var(--g-space-4)}.g-xl-neg-bottom-4{bottom:calc(-1 * var(--g-space-4))}.g-xl-bottom-5{bottom:var(--g-space-5)}.g-xl-neg-bottom-5{bottom:calc(-1 * var(--g-space-5))}.g-xl-bottom-6{bottom:var(--g-space-6)}.g-xl-neg-bottom-6{bottom:calc(-1 * var(--g-space-6))}.g-xl-bottom-7{bottom:var(--g-space-7)}.g-xl-neg-bottom-7{bottom:calc(-1 * var(--g-space-7))}.g-xl-bottom-8{bottom:var(--g-space-8)}.g-xl-neg-bottom-8{bottom:calc(-1 * var(--g-space-8))}.g-xl-bottom-9{bottom:var(--g-space-9)}.g-xl-neg-bottom-9{bottom:calc(-1 * var(--g-space-9))}.g-xl-bottom-10{bottom:var(--g-space-10)}.g-xl-neg-bottom-10{bottom:calc(-1 * var(--g-space-10))}.g-xl-bottom-12{bottom:var(--g-space-12)}.g-xl-neg-bottom-12{bottom:calc(-1 * var(--g-space-12))}.g-xl-bottom-14{bottom:var(--g-space-14)}.g-xl-neg-bottom-14{bottom:calc(-1 * var(--g-space-14))}.g-xl-bottom-16{bottom:var(--g-space-16)}.g-xl-neg-bottom-16{bottom:calc(-1 * var(--g-space-16))}.g-xl-bottom-20{bottom:var(--g-space-20)}.g-xl-neg-bottom-20{bottom:calc(-1 * var(--g-space-20))}.g-xl-bottom-24{bottom:var(--g-space-24)}.g-xl-neg-bottom-24{bottom:calc(-1 * var(--g-space-24))}.g-xl-bottom-28{bottom:var(--g-space-28)}.g-xl-neg-bottom-28{bottom:calc(-1 * var(--g-space-28))}.g-xl-bottom-32{bottom:var(--g-space-32)}.g-xl-neg-bottom-32{bottom:calc(-1 * var(--g-space-32))}.g-xl-bottom-40{bottom:var(--g-space-40)}.g-xl-neg-bottom-40{bottom:calc(-1 * var(--g-space-40))}.g-xl-bottom-48{bottom:var(--g-space-48)}.g-xl-neg-bottom-48{bottom:calc(-1 * var(--g-space-48))}.g-xl-bottom-56{bottom:var(--g-space-56)}.g-xl-neg-bottom-56{bottom:calc(-1 * var(--g-space-56))}.g-xl-bottom-64{bottom:var(--g-space-64)}.g-xl-neg-bottom-64{bottom:calc(-1 * var(--g-space-64))}.g-xl-bottom-80{bottom:var(--g-space-80)}.g-xl-neg-bottom-80{bottom:calc(-1 * var(--g-space-80))}.g-xl-bottom-96{bottom:var(--g-space-96)}.g-xl-neg-bottom-96{bottom:calc(-1 * var(--g-space-96))}.g-xl-bottom-px{bottom:var(--g-space-px)}.g-xl-bottom-0_5{bottom:var(--g-space-0_5)}.g-xl-neg-bottom-0_5{bottom:calc(-1 * var(--g-space-0_5))}.g-xl-bottom-1_5{bottom:var(--g-space-1_5)}.g-xl-neg-bottom-1_5{bottom:calc(-1 * var(--g-space-1_5))}.g-xl-bottom-2_5{bottom:var(--g-space-2_5)}.g-xl-neg-bottom-2_5{bottom:calc(-1 * var(--g-space-2_5))}.g-xl-bottom-3_5{bottom:var(--g-space-3_5)}.g-xl-neg-bottom-3_5{bottom:calc(-1 * var(--g-space-3_5))}.g-xl-bottom-auto{bottom:auto}.g-xl-left-0{left:var(--g-space-0)}.g-xl-left-1{left:var(--g-space-1)}.g-xl-neg-left-1{left:calc(-1 * var(--g-space-1))}.g-xl-left-2{left:var(--g-space-2)}.g-xl-neg-left-2{left:calc(-1 * var(--g-space-2))}.g-xl-left-3{left:var(--g-space-3)}.g-xl-neg-left-3{left:calc(-1 * var(--g-space-3))}.g-xl-left-4{left:var(--g-space-4)}.g-xl-neg-left-4{left:calc(-1 * var(--g-space-4))}.g-xl-left-5{left:var(--g-space-5)}.g-xl-neg-left-5{left:calc(-1 * var(--g-space-5))}.g-xl-left-6{left:var(--g-space-6)}.g-xl-neg-left-6{left:calc(-1 * var(--g-space-6))}.g-xl-left-7{left:var(--g-space-7)}.g-xl-neg-left-7{left:calc(-1 * var(--g-space-7))}.g-xl-left-8{left:var(--g-space-8)}.g-xl-neg-left-8{left:calc(-1 * var(--g-space-8))}.g-xl-left-9{left:var(--g-space-9)}.g-xl-neg-left-9{left:calc(-1 * var(--g-space-9))}.g-xl-left-10{left:var(--g-space-10)}.g-xl-neg-left-10{left:calc(-1 * var(--g-space-10))}.g-xl-left-12{left:var(--g-space-12)}.g-xl-neg-left-12{left:calc(-1 * var(--g-space-12))}.g-xl-left-14{left:var(--g-space-14)}.g-xl-neg-left-14{left:calc(-1 * var(--g-space-14))}.g-xl-left-16{left:var(--g-space-16)}.g-xl-neg-left-16{left:calc(-1 * var(--g-space-16))}.g-xl-left-20{left:var(--g-space-20)}.g-xl-neg-left-20{left:calc(-1 * var(--g-space-20))}.g-xl-left-24{left:var(--g-space-24)}.g-xl-neg-left-24{left:calc(-1 * var(--g-space-24))}.g-xl-left-28{left:var(--g-space-28)}.g-xl-neg-left-28{left:calc(-1 * var(--g-space-28))}.g-xl-left-32{left:var(--g-space-32)}.g-xl-neg-left-32{left:calc(-1 * var(--g-space-32))}.g-xl-left-40{left:var(--g-space-40)}.g-xl-neg-left-40{left:calc(-1 * var(--g-space-40))}.g-xl-left-48{left:var(--g-space-48)}.g-xl-neg-left-48{left:calc(-1 * var(--g-space-48))}.g-xl-left-56{left:var(--g-space-56)}.g-xl-neg-left-56{left:calc(-1 * var(--g-space-56))}.g-xl-left-64{left:var(--g-space-64)}.g-xl-neg-left-64{left:calc(-1 * var(--g-space-64))}.g-xl-left-80{left:var(--g-space-80)}.g-xl-neg-left-80{left:calc(-1 * var(--g-space-80))}.g-xl-left-96{left:var(--g-space-96)}.g-xl-neg-left-96{left:calc(-1 * var(--g-space-96))}.g-xl-left-px{left:var(--g-space-px)}.g-xl-left-0_5{left:var(--g-space-0_5)}.g-xl-neg-left-0_5{left:calc(-1 * var(--g-space-0_5))}.g-xl-left-1_5{left:var(--g-space-1_5)}.g-xl-neg-left-1_5{left:calc(-1 * var(--g-space-1_5))}.g-xl-left-2_5{left:var(--g-space-2_5)}.g-xl-neg-left-2_5{left:calc(-1 * var(--g-space-2_5))}.g-xl-left-3_5{left:var(--g-space-3_5)}.g-xl-neg-left-3_5{left:calc(-1 * var(--g-space-3_5))}.g-xl-left-auto{left:auto}.g-xl-start-0{inset-inline-start:var(--g-space-0)}.g-xl-start-1{inset-inline-start:var(--g-space-1)}.g-xl-neg-start-1{inset-inline-start:calc(-1 * var(--g-space-1))}.g-xl-start-2{inset-inline-start:var(--g-space-2)}.g-xl-neg-start-2{inset-inline-start:calc(-1 * var(--g-space-2))}.g-xl-start-3{inset-inline-start:var(--g-space-3)}.g-xl-neg-start-3{inset-inline-start:calc(-1 * var(--g-space-3))}.g-xl-start-4{inset-inline-start:var(--g-space-4)}.g-xl-neg-start-4{inset-inline-start:calc(-1 * var(--g-space-4))}.g-xl-start-5{inset-inline-start:var(--g-space-5)}.g-xl-neg-start-5{inset-inline-start:calc(-1 * var(--g-space-5))}.g-xl-start-6{inset-inline-start:var(--g-space-6)}.g-xl-neg-start-6{inset-inline-start:calc(-1 * var(--g-space-6))}.g-xl-start-7{inset-inline-start:var(--g-space-7)}.g-xl-neg-start-7{inset-inline-start:calc(-1 * var(--g-space-7))}.g-xl-start-8{inset-inline-start:var(--g-space-8)}.g-xl-neg-start-8{inset-inline-start:calc(-1 * var(--g-space-8))}.g-xl-start-9{inset-inline-start:var(--g-space-9)}.g-xl-neg-start-9{inset-inline-start:calc(-1 * var(--g-space-9))}.g-xl-start-10{inset-inline-start:var(--g-space-10)}.g-xl-neg-start-10{inset-inline-start:calc(-1 * var(--g-space-10))}.g-xl-start-12{inset-inline-start:var(--g-space-12)}.g-xl-neg-start-12{inset-inline-start:calc(-1 * var(--g-space-12))}.g-xl-start-14{inset-inline-start:var(--g-space-14)}.g-xl-neg-start-14{inset-inline-start:calc(-1 * var(--g-space-14))}.g-xl-start-16{inset-inline-start:var(--g-space-16)}.g-xl-neg-start-16{inset-inline-start:calc(-1 * var(--g-space-16))}.g-xl-start-20{inset-inline-start:var(--g-space-20)}.g-xl-neg-start-20{inset-inline-start:calc(-1 * var(--g-space-20))}.g-xl-start-24{inset-inline-start:var(--g-space-24)}.g-xl-neg-start-24{inset-inline-start:calc(-1 * var(--g-space-24))}.g-xl-start-28{inset-inline-start:var(--g-space-28)}.g-xl-neg-start-28{inset-inline-start:calc(-1 * var(--g-space-28))}.g-xl-start-32{inset-inline-start:var(--g-space-32)}.g-xl-neg-start-32{inset-inline-start:calc(-1 * var(--g-space-32))}.g-xl-start-40{inset-inline-start:var(--g-space-40)}.g-xl-neg-start-40{inset-inline-start:calc(-1 * var(--g-space-40))}.g-xl-start-48{inset-inline-start:var(--g-space-48)}.g-xl-neg-start-48{inset-inline-start:calc(-1 * var(--g-space-48))}.g-xl-start-56{inset-inline-start:var(--g-space-56)}.g-xl-neg-start-56{inset-inline-start:calc(-1 * var(--g-space-56))}.g-xl-start-64{inset-inline-start:var(--g-space-64)}.g-xl-neg-start-64{inset-inline-start:calc(-1 * var(--g-space-64))}.g-xl-start-80{inset-inline-start:var(--g-space-80)}.g-xl-neg-start-80{inset-inline-start:calc(-1 * var(--g-space-80))}.g-xl-start-96{inset-inline-start:var(--g-space-96)}.g-xl-neg-start-96{inset-inline-start:calc(-1 * var(--g-space-96))}.g-xl-start-px{inset-inline-start:var(--g-space-px)}.g-xl-start-0_5{inset-inline-start:var(--g-space-0_5)}.g-xl-neg-start-0_5{inset-inline-start:calc(-1 * var(--g-space-0_5))}.g-xl-start-1_5{inset-inline-start:var(--g-space-1_5)}.g-xl-neg-start-1_5{inset-inline-start:calc(-1 * var(--g-space-1_5))}.g-xl-start-2_5{inset-inline-start:var(--g-space-2_5)}.g-xl-neg-start-2_5{inset-inline-start:calc(-1 * var(--g-space-2_5))}.g-xl-start-3_5{inset-inline-start:var(--g-space-3_5)}.g-xl-neg-start-3_5{inset-inline-start:calc(-1 * var(--g-space-3_5))}.g-xl-start-auto{inset-inline-start:auto}.g-xl-end-0{inset-inline-end:var(--g-space-0)}.g-xl-end-1{inset-inline-end:var(--g-space-1)}.g-xl-neg-end-1{inset-inline-end:calc(-1 * var(--g-space-1))}.g-xl-end-2{inset-inline-end:var(--g-space-2)}.g-xl-neg-end-2{inset-inline-end:calc(-1 * var(--g-space-2))}.g-xl-end-3{inset-inline-end:var(--g-space-3)}.g-xl-neg-end-3{inset-inline-end:calc(-1 * var(--g-space-3))}.g-xl-end-4{inset-inline-end:var(--g-space-4)}.g-xl-neg-end-4{inset-inline-end:calc(-1 * var(--g-space-4))}.g-xl-end-5{inset-inline-end:var(--g-space-5)}.g-xl-neg-end-5{inset-inline-end:calc(-1 * var(--g-space-5))}.g-xl-end-6{inset-inline-end:var(--g-space-6)}.g-xl-neg-end-6{inset-inline-end:calc(-1 * var(--g-space-6))}.g-xl-end-7{inset-inline-end:var(--g-space-7)}.g-xl-neg-end-7{inset-inline-end:calc(-1 * var(--g-space-7))}.g-xl-end-8{inset-inline-end:var(--g-space-8)}.g-xl-neg-end-8{inset-inline-end:calc(-1 * var(--g-space-8))}.g-xl-end-9{inset-inline-end:var(--g-space-9)}.g-xl-neg-end-9{inset-inline-end:calc(-1 * var(--g-space-9))}.g-xl-end-10{inset-inline-end:var(--g-space-10)}.g-xl-neg-end-10{inset-inline-end:calc(-1 * var(--g-space-10))}.g-xl-end-12{inset-inline-end:var(--g-space-12)}.g-xl-neg-end-12{inset-inline-end:calc(-1 * var(--g-space-12))}.g-xl-end-14{inset-inline-end:var(--g-space-14)}.g-xl-neg-end-14{inset-inline-end:calc(-1 * var(--g-space-14))}.g-xl-end-16{inset-inline-end:var(--g-space-16)}.g-xl-neg-end-16{inset-inline-end:calc(-1 * var(--g-space-16))}.g-xl-end-20{inset-inline-end:var(--g-space-20)}.g-xl-neg-end-20{inset-inline-end:calc(-1 * var(--g-space-20))}.g-xl-end-24{inset-inline-end:var(--g-space-24)}.g-xl-neg-end-24{inset-inline-end:calc(-1 * var(--g-space-24))}.g-xl-end-28{inset-inline-end:var(--g-space-28)}.g-xl-neg-end-28{inset-inline-end:calc(-1 * var(--g-space-28))}.g-xl-end-32{inset-inline-end:var(--g-space-32)}.g-xl-neg-end-32{inset-inline-end:calc(-1 * var(--g-space-32))}.g-xl-end-40{inset-inline-end:var(--g-space-40)}.g-xl-neg-end-40{inset-inline-end:calc(-1 * var(--g-space-40))}.g-xl-end-48{inset-inline-end:var(--g-space-48)}.g-xl-neg-end-48{inset-inline-end:calc(-1 * var(--g-space-48))}.g-xl-end-56{inset-inline-end:var(--g-space-56)}.g-xl-neg-end-56{inset-inline-end:calc(-1 * var(--g-space-56))}.g-xl-end-64{inset-inline-end:var(--g-space-64)}.g-xl-neg-end-64{inset-inline-end:calc(-1 * var(--g-space-64))}.g-xl-end-80{inset-inline-end:var(--g-space-80)}.g-xl-neg-end-80{inset-inline-end:calc(-1 * var(--g-space-80))}.g-xl-end-96{inset-inline-end:var(--g-space-96)}.g-xl-neg-end-96{inset-inline-end:calc(-1 * var(--g-space-96))}.g-xl-end-px{inset-inline-end:var(--g-space-px)}.g-xl-end-0_5{inset-inline-end:var(--g-space-0_5)}.g-xl-neg-end-0_5{inset-inline-end:calc(-1 * var(--g-space-0_5))}.g-xl-end-1_5{inset-inline-end:var(--g-space-1_5)}.g-xl-neg-end-1_5{inset-inline-end:calc(-1 * var(--g-space-1_5))}.g-xl-end-2_5{inset-inline-end:var(--g-space-2_5)}.g-xl-neg-end-2_5{inset-inline-end:calc(-1 * var(--g-space-2_5))}.g-xl-end-3_5{inset-inline-end:var(--g-space-3_5)}.g-xl-neg-end-3_5{inset-inline-end:calc(-1 * var(--g-space-3_5))}.g-xl-end-auto{inset-inline-end:auto}}
@media (min-width:1536px){.g-2xl-block{display:block}.g-2xl-inline{display:inline}.g-2xl-inline-block{display:inline-block}.g-2xl-hidden{display:none}.g-2xl-flex{display:flex}.g-2xl-inline-flex{display:inline-flex}.g-2xl-grid{display:grid}.g-2xl-inline-grid{display:inline-grid}.g-2xl-contents{display:contents}.g-2xl-flow-root{display:flow-root}.g-2xl-visible{visibility:visible}.g-2xl-invisible{visibility:hidden}.g-2xl-collapse{visibility:collapse}.g-2xl-box-border{box-sizing:border-box}.g-2xl-box-content{box-sizing:content-box}.g-2xl-isolate{isolation:isolate}.g-2xl-float-start{float:inline-start}.g-2xl-float-end{float:inline-end}.g-2xl-float-none{float:none}.g-2xl-clear-both{clear:both}.g-2xl-relative{position:relative}.g-2xl-absolute{position:absolute}.g-2xl-fixed{position:fixed}.g-2xl-sticky{position:sticky}.g-2xl-flex-row{flex-direction:row}.g-2xl-flex-row-reverse{flex-direction:row-reverse}.g-2xl-flex-col{flex-direction:column}.g-2xl-flex-col-reverse{flex-direction:column-reverse}.g-2xl-flex-wrap{flex-wrap:wrap}.g-2xl-flex-nowrap{flex-wrap:nowrap}.g-2xl-flex-1{flex:1 1 0%}.g-2xl-flex-auto{flex:1 1 auto}.g-2xl-flex-initial{flex:0 1 auto}.g-2xl-flex-none{flex:none}.g-2xl-grow{flex-grow:1}.g-2xl-grow-0{flex-grow:0}.g-2xl-shrink{flex-shrink:1}.g-2xl-shrink-0{flex-shrink:0}.g-2xl-items-start{align-items:flex-start}.g-2xl-items-center{align-items:center}.g-2xl-items-end{align-items:flex-end}.g-2xl-items-stretch{align-items:stretch}.g-2xl-justify-start{justify-content:flex-start}.g-2xl-justify-center{justify-content:center}.g-2xl-justify-end{justify-content:flex-end}.g-2xl-justify-between{justify-content:space-between}.g-2xl-justify-around{justify-content:space-around}.g-2xl-justify-evenly{justify-content:space-evenly}.g-2xl-content-start{align-content:flex-start}.g-2xl-content-center{align-content:center}.g-2xl-content-end{align-content:flex-end}.g-2xl-content-between{align-content:space-between}.g-2xl-content-stretch{align-content:stretch}.g-2xl-place-items-start{place-items:start}.g-2xl-place-items-center{place-items:center}.g-2xl-place-items-end{place-items:end}.g-2xl-place-content-center{place-content:center}.g-2xl-self-start{align-self:flex-start}.g-2xl-self-center{align-self:center}.g-2xl-self-end{align-self:flex-end}.g-2xl-self-stretch{align-self:stretch}.g-2xl-overflow-auto{overflow:auto}.g-2xl-overflow-hidden{overflow:hidden}.g-2xl-overflow-visible{overflow:visible}.g-2xl-overflow-scroll{overflow:scroll}.g-2xl-overflow-x-auto{overflow-x:auto}.g-2xl-overflow-y-auto{overflow-y:auto}.g-2xl-overscroll-none{overscroll-behavior:none}.g-2xl-overscroll-contain{overscroll-behavior:contain}.g-2xl-scroll-smooth{scroll-behavior:smooth}.g-2xl-snap-x{scroll-snap-type:x mandatory}.g-2xl-snap-y{scroll-snap-type:y mandatory}.g-2xl-snap-start{scroll-snap-align:start}.g-2xl-snap-center{scroll-snap-align:center}.g-2xl-w-full{width:100%}.g-2xl-w-auto{width:auto}.g-2xl-w-screen{width:100vw}.g-2xl-max-w-full{max-width:100%}.g-2xl-max-w-reading{max-width:var(--g-reading-max)}.g-2xl-max-w-content{max-width:var(--g-content-max)}.g-2xl-h-full{height:100%}.g-2xl-h-auto{height:auto}.g-2xl-h-screen{height:100vh}.g-2xl-h-svh{height:100svh}.g-2xl-h-lvh{height:100lvh}.g-2xl-h-dvh{height:100dvh}.g-2xl-min-h-screen{min-height:100vh}.g-2xl-min-h-svh{min-height:100svh}.g-2xl-min-h-dvh{min-height:100dvh}.g-2xl-text-left{text-align:left}.g-2xl-text-center{text-align:center}.g-2xl-text-right{text-align:right}.g-2xl-text-justify{text-align:justify}.g-2xl-font-sans{font-family:var(--g-font-sans)}.g-2xl-font-serif{font-family:var(--g-font-serif)}.g-2xl-font-mono{font-family:var(--g-font-mono)}.g-2xl-font-normal{font-weight:400}.g-2xl-font-medium{font-weight:500}.g-2xl-font-semibold{font-weight:600}.g-2xl-font-bold{font-weight:700}.g-2xl-italic{font-style:italic}.g-2xl-not-italic{font-style:normal}.g-2xl-uppercase{text-transform:uppercase}.g-2xl-lowercase{text-transform:lowercase}.g-2xl-capitalize{text-transform:capitalize}.g-2xl-normal-case{text-transform:none}.g-2xl-underline{text-decoration-line:underline}.g-2xl-line-through{text-decoration-line:line-through}.g-2xl-no-underline{text-decoration-line:none}.g-2xl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-2xl-whitespace-normal{white-space:normal}.g-2xl-whitespace-nowrap{white-space:nowrap}.g-2xl-whitespace-pre{white-space:pre}.g-2xl-whitespace-pre-wrap{white-space:pre-wrap}.g-2xl-break-words{overflow-wrap:break-word}.g-2xl-break-all{word-break:break-all}.g-2xl-leading-none{line-height:1}.g-2xl-leading-tight{line-height:var(--g-line-height-tight)}.g-2xl-leading-normal{line-height:var(--g-line-height-normal)}.g-2xl-leading-relaxed{line-height:var(--g-line-height-relaxed)}.g-2xl-tracking-tight{letter-spacing:-.025em}.g-2xl-tracking-normal{letter-spacing:0}.g-2xl-tracking-wide{letter-spacing:.025em}.g-2xl-text-primary{color:var(--g-color-primary-text)}.g-2xl-text-body{color:var(--g-color-text)}.g-2xl-text-muted{color:var(--g-color-text-muted)}.g-2xl-text-subtle{color:var(--g-color-text-subtle)}.g-2xl-text-danger{color:var(--g-color-danger)}.g-2xl-text-success{color:var(--g-color-success)}.g-2xl-text-warning{color:var(--g-color-warning)}.g-2xl-text-info{color:var(--g-color-info)}.g-2xl-bg-primary{background:var(--g-color-primary);color:var(--g-color-on-primary)}.g-2xl-bg-surface{background:var(--g-color-surface)}.g-2xl-bg-subtle{background:var(--g-color-surface-subtle)}.g-2xl-bg-transparent{background:transparent}.g-2xl-bg-success{background:var(--g-color-success-soft);color:var(--g-color-success)}.g-2xl-bg-warning{background:var(--g-color-warning-soft);color:var(--g-color-warning)}.g-2xl-bg-danger{background:var(--g-color-danger-soft);color:var(--g-color-danger)}.g-2xl-bg-info{background:var(--g-color-info-soft);color:var(--g-color-info)}.g-2xl-border{border:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-0{border:0}.g-2xl-border-t{border-top:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-r{border-right:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-b{border-bottom:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-l{border-left:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-x{border-inline:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-y{border-block:var(--g-border-width) solid var(--g-color-border)}.g-2xl-border-primary{border-color:var(--g-color-primary)}.g-2xl-border-strong{border-color:var(--g-color-border-strong)}.g-2xl-border-danger{border-color:var(--g-color-danger)}.g-2xl-border-dashed{border-style:dashed}.g-2xl-border-dotted{border-style:dotted}.g-2xl-rounded-none{border-radius:0}.g-2xl-rounded{border-radius:var(--g-radius-md)}.g-2xl-rounded-sm{border-radius:var(--g-radius-sm)}.g-2xl-rounded-lg{border-radius:var(--g-radius-lg)}.g-2xl-rounded-xl{border-radius:var(--g-radius-xl)}.g-2xl-rounded-full{border-radius:9999px}.g-2xl-shadow-none{box-shadow:none}.g-2xl-shadow-sm{box-shadow:var(--g-shadow-sm)}.g-2xl-shadow{box-shadow:var(--g-shadow-md)}.g-2xl-shadow-lg{box-shadow:var(--g-shadow-lg)}.g-2xl-opacity-0{opacity:0}.g-2xl-opacity-25{opacity:.25}.g-2xl-opacity-50{opacity:.5}.g-2xl-opacity-75{opacity:.75}.g-2xl-opacity-100{opacity:1}.g-2xl-cursor-pointer{cursor:pointer}.g-2xl-cursor-default{cursor:default}.g-2xl-cursor-move{cursor:move}.g-2xl-cursor-grab{cursor:grab}.g-2xl-cursor-wait{cursor:wait}.g-2xl-cursor-not-allowed{cursor:not-allowed}.g-2xl-select-none{user-select:none}.g-2xl-select-text{user-select:text}.g-2xl-select-all{user-select:all}.g-2xl-pointer-events-none{pointer-events:none}.g-2xl-pointer-events-auto{pointer-events:auto}.g-2xl-touch-none{touch-action:none}.g-2xl-touch-pan-x{touch-action:pan-x}.g-2xl-touch-pan-y{touch-action:pan-y}.g-2xl-resize{resize:both}.g-2xl-resize-x{resize:horizontal}.g-2xl-resize-y{resize:vertical}.g-2xl-resize-none{resize:none}.g-2xl-list-none{list-style-type:none}.g-2xl-list-disc{list-style-type:disc}.g-2xl-list-decimal{list-style-type:decimal}.g-2xl-list-inside{list-style-position:inside}.g-2xl-table-auto{table-layout:auto}.g-2xl-table-fixed{table-layout:fixed}.g-2xl-border-collapse{border-collapse:collapse}.g-2xl-border-separate{border-collapse:separate}.g-2xl-transition-none{transition-property:none}.g-2xl-transition{transition:all var(--g-duration-normal) var(--g-ease-standard)}.g-2xl-transition-colors{transition:color var(--g-duration-fast),background-color var(--g-duration-fast),border-color var(--g-duration-fast)}.g-2xl-transition-transform{transition:transform var(--g-duration-normal) var(--g-ease-standard)}.g-2xl-transform{transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-2xl-scale-95{--g-scale-x:.95;--g-scale-y:.95;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-2xl-scale-100{--g-scale-x:1;--g-scale-y:1;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-2xl-rotate-45{--g-rotate:45deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-2xl-rotate-90{--g-rotate:90deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-2xl-rotate-180{--g-rotate:180deg;transform:translate(var(--g-translate-x,0),var(--g-translate-y,0)) rotate(var(--g-rotate,0)) skewX(var(--g-skew-x,0)) skewY(var(--g-skew-y,0)) scaleX(var(--g-scale-x,1)) scaleY(var(--g-scale-y,1))}.g-2xl-grayscale{filter:grayscale(1)}.g-2xl-grayscale-0{filter:grayscale(0)}.g-2xl-blur{filter:blur(8px)}.g-2xl-backdrop-blur{backdrop-filter:blur(12px)}.g-2xl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.g-2xl-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.g-2xl-aspect-square{aspect-ratio:1}.g-2xl-aspect-video{aspect-ratio:16/9}.g-2xl-aspect-photo{aspect-ratio:4/3}.g-2xl-object-cover{object-fit:cover}.g-2xl-object-contain{object-fit:contain}.g-2xl-object-center{object-position:center}.g-2xl-object-top{object-position:top}.g-2xl-appearance-none{appearance:none}.g-2xl-cq-container{container-type:inline-size}.g-2xl-cq-size-container{container-type:size}.g-2xl-cq-name-main{container-name:g-main}.g-2xl-break-inside-avoid{break-inside:avoid}.g-2xl-break-before-page{break-before:page}.g-2xl-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.g-2xl-col-span-1{grid-column:span 1/span 1}.g-2xl-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.g-2xl-row-span-1{grid-row:span 1/span 1}.g-2xl-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-2xl-col-span-2{grid-column:span 2/span 2}.g-2xl-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.g-2xl-row-span-2{grid-row:span 2/span 2}.g-2xl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-2xl-col-span-3{grid-column:span 3/span 3}.g-2xl-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.g-2xl-row-span-3{grid-row:span 3/span 3}.g-2xl-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-2xl-col-span-4{grid-column:span 4/span 4}.g-2xl-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.g-2xl-row-span-4{grid-row:span 4/span 4}.g-2xl-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-2xl-col-span-5{grid-column:span 5/span 5}.g-2xl-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.g-2xl-row-span-5{grid-row:span 5/span 5}.g-2xl-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.g-2xl-col-span-6{grid-column:span 6/span 6}.g-2xl-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.g-2xl-row-span-6{grid-row:span 6/span 6}.g-2xl-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.g-2xl-col-span-7{grid-column:span 7/span 7}.g-2xl-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.g-2xl-row-span-7{grid-row:span 7/span 7}.g-2xl-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.g-2xl-col-span-8{grid-column:span 8/span 8}.g-2xl-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.g-2xl-row-span-8{grid-row:span 8/span 8}.g-2xl-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.g-2xl-col-span-9{grid-column:span 9/span 9}.g-2xl-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.g-2xl-row-span-9{grid-row:span 9/span 9}.g-2xl-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.g-2xl-col-span-10{grid-column:span 10/span 10}.g-2xl-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.g-2xl-row-span-10{grid-row:span 10/span 10}.g-2xl-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.g-2xl-col-span-11{grid-column:span 11/span 11}.g-2xl-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.g-2xl-row-span-11{grid-row:span 11/span 11}.g-2xl-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.g-2xl-col-span-12{grid-column:span 12/span 12}.g-2xl-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.g-2xl-row-span-12{grid-row:span 12/span 12}.g-2xl-grid-flow-row{grid-auto-flow:row}.g-2xl-grid-flow-col{grid-auto-flow:column}.g-2xl-grid-flow-dense{grid-auto-flow:dense}.g-2xl-border-1{border-width:1px}.g-2xl-border-2{border-width:2px}.g-2xl-border-3{border-width:3px}.g-2xl-border-4{border-width:4px}.g-2xl-border-8{border-width:8px}.g-2xl-text-xs{font-size:.75rem}.g-2xl-text-sm{font-size:.875rem}.g-2xl-text-base{font-size:1rem}.g-2xl-text-lg{font-size:1.125rem}.g-2xl-text-xl{font-size:1.25rem}.g-2xl-text-2xl{font-size:1.5rem}.g-2xl-text-3xl{font-size:1.875rem}.g-2xl-text-4xl{font-size:2.25rem}.g-2xl-text-5xl{font-size:3rem}.g-2xl-line-clamp-1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.g-2xl-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.g-2xl-line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.g-2xl-line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.g-2xl-line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.g-2xl-line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}.g-2xl-order-0{order:0}.g-2xl-order-1{order:1}.g-2xl-order-2{order:2}.g-2xl-order-3{order:3}.g-2xl-order-4{order:4}.g-2xl-order-5{order:5}.g-2xl-order-6{order:6}.g-2xl-order-7{order:7}.g-2xl-order-8{order:8}.g-2xl-order-9{order:9}.g-2xl-order-10{order:10}.g-2xl-order-11{order:11}.g-2xl-order-12{order:12}.g-2xl-order-13{order:13}.g-2xl-order-14{order:14}.g-2xl-order-15{order:15}.g-2xl-order-16{order:16}.g-2xl-order-17{order:17}.g-2xl-order-18{order:18}.g-2xl-order-19{order:19}.g-2xl-order-20{order:20}.g-2xl-order-21{order:21}.g-2xl-order-22{order:22}.g-2xl-order-23{order:23}.g-2xl-order-24{order:24}.g-2xl-z-0{z-index:0}.g-2xl-z-10{z-index:10}.g-2xl-z-20{z-index:20}.g-2xl-z-30{z-index:30}.g-2xl-z-40{z-index:40}.g-2xl-z-50{z-index:50}.g-2xl-m-0{margin:var(--g-space-0)}.g-2xl-m-1{margin:var(--g-space-1)}.g-2xl-neg-m-1{margin:calc(-1 * var(--g-space-1))}.g-2xl-m-2{margin:var(--g-space-2)}.g-2xl-neg-m-2{margin:calc(-1 * var(--g-space-2))}.g-2xl-m-3{margin:var(--g-space-3)}.g-2xl-neg-m-3{margin:calc(-1 * var(--g-space-3))}.g-2xl-m-4{margin:var(--g-space-4)}.g-2xl-neg-m-4{margin:calc(-1 * var(--g-space-4))}.g-2xl-m-5{margin:var(--g-space-5)}.g-2xl-neg-m-5{margin:calc(-1 * var(--g-space-5))}.g-2xl-m-6{margin:var(--g-space-6)}.g-2xl-neg-m-6{margin:calc(-1 * var(--g-space-6))}.g-2xl-m-7{margin:var(--g-space-7)}.g-2xl-neg-m-7{margin:calc(-1 * var(--g-space-7))}.g-2xl-m-8{margin:var(--g-space-8)}.g-2xl-neg-m-8{margin:calc(-1 * var(--g-space-8))}.g-2xl-m-9{margin:var(--g-space-9)}.g-2xl-neg-m-9{margin:calc(-1 * var(--g-space-9))}.g-2xl-m-10{margin:var(--g-space-10)}.g-2xl-neg-m-10{margin:calc(-1 * var(--g-space-10))}.g-2xl-m-12{margin:var(--g-space-12)}.g-2xl-neg-m-12{margin:calc(-1 * var(--g-space-12))}.g-2xl-m-14{margin:var(--g-space-14)}.g-2xl-neg-m-14{margin:calc(-1 * var(--g-space-14))}.g-2xl-m-16{margin:var(--g-space-16)}.g-2xl-neg-m-16{margin:calc(-1 * var(--g-space-16))}.g-2xl-m-20{margin:var(--g-space-20)}.g-2xl-neg-m-20{margin:calc(-1 * var(--g-space-20))}.g-2xl-m-24{margin:var(--g-space-24)}.g-2xl-neg-m-24{margin:calc(-1 * var(--g-space-24))}.g-2xl-m-28{margin:var(--g-space-28)}.g-2xl-neg-m-28{margin:calc(-1 * var(--g-space-28))}.g-2xl-m-32{margin:var(--g-space-32)}.g-2xl-neg-m-32{margin:calc(-1 * var(--g-space-32))}.g-2xl-m-40{margin:var(--g-space-40)}.g-2xl-neg-m-40{margin:calc(-1 * var(--g-space-40))}.g-2xl-m-48{margin:var(--g-space-48)}.g-2xl-neg-m-48{margin:calc(-1 * var(--g-space-48))}.g-2xl-m-56{margin:var(--g-space-56)}.g-2xl-neg-m-56{margin:calc(-1 * var(--g-space-56))}.g-2xl-m-64{margin:var(--g-space-64)}.g-2xl-neg-m-64{margin:calc(-1 * var(--g-space-64))}.g-2xl-m-80{margin:var(--g-space-80)}.g-2xl-neg-m-80{margin:calc(-1 * var(--g-space-80))}.g-2xl-m-96{margin:var(--g-space-96)}.g-2xl-neg-m-96{margin:calc(-1 * var(--g-space-96))}.g-2xl-m-px{margin:var(--g-space-px)}.g-2xl-m-0_5{margin:var(--g-space-0_5)}.g-2xl-neg-m-0_5{margin:calc(-1 * var(--g-space-0_5))}.g-2xl-m-1_5{margin:var(--g-space-1_5)}.g-2xl-neg-m-1_5{margin:calc(-1 * var(--g-space-1_5))}.g-2xl-m-2_5{margin:var(--g-space-2_5)}.g-2xl-neg-m-2_5{margin:calc(-1 * var(--g-space-2_5))}.g-2xl-m-3_5{margin:var(--g-space-3_5)}.g-2xl-neg-m-3_5{margin:calc(-1 * var(--g-space-3_5))}.g-2xl-mx-0{margin-inline:var(--g-space-0)}.g-2xl-mx-1{margin-inline:var(--g-space-1)}.g-2xl-neg-mx-1{margin-inline:calc(-1 * var(--g-space-1))}.g-2xl-mx-2{margin-inline:var(--g-space-2)}.g-2xl-neg-mx-2{margin-inline:calc(-1 * var(--g-space-2))}.g-2xl-mx-3{margin-inline:var(--g-space-3)}.g-2xl-neg-mx-3{margin-inline:calc(-1 * var(--g-space-3))}.g-2xl-mx-4{margin-inline:var(--g-space-4)}.g-2xl-neg-mx-4{margin-inline:calc(-1 * var(--g-space-4))}.g-2xl-mx-5{margin-inline:var(--g-space-5)}.g-2xl-neg-mx-5{margin-inline:calc(-1 * var(--g-space-5))}.g-2xl-mx-6{margin-inline:var(--g-space-6)}.g-2xl-neg-mx-6{margin-inline:calc(-1 * var(--g-space-6))}.g-2xl-mx-7{margin-inline:var(--g-space-7)}.g-2xl-neg-mx-7{margin-inline:calc(-1 * var(--g-space-7))}.g-2xl-mx-8{margin-inline:var(--g-space-8)}.g-2xl-neg-mx-8{margin-inline:calc(-1 * var(--g-space-8))}.g-2xl-mx-9{margin-inline:var(--g-space-9)}.g-2xl-neg-mx-9{margin-inline:calc(-1 * var(--g-space-9))}.g-2xl-mx-10{margin-inline:var(--g-space-10)}.g-2xl-neg-mx-10{margin-inline:calc(-1 * var(--g-space-10))}.g-2xl-mx-12{margin-inline:var(--g-space-12)}.g-2xl-neg-mx-12{margin-inline:calc(-1 * var(--g-space-12))}.g-2xl-mx-14{margin-inline:var(--g-space-14)}.g-2xl-neg-mx-14{margin-inline:calc(-1 * var(--g-space-14))}.g-2xl-mx-16{margin-inline:var(--g-space-16)}.g-2xl-neg-mx-16{margin-inline:calc(-1 * var(--g-space-16))}.g-2xl-mx-20{margin-inline:var(--g-space-20)}.g-2xl-neg-mx-20{margin-inline:calc(-1 * var(--g-space-20))}.g-2xl-mx-24{margin-inline:var(--g-space-24)}.g-2xl-neg-mx-24{margin-inline:calc(-1 * var(--g-space-24))}.g-2xl-mx-28{margin-inline:var(--g-space-28)}.g-2xl-neg-mx-28{margin-inline:calc(-1 * var(--g-space-28))}.g-2xl-mx-32{margin-inline:var(--g-space-32)}.g-2xl-neg-mx-32{margin-inline:calc(-1 * var(--g-space-32))}.g-2xl-mx-40{margin-inline:var(--g-space-40)}.g-2xl-neg-mx-40{margin-inline:calc(-1 * var(--g-space-40))}.g-2xl-mx-48{margin-inline:var(--g-space-48)}.g-2xl-neg-mx-48{margin-inline:calc(-1 * var(--g-space-48))}.g-2xl-mx-56{margin-inline:var(--g-space-56)}.g-2xl-neg-mx-56{margin-inline:calc(-1 * var(--g-space-56))}.g-2xl-mx-64{margin-inline:var(--g-space-64)}.g-2xl-neg-mx-64{margin-inline:calc(-1 * var(--g-space-64))}.g-2xl-mx-80{margin-inline:var(--g-space-80)}.g-2xl-neg-mx-80{margin-inline:calc(-1 * var(--g-space-80))}.g-2xl-mx-96{margin-inline:var(--g-space-96)}.g-2xl-neg-mx-96{margin-inline:calc(-1 * var(--g-space-96))}.g-2xl-mx-px{margin-inline:var(--g-space-px)}.g-2xl-mx-0_5{margin-inline:var(--g-space-0_5)}.g-2xl-neg-mx-0_5{margin-inline:calc(-1 * var(--g-space-0_5))}.g-2xl-mx-1_5{margin-inline:var(--g-space-1_5)}.g-2xl-neg-mx-1_5{margin-inline:calc(-1 * var(--g-space-1_5))}.g-2xl-mx-2_5{margin-inline:var(--g-space-2_5)}.g-2xl-neg-mx-2_5{margin-inline:calc(-1 * var(--g-space-2_5))}.g-2xl-mx-3_5{margin-inline:var(--g-space-3_5)}.g-2xl-neg-mx-3_5{margin-inline:calc(-1 * var(--g-space-3_5))}.g-2xl-my-0{margin-block:var(--g-space-0)}.g-2xl-my-1{margin-block:var(--g-space-1)}.g-2xl-neg-my-1{margin-block:calc(-1 * var(--g-space-1))}.g-2xl-my-2{margin-block:var(--g-space-2)}.g-2xl-neg-my-2{margin-block:calc(-1 * var(--g-space-2))}.g-2xl-my-3{margin-block:var(--g-space-3)}.g-2xl-neg-my-3{margin-block:calc(-1 * var(--g-space-3))}.g-2xl-my-4{margin-block:var(--g-space-4)}.g-2xl-neg-my-4{margin-block:calc(-1 * var(--g-space-4))}.g-2xl-my-5{margin-block:var(--g-space-5)}.g-2xl-neg-my-5{margin-block:calc(-1 * var(--g-space-5))}.g-2xl-my-6{margin-block:var(--g-space-6)}.g-2xl-neg-my-6{margin-block:calc(-1 * var(--g-space-6))}.g-2xl-my-7{margin-block:var(--g-space-7)}.g-2xl-neg-my-7{margin-block:calc(-1 * var(--g-space-7))}.g-2xl-my-8{margin-block:var(--g-space-8)}.g-2xl-neg-my-8{margin-block:calc(-1 * var(--g-space-8))}.g-2xl-my-9{margin-block:var(--g-space-9)}.g-2xl-neg-my-9{margin-block:calc(-1 * var(--g-space-9))}.g-2xl-my-10{margin-block:var(--g-space-10)}.g-2xl-neg-my-10{margin-block:calc(-1 * var(--g-space-10))}.g-2xl-my-12{margin-block:var(--g-space-12)}.g-2xl-neg-my-12{margin-block:calc(-1 * var(--g-space-12))}.g-2xl-my-14{margin-block:var(--g-space-14)}.g-2xl-neg-my-14{margin-block:calc(-1 * var(--g-space-14))}.g-2xl-my-16{margin-block:var(--g-space-16)}.g-2xl-neg-my-16{margin-block:calc(-1 * var(--g-space-16))}.g-2xl-my-20{margin-block:var(--g-space-20)}.g-2xl-neg-my-20{margin-block:calc(-1 * var(--g-space-20))}.g-2xl-my-24{margin-block:var(--g-space-24)}.g-2xl-neg-my-24{margin-block:calc(-1 * var(--g-space-24))}.g-2xl-my-28{margin-block:var(--g-space-28)}.g-2xl-neg-my-28{margin-block:calc(-1 * var(--g-space-28))}.g-2xl-my-32{margin-block:var(--g-space-32)}.g-2xl-neg-my-32{margin-block:calc(-1 * var(--g-space-32))}.g-2xl-my-40{margin-block:var(--g-space-40)}.g-2xl-neg-my-40{margin-block:calc(-1 * var(--g-space-40))}.g-2xl-my-48{margin-block:var(--g-space-48)}.g-2xl-neg-my-48{margin-block:calc(-1 * var(--g-space-48))}.g-2xl-my-56{margin-block:var(--g-space-56)}.g-2xl-neg-my-56{margin-block:calc(-1 * var(--g-space-56))}.g-2xl-my-64{margin-block:var(--g-space-64)}.g-2xl-neg-my-64{margin-block:calc(-1 * var(--g-space-64))}.g-2xl-my-80{margin-block:var(--g-space-80)}.g-2xl-neg-my-80{margin-block:calc(-1 * var(--g-space-80))}.g-2xl-my-96{margin-block:var(--g-space-96)}.g-2xl-neg-my-96{margin-block:calc(-1 * var(--g-space-96))}.g-2xl-my-px{margin-block:var(--g-space-px)}.g-2xl-my-0_5{margin-block:var(--g-space-0_5)}.g-2xl-neg-my-0_5{margin-block:calc(-1 * var(--g-space-0_5))}.g-2xl-my-1_5{margin-block:var(--g-space-1_5)}.g-2xl-neg-my-1_5{margin-block:calc(-1 * var(--g-space-1_5))}.g-2xl-my-2_5{margin-block:var(--g-space-2_5)}.g-2xl-neg-my-2_5{margin-block:calc(-1 * var(--g-space-2_5))}.g-2xl-my-3_5{margin-block:var(--g-space-3_5)}.g-2xl-neg-my-3_5{margin-block:calc(-1 * var(--g-space-3_5))}.g-2xl-mt-0{margin-top:var(--g-space-0)}.g-2xl-mt-1{margin-top:var(--g-space-1)}.g-2xl-neg-mt-1{margin-top:calc(-1 * var(--g-space-1))}.g-2xl-mt-2{margin-top:var(--g-space-2)}.g-2xl-neg-mt-2{margin-top:calc(-1 * var(--g-space-2))}.g-2xl-mt-3{margin-top:var(--g-space-3)}.g-2xl-neg-mt-3{margin-top:calc(-1 * var(--g-space-3))}.g-2xl-mt-4{margin-top:var(--g-space-4)}.g-2xl-neg-mt-4{margin-top:calc(-1 * var(--g-space-4))}.g-2xl-mt-5{margin-top:var(--g-space-5)}.g-2xl-neg-mt-5{margin-top:calc(-1 * var(--g-space-5))}.g-2xl-mt-6{margin-top:var(--g-space-6)}.g-2xl-neg-mt-6{margin-top:calc(-1 * var(--g-space-6))}.g-2xl-mt-7{margin-top:var(--g-space-7)}.g-2xl-neg-mt-7{margin-top:calc(-1 * var(--g-space-7))}.g-2xl-mt-8{margin-top:var(--g-space-8)}.g-2xl-neg-mt-8{margin-top:calc(-1 * var(--g-space-8))}.g-2xl-mt-9{margin-top:var(--g-space-9)}.g-2xl-neg-mt-9{margin-top:calc(-1 * var(--g-space-9))}.g-2xl-mt-10{margin-top:var(--g-space-10)}.g-2xl-neg-mt-10{margin-top:calc(-1 * var(--g-space-10))}.g-2xl-mt-12{margin-top:var(--g-space-12)}.g-2xl-neg-mt-12{margin-top:calc(-1 * var(--g-space-12))}.g-2xl-mt-14{margin-top:var(--g-space-14)}.g-2xl-neg-mt-14{margin-top:calc(-1 * var(--g-space-14))}.g-2xl-mt-16{margin-top:var(--g-space-16)}.g-2xl-neg-mt-16{margin-top:calc(-1 * var(--g-space-16))}.g-2xl-mt-20{margin-top:var(--g-space-20)}.g-2xl-neg-mt-20{margin-top:calc(-1 * var(--g-space-20))}.g-2xl-mt-24{margin-top:var(--g-space-24)}.g-2xl-neg-mt-24{margin-top:calc(-1 * var(--g-space-24))}.g-2xl-mt-28{margin-top:var(--g-space-28)}.g-2xl-neg-mt-28{margin-top:calc(-1 * var(--g-space-28))}.g-2xl-mt-32{margin-top:var(--g-space-32)}.g-2xl-neg-mt-32{margin-top:calc(-1 * var(--g-space-32))}.g-2xl-mt-40{margin-top:var(--g-space-40)}.g-2xl-neg-mt-40{margin-top:calc(-1 * var(--g-space-40))}.g-2xl-mt-48{margin-top:var(--g-space-48)}.g-2xl-neg-mt-48{margin-top:calc(-1 * var(--g-space-48))}.g-2xl-mt-56{margin-top:var(--g-space-56)}.g-2xl-neg-mt-56{margin-top:calc(-1 * var(--g-space-56))}.g-2xl-mt-64{margin-top:var(--g-space-64)}.g-2xl-neg-mt-64{margin-top:calc(-1 * var(--g-space-64))}.g-2xl-mt-80{margin-top:var(--g-space-80)}.g-2xl-neg-mt-80{margin-top:calc(-1 * var(--g-space-80))}.g-2xl-mt-96{margin-top:var(--g-space-96)}.g-2xl-neg-mt-96{margin-top:calc(-1 * var(--g-space-96))}.g-2xl-mt-px{margin-top:var(--g-space-px)}.g-2xl-mt-0_5{margin-top:var(--g-space-0_5)}.g-2xl-neg-mt-0_5{margin-top:calc(-1 * var(--g-space-0_5))}.g-2xl-mt-1_5{margin-top:var(--g-space-1_5)}.g-2xl-neg-mt-1_5{margin-top:calc(-1 * var(--g-space-1_5))}.g-2xl-mt-2_5{margin-top:var(--g-space-2_5)}.g-2xl-neg-mt-2_5{margin-top:calc(-1 * var(--g-space-2_5))}.g-2xl-mt-3_5{margin-top:var(--g-space-3_5)}.g-2xl-neg-mt-3_5{margin-top:calc(-1 * var(--g-space-3_5))}.g-2xl-mr-0{margin-right:var(--g-space-0)}.g-2xl-mr-1{margin-right:var(--g-space-1)}.g-2xl-neg-mr-1{margin-right:calc(-1 * var(--g-space-1))}.g-2xl-mr-2{margin-right:var(--g-space-2)}.g-2xl-neg-mr-2{margin-right:calc(-1 * var(--g-space-2))}.g-2xl-mr-3{margin-right:var(--g-space-3)}.g-2xl-neg-mr-3{margin-right:calc(-1 * var(--g-space-3))}.g-2xl-mr-4{margin-right:var(--g-space-4)}.g-2xl-neg-mr-4{margin-right:calc(-1 * var(--g-space-4))}.g-2xl-mr-5{margin-right:var(--g-space-5)}.g-2xl-neg-mr-5{margin-right:calc(-1 * var(--g-space-5))}.g-2xl-mr-6{margin-right:var(--g-space-6)}.g-2xl-neg-mr-6{margin-right:calc(-1 * var(--g-space-6))}.g-2xl-mr-7{margin-right:var(--g-space-7)}.g-2xl-neg-mr-7{margin-right:calc(-1 * var(--g-space-7))}.g-2xl-mr-8{margin-right:var(--g-space-8)}.g-2xl-neg-mr-8{margin-right:calc(-1 * var(--g-space-8))}.g-2xl-mr-9{margin-right:var(--g-space-9)}.g-2xl-neg-mr-9{margin-right:calc(-1 * var(--g-space-9))}.g-2xl-mr-10{margin-right:var(--g-space-10)}.g-2xl-neg-mr-10{margin-right:calc(-1 * var(--g-space-10))}.g-2xl-mr-12{margin-right:var(--g-space-12)}.g-2xl-neg-mr-12{margin-right:calc(-1 * var(--g-space-12))}.g-2xl-mr-14{margin-right:var(--g-space-14)}.g-2xl-neg-mr-14{margin-right:calc(-1 * var(--g-space-14))}.g-2xl-mr-16{margin-right:var(--g-space-16)}.g-2xl-neg-mr-16{margin-right:calc(-1 * var(--g-space-16))}.g-2xl-mr-20{margin-right:var(--g-space-20)}.g-2xl-neg-mr-20{margin-right:calc(-1 * var(--g-space-20))}.g-2xl-mr-24{margin-right:var(--g-space-24)}.g-2xl-neg-mr-24{margin-right:calc(-1 * var(--g-space-24))}.g-2xl-mr-28{margin-right:var(--g-space-28)}.g-2xl-neg-mr-28{margin-right:calc(-1 * var(--g-space-28))}.g-2xl-mr-32{margin-right:var(--g-space-32)}.g-2xl-neg-mr-32{margin-right:calc(-1 * var(--g-space-32))}.g-2xl-mr-40{margin-right:var(--g-space-40)}.g-2xl-neg-mr-40{margin-right:calc(-1 * var(--g-space-40))}.g-2xl-mr-48{margin-right:var(--g-space-48)}.g-2xl-neg-mr-48{margin-right:calc(-1 * var(--g-space-48))}.g-2xl-mr-56{margin-right:var(--g-space-56)}.g-2xl-neg-mr-56{margin-right:calc(-1 * var(--g-space-56))}.g-2xl-mr-64{margin-right:var(--g-space-64)}.g-2xl-neg-mr-64{margin-right:calc(-1 * var(--g-space-64))}.g-2xl-mr-80{margin-right:var(--g-space-80)}.g-2xl-neg-mr-80{margin-right:calc(-1 * var(--g-space-80))}.g-2xl-mr-96{margin-right:var(--g-space-96)}.g-2xl-neg-mr-96{margin-right:calc(-1 * var(--g-space-96))}.g-2xl-mr-px{margin-right:var(--g-space-px)}.g-2xl-mr-0_5{margin-right:var(--g-space-0_5)}.g-2xl-neg-mr-0_5{margin-right:calc(-1 * var(--g-space-0_5))}.g-2xl-mr-1_5{margin-right:var(--g-space-1_5)}.g-2xl-neg-mr-1_5{margin-right:calc(-1 * var(--g-space-1_5))}.g-2xl-mr-2_5{margin-right:var(--g-space-2_5)}.g-2xl-neg-mr-2_5{margin-right:calc(-1 * var(--g-space-2_5))}.g-2xl-mr-3_5{margin-right:var(--g-space-3_5)}.g-2xl-neg-mr-3_5{margin-right:calc(-1 * var(--g-space-3_5))}.g-2xl-mb-0{margin-bottom:var(--g-space-0)}.g-2xl-mb-1{margin-bottom:var(--g-space-1)}.g-2xl-neg-mb-1{margin-bottom:calc(-1 * var(--g-space-1))}.g-2xl-mb-2{margin-bottom:var(--g-space-2)}.g-2xl-neg-mb-2{margin-bottom:calc(-1 * var(--g-space-2))}.g-2xl-mb-3{margin-bottom:var(--g-space-3)}.g-2xl-neg-mb-3{margin-bottom:calc(-1 * var(--g-space-3))}.g-2xl-mb-4{margin-bottom:var(--g-space-4)}.g-2xl-neg-mb-4{margin-bottom:calc(-1 * var(--g-space-4))}.g-2xl-mb-5{margin-bottom:var(--g-space-5)}.g-2xl-neg-mb-5{margin-bottom:calc(-1 * var(--g-space-5))}.g-2xl-mb-6{margin-bottom:var(--g-space-6)}.g-2xl-neg-mb-6{margin-bottom:calc(-1 * var(--g-space-6))}.g-2xl-mb-7{margin-bottom:var(--g-space-7)}.g-2xl-neg-mb-7{margin-bottom:calc(-1 * var(--g-space-7))}.g-2xl-mb-8{margin-bottom:var(--g-space-8)}.g-2xl-neg-mb-8{margin-bottom:calc(-1 * var(--g-space-8))}.g-2xl-mb-9{margin-bottom:var(--g-space-9)}.g-2xl-neg-mb-9{margin-bottom:calc(-1 * var(--g-space-9))}.g-2xl-mb-10{margin-bottom:var(--g-space-10)}.g-2xl-neg-mb-10{margin-bottom:calc(-1 * var(--g-space-10))}.g-2xl-mb-12{margin-bottom:var(--g-space-12)}.g-2xl-neg-mb-12{margin-bottom:calc(-1 * var(--g-space-12))}.g-2xl-mb-14{margin-bottom:var(--g-space-14)}.g-2xl-neg-mb-14{margin-bottom:calc(-1 * var(--g-space-14))}.g-2xl-mb-16{margin-bottom:var(--g-space-16)}.g-2xl-neg-mb-16{margin-bottom:calc(-1 * var(--g-space-16))}.g-2xl-mb-20{margin-bottom:var(--g-space-20)}.g-2xl-neg-mb-20{margin-bottom:calc(-1 * var(--g-space-20))}.g-2xl-mb-24{margin-bottom:var(--g-space-24)}.g-2xl-neg-mb-24{margin-bottom:calc(-1 * var(--g-space-24))}.g-2xl-mb-28{margin-bottom:var(--g-space-28)}.g-2xl-neg-mb-28{margin-bottom:calc(-1 * var(--g-space-28))}.g-2xl-mb-32{margin-bottom:var(--g-space-32)}.g-2xl-neg-mb-32{margin-bottom:calc(-1 * var(--g-space-32))}.g-2xl-mb-40{margin-bottom:var(--g-space-40)}.g-2xl-neg-mb-40{margin-bottom:calc(-1 * var(--g-space-40))}.g-2xl-mb-48{margin-bottom:var(--g-space-48)}.g-2xl-neg-mb-48{margin-bottom:calc(-1 * var(--g-space-48))}.g-2xl-mb-56{margin-bottom:var(--g-space-56)}.g-2xl-neg-mb-56{margin-bottom:calc(-1 * var(--g-space-56))}.g-2xl-mb-64{margin-bottom:var(--g-space-64)}.g-2xl-neg-mb-64{margin-bottom:calc(-1 * var(--g-space-64))}.g-2xl-mb-80{margin-bottom:var(--g-space-80)}.g-2xl-neg-mb-80{margin-bottom:calc(-1 * var(--g-space-80))}.g-2xl-mb-96{margin-bottom:var(--g-space-96)}.g-2xl-neg-mb-96{margin-bottom:calc(-1 * var(--g-space-96))}.g-2xl-mb-px{margin-bottom:var(--g-space-px)}.g-2xl-mb-0_5{margin-bottom:var(--g-space-0_5)}.g-2xl-neg-mb-0_5{margin-bottom:calc(-1 * var(--g-space-0_5))}.g-2xl-mb-1_5{margin-bottom:var(--g-space-1_5)}.g-2xl-neg-mb-1_5{margin-bottom:calc(-1 * var(--g-space-1_5))}.g-2xl-mb-2_5{margin-bottom:var(--g-space-2_5)}.g-2xl-neg-mb-2_5{margin-bottom:calc(-1 * var(--g-space-2_5))}.g-2xl-mb-3_5{margin-bottom:var(--g-space-3_5)}.g-2xl-neg-mb-3_5{margin-bottom:calc(-1 * var(--g-space-3_5))}.g-2xl-ml-0{margin-left:var(--g-space-0)}.g-2xl-ml-1{margin-left:var(--g-space-1)}.g-2xl-neg-ml-1{margin-left:calc(-1 * var(--g-space-1))}.g-2xl-ml-2{margin-left:var(--g-space-2)}.g-2xl-neg-ml-2{margin-left:calc(-1 * var(--g-space-2))}.g-2xl-ml-3{margin-left:var(--g-space-3)}.g-2xl-neg-ml-3{margin-left:calc(-1 * var(--g-space-3))}.g-2xl-ml-4{margin-left:var(--g-space-4)}.g-2xl-neg-ml-4{margin-left:calc(-1 * var(--g-space-4))}.g-2xl-ml-5{margin-left:var(--g-space-5)}.g-2xl-neg-ml-5{margin-left:calc(-1 * var(--g-space-5))}.g-2xl-ml-6{margin-left:var(--g-space-6)}.g-2xl-neg-ml-6{margin-left:calc(-1 * var(--g-space-6))}.g-2xl-ml-7{margin-left:var(--g-space-7)}.g-2xl-neg-ml-7{margin-left:calc(-1 * var(--g-space-7))}.g-2xl-ml-8{margin-left:var(--g-space-8)}.g-2xl-neg-ml-8{margin-left:calc(-1 * var(--g-space-8))}.g-2xl-ml-9{margin-left:var(--g-space-9)}.g-2xl-neg-ml-9{margin-left:calc(-1 * var(--g-space-9))}.g-2xl-ml-10{margin-left:var(--g-space-10)}.g-2xl-neg-ml-10{margin-left:calc(-1 * var(--g-space-10))}.g-2xl-ml-12{margin-left:var(--g-space-12)}.g-2xl-neg-ml-12{margin-left:calc(-1 * var(--g-space-12))}.g-2xl-ml-14{margin-left:var(--g-space-14)}.g-2xl-neg-ml-14{margin-left:calc(-1 * var(--g-space-14))}.g-2xl-ml-16{margin-left:var(--g-space-16)}.g-2xl-neg-ml-16{margin-left:calc(-1 * var(--g-space-16))}.g-2xl-ml-20{margin-left:var(--g-space-20)}.g-2xl-neg-ml-20{margin-left:calc(-1 * var(--g-space-20))}.g-2xl-ml-24{margin-left:var(--g-space-24)}.g-2xl-neg-ml-24{margin-left:calc(-1 * var(--g-space-24))}.g-2xl-ml-28{margin-left:var(--g-space-28)}.g-2xl-neg-ml-28{margin-left:calc(-1 * var(--g-space-28))}.g-2xl-ml-32{margin-left:var(--g-space-32)}.g-2xl-neg-ml-32{margin-left:calc(-1 * var(--g-space-32))}.g-2xl-ml-40{margin-left:var(--g-space-40)}.g-2xl-neg-ml-40{margin-left:calc(-1 * var(--g-space-40))}.g-2xl-ml-48{margin-left:var(--g-space-48)}.g-2xl-neg-ml-48{margin-left:calc(-1 * var(--g-space-48))}.g-2xl-ml-56{margin-left:var(--g-space-56)}.g-2xl-neg-ml-56{margin-left:calc(-1 * var(--g-space-56))}.g-2xl-ml-64{margin-left:var(--g-space-64)}.g-2xl-neg-ml-64{margin-left:calc(-1 * var(--g-space-64))}.g-2xl-ml-80{margin-left:var(--g-space-80)}.g-2xl-neg-ml-80{margin-left:calc(-1 * var(--g-space-80))}.g-2xl-ml-96{margin-left:var(--g-space-96)}.g-2xl-neg-ml-96{margin-left:calc(-1 * var(--g-space-96))}.g-2xl-ml-px{margin-left:var(--g-space-px)}.g-2xl-ml-0_5{margin-left:var(--g-space-0_5)}.g-2xl-neg-ml-0_5{margin-left:calc(-1 * var(--g-space-0_5))}.g-2xl-ml-1_5{margin-left:var(--g-space-1_5)}.g-2xl-neg-ml-1_5{margin-left:calc(-1 * var(--g-space-1_5))}.g-2xl-ml-2_5{margin-left:var(--g-space-2_5)}.g-2xl-neg-ml-2_5{margin-left:calc(-1 * var(--g-space-2_5))}.g-2xl-ml-3_5{margin-left:var(--g-space-3_5)}.g-2xl-neg-ml-3_5{margin-left:calc(-1 * var(--g-space-3_5))}.g-2xl-ms-0{margin-inline-start:var(--g-space-0)}.g-2xl-ms-1{margin-inline-start:var(--g-space-1)}.g-2xl-neg-ms-1{margin-inline-start:calc(-1 * var(--g-space-1))}.g-2xl-ms-2{margin-inline-start:var(--g-space-2)}.g-2xl-neg-ms-2{margin-inline-start:calc(-1 * var(--g-space-2))}.g-2xl-ms-3{margin-inline-start:var(--g-space-3)}.g-2xl-neg-ms-3{margin-inline-start:calc(-1 * var(--g-space-3))}.g-2xl-ms-4{margin-inline-start:var(--g-space-4)}.g-2xl-neg-ms-4{margin-inline-start:calc(-1 * var(--g-space-4))}.g-2xl-ms-5{margin-inline-start:var(--g-space-5)}.g-2xl-neg-ms-5{margin-inline-start:calc(-1 * var(--g-space-5))}.g-2xl-ms-6{margin-inline-start:var(--g-space-6)}.g-2xl-neg-ms-6{margin-inline-start:calc(-1 * var(--g-space-6))}.g-2xl-ms-7{margin-inline-start:var(--g-space-7)}.g-2xl-neg-ms-7{margin-inline-start:calc(-1 * var(--g-space-7))}.g-2xl-ms-8{margin-inline-start:var(--g-space-8)}.g-2xl-neg-ms-8{margin-inline-start:calc(-1 * var(--g-space-8))}.g-2xl-ms-9{margin-inline-start:var(--g-space-9)}.g-2xl-neg-ms-9{margin-inline-start:calc(-1 * var(--g-space-9))}.g-2xl-ms-10{margin-inline-start:var(--g-space-10)}.g-2xl-neg-ms-10{margin-inline-start:calc(-1 * var(--g-space-10))}.g-2xl-ms-12{margin-inline-start:var(--g-space-12)}.g-2xl-neg-ms-12{margin-inline-start:calc(-1 * var(--g-space-12))}.g-2xl-ms-14{margin-inline-start:var(--g-space-14)}.g-2xl-neg-ms-14{margin-inline-start:calc(-1 * var(--g-space-14))}.g-2xl-ms-16{margin-inline-start:var(--g-space-16)}.g-2xl-neg-ms-16{margin-inline-start:calc(-1 * var(--g-space-16))}.g-2xl-ms-20{margin-inline-start:var(--g-space-20)}.g-2xl-neg-ms-20{margin-inline-start:calc(-1 * var(--g-space-20))}.g-2xl-ms-24{margin-inline-start:var(--g-space-24)}.g-2xl-neg-ms-24{margin-inline-start:calc(-1 * var(--g-space-24))}.g-2xl-ms-28{margin-inline-start:var(--g-space-28)}.g-2xl-neg-ms-28{margin-inline-start:calc(-1 * var(--g-space-28))}.g-2xl-ms-32{margin-inline-start:var(--g-space-32)}.g-2xl-neg-ms-32{margin-inline-start:calc(-1 * var(--g-space-32))}.g-2xl-ms-40{margin-inline-start:var(--g-space-40)}.g-2xl-neg-ms-40{margin-inline-start:calc(-1 * var(--g-space-40))}.g-2xl-ms-48{margin-inline-start:var(--g-space-48)}.g-2xl-neg-ms-48{margin-inline-start:calc(-1 * var(--g-space-48))}.g-2xl-ms-56{margin-inline-start:var(--g-space-56)}.g-2xl-neg-ms-56{margin-inline-start:calc(-1 * var(--g-space-56))}.g-2xl-ms-64{margin-inline-start:var(--g-space-64)}.g-2xl-neg-ms-64{margin-inline-start:calc(-1 * var(--g-space-64))}.g-2xl-ms-80{margin-inline-start:var(--g-space-80)}.g-2xl-neg-ms-80{margin-inline-start:calc(-1 * var(--g-space-80))}.g-2xl-ms-96{margin-inline-start:var(--g-space-96)}.g-2xl-neg-ms-96{margin-inline-start:calc(-1 * var(--g-space-96))}.g-2xl-ms-px{margin-inline-start:var(--g-space-px)}.g-2xl-ms-0_5{margin-inline-start:var(--g-space-0_5)}.g-2xl-neg-ms-0_5{margin-inline-start:calc(-1 * var(--g-space-0_5))}.g-2xl-ms-1_5{margin-inline-start:var(--g-space-1_5)}.g-2xl-neg-ms-1_5{margin-inline-start:calc(-1 * var(--g-space-1_5))}.g-2xl-ms-2_5{margin-inline-start:var(--g-space-2_5)}.g-2xl-neg-ms-2_5{margin-inline-start:calc(-1 * var(--g-space-2_5))}.g-2xl-ms-3_5{margin-inline-start:var(--g-space-3_5)}.g-2xl-neg-ms-3_5{margin-inline-start:calc(-1 * var(--g-space-3_5))}.g-2xl-me-0{margin-inline-end:var(--g-space-0)}.g-2xl-me-1{margin-inline-end:var(--g-space-1)}.g-2xl-neg-me-1{margin-inline-end:calc(-1 * var(--g-space-1))}.g-2xl-me-2{margin-inline-end:var(--g-space-2)}.g-2xl-neg-me-2{margin-inline-end:calc(-1 * var(--g-space-2))}.g-2xl-me-3{margin-inline-end:var(--g-space-3)}.g-2xl-neg-me-3{margin-inline-end:calc(-1 * var(--g-space-3))}.g-2xl-me-4{margin-inline-end:var(--g-space-4)}.g-2xl-neg-me-4{margin-inline-end:calc(-1 * var(--g-space-4))}.g-2xl-me-5{margin-inline-end:var(--g-space-5)}.g-2xl-neg-me-5{margin-inline-end:calc(-1 * var(--g-space-5))}.g-2xl-me-6{margin-inline-end:var(--g-space-6)}.g-2xl-neg-me-6{margin-inline-end:calc(-1 * var(--g-space-6))}.g-2xl-me-7{margin-inline-end:var(--g-space-7)}.g-2xl-neg-me-7{margin-inline-end:calc(-1 * var(--g-space-7))}.g-2xl-me-8{margin-inline-end:var(--g-space-8)}.g-2xl-neg-me-8{margin-inline-end:calc(-1 * var(--g-space-8))}.g-2xl-me-9{margin-inline-end:var(--g-space-9)}.g-2xl-neg-me-9{margin-inline-end:calc(-1 * var(--g-space-9))}.g-2xl-me-10{margin-inline-end:var(--g-space-10)}.g-2xl-neg-me-10{margin-inline-end:calc(-1 * var(--g-space-10))}.g-2xl-me-12{margin-inline-end:var(--g-space-12)}.g-2xl-neg-me-12{margin-inline-end:calc(-1 * var(--g-space-12))}.g-2xl-me-14{margin-inline-end:var(--g-space-14)}.g-2xl-neg-me-14{margin-inline-end:calc(-1 * var(--g-space-14))}.g-2xl-me-16{margin-inline-end:var(--g-space-16)}.g-2xl-neg-me-16{margin-inline-end:calc(-1 * var(--g-space-16))}.g-2xl-me-20{margin-inline-end:var(--g-space-20)}.g-2xl-neg-me-20{margin-inline-end:calc(-1 * var(--g-space-20))}.g-2xl-me-24{margin-inline-end:var(--g-space-24)}.g-2xl-neg-me-24{margin-inline-end:calc(-1 * var(--g-space-24))}.g-2xl-me-28{margin-inline-end:var(--g-space-28)}.g-2xl-neg-me-28{margin-inline-end:calc(-1 * var(--g-space-28))}.g-2xl-me-32{margin-inline-end:var(--g-space-32)}.g-2xl-neg-me-32{margin-inline-end:calc(-1 * var(--g-space-32))}.g-2xl-me-40{margin-inline-end:var(--g-space-40)}.g-2xl-neg-me-40{margin-inline-end:calc(-1 * var(--g-space-40))}.g-2xl-me-48{margin-inline-end:var(--g-space-48)}.g-2xl-neg-me-48{margin-inline-end:calc(-1 * var(--g-space-48))}.g-2xl-me-56{margin-inline-end:var(--g-space-56)}.g-2xl-neg-me-56{margin-inline-end:calc(-1 * var(--g-space-56))}.g-2xl-me-64{margin-inline-end:var(--g-space-64)}.g-2xl-neg-me-64{margin-inline-end:calc(-1 * var(--g-space-64))}.g-2xl-me-80{margin-inline-end:var(--g-space-80)}.g-2xl-neg-me-80{margin-inline-end:calc(-1 * var(--g-space-80))}.g-2xl-me-96{margin-inline-end:var(--g-space-96)}.g-2xl-neg-me-96{margin-inline-end:calc(-1 * var(--g-space-96))}.g-2xl-me-px{margin-inline-end:var(--g-space-px)}.g-2xl-me-0_5{margin-inline-end:var(--g-space-0_5)}.g-2xl-neg-me-0_5{margin-inline-end:calc(-1 * var(--g-space-0_5))}.g-2xl-me-1_5{margin-inline-end:var(--g-space-1_5)}.g-2xl-neg-me-1_5{margin-inline-end:calc(-1 * var(--g-space-1_5))}.g-2xl-me-2_5{margin-inline-end:var(--g-space-2_5)}.g-2xl-neg-me-2_5{margin-inline-end:calc(-1 * var(--g-space-2_5))}.g-2xl-me-3_5{margin-inline-end:var(--g-space-3_5)}.g-2xl-neg-me-3_5{margin-inline-end:calc(-1 * var(--g-space-3_5))}.g-2xl-p-0{padding:var(--g-space-0)}.g-2xl-p-1{padding:var(--g-space-1)}.g-2xl-p-2{padding:var(--g-space-2)}.g-2xl-p-3{padding:var(--g-space-3)}.g-2xl-p-4{padding:var(--g-space-4)}.g-2xl-p-5{padding:var(--g-space-5)}.g-2xl-p-6{padding:var(--g-space-6)}.g-2xl-p-7{padding:var(--g-space-7)}.g-2xl-p-8{padding:var(--g-space-8)}.g-2xl-p-9{padding:var(--g-space-9)}.g-2xl-p-10{padding:var(--g-space-10)}.g-2xl-p-12{padding:var(--g-space-12)}.g-2xl-p-14{padding:var(--g-space-14)}.g-2xl-p-16{padding:var(--g-space-16)}.g-2xl-p-20{padding:var(--g-space-20)}.g-2xl-p-24{padding:var(--g-space-24)}.g-2xl-p-28{padding:var(--g-space-28)}.g-2xl-p-32{padding:var(--g-space-32)}.g-2xl-p-40{padding:var(--g-space-40)}.g-2xl-p-48{padding:var(--g-space-48)}.g-2xl-p-56{padding:var(--g-space-56)}.g-2xl-p-64{padding:var(--g-space-64)}.g-2xl-p-80{padding:var(--g-space-80)}.g-2xl-p-96{padding:var(--g-space-96)}.g-2xl-p-px{padding:var(--g-space-px)}.g-2xl-p-0_5{padding:var(--g-space-0_5)}.g-2xl-p-1_5{padding:var(--g-space-1_5)}.g-2xl-p-2_5{padding:var(--g-space-2_5)}.g-2xl-p-3_5{padding:var(--g-space-3_5)}.g-2xl-px-0{padding-inline:var(--g-space-0)}.g-2xl-px-1{padding-inline:var(--g-space-1)}.g-2xl-px-2{padding-inline:var(--g-space-2)}.g-2xl-px-3{padding-inline:var(--g-space-3)}.g-2xl-px-4{padding-inline:var(--g-space-4)}.g-2xl-px-5{padding-inline:var(--g-space-5)}.g-2xl-px-6{padding-inline:var(--g-space-6)}.g-2xl-px-7{padding-inline:var(--g-space-7)}.g-2xl-px-8{padding-inline:var(--g-space-8)}.g-2xl-px-9{padding-inline:var(--g-space-9)}.g-2xl-px-10{padding-inline:var(--g-space-10)}.g-2xl-px-12{padding-inline:var(--g-space-12)}.g-2xl-px-14{padding-inline:var(--g-space-14)}.g-2xl-px-16{padding-inline:var(--g-space-16)}.g-2xl-px-20{padding-inline:var(--g-space-20)}.g-2xl-px-24{padding-inline:var(--g-space-24)}.g-2xl-px-28{padding-inline:var(--g-space-28)}.g-2xl-px-32{padding-inline:var(--g-space-32)}.g-2xl-px-40{padding-inline:var(--g-space-40)}.g-2xl-px-48{padding-inline:var(--g-space-48)}.g-2xl-px-56{padding-inline:var(--g-space-56)}.g-2xl-px-64{padding-inline:var(--g-space-64)}.g-2xl-px-80{padding-inline:var(--g-space-80)}.g-2xl-px-96{padding-inline:var(--g-space-96)}.g-2xl-px-px{padding-inline:var(--g-space-px)}.g-2xl-px-0_5{padding-inline:var(--g-space-0_5)}.g-2xl-px-1_5{padding-inline:var(--g-space-1_5)}.g-2xl-px-2_5{padding-inline:var(--g-space-2_5)}.g-2xl-px-3_5{padding-inline:var(--g-space-3_5)}.g-2xl-py-0{padding-block:var(--g-space-0)}.g-2xl-py-1{padding-block:var(--g-space-1)}.g-2xl-py-2{padding-block:var(--g-space-2)}.g-2xl-py-3{padding-block:var(--g-space-3)}.g-2xl-py-4{padding-block:var(--g-space-4)}.g-2xl-py-5{padding-block:var(--g-space-5)}.g-2xl-py-6{padding-block:var(--g-space-6)}.g-2xl-py-7{padding-block:var(--g-space-7)}.g-2xl-py-8{padding-block:var(--g-space-8)}.g-2xl-py-9{padding-block:var(--g-space-9)}.g-2xl-py-10{padding-block:var(--g-space-10)}.g-2xl-py-12{padding-block:var(--g-space-12)}.g-2xl-py-14{padding-block:var(--g-space-14)}.g-2xl-py-16{padding-block:var(--g-space-16)}.g-2xl-py-20{padding-block:var(--g-space-20)}.g-2xl-py-24{padding-block:var(--g-space-24)}.g-2xl-py-28{padding-block:var(--g-space-28)}.g-2xl-py-32{padding-block:var(--g-space-32)}.g-2xl-py-40{padding-block:var(--g-space-40)}.g-2xl-py-48{padding-block:var(--g-space-48)}.g-2xl-py-56{padding-block:var(--g-space-56)}.g-2xl-py-64{padding-block:var(--g-space-64)}.g-2xl-py-80{padding-block:var(--g-space-80)}.g-2xl-py-96{padding-block:var(--g-space-96)}.g-2xl-py-px{padding-block:var(--g-space-px)}.g-2xl-py-0_5{padding-block:var(--g-space-0_5)}.g-2xl-py-1_5{padding-block:var(--g-space-1_5)}.g-2xl-py-2_5{padding-block:var(--g-space-2_5)}.g-2xl-py-3_5{padding-block:var(--g-space-3_5)}.g-2xl-pt-0{padding-top:var(--g-space-0)}.g-2xl-pt-1{padding-top:var(--g-space-1)}.g-2xl-pt-2{padding-top:var(--g-space-2)}.g-2xl-pt-3{padding-top:var(--g-space-3)}.g-2xl-pt-4{padding-top:var(--g-space-4)}.g-2xl-pt-5{padding-top:var(--g-space-5)}.g-2xl-pt-6{padding-top:var(--g-space-6)}.g-2xl-pt-7{padding-top:var(--g-space-7)}.g-2xl-pt-8{padding-top:var(--g-space-8)}.g-2xl-pt-9{padding-top:var(--g-space-9)}.g-2xl-pt-10{padding-top:var(--g-space-10)}.g-2xl-pt-12{padding-top:var(--g-space-12)}.g-2xl-pt-14{padding-top:var(--g-space-14)}.g-2xl-pt-16{padding-top:var(--g-space-16)}.g-2xl-pt-20{padding-top:var(--g-space-20)}.g-2xl-pt-24{padding-top:var(--g-space-24)}.g-2xl-pt-28{padding-top:var(--g-space-28)}.g-2xl-pt-32{padding-top:var(--g-space-32)}.g-2xl-pt-40{padding-top:var(--g-space-40)}.g-2xl-pt-48{padding-top:var(--g-space-48)}.g-2xl-pt-56{padding-top:var(--g-space-56)}.g-2xl-pt-64{padding-top:var(--g-space-64)}.g-2xl-pt-80{padding-top:var(--g-space-80)}.g-2xl-pt-96{padding-top:var(--g-space-96)}.g-2xl-pt-px{padding-top:var(--g-space-px)}.g-2xl-pt-0_5{padding-top:var(--g-space-0_5)}.g-2xl-pt-1_5{padding-top:var(--g-space-1_5)}.g-2xl-pt-2_5{padding-top:var(--g-space-2_5)}.g-2xl-pt-3_5{padding-top:var(--g-space-3_5)}.g-2xl-pr-0{padding-right:var(--g-space-0)}.g-2xl-pr-1{padding-right:var(--g-space-1)}.g-2xl-pr-2{padding-right:var(--g-space-2)}.g-2xl-pr-3{padding-right:var(--g-space-3)}.g-2xl-pr-4{padding-right:var(--g-space-4)}.g-2xl-pr-5{padding-right:var(--g-space-5)}.g-2xl-pr-6{padding-right:var(--g-space-6)}.g-2xl-pr-7{padding-right:var(--g-space-7)}.g-2xl-pr-8{padding-right:var(--g-space-8)}.g-2xl-pr-9{padding-right:var(--g-space-9)}.g-2xl-pr-10{padding-right:var(--g-space-10)}.g-2xl-pr-12{padding-right:var(--g-space-12)}.g-2xl-pr-14{padding-right:var(--g-space-14)}.g-2xl-pr-16{padding-right:var(--g-space-16)}.g-2xl-pr-20{padding-right:var(--g-space-20)}.g-2xl-pr-24{padding-right:var(--g-space-24)}.g-2xl-pr-28{padding-right:var(--g-space-28)}.g-2xl-pr-32{padding-right:var(--g-space-32)}.g-2xl-pr-40{padding-right:var(--g-space-40)}.g-2xl-pr-48{padding-right:var(--g-space-48)}.g-2xl-pr-56{padding-right:var(--g-space-56)}.g-2xl-pr-64{padding-right:var(--g-space-64)}.g-2xl-pr-80{padding-right:var(--g-space-80)}.g-2xl-pr-96{padding-right:var(--g-space-96)}.g-2xl-pr-px{padding-right:var(--g-space-px)}.g-2xl-pr-0_5{padding-right:var(--g-space-0_5)}.g-2xl-pr-1_5{padding-right:var(--g-space-1_5)}.g-2xl-pr-2_5{padding-right:var(--g-space-2_5)}.g-2xl-pr-3_5{padding-right:var(--g-space-3_5)}.g-2xl-pb-0{padding-bottom:var(--g-space-0)}.g-2xl-pb-1{padding-bottom:var(--g-space-1)}.g-2xl-pb-2{padding-bottom:var(--g-space-2)}.g-2xl-pb-3{padding-bottom:var(--g-space-3)}.g-2xl-pb-4{padding-bottom:var(--g-space-4)}.g-2xl-pb-5{padding-bottom:var(--g-space-5)}.g-2xl-pb-6{padding-bottom:var(--g-space-6)}.g-2xl-pb-7{padding-bottom:var(--g-space-7)}.g-2xl-pb-8{padding-bottom:var(--g-space-8)}.g-2xl-pb-9{padding-bottom:var(--g-space-9)}.g-2xl-pb-10{padding-bottom:var(--g-space-10)}.g-2xl-pb-12{padding-bottom:var(--g-space-12)}.g-2xl-pb-14{padding-bottom:var(--g-space-14)}.g-2xl-pb-16{padding-bottom:var(--g-space-16)}.g-2xl-pb-20{padding-bottom:var(--g-space-20)}.g-2xl-pb-24{padding-bottom:var(--g-space-24)}.g-2xl-pb-28{padding-bottom:var(--g-space-28)}.g-2xl-pb-32{padding-bottom:var(--g-space-32)}.g-2xl-pb-40{padding-bottom:var(--g-space-40)}.g-2xl-pb-48{padding-bottom:var(--g-space-48)}.g-2xl-pb-56{padding-bottom:var(--g-space-56)}.g-2xl-pb-64{padding-bottom:var(--g-space-64)}.g-2xl-pb-80{padding-bottom:var(--g-space-80)}.g-2xl-pb-96{padding-bottom:var(--g-space-96)}.g-2xl-pb-px{padding-bottom:var(--g-space-px)}.g-2xl-pb-0_5{padding-bottom:var(--g-space-0_5)}.g-2xl-pb-1_5{padding-bottom:var(--g-space-1_5)}.g-2xl-pb-2_5{padding-bottom:var(--g-space-2_5)}.g-2xl-pb-3_5{padding-bottom:var(--g-space-3_5)}.g-2xl-pl-0{padding-left:var(--g-space-0)}.g-2xl-pl-1{padding-left:var(--g-space-1)}.g-2xl-pl-2{padding-left:var(--g-space-2)}.g-2xl-pl-3{padding-left:var(--g-space-3)}.g-2xl-pl-4{padding-left:var(--g-space-4)}.g-2xl-pl-5{padding-left:var(--g-space-5)}.g-2xl-pl-6{padding-left:var(--g-space-6)}.g-2xl-pl-7{padding-left:var(--g-space-7)}.g-2xl-pl-8{padding-left:var(--g-space-8)}.g-2xl-pl-9{padding-left:var(--g-space-9)}.g-2xl-pl-10{padding-left:var(--g-space-10)}.g-2xl-pl-12{padding-left:var(--g-space-12)}.g-2xl-pl-14{padding-left:var(--g-space-14)}.g-2xl-pl-16{padding-left:var(--g-space-16)}.g-2xl-pl-20{padding-left:var(--g-space-20)}.g-2xl-pl-24{padding-left:var(--g-space-24)}.g-2xl-pl-28{padding-left:var(--g-space-28)}.g-2xl-pl-32{padding-left:var(--g-space-32)}.g-2xl-pl-40{padding-left:var(--g-space-40)}.g-2xl-pl-48{padding-left:var(--g-space-48)}.g-2xl-pl-56{padding-left:var(--g-space-56)}.g-2xl-pl-64{padding-left:var(--g-space-64)}.g-2xl-pl-80{padding-left:var(--g-space-80)}.g-2xl-pl-96{padding-left:var(--g-space-96)}.g-2xl-pl-px{padding-left:var(--g-space-px)}.g-2xl-pl-0_5{padding-left:var(--g-space-0_5)}.g-2xl-pl-1_5{padding-left:var(--g-space-1_5)}.g-2xl-pl-2_5{padding-left:var(--g-space-2_5)}.g-2xl-pl-3_5{padding-left:var(--g-space-3_5)}.g-2xl-ps-0{padding-inline-start:var(--g-space-0)}.g-2xl-ps-1{padding-inline-start:var(--g-space-1)}.g-2xl-ps-2{padding-inline-start:var(--g-space-2)}.g-2xl-ps-3{padding-inline-start:var(--g-space-3)}.g-2xl-ps-4{padding-inline-start:var(--g-space-4)}.g-2xl-ps-5{padding-inline-start:var(--g-space-5)}.g-2xl-ps-6{padding-inline-start:var(--g-space-6)}.g-2xl-ps-7{padding-inline-start:var(--g-space-7)}.g-2xl-ps-8{padding-inline-start:var(--g-space-8)}.g-2xl-ps-9{padding-inline-start:var(--g-space-9)}.g-2xl-ps-10{padding-inline-start:var(--g-space-10)}.g-2xl-ps-12{padding-inline-start:var(--g-space-12)}.g-2xl-ps-14{padding-inline-start:var(--g-space-14)}.g-2xl-ps-16{padding-inline-start:var(--g-space-16)}.g-2xl-ps-20{padding-inline-start:var(--g-space-20)}.g-2xl-ps-24{padding-inline-start:var(--g-space-24)}.g-2xl-ps-28{padding-inline-start:var(--g-space-28)}.g-2xl-ps-32{padding-inline-start:var(--g-space-32)}.g-2xl-ps-40{padding-inline-start:var(--g-space-40)}.g-2xl-ps-48{padding-inline-start:var(--g-space-48)}.g-2xl-ps-56{padding-inline-start:var(--g-space-56)}.g-2xl-ps-64{padding-inline-start:var(--g-space-64)}.g-2xl-ps-80{padding-inline-start:var(--g-space-80)}.g-2xl-ps-96{padding-inline-start:var(--g-space-96)}.g-2xl-ps-px{padding-inline-start:var(--g-space-px)}.g-2xl-ps-0_5{padding-inline-start:var(--g-space-0_5)}.g-2xl-ps-1_5{padding-inline-start:var(--g-space-1_5)}.g-2xl-ps-2_5{padding-inline-start:var(--g-space-2_5)}.g-2xl-ps-3_5{padding-inline-start:var(--g-space-3_5)}.g-2xl-pe-0{padding-inline-end:var(--g-space-0)}.g-2xl-pe-1{padding-inline-end:var(--g-space-1)}.g-2xl-pe-2{padding-inline-end:var(--g-space-2)}.g-2xl-pe-3{padding-inline-end:var(--g-space-3)}.g-2xl-pe-4{padding-inline-end:var(--g-space-4)}.g-2xl-pe-5{padding-inline-end:var(--g-space-5)}.g-2xl-pe-6{padding-inline-end:var(--g-space-6)}.g-2xl-pe-7{padding-inline-end:var(--g-space-7)}.g-2xl-pe-8{padding-inline-end:var(--g-space-8)}.g-2xl-pe-9{padding-inline-end:var(--g-space-9)}.g-2xl-pe-10{padding-inline-end:var(--g-space-10)}.g-2xl-pe-12{padding-inline-end:var(--g-space-12)}.g-2xl-pe-14{padding-inline-end:var(--g-space-14)}.g-2xl-pe-16{padding-inline-end:var(--g-space-16)}.g-2xl-pe-20{padding-inline-end:var(--g-space-20)}.g-2xl-pe-24{padding-inline-end:var(--g-space-24)}.g-2xl-pe-28{padding-inline-end:var(--g-space-28)}.g-2xl-pe-32{padding-inline-end:var(--g-space-32)}.g-2xl-pe-40{padding-inline-end:var(--g-space-40)}.g-2xl-pe-48{padding-inline-end:var(--g-space-48)}.g-2xl-pe-56{padding-inline-end:var(--g-space-56)}.g-2xl-pe-64{padding-inline-end:var(--g-space-64)}.g-2xl-pe-80{padding-inline-end:var(--g-space-80)}.g-2xl-pe-96{padding-inline-end:var(--g-space-96)}.g-2xl-pe-px{padding-inline-end:var(--g-space-px)}.g-2xl-pe-0_5{padding-inline-end:var(--g-space-0_5)}.g-2xl-pe-1_5{padding-inline-end:var(--g-space-1_5)}.g-2xl-pe-2_5{padding-inline-end:var(--g-space-2_5)}.g-2xl-pe-3_5{padding-inline-end:var(--g-space-3_5)}.g-2xl-gap-0{gap:var(--g-space-0)}.g-2xl-gap-1{gap:var(--g-space-1)}.g-2xl-gap-2{gap:var(--g-space-2)}.g-2xl-gap-3{gap:var(--g-space-3)}.g-2xl-gap-4{gap:var(--g-space-4)}.g-2xl-gap-5{gap:var(--g-space-5)}.g-2xl-gap-6{gap:var(--g-space-6)}.g-2xl-gap-7{gap:var(--g-space-7)}.g-2xl-gap-8{gap:var(--g-space-8)}.g-2xl-gap-9{gap:var(--g-space-9)}.g-2xl-gap-10{gap:var(--g-space-10)}.g-2xl-gap-12{gap:var(--g-space-12)}.g-2xl-gap-14{gap:var(--g-space-14)}.g-2xl-gap-16{gap:var(--g-space-16)}.g-2xl-gap-20{gap:var(--g-space-20)}.g-2xl-gap-24{gap:var(--g-space-24)}.g-2xl-gap-28{gap:var(--g-space-28)}.g-2xl-gap-32{gap:var(--g-space-32)}.g-2xl-gap-40{gap:var(--g-space-40)}.g-2xl-gap-48{gap:var(--g-space-48)}.g-2xl-gap-56{gap:var(--g-space-56)}.g-2xl-gap-64{gap:var(--g-space-64)}.g-2xl-gap-80{gap:var(--g-space-80)}.g-2xl-gap-96{gap:var(--g-space-96)}.g-2xl-gap-px{gap:var(--g-space-px)}.g-2xl-gap-0_5{gap:var(--g-space-0_5)}.g-2xl-gap-1_5{gap:var(--g-space-1_5)}.g-2xl-gap-2_5{gap:var(--g-space-2_5)}.g-2xl-gap-3_5{gap:var(--g-space-3_5)}.g-2xl-gap-x-0{column-gap:var(--g-space-0)}.g-2xl-gap-x-1{column-gap:var(--g-space-1)}.g-2xl-gap-x-2{column-gap:var(--g-space-2)}.g-2xl-gap-x-3{column-gap:var(--g-space-3)}.g-2xl-gap-x-4{column-gap:var(--g-space-4)}.g-2xl-gap-x-5{column-gap:var(--g-space-5)}.g-2xl-gap-x-6{column-gap:var(--g-space-6)}.g-2xl-gap-x-7{column-gap:var(--g-space-7)}.g-2xl-gap-x-8{column-gap:var(--g-space-8)}.g-2xl-gap-x-9{column-gap:var(--g-space-9)}.g-2xl-gap-x-10{column-gap:var(--g-space-10)}.g-2xl-gap-x-12{column-gap:var(--g-space-12)}.g-2xl-gap-x-14{column-gap:var(--g-space-14)}.g-2xl-gap-x-16{column-gap:var(--g-space-16)}.g-2xl-gap-x-20{column-gap:var(--g-space-20)}.g-2xl-gap-x-24{column-gap:var(--g-space-24)}.g-2xl-gap-x-28{column-gap:var(--g-space-28)}.g-2xl-gap-x-32{column-gap:var(--g-space-32)}.g-2xl-gap-x-40{column-gap:var(--g-space-40)}.g-2xl-gap-x-48{column-gap:var(--g-space-48)}.g-2xl-gap-x-56{column-gap:var(--g-space-56)}.g-2xl-gap-x-64{column-gap:var(--g-space-64)}.g-2xl-gap-x-80{column-gap:var(--g-space-80)}.g-2xl-gap-x-96{column-gap:var(--g-space-96)}.g-2xl-gap-x-px{column-gap:var(--g-space-px)}.g-2xl-gap-x-0_5{column-gap:var(--g-space-0_5)}.g-2xl-gap-x-1_5{column-gap:var(--g-space-1_5)}.g-2xl-gap-x-2_5{column-gap:var(--g-space-2_5)}.g-2xl-gap-x-3_5{column-gap:var(--g-space-3_5)}.g-2xl-gap-y-0{row-gap:var(--g-space-0)}.g-2xl-gap-y-1{row-gap:var(--g-space-1)}.g-2xl-gap-y-2{row-gap:var(--g-space-2)}.g-2xl-gap-y-3{row-gap:var(--g-space-3)}.g-2xl-gap-y-4{row-gap:var(--g-space-4)}.g-2xl-gap-y-5{row-gap:var(--g-space-5)}.g-2xl-gap-y-6{row-gap:var(--g-space-6)}.g-2xl-gap-y-7{row-gap:var(--g-space-7)}.g-2xl-gap-y-8{row-gap:var(--g-space-8)}.g-2xl-gap-y-9{row-gap:var(--g-space-9)}.g-2xl-gap-y-10{row-gap:var(--g-space-10)}.g-2xl-gap-y-12{row-gap:var(--g-space-12)}.g-2xl-gap-y-14{row-gap:var(--g-space-14)}.g-2xl-gap-y-16{row-gap:var(--g-space-16)}.g-2xl-gap-y-20{row-gap:var(--g-space-20)}.g-2xl-gap-y-24{row-gap:var(--g-space-24)}.g-2xl-gap-y-28{row-gap:var(--g-space-28)}.g-2xl-gap-y-32{row-gap:var(--g-space-32)}.g-2xl-gap-y-40{row-gap:var(--g-space-40)}.g-2xl-gap-y-48{row-gap:var(--g-space-48)}.g-2xl-gap-y-56{row-gap:var(--g-space-56)}.g-2xl-gap-y-64{row-gap:var(--g-space-64)}.g-2xl-gap-y-80{row-gap:var(--g-space-80)}.g-2xl-gap-y-96{row-gap:var(--g-space-96)}.g-2xl-gap-y-px{row-gap:var(--g-space-px)}.g-2xl-gap-y-0_5{row-gap:var(--g-space-0_5)}.g-2xl-gap-y-1_5{row-gap:var(--g-space-1_5)}.g-2xl-gap-y-2_5{row-gap:var(--g-space-2_5)}.g-2xl-gap-y-3_5{row-gap:var(--g-space-3_5)}.g-2xl-m-auto{margin:auto}.g-2xl-mx-auto{margin-inline:auto}.g-2xl-my-auto{margin-block:auto}.g-2xl-mt-auto{margin-top:auto}.g-2xl-mr-auto{margin-right:auto}.g-2xl-mb-auto{margin-bottom:auto}.g-2xl-ml-auto{margin-left:auto}.g-2xl-ms-auto{margin-inline-start:auto}.g-2xl-me-auto{margin-inline-end:auto}.g-2xl-w-0{width:var(--g-space-0)}.g-2xl-h-0{height:var(--g-space-0)}.g-2xl-min-w-0{min-width:var(--g-space-0)}.g-2xl-min-h-0{min-height:var(--g-space-0)}.g-2xl-max-w-0{max-width:var(--g-space-0)}.g-2xl-max-h-0{max-height:var(--g-space-0)}.g-2xl-w-1{width:var(--g-space-1)}.g-2xl-h-1{height:var(--g-space-1)}.g-2xl-min-w-1{min-width:var(--g-space-1)}.g-2xl-min-h-1{min-height:var(--g-space-1)}.g-2xl-max-w-1{max-width:var(--g-space-1)}.g-2xl-max-h-1{max-height:var(--g-space-1)}.g-2xl-w-2{width:var(--g-space-2)}.g-2xl-h-2{height:var(--g-space-2)}.g-2xl-min-w-2{min-width:var(--g-space-2)}.g-2xl-min-h-2{min-height:var(--g-space-2)}.g-2xl-max-w-2{max-width:var(--g-space-2)}.g-2xl-max-h-2{max-height:var(--g-space-2)}.g-2xl-w-3{width:var(--g-space-3)}.g-2xl-h-3{height:var(--g-space-3)}.g-2xl-min-w-3{min-width:var(--g-space-3)}.g-2xl-min-h-3{min-height:var(--g-space-3)}.g-2xl-max-w-3{max-width:var(--g-space-3)}.g-2xl-max-h-3{max-height:var(--g-space-3)}.g-2xl-w-4{width:var(--g-space-4)}.g-2xl-h-4{height:var(--g-space-4)}.g-2xl-min-w-4{min-width:var(--g-space-4)}.g-2xl-min-h-4{min-height:var(--g-space-4)}.g-2xl-max-w-4{max-width:var(--g-space-4)}.g-2xl-max-h-4{max-height:var(--g-space-4)}.g-2xl-w-5{width:var(--g-space-5)}.g-2xl-h-5{height:var(--g-space-5)}.g-2xl-min-w-5{min-width:var(--g-space-5)}.g-2xl-min-h-5{min-height:var(--g-space-5)}.g-2xl-max-w-5{max-width:var(--g-space-5)}.g-2xl-max-h-5{max-height:var(--g-space-5)}.g-2xl-w-6{width:var(--g-space-6)}.g-2xl-h-6{height:var(--g-space-6)}.g-2xl-min-w-6{min-width:var(--g-space-6)}.g-2xl-min-h-6{min-height:var(--g-space-6)}.g-2xl-max-w-6{max-width:var(--g-space-6)}.g-2xl-max-h-6{max-height:var(--g-space-6)}.g-2xl-w-7{width:var(--g-space-7)}.g-2xl-h-7{height:var(--g-space-7)}.g-2xl-min-w-7{min-width:var(--g-space-7)}.g-2xl-min-h-7{min-height:var(--g-space-7)}.g-2xl-max-w-7{max-width:var(--g-space-7)}.g-2xl-max-h-7{max-height:var(--g-space-7)}.g-2xl-w-8{width:var(--g-space-8)}.g-2xl-h-8{height:var(--g-space-8)}.g-2xl-min-w-8{min-width:var(--g-space-8)}.g-2xl-min-h-8{min-height:var(--g-space-8)}.g-2xl-max-w-8{max-width:var(--g-space-8)}.g-2xl-max-h-8{max-height:var(--g-space-8)}.g-2xl-w-9{width:var(--g-space-9)}.g-2xl-h-9{height:var(--g-space-9)}.g-2xl-min-w-9{min-width:var(--g-space-9)}.g-2xl-min-h-9{min-height:var(--g-space-9)}.g-2xl-max-w-9{max-width:var(--g-space-9)}.g-2xl-max-h-9{max-height:var(--g-space-9)}.g-2xl-w-10{width:var(--g-space-10)}.g-2xl-h-10{height:var(--g-space-10)}.g-2xl-min-w-10{min-width:var(--g-space-10)}.g-2xl-min-h-10{min-height:var(--g-space-10)}.g-2xl-max-w-10{max-width:var(--g-space-10)}.g-2xl-max-h-10{max-height:var(--g-space-10)}.g-2xl-w-12{width:var(--g-space-12)}.g-2xl-h-12{height:var(--g-space-12)}.g-2xl-min-w-12{min-width:var(--g-space-12)}.g-2xl-min-h-12{min-height:var(--g-space-12)}.g-2xl-max-w-12{max-width:var(--g-space-12)}.g-2xl-max-h-12{max-height:var(--g-space-12)}.g-2xl-w-14{width:var(--g-space-14)}.g-2xl-h-14{height:var(--g-space-14)}.g-2xl-min-w-14{min-width:var(--g-space-14)}.g-2xl-min-h-14{min-height:var(--g-space-14)}.g-2xl-max-w-14{max-width:var(--g-space-14)}.g-2xl-max-h-14{max-height:var(--g-space-14)}.g-2xl-w-16{width:var(--g-space-16)}.g-2xl-h-16{height:var(--g-space-16)}.g-2xl-min-w-16{min-width:var(--g-space-16)}.g-2xl-min-h-16{min-height:var(--g-space-16)}.g-2xl-max-w-16{max-width:var(--g-space-16)}.g-2xl-max-h-16{max-height:var(--g-space-16)}.g-2xl-w-20{width:var(--g-space-20)}.g-2xl-h-20{height:var(--g-space-20)}.g-2xl-min-w-20{min-width:var(--g-space-20)}.g-2xl-min-h-20{min-height:var(--g-space-20)}.g-2xl-max-w-20{max-width:var(--g-space-20)}.g-2xl-max-h-20{max-height:var(--g-space-20)}.g-2xl-w-24{width:var(--g-space-24)}.g-2xl-h-24{height:var(--g-space-24)}.g-2xl-min-w-24{min-width:var(--g-space-24)}.g-2xl-min-h-24{min-height:var(--g-space-24)}.g-2xl-max-w-24{max-width:var(--g-space-24)}.g-2xl-max-h-24{max-height:var(--g-space-24)}.g-2xl-w-28{width:var(--g-space-28)}.g-2xl-h-28{height:var(--g-space-28)}.g-2xl-min-w-28{min-width:var(--g-space-28)}.g-2xl-min-h-28{min-height:var(--g-space-28)}.g-2xl-max-w-28{max-width:var(--g-space-28)}.g-2xl-max-h-28{max-height:var(--g-space-28)}.g-2xl-w-32{width:var(--g-space-32)}.g-2xl-h-32{height:var(--g-space-32)}.g-2xl-min-w-32{min-width:var(--g-space-32)}.g-2xl-min-h-32{min-height:var(--g-space-32)}.g-2xl-max-w-32{max-width:var(--g-space-32)}.g-2xl-max-h-32{max-height:var(--g-space-32)}.g-2xl-w-40{width:var(--g-space-40)}.g-2xl-h-40{height:var(--g-space-40)}.g-2xl-min-w-40{min-width:var(--g-space-40)}.g-2xl-min-h-40{min-height:var(--g-space-40)}.g-2xl-max-w-40{max-width:var(--g-space-40)}.g-2xl-max-h-40{max-height:var(--g-space-40)}.g-2xl-w-48{width:var(--g-space-48)}.g-2xl-h-48{height:var(--g-space-48)}.g-2xl-min-w-48{min-width:var(--g-space-48)}.g-2xl-min-h-48{min-height:var(--g-space-48)}.g-2xl-max-w-48{max-width:var(--g-space-48)}.g-2xl-max-h-48{max-height:var(--g-space-48)}.g-2xl-w-56{width:var(--g-space-56)}.g-2xl-h-56{height:var(--g-space-56)}.g-2xl-min-w-56{min-width:var(--g-space-56)}.g-2xl-min-h-56{min-height:var(--g-space-56)}.g-2xl-max-w-56{max-width:var(--g-space-56)}.g-2xl-max-h-56{max-height:var(--g-space-56)}.g-2xl-w-64{width:var(--g-space-64)}.g-2xl-h-64{height:var(--g-space-64)}.g-2xl-min-w-64{min-width:var(--g-space-64)}.g-2xl-min-h-64{min-height:var(--g-space-64)}.g-2xl-max-w-64{max-width:var(--g-space-64)}.g-2xl-max-h-64{max-height:var(--g-space-64)}.g-2xl-w-80{width:var(--g-space-80)}.g-2xl-h-80{height:var(--g-space-80)}.g-2xl-min-w-80{min-width:var(--g-space-80)}.g-2xl-min-h-80{min-height:var(--g-space-80)}.g-2xl-max-w-80{max-width:var(--g-space-80)}.g-2xl-max-h-80{max-height:var(--g-space-80)}.g-2xl-w-96{width:var(--g-space-96)}.g-2xl-h-96{height:var(--g-space-96)}.g-2xl-min-w-96{min-width:var(--g-space-96)}.g-2xl-min-h-96{min-height:var(--g-space-96)}.g-2xl-max-w-96{max-width:var(--g-space-96)}.g-2xl-max-h-96{max-height:var(--g-space-96)}.g-2xl-w-px{width:var(--g-space-px)}.g-2xl-h-px{height:var(--g-space-px)}.g-2xl-min-w-px{min-width:var(--g-space-px)}.g-2xl-min-h-px{min-height:var(--g-space-px)}.g-2xl-max-w-px{max-width:var(--g-space-px)}.g-2xl-max-h-px{max-height:var(--g-space-px)}.g-2xl-w-0_5{width:var(--g-space-0_5)}.g-2xl-h-0_5{height:var(--g-space-0_5)}.g-2xl-min-w-0_5{min-width:var(--g-space-0_5)}.g-2xl-min-h-0_5{min-height:var(--g-space-0_5)}.g-2xl-max-w-0_5{max-width:var(--g-space-0_5)}.g-2xl-max-h-0_5{max-height:var(--g-space-0_5)}.g-2xl-w-1_5{width:var(--g-space-1_5)}.g-2xl-h-1_5{height:var(--g-space-1_5)}.g-2xl-min-w-1_5{min-width:var(--g-space-1_5)}.g-2xl-min-h-1_5{min-height:var(--g-space-1_5)}.g-2xl-max-w-1_5{max-width:var(--g-space-1_5)}.g-2xl-max-h-1_5{max-height:var(--g-space-1_5)}.g-2xl-w-2_5{width:var(--g-space-2_5)}.g-2xl-h-2_5{height:var(--g-space-2_5)}.g-2xl-min-w-2_5{min-width:var(--g-space-2_5)}.g-2xl-min-h-2_5{min-height:var(--g-space-2_5)}.g-2xl-max-w-2_5{max-width:var(--g-space-2_5)}.g-2xl-max-h-2_5{max-height:var(--g-space-2_5)}.g-2xl-w-3_5{width:var(--g-space-3_5)}.g-2xl-h-3_5{height:var(--g-space-3_5)}.g-2xl-min-w-3_5{min-width:var(--g-space-3_5)}.g-2xl-min-h-3_5{min-height:var(--g-space-3_5)}.g-2xl-max-w-3_5{max-width:var(--g-space-3_5)}.g-2xl-max-h-3_5{max-height:var(--g-space-3_5)}.g-2xl-w-1of2{width:50%}.g-2xl-h-1of2{height:50%}.g-2xl-basis-1of2{flex-basis:50%}.g-2xl-w-1of3{width:33.333333%}.g-2xl-h-1of3{height:33.333333%}.g-2xl-basis-1of3{flex-basis:33.333333%}.g-2xl-w-2of3{width:66.666667%}.g-2xl-h-2of3{height:66.666667%}.g-2xl-basis-2of3{flex-basis:66.666667%}.g-2xl-w-1of4{width:25%}.g-2xl-h-1of4{height:25%}.g-2xl-basis-1of4{flex-basis:25%}.g-2xl-w-2of4{width:50%}.g-2xl-h-2of4{height:50%}.g-2xl-basis-2of4{flex-basis:50%}.g-2xl-w-3of4{width:75%}.g-2xl-h-3of4{height:75%}.g-2xl-basis-3of4{flex-basis:75%}.g-2xl-w-1of5{width:20%}.g-2xl-h-1of5{height:20%}.g-2xl-basis-1of5{flex-basis:20%}.g-2xl-w-2of5{width:40%}.g-2xl-h-2of5{height:40%}.g-2xl-basis-2of5{flex-basis:40%}.g-2xl-w-3of5{width:60%}.g-2xl-h-3of5{height:60%}.g-2xl-basis-3of5{flex-basis:60%}.g-2xl-w-4of5{width:80%}.g-2xl-h-4of5{height:80%}.g-2xl-basis-4of5{flex-basis:80%}.g-2xl-w-1of6{width:16.666667%}.g-2xl-h-1of6{height:16.666667%}.g-2xl-basis-1of6{flex-basis:16.666667%}.g-2xl-w-5of6{width:83.333333%}.g-2xl-h-5of6{height:83.333333%}.g-2xl-basis-5of6{flex-basis:83.333333%}.g-2xl-basis-auto{flex-basis:auto}.g-2xl-basis-full{flex-basis:100%}.g-2xl-inset-0{inset:var(--g-space-0)}.g-2xl-inset-1{inset:var(--g-space-1)}.g-2xl-neg-inset-1{inset:calc(-1 * var(--g-space-1))}.g-2xl-inset-2{inset:var(--g-space-2)}.g-2xl-neg-inset-2{inset:calc(-1 * var(--g-space-2))}.g-2xl-inset-3{inset:var(--g-space-3)}.g-2xl-neg-inset-3{inset:calc(-1 * var(--g-space-3))}.g-2xl-inset-4{inset:var(--g-space-4)}.g-2xl-neg-inset-4{inset:calc(-1 * var(--g-space-4))}.g-2xl-inset-5{inset:var(--g-space-5)}.g-2xl-neg-inset-5{inset:calc(-1 * var(--g-space-5))}.g-2xl-inset-6{inset:var(--g-space-6)}.g-2xl-neg-inset-6{inset:calc(-1 * var(--g-space-6))}.g-2xl-inset-7{inset:var(--g-space-7)}.g-2xl-neg-inset-7{inset:calc(-1 * var(--g-space-7))}.g-2xl-inset-8{inset:var(--g-space-8)}.g-2xl-neg-inset-8{inset:calc(-1 * var(--g-space-8))}.g-2xl-inset-9{inset:var(--g-space-9)}.g-2xl-neg-inset-9{inset:calc(-1 * var(--g-space-9))}.g-2xl-inset-10{inset:var(--g-space-10)}.g-2xl-neg-inset-10{inset:calc(-1 * var(--g-space-10))}.g-2xl-inset-12{inset:var(--g-space-12)}.g-2xl-neg-inset-12{inset:calc(-1 * var(--g-space-12))}.g-2xl-inset-14{inset:var(--g-space-14)}.g-2xl-neg-inset-14{inset:calc(-1 * var(--g-space-14))}.g-2xl-inset-16{inset:var(--g-space-16)}.g-2xl-neg-inset-16{inset:calc(-1 * var(--g-space-16))}.g-2xl-inset-20{inset:var(--g-space-20)}.g-2xl-neg-inset-20{inset:calc(-1 * var(--g-space-20))}.g-2xl-inset-24{inset:var(--g-space-24)}.g-2xl-neg-inset-24{inset:calc(-1 * var(--g-space-24))}.g-2xl-inset-28{inset:var(--g-space-28)}.g-2xl-neg-inset-28{inset:calc(-1 * var(--g-space-28))}.g-2xl-inset-32{inset:var(--g-space-32)}.g-2xl-neg-inset-32{inset:calc(-1 * var(--g-space-32))}.g-2xl-inset-40{inset:var(--g-space-40)}.g-2xl-neg-inset-40{inset:calc(-1 * var(--g-space-40))}.g-2xl-inset-48{inset:var(--g-space-48)}.g-2xl-neg-inset-48{inset:calc(-1 * var(--g-space-48))}.g-2xl-inset-56{inset:var(--g-space-56)}.g-2xl-neg-inset-56{inset:calc(-1 * var(--g-space-56))}.g-2xl-inset-64{inset:var(--g-space-64)}.g-2xl-neg-inset-64{inset:calc(-1 * var(--g-space-64))}.g-2xl-inset-80{inset:var(--g-space-80)}.g-2xl-neg-inset-80{inset:calc(-1 * var(--g-space-80))}.g-2xl-inset-96{inset:var(--g-space-96)}.g-2xl-neg-inset-96{inset:calc(-1 * var(--g-space-96))}.g-2xl-inset-px{inset:var(--g-space-px)}.g-2xl-inset-0_5{inset:var(--g-space-0_5)}.g-2xl-neg-inset-0_5{inset:calc(-1 * var(--g-space-0_5))}.g-2xl-inset-1_5{inset:var(--g-space-1_5)}.g-2xl-neg-inset-1_5{inset:calc(-1 * var(--g-space-1_5))}.g-2xl-inset-2_5{inset:var(--g-space-2_5)}.g-2xl-neg-inset-2_5{inset:calc(-1 * var(--g-space-2_5))}.g-2xl-inset-3_5{inset:var(--g-space-3_5)}.g-2xl-neg-inset-3_5{inset:calc(-1 * var(--g-space-3_5))}.g-2xl-inset-auto{inset:auto}.g-2xl-inset-x-0{inset-inline:var(--g-space-0)}.g-2xl-inset-x-1{inset-inline:var(--g-space-1)}.g-2xl-neg-inset-x-1{inset-inline:calc(-1 * var(--g-space-1))}.g-2xl-inset-x-2{inset-inline:var(--g-space-2)}.g-2xl-neg-inset-x-2{inset-inline:calc(-1 * var(--g-space-2))}.g-2xl-inset-x-3{inset-inline:var(--g-space-3)}.g-2xl-neg-inset-x-3{inset-inline:calc(-1 * var(--g-space-3))}.g-2xl-inset-x-4{inset-inline:var(--g-space-4)}.g-2xl-neg-inset-x-4{inset-inline:calc(-1 * var(--g-space-4))}.g-2xl-inset-x-5{inset-inline:var(--g-space-5)}.g-2xl-neg-inset-x-5{inset-inline:calc(-1 * var(--g-space-5))}.g-2xl-inset-x-6{inset-inline:var(--g-space-6)}.g-2xl-neg-inset-x-6{inset-inline:calc(-1 * var(--g-space-6))}.g-2xl-inset-x-7{inset-inline:var(--g-space-7)}.g-2xl-neg-inset-x-7{inset-inline:calc(-1 * var(--g-space-7))}.g-2xl-inset-x-8{inset-inline:var(--g-space-8)}.g-2xl-neg-inset-x-8{inset-inline:calc(-1 * var(--g-space-8))}.g-2xl-inset-x-9{inset-inline:var(--g-space-9)}.g-2xl-neg-inset-x-9{inset-inline:calc(-1 * var(--g-space-9))}.g-2xl-inset-x-10{inset-inline:var(--g-space-10)}.g-2xl-neg-inset-x-10{inset-inline:calc(-1 * var(--g-space-10))}.g-2xl-inset-x-12{inset-inline:var(--g-space-12)}.g-2xl-neg-inset-x-12{inset-inline:calc(-1 * var(--g-space-12))}.g-2xl-inset-x-14{inset-inline:var(--g-space-14)}.g-2xl-neg-inset-x-14{inset-inline:calc(-1 * var(--g-space-14))}.g-2xl-inset-x-16{inset-inline:var(--g-space-16)}.g-2xl-neg-inset-x-16{inset-inline:calc(-1 * var(--g-space-16))}.g-2xl-inset-x-20{inset-inline:var(--g-space-20)}.g-2xl-neg-inset-x-20{inset-inline:calc(-1 * var(--g-space-20))}.g-2xl-inset-x-24{inset-inline:var(--g-space-24)}.g-2xl-neg-inset-x-24{inset-inline:calc(-1 * var(--g-space-24))}.g-2xl-inset-x-28{inset-inline:var(--g-space-28)}.g-2xl-neg-inset-x-28{inset-inline:calc(-1 * var(--g-space-28))}.g-2xl-inset-x-32{inset-inline:var(--g-space-32)}.g-2xl-neg-inset-x-32{inset-inline:calc(-1 * var(--g-space-32))}.g-2xl-inset-x-40{inset-inline:var(--g-space-40)}.g-2xl-neg-inset-x-40{inset-inline:calc(-1 * var(--g-space-40))}.g-2xl-inset-x-48{inset-inline:var(--g-space-48)}.g-2xl-neg-inset-x-48{inset-inline:calc(-1 * var(--g-space-48))}.g-2xl-inset-x-56{inset-inline:var(--g-space-56)}.g-2xl-neg-inset-x-56{inset-inline:calc(-1 * var(--g-space-56))}.g-2xl-inset-x-64{inset-inline:var(--g-space-64)}.g-2xl-neg-inset-x-64{inset-inline:calc(-1 * var(--g-space-64))}.g-2xl-inset-x-80{inset-inline:var(--g-space-80)}.g-2xl-neg-inset-x-80{inset-inline:calc(-1 * var(--g-space-80))}.g-2xl-inset-x-96{inset-inline:var(--g-space-96)}.g-2xl-neg-inset-x-96{inset-inline:calc(-1 * var(--g-space-96))}.g-2xl-inset-x-px{inset-inline:var(--g-space-px)}.g-2xl-inset-x-0_5{inset-inline:var(--g-space-0_5)}.g-2xl-neg-inset-x-0_5{inset-inline:calc(-1 * var(--g-space-0_5))}.g-2xl-inset-x-1_5{inset-inline:var(--g-space-1_5)}.g-2xl-neg-inset-x-1_5{inset-inline:calc(-1 * var(--g-space-1_5))}.g-2xl-inset-x-2_5{inset-inline:var(--g-space-2_5)}.g-2xl-neg-inset-x-2_5{inset-inline:calc(-1 * var(--g-space-2_5))}.g-2xl-inset-x-3_5{inset-inline:var(--g-space-3_5)}.g-2xl-neg-inset-x-3_5{inset-inline:calc(-1 * var(--g-space-3_5))}.g-2xl-inset-x-auto{inset-inline:auto}.g-2xl-inset-y-0{inset-block:var(--g-space-0)}.g-2xl-inset-y-1{inset-block:var(--g-space-1)}.g-2xl-neg-inset-y-1{inset-block:calc(-1 * var(--g-space-1))}.g-2xl-inset-y-2{inset-block:var(--g-space-2)}.g-2xl-neg-inset-y-2{inset-block:calc(-1 * var(--g-space-2))}.g-2xl-inset-y-3{inset-block:var(--g-space-3)}.g-2xl-neg-inset-y-3{inset-block:calc(-1 * var(--g-space-3))}.g-2xl-inset-y-4{inset-block:var(--g-space-4)}.g-2xl-neg-inset-y-4{inset-block:calc(-1 * var(--g-space-4))}.g-2xl-inset-y-5{inset-block:var(--g-space-5)}.g-2xl-neg-inset-y-5{inset-block:calc(-1 * var(--g-space-5))}.g-2xl-inset-y-6{inset-block:var(--g-space-6)}.g-2xl-neg-inset-y-6{inset-block:calc(-1 * var(--g-space-6))}.g-2xl-inset-y-7{inset-block:var(--g-space-7)}.g-2xl-neg-inset-y-7{inset-block:calc(-1 * var(--g-space-7))}.g-2xl-inset-y-8{inset-block:var(--g-space-8)}.g-2xl-neg-inset-y-8{inset-block:calc(-1 * var(--g-space-8))}.g-2xl-inset-y-9{inset-block:var(--g-space-9)}.g-2xl-neg-inset-y-9{inset-block:calc(-1 * var(--g-space-9))}.g-2xl-inset-y-10{inset-block:var(--g-space-10)}.g-2xl-neg-inset-y-10{inset-block:calc(-1 * var(--g-space-10))}.g-2xl-inset-y-12{inset-block:var(--g-space-12)}.g-2xl-neg-inset-y-12{inset-block:calc(-1 * var(--g-space-12))}.g-2xl-inset-y-14{inset-block:var(--g-space-14)}.g-2xl-neg-inset-y-14{inset-block:calc(-1 * var(--g-space-14))}.g-2xl-inset-y-16{inset-block:var(--g-space-16)}.g-2xl-neg-inset-y-16{inset-block:calc(-1 * var(--g-space-16))}.g-2xl-inset-y-20{inset-block:var(--g-space-20)}.g-2xl-neg-inset-y-20{inset-block:calc(-1 * var(--g-space-20))}.g-2xl-inset-y-24{inset-block:var(--g-space-24)}.g-2xl-neg-inset-y-24{inset-block:calc(-1 * var(--g-space-24))}.g-2xl-inset-y-28{inset-block:var(--g-space-28)}.g-2xl-neg-inset-y-28{inset-block:calc(-1 * var(--g-space-28))}.g-2xl-inset-y-32{inset-block:var(--g-space-32)}.g-2xl-neg-inset-y-32{inset-block:calc(-1 * var(--g-space-32))}.g-2xl-inset-y-40{inset-block:var(--g-space-40)}.g-2xl-neg-inset-y-40{inset-block:calc(-1 * var(--g-space-40))}.g-2xl-inset-y-48{inset-block:var(--g-space-48)}.g-2xl-neg-inset-y-48{inset-block:calc(-1 * var(--g-space-48))}.g-2xl-inset-y-56{inset-block:var(--g-space-56)}.g-2xl-neg-inset-y-56{inset-block:calc(-1 * var(--g-space-56))}.g-2xl-inset-y-64{inset-block:var(--g-space-64)}.g-2xl-neg-inset-y-64{inset-block:calc(-1 * var(--g-space-64))}.g-2xl-inset-y-80{inset-block:var(--g-space-80)}.g-2xl-neg-inset-y-80{inset-block:calc(-1 * var(--g-space-80))}.g-2xl-inset-y-96{inset-block:var(--g-space-96)}.g-2xl-neg-inset-y-96{inset-block:calc(-1 * var(--g-space-96))}.g-2xl-inset-y-px{inset-block:var(--g-space-px)}.g-2xl-inset-y-0_5{inset-block:var(--g-space-0_5)}.g-2xl-neg-inset-y-0_5{inset-block:calc(-1 * var(--g-space-0_5))}.g-2xl-inset-y-1_5{inset-block:var(--g-space-1_5)}.g-2xl-neg-inset-y-1_5{inset-block:calc(-1 * var(--g-space-1_5))}.g-2xl-inset-y-2_5{inset-block:var(--g-space-2_5)}.g-2xl-neg-inset-y-2_5{inset-block:calc(-1 * var(--g-space-2_5))}.g-2xl-inset-y-3_5{inset-block:var(--g-space-3_5)}.g-2xl-neg-inset-y-3_5{inset-block:calc(-1 * var(--g-space-3_5))}.g-2xl-inset-y-auto{inset-block:auto}.g-2xl-top-0{top:var(--g-space-0)}.g-2xl-top-1{top:var(--g-space-1)}.g-2xl-neg-top-1{top:calc(-1 * var(--g-space-1))}.g-2xl-top-2{top:var(--g-space-2)}.g-2xl-neg-top-2{top:calc(-1 * var(--g-space-2))}.g-2xl-top-3{top:var(--g-space-3)}.g-2xl-neg-top-3{top:calc(-1 * var(--g-space-3))}.g-2xl-top-4{top:var(--g-space-4)}.g-2xl-neg-top-4{top:calc(-1 * var(--g-space-4))}.g-2xl-top-5{top:var(--g-space-5)}.g-2xl-neg-top-5{top:calc(-1 * var(--g-space-5))}.g-2xl-top-6{top:var(--g-space-6)}.g-2xl-neg-top-6{top:calc(-1 * var(--g-space-6))}.g-2xl-top-7{top:var(--g-space-7)}.g-2xl-neg-top-7{top:calc(-1 * var(--g-space-7))}.g-2xl-top-8{top:var(--g-space-8)}.g-2xl-neg-top-8{top:calc(-1 * var(--g-space-8))}.g-2xl-top-9{top:var(--g-space-9)}.g-2xl-neg-top-9{top:calc(-1 * var(--g-space-9))}.g-2xl-top-10{top:var(--g-space-10)}.g-2xl-neg-top-10{top:calc(-1 * var(--g-space-10))}.g-2xl-top-12{top:var(--g-space-12)}.g-2xl-neg-top-12{top:calc(-1 * var(--g-space-12))}.g-2xl-top-14{top:var(--g-space-14)}.g-2xl-neg-top-14{top:calc(-1 * var(--g-space-14))}.g-2xl-top-16{top:var(--g-space-16)}.g-2xl-neg-top-16{top:calc(-1 * var(--g-space-16))}.g-2xl-top-20{top:var(--g-space-20)}.g-2xl-neg-top-20{top:calc(-1 * var(--g-space-20))}.g-2xl-top-24{top:var(--g-space-24)}.g-2xl-neg-top-24{top:calc(-1 * var(--g-space-24))}.g-2xl-top-28{top:var(--g-space-28)}.g-2xl-neg-top-28{top:calc(-1 * var(--g-space-28))}.g-2xl-top-32{top:var(--g-space-32)}.g-2xl-neg-top-32{top:calc(-1 * var(--g-space-32))}.g-2xl-top-40{top:var(--g-space-40)}.g-2xl-neg-top-40{top:calc(-1 * var(--g-space-40))}.g-2xl-top-48{top:var(--g-space-48)}.g-2xl-neg-top-48{top:calc(-1 * var(--g-space-48))}.g-2xl-top-56{top:var(--g-space-56)}.g-2xl-neg-top-56{top:calc(-1 * var(--g-space-56))}.g-2xl-top-64{top:var(--g-space-64)}.g-2xl-neg-top-64{top:calc(-1 * var(--g-space-64))}.g-2xl-top-80{top:var(--g-space-80)}.g-2xl-neg-top-80{top:calc(-1 * var(--g-space-80))}.g-2xl-top-96{top:var(--g-space-96)}.g-2xl-neg-top-96{top:calc(-1 * var(--g-space-96))}.g-2xl-top-px{top:var(--g-space-px)}.g-2xl-top-0_5{top:var(--g-space-0_5)}.g-2xl-neg-top-0_5{top:calc(-1 * var(--g-space-0_5))}.g-2xl-top-1_5{top:var(--g-space-1_5)}.g-2xl-neg-top-1_5{top:calc(-1 * var(--g-space-1_5))}.g-2xl-top-2_5{top:var(--g-space-2_5)}.g-2xl-neg-top-2_5{top:calc(-1 * var(--g-space-2_5))}.g-2xl-top-3_5{top:var(--g-space-3_5)}.g-2xl-neg-top-3_5{top:calc(-1 * var(--g-space-3_5))}.g-2xl-top-auto{top:auto}.g-2xl-right-0{right:var(--g-space-0)}.g-2xl-right-1{right:var(--g-space-1)}.g-2xl-neg-right-1{right:calc(-1 * var(--g-space-1))}.g-2xl-right-2{right:var(--g-space-2)}.g-2xl-neg-right-2{right:calc(-1 * var(--g-space-2))}.g-2xl-right-3{right:var(--g-space-3)}.g-2xl-neg-right-3{right:calc(-1 * var(--g-space-3))}.g-2xl-right-4{right:var(--g-space-4)}.g-2xl-neg-right-4{right:calc(-1 * var(--g-space-4))}.g-2xl-right-5{right:var(--g-space-5)}.g-2xl-neg-right-5{right:calc(-1 * var(--g-space-5))}.g-2xl-right-6{right:var(--g-space-6)}.g-2xl-neg-right-6{right:calc(-1 * var(--g-space-6))}.g-2xl-right-7{right:var(--g-space-7)}.g-2xl-neg-right-7{right:calc(-1 * var(--g-space-7))}.g-2xl-right-8{right:var(--g-space-8)}.g-2xl-neg-right-8{right:calc(-1 * var(--g-space-8))}.g-2xl-right-9{right:var(--g-space-9)}.g-2xl-neg-right-9{right:calc(-1 * var(--g-space-9))}.g-2xl-right-10{right:var(--g-space-10)}.g-2xl-neg-right-10{right:calc(-1 * var(--g-space-10))}.g-2xl-right-12{right:var(--g-space-12)}.g-2xl-neg-right-12{right:calc(-1 * var(--g-space-12))}.g-2xl-right-14{right:var(--g-space-14)}.g-2xl-neg-right-14{right:calc(-1 * var(--g-space-14))}.g-2xl-right-16{right:var(--g-space-16)}.g-2xl-neg-right-16{right:calc(-1 * var(--g-space-16))}.g-2xl-right-20{right:var(--g-space-20)}.g-2xl-neg-right-20{right:calc(-1 * var(--g-space-20))}.g-2xl-right-24{right:var(--g-space-24)}.g-2xl-neg-right-24{right:calc(-1 * var(--g-space-24))}.g-2xl-right-28{right:var(--g-space-28)}.g-2xl-neg-right-28{right:calc(-1 * var(--g-space-28))}.g-2xl-right-32{right:var(--g-space-32)}.g-2xl-neg-right-32{right:calc(-1 * var(--g-space-32))}.g-2xl-right-40{right:var(--g-space-40)}.g-2xl-neg-right-40{right:calc(-1 * var(--g-space-40))}.g-2xl-right-48{right:var(--g-space-48)}.g-2xl-neg-right-48{right:calc(-1 * var(--g-space-48))}.g-2xl-right-56{right:var(--g-space-56)}.g-2xl-neg-right-56{right:calc(-1 * var(--g-space-56))}.g-2xl-right-64{right:var(--g-space-64)}.g-2xl-neg-right-64{right:calc(-1 * var(--g-space-64))}.g-2xl-right-80{right:var(--g-space-80)}.g-2xl-neg-right-80{right:calc(-1 * var(--g-space-80))}.g-2xl-right-96{right:var(--g-space-96)}.g-2xl-neg-right-96{right:calc(-1 * var(--g-space-96))}.g-2xl-right-px{right:var(--g-space-px)}.g-2xl-right-0_5{right:var(--g-space-0_5)}.g-2xl-neg-right-0_5{right:calc(-1 * var(--g-space-0_5))}.g-2xl-right-1_5{right:var(--g-space-1_5)}.g-2xl-neg-right-1_5{right:calc(-1 * var(--g-space-1_5))}.g-2xl-right-2_5{right:var(--g-space-2_5)}.g-2xl-neg-right-2_5{right:calc(-1 * var(--g-space-2_5))}.g-2xl-right-3_5{right:var(--g-space-3_5)}.g-2xl-neg-right-3_5{right:calc(-1 * var(--g-space-3_5))}.g-2xl-right-auto{right:auto}.g-2xl-bottom-0{bottom:var(--g-space-0)}.g-2xl-bottom-1{bottom:var(--g-space-1)}.g-2xl-neg-bottom-1{bottom:calc(-1 * var(--g-space-1))}.g-2xl-bottom-2{bottom:var(--g-space-2)}.g-2xl-neg-bottom-2{bottom:calc(-1 * var(--g-space-2))}.g-2xl-bottom-3{bottom:var(--g-space-3)}.g-2xl-neg-bottom-3{bottom:calc(-1 * var(--g-space-3))}.g-2xl-bottom-4{bottom:var(--g-space-4)}.g-2xl-neg-bottom-4{bottom:calc(-1 * var(--g-space-4))}.g-2xl-bottom-5{bottom:var(--g-space-5)}.g-2xl-neg-bottom-5{bottom:calc(-1 * var(--g-space-5))}.g-2xl-bottom-6{bottom:var(--g-space-6)}.g-2xl-neg-bottom-6{bottom:calc(-1 * var(--g-space-6))}.g-2xl-bottom-7{bottom:var(--g-space-7)}.g-2xl-neg-bottom-7{bottom:calc(-1 * var(--g-space-7))}.g-2xl-bottom-8{bottom:var(--g-space-8)}.g-2xl-neg-bottom-8{bottom:calc(-1 * var(--g-space-8))}.g-2xl-bottom-9{bottom:var(--g-space-9)}.g-2xl-neg-bottom-9{bottom:calc(-1 * var(--g-space-9))}.g-2xl-bottom-10{bottom:var(--g-space-10)}.g-2xl-neg-bottom-10{bottom:calc(-1 * var(--g-space-10))}.g-2xl-bottom-12{bottom:var(--g-space-12)}.g-2xl-neg-bottom-12{bottom:calc(-1 * var(--g-space-12))}.g-2xl-bottom-14{bottom:var(--g-space-14)}.g-2xl-neg-bottom-14{bottom:calc(-1 * var(--g-space-14))}.g-2xl-bottom-16{bottom:var(--g-space-16)}.g-2xl-neg-bottom-16{bottom:calc(-1 * var(--g-space-16))}.g-2xl-bottom-20{bottom:var(--g-space-20)}.g-2xl-neg-bottom-20{bottom:calc(-1 * var(--g-space-20))}.g-2xl-bottom-24{bottom:var(--g-space-24)}.g-2xl-neg-bottom-24{bottom:calc(-1 * var(--g-space-24))}.g-2xl-bottom-28{bottom:var(--g-space-28)}.g-2xl-neg-bottom-28{bottom:calc(-1 * var(--g-space-28))}.g-2xl-bottom-32{bottom:var(--g-space-32)}.g-2xl-neg-bottom-32{bottom:calc(-1 * var(--g-space-32))}.g-2xl-bottom-40{bottom:var(--g-space-40)}.g-2xl-neg-bottom-40{bottom:calc(-1 * var(--g-space-40))}.g-2xl-bottom-48{bottom:var(--g-space-48)}.g-2xl-neg-bottom-48{bottom:calc(-1 * var(--g-space-48))}.g-2xl-bottom-56{bottom:var(--g-space-56)}.g-2xl-neg-bottom-56{bottom:calc(-1 * var(--g-space-56))}.g-2xl-bottom-64{bottom:var(--g-space-64)}.g-2xl-neg-bottom-64{bottom:calc(-1 * var(--g-space-64))}.g-2xl-bottom-80{bottom:var(--g-space-80)}.g-2xl-neg-bottom-80{bottom:calc(-1 * var(--g-space-80))}.g-2xl-bottom-96{bottom:var(--g-space-96)}.g-2xl-neg-bottom-96{bottom:calc(-1 * var(--g-space-96))}.g-2xl-bottom-px{bottom:var(--g-space-px)}.g-2xl-bottom-0_5{bottom:var(--g-space-0_5)}.g-2xl-neg-bottom-0_5{bottom:calc(-1 * var(--g-space-0_5))}.g-2xl-bottom-1_5{bottom:var(--g-space-1_5)}.g-2xl-neg-bottom-1_5{bottom:calc(-1 * var(--g-space-1_5))}.g-2xl-bottom-2_5{bottom:var(--g-space-2_5)}.g-2xl-neg-bottom-2_5{bottom:calc(-1 * var(--g-space-2_5))}.g-2xl-bottom-3_5{bottom:var(--g-space-3_5)}.g-2xl-neg-bottom-3_5{bottom:calc(-1 * var(--g-space-3_5))}.g-2xl-bottom-auto{bottom:auto}.g-2xl-left-0{left:var(--g-space-0)}.g-2xl-left-1{left:var(--g-space-1)}.g-2xl-neg-left-1{left:calc(-1 * var(--g-space-1))}.g-2xl-left-2{left:var(--g-space-2)}.g-2xl-neg-left-2{left:calc(-1 * var(--g-space-2))}.g-2xl-left-3{left:var(--g-space-3)}.g-2xl-neg-left-3{left:calc(-1 * var(--g-space-3))}.g-2xl-left-4{left:var(--g-space-4)}.g-2xl-neg-left-4{left:calc(-1 * var(--g-space-4))}.g-2xl-left-5{left:var(--g-space-5)}.g-2xl-neg-left-5{left:calc(-1 * var(--g-space-5))}.g-2xl-left-6{left:var(--g-space-6)}.g-2xl-neg-left-6{left:calc(-1 * var(--g-space-6))}.g-2xl-left-7{left:var(--g-space-7)}.g-2xl-neg-left-7{left:calc(-1 * var(--g-space-7))}.g-2xl-left-8{left:var(--g-space-8)}.g-2xl-neg-left-8{left:calc(-1 * var(--g-space-8))}.g-2xl-left-9{left:var(--g-space-9)}.g-2xl-neg-left-9{left:calc(-1 * var(--g-space-9))}.g-2xl-left-10{left:var(--g-space-10)}.g-2xl-neg-left-10{left:calc(-1 * var(--g-space-10))}.g-2xl-left-12{left:var(--g-space-12)}.g-2xl-neg-left-12{left:calc(-1 * var(--g-space-12))}.g-2xl-left-14{left:var(--g-space-14)}.g-2xl-neg-left-14{left:calc(-1 * var(--g-space-14))}.g-2xl-left-16{left:var(--g-space-16)}.g-2xl-neg-left-16{left:calc(-1 * var(--g-space-16))}.g-2xl-left-20{left:var(--g-space-20)}.g-2xl-neg-left-20{left:calc(-1 * var(--g-space-20))}.g-2xl-left-24{left:var(--g-space-24)}.g-2xl-neg-left-24{left:calc(-1 * var(--g-space-24))}.g-2xl-left-28{left:var(--g-space-28)}.g-2xl-neg-left-28{left:calc(-1 * var(--g-space-28))}.g-2xl-left-32{left:var(--g-space-32)}.g-2xl-neg-left-32{left:calc(-1 * var(--g-space-32))}.g-2xl-left-40{left:var(--g-space-40)}.g-2xl-neg-left-40{left:calc(-1 * var(--g-space-40))}.g-2xl-left-48{left:var(--g-space-48)}.g-2xl-neg-left-48{left:calc(-1 * var(--g-space-48))}.g-2xl-left-56{left:var(--g-space-56)}.g-2xl-neg-left-56{left:calc(-1 * var(--g-space-56))}.g-2xl-left-64{left:var(--g-space-64)}.g-2xl-neg-left-64{left:calc(-1 * var(--g-space-64))}.g-2xl-left-80{left:var(--g-space-80)}.g-2xl-neg-left-80{left:calc(-1 * var(--g-space-80))}.g-2xl-left-96{left:var(--g-space-96)}.g-2xl-neg-left-96{left:calc(-1 * var(--g-space-96))}.g-2xl-left-px{left:var(--g-space-px)}.g-2xl-left-0_5{left:var(--g-space-0_5)}.g-2xl-neg-left-0_5{left:calc(-1 * var(--g-space-0_5))}.g-2xl-left-1_5{left:var(--g-space-1_5)}.g-2xl-neg-left-1_5{left:calc(-1 * var(--g-space-1_5))}.g-2xl-left-2_5{left:var(--g-space-2_5)}.g-2xl-neg-left-2_5{left:calc(-1 * var(--g-space-2_5))}.g-2xl-left-3_5{left:var(--g-space-3_5)}.g-2xl-neg-left-3_5{left:calc(-1 * var(--g-space-3_5))}.g-2xl-left-auto{left:auto}.g-2xl-start-0{inset-inline-start:var(--g-space-0)}.g-2xl-start-1{inset-inline-start:var(--g-space-1)}.g-2xl-neg-start-1{inset-inline-start:calc(-1 * var(--g-space-1))}.g-2xl-start-2{inset-inline-start:var(--g-space-2)}.g-2xl-neg-start-2{inset-inline-start:calc(-1 * var(--g-space-2))}.g-2xl-start-3{inset-inline-start:var(--g-space-3)}.g-2xl-neg-start-3{inset-inline-start:calc(-1 * var(--g-space-3))}.g-2xl-start-4{inset-inline-start:var(--g-space-4)}.g-2xl-neg-start-4{inset-inline-start:calc(-1 * var(--g-space-4))}.g-2xl-start-5{inset-inline-start:var(--g-space-5)}.g-2xl-neg-start-5{inset-inline-start:calc(-1 * var(--g-space-5))}.g-2xl-start-6{inset-inline-start:var(--g-space-6)}.g-2xl-neg-start-6{inset-inline-start:calc(-1 * var(--g-space-6))}.g-2xl-start-7{inset-inline-start:var(--g-space-7)}.g-2xl-neg-start-7{inset-inline-start:calc(-1 * var(--g-space-7))}.g-2xl-start-8{inset-inline-start:var(--g-space-8)}.g-2xl-neg-start-8{inset-inline-start:calc(-1 * var(--g-space-8))}.g-2xl-start-9{inset-inline-start:var(--g-space-9)}.g-2xl-neg-start-9{inset-inline-start:calc(-1 * var(--g-space-9))}.g-2xl-start-10{inset-inline-start:var(--g-space-10)}.g-2xl-neg-start-10{inset-inline-start:calc(-1 * var(--g-space-10))}.g-2xl-start-12{inset-inline-start:var(--g-space-12)}.g-2xl-neg-start-12{inset-inline-start:calc(-1 * var(--g-space-12))}.g-2xl-start-14{inset-inline-start:var(--g-space-14)}.g-2xl-neg-start-14{inset-inline-start:calc(-1 * var(--g-space-14))}.g-2xl-start-16{inset-inline-start:var(--g-space-16)}.g-2xl-neg-start-16{inset-inline-start:calc(-1 * var(--g-space-16))}.g-2xl-start-20{inset-inline-start:var(--g-space-20)}.g-2xl-neg-start-20{inset-inline-start:calc(-1 * var(--g-space-20))}.g-2xl-start-24{inset-inline-start:var(--g-space-24)}.g-2xl-neg-start-24{inset-inline-start:calc(-1 * var(--g-space-24))}.g-2xl-start-28{inset-inline-start:var(--g-space-28)}.g-2xl-neg-start-28{inset-inline-start:calc(-1 * var(--g-space-28))}.g-2xl-start-32{inset-inline-start:var(--g-space-32)}.g-2xl-neg-start-32{inset-inline-start:calc(-1 * var(--g-space-32))}.g-2xl-start-40{inset-inline-start:var(--g-space-40)}.g-2xl-neg-start-40{inset-inline-start:calc(-1 * var(--g-space-40))}.g-2xl-start-48{inset-inline-start:var(--g-space-48)}.g-2xl-neg-start-48{inset-inline-start:calc(-1 * var(--g-space-48))}.g-2xl-start-56{inset-inline-start:var(--g-space-56)}.g-2xl-neg-start-56{inset-inline-start:calc(-1 * var(--g-space-56))}.g-2xl-start-64{inset-inline-start:var(--g-space-64)}.g-2xl-neg-start-64{inset-inline-start:calc(-1 * var(--g-space-64))}.g-2xl-start-80{inset-inline-start:var(--g-space-80)}.g-2xl-neg-start-80{inset-inline-start:calc(-1 * var(--g-space-80))}.g-2xl-start-96{inset-inline-start:var(--g-space-96)}.g-2xl-neg-start-96{inset-inline-start:calc(-1 * var(--g-space-96))}.g-2xl-start-px{inset-inline-start:var(--g-space-px)}.g-2xl-start-0_5{inset-inline-start:var(--g-space-0_5)}.g-2xl-neg-start-0_5{inset-inline-start:calc(-1 * var(--g-space-0_5))}.g-2xl-start-1_5{inset-inline-start:var(--g-space-1_5)}.g-2xl-neg-start-1_5{inset-inline-start:calc(-1 * var(--g-space-1_5))}.g-2xl-start-2_5{inset-inline-start:var(--g-space-2_5)}.g-2xl-neg-start-2_5{inset-inline-start:calc(-1 * var(--g-space-2_5))}.g-2xl-start-3_5{inset-inline-start:var(--g-space-3_5)}.g-2xl-neg-start-3_5{inset-inline-start:calc(-1 * var(--g-space-3_5))}.g-2xl-start-auto{inset-inline-start:auto}.g-2xl-end-0{inset-inline-end:var(--g-space-0)}.g-2xl-end-1{inset-inline-end:var(--g-space-1)}.g-2xl-neg-end-1{inset-inline-end:calc(-1 * var(--g-space-1))}.g-2xl-end-2{inset-inline-end:var(--g-space-2)}.g-2xl-neg-end-2{inset-inline-end:calc(-1 * var(--g-space-2))}.g-2xl-end-3{inset-inline-end:var(--g-space-3)}.g-2xl-neg-end-3{inset-inline-end:calc(-1 * var(--g-space-3))}.g-2xl-end-4{inset-inline-end:var(--g-space-4)}.g-2xl-neg-end-4{inset-inline-end:calc(-1 * var(--g-space-4))}.g-2xl-end-5{inset-inline-end:var(--g-space-5)}.g-2xl-neg-end-5{inset-inline-end:calc(-1 * var(--g-space-5))}.g-2xl-end-6{inset-inline-end:var(--g-space-6)}.g-2xl-neg-end-6{inset-inline-end:calc(-1 * var(--g-space-6))}.g-2xl-end-7{inset-inline-end:var(--g-space-7)}.g-2xl-neg-end-7{inset-inline-end:calc(-1 * var(--g-space-7))}.g-2xl-end-8{inset-inline-end:var(--g-space-8)}.g-2xl-neg-end-8{inset-inline-end:calc(-1 * var(--g-space-8))}.g-2xl-end-9{inset-inline-end:var(--g-space-9)}.g-2xl-neg-end-9{inset-inline-end:calc(-1 * var(--g-space-9))}.g-2xl-end-10{inset-inline-end:var(--g-space-10)}.g-2xl-neg-end-10{inset-inline-end:calc(-1 * var(--g-space-10))}.g-2xl-end-12{inset-inline-end:var(--g-space-12)}.g-2xl-neg-end-12{inset-inline-end:calc(-1 * var(--g-space-12))}.g-2xl-end-14{inset-inline-end:var(--g-space-14)}.g-2xl-neg-end-14{inset-inline-end:calc(-1 * var(--g-space-14))}.g-2xl-end-16{inset-inline-end:var(--g-space-16)}.g-2xl-neg-end-16{inset-inline-end:calc(-1 * var(--g-space-16))}.g-2xl-end-20{inset-inline-end:var(--g-space-20)}.g-2xl-neg-end-20{inset-inline-end:calc(-1 * var(--g-space-20))}.g-2xl-end-24{inset-inline-end:var(--g-space-24)}.g-2xl-neg-end-24{inset-inline-end:calc(-1 * var(--g-space-24))}.g-2xl-end-28{inset-inline-end:var(--g-space-28)}.g-2xl-neg-end-28{inset-inline-end:calc(-1 * var(--g-space-28))}.g-2xl-end-32{inset-inline-end:var(--g-space-32)}.g-2xl-neg-end-32{inset-inline-end:calc(-1 * var(--g-space-32))}.g-2xl-end-40{inset-inline-end:var(--g-space-40)}.g-2xl-neg-end-40{inset-inline-end:calc(-1 * var(--g-space-40))}.g-2xl-end-48{inset-inline-end:var(--g-space-48)}.g-2xl-neg-end-48{inset-inline-end:calc(-1 * var(--g-space-48))}.g-2xl-end-56{inset-inline-end:var(--g-space-56)}.g-2xl-neg-end-56{inset-inline-end:calc(-1 * var(--g-space-56))}.g-2xl-end-64{inset-inline-end:var(--g-space-64)}.g-2xl-neg-end-64{inset-inline-end:calc(-1 * var(--g-space-64))}.g-2xl-end-80{inset-inline-end:var(--g-space-80)}.g-2xl-neg-end-80{inset-inline-end:calc(-1 * var(--g-space-80))}.g-2xl-end-96{inset-inline-end:var(--g-space-96)}.g-2xl-neg-end-96{inset-inline-end:calc(-1 * var(--g-space-96))}.g-2xl-end-px{inset-inline-end:var(--g-space-px)}.g-2xl-end-0_5{inset-inline-end:var(--g-space-0_5)}.g-2xl-neg-end-0_5{inset-inline-end:calc(-1 * var(--g-space-0_5))}.g-2xl-end-1_5{inset-inline-end:var(--g-space-1_5)}.g-2xl-neg-end-1_5{inset-inline-end:calc(-1 * var(--g-space-1_5))}.g-2xl-end-2_5{inset-inline-end:var(--g-space-2_5)}.g-2xl-neg-end-2_5{inset-inline-end:calc(-1 * var(--g-space-2_5))}.g-2xl-end-3_5{inset-inline-end:var(--g-space-3_5)}.g-2xl-neg-end-3_5{inset-inline-end:calc(-1 * var(--g-space-3_5))}.g-2xl-end-auto{inset-inline-end:auto}}
}