/* src/components/editor/editor.css */
/* 🔥 TIPTAP EDITOR STYLES */
/* ============================================================ */

/* Base editor styles */
.ProseMirror {
  outline: none;
}

.ProseMirror p.is-editor-empty:first-child::before {
  color: var(--Text-On-surface-variant);
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

/* Headings */
.ProseMirror h1 {
  font-size: var(--Typography-font-size-Display-small);
  font-weight: var(--type-font-weight-bold);
  margin-top: var(--scale-4grid-600-24);
  margin-bottom: var(--scale-4grid-400-16);
  line-height: 1.2;
}

.ProseMirror h2 {
  font-size: var(--Typography-font-size-Title-large);
  font-weight: var(--type-font-weight-semibold);
  margin-top: var(--scale-4grid-500-20);
  margin-bottom: var(--scale-4grid-300-12);
  line-height: 1.3;
}

.ProseMirror h3 {
  font-size: var(--Typography-font-size-Title-medium);
  font-weight: var(--type-font-weight-semibold);
  margin-top: var(--scale-4grid-400-16);
  margin-bottom: var(--scale-4grid-200-8);
  line-height: 1.4;
}

.ProseMirror h4 {
  font-size: var(--Typography-font-size-Title-small);
  font-weight: var(--type-font-weight-medium);
  margin-top: var(--scale-4grid-400-16);
  margin-bottom: var(--scale-4grid-200-8);
  line-height: 1.4;
}

/* Paragraphs */
.ProseMirror p {
  margin-bottom: var(--scale-4grid-300-12);
  line-height: 1.6;
}

/* Lists */
.ProseMirror ul,
.ProseMirror ol {
  padding-left: var(--scale-4grid-600-24);
  margin-bottom: var(--scale-4grid-400-16);
}

.ProseMirror ul {
  list-style-type: disc;
}

.ProseMirror ol {
  list-style-type: decimal;
}

.ProseMirror li {
  margin-bottom: var(--scale-4grid-100-4);
}

.ProseMirror li p {
  margin-bottom: 0;
}

/* Code */
.ProseMirror code {
  background-color: var(--Surface-container-highest);
  color: var(--Text-On-surface);
  padding: 2px 6px;
  border-radius: var(--border-border-radius-sm);
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9em;
}

.ProseMirror pre {
  background-color: var(--Surface-container-highest);
  color: var(--Text-On-surface);
  padding: var(--scale-4grid-400-16);
  border-radius: var(--border-border-radius-md);
  overflow-x: auto;
  margin-bottom: var(--scale-4grid-400-16);
}

.ProseMirror pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 1em;
}

/* Blockquote */
.ProseMirror blockquote {
  border-left: 4px solid var(--Border-Outline);
  padding-left: var(--scale-4grid-400-16);
  margin-left: 0;
  margin-bottom: var(--scale-4grid-400-16);
  color: var(--Text-On-surface-variant);
  font-style: italic;
}

/* Links */
.ProseMirror a {
  color: var(--Text-Primary);
  text-decoration: underline;
  cursor: pointer;
}

.ProseMirror a:hover {
  color: var(--Text-Primary-variant);
}

/* Images */
.ProseMirror img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-border-radius-md);
  margin-bottom: var(--scale-4grid-400-16);
}

/* Horizontal Rule */
.ProseMirror hr {
  border: none;
  border-top: 2px solid var(--Border-Outline);
  margin: var(--scale-4grid-600-24) 0;
}

/* Tables */
.ProseMirror table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: var(--scale-4grid-400-16);
  overflow: hidden;
}

.ProseMirror table td,
.ProseMirror table th {
  border: 1px solid var(--Border-Outline);
  padding: var(--scale-4grid-200-8);
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  min-width: 1em;
}

.ProseMirror table th {
  font-weight: var(--type-font-weight-semibold);
  background-color: var(--Surface-container);
  text-align: left;
}

.ProseMirror table .selectedCell {
  background-color: var(--Surface-container-highest);
}

.ProseMirror table p {
  margin: 0;
}

/* Highlight */
.ProseMirror mark {
  background-color: #fef08a;
  padding: 2px 0;
  border-radius: 2px;
}

/* Text selection */
.ProseMirror ::selection {
  background-color: var(--Surface-Primary);
  color: var(--Text-On-primary);
}

/* Focus styles */
.ProseMirror:focus {
  outline: none;
}

/* Text alignment */
.ProseMirror .text-left {
  text-align: left;
}

.ProseMirror .text-center {
  text-align: center;
}

.ProseMirror .text-right {
  text-align: right;
}

.ProseMirror .text-justify {
  text-align: justify;
}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --colors-Red-50: #fff0f1;
    --type-font-weight-regular: regular;
    --type-font-weight-regular-italic: regular italic;
    --type-font-weight-medium: medium;
    --type-font-weight-medium-italic: medium italic;
    --type-font-weight-semibold: semibold;
    --type-font-weight-semibold-italic: semibold italic;
    --type-font-weight-bold: bold;
    --type-font-weight-bold-italic: bold italic;
    --type-font-weight-ExtraBold: ExtraBold;
    --colors-Red-100: #ffe1e4;
    --colors-Red-200: #ffc8cf;
    --colors-Red-300: #ff9ba9;
    --colors-Red-400: #ff627c;
    --colors-Red-500: #ff2c53;
    --colors-Red-600: #f70f44;
    --colors-Red-700: #d00035;
    --colors-Red-800: #ae0334;
    --colors-Red-900: #940733;
    --colors-Red-950: #530017;
    --colors-Red-Ribbon-50: #fff0f0;
    --colors-Red-Ribbon-100: #ffe3e3;
    --colors-Red-Ribbon-200: #ffcacd;
    --colors-Red-Ribbon-300: #ff9fa3;
    --colors-Red-Ribbon-400: #f95f6a;
    --colors-Red-Ribbon-500: #fe4555;
    --colors-Red-Ribbon-600: #ec1230;
    --colors-Red-Ribbon-700: #c70927;
    --colors-Red-Ribbon-800: #a70a29;
    --colors-Red-Ribbon-900: #8e0d2a;
    --colors-Red-Ribbon-950: #500110;
    --colors-Black-0: #fff;
    --colors-Black-50: #f6f6f6;
    --colors-Black-100: #e7e7e7;
    --colors-Black-200: #d1d1d1;
    --colors-Black-300: #b0b0b0;
    --colors-Black-400: #888;
    --colors-Black-500: #6d6d6d;
    --colors-Black-600: #5d5d5d;
    --colors-Black-700: #4f4f4f;
    --colors-Black-800: #454545;
    --colors-Black-900: #3d3d3d;
    --colors-Black-950: #0a0a0a;
    --colors-Gray-0: #fafafa;
    --colors-Gray-50: #f5f6f6;
    --colors-Gray-100: #ecedee;
    --colors-Gray-200: #dadbdd;
    --colors-Gray-300: #b4b6bb;
    --colors-Gray-400: #8f9299;
    --colors-Gray-500: #696d77;
    --colors-Gray-600: #444955;
    --colors-Gray-700: #333740;
    --colors-Gray-800: #22252b;
    --colors-Gray-900: #111215;
    --colors-Gray-950: #0b0c0e;
    --colors-Gallery-0: #f1eff0;
    --colors-Gallery-50: #dddadb;
    --colors-Gallery-100: #c9c5c6;
    --colors-Gallery-200: #b6afb1;
    --colors-Gallery-300: #a29a9d;
    --colors-Gallery-400: #8e8588;
    --colors-Gallery-500: #7a7174;
    --colors-Gallery-600: #655d60;
    --colors-Gallery-700: #50494b;
    --colors-Gallery-800: #3a3637;
    --colors-Gallery-900: #252223;
    --colors-Gallery-950: #100f0f;
    --colors-Purple-50: #fdf2ff;
    --colors-Purple-100: #fae4ff;
    --colors-Purple-200: #f6c7ff;
    --colors-Purple-300: #f59cff;
    --colors-Purple-400: #f061ff;
    --colors-Purple-500: #e326ff;
    --colors-Purple-600: #cb05f4;
    --colors-Purple-700: #a100be;
    --colors-Purple-800: #8f03a5;
    --colors-Purple-900: #770986;
    --colors-Purple-950: #51005c;
    --colors-Orange-50: #fef3f2;
    --colors-Orange-100: #fee5e2;
    --colors-Orange-200: #fed0ca;
    --colors-Orange-300: #fdafa4;
    --colors-Orange-400: #f98070;
    --colors-Orange-500: #f05944;
    --colors-Orange-600: #dd3b25;
    --colors-Orange-700: #bb2e1b;
    --colors-Orange-800: #9a291a;
    --colors-Orange-900: #80281c;
    --colors-Orange-950: #45110a;
    --colors-Lime-50: #feffe5;
    --colors-Lime-100: #fbffc6;
    --colors-Lime-200: #f4ff93;
    --colors-Lime-300: #e8ff55;
    --colors-Lime-400: #d5f819;
    --colors-Lime-500: #b9df03;
    --colors-Lime-600: #90b300;
    --colors-Lime-700: #6c8704;
    --colors-Lime-800: #556a0a;
    --colors-Lime-900: #485a0d;
    --colors-Lime-950: #253201;
    --colors-Cyan-50: #edfffe;
    --colors-Cyan-100: #c2fffc;
    --colors-Cyan-200: #84fffb;
    --colors-Cyan-300: #3ffff9;
    --colors-Cyan-400: #08f9ef;
    --colors-Cyan-500: #0fddd5;
    --colors-Cyan-600: #00b2b0;
    --colors-Cyan-700: #008d8d;
    --colors-Cyan-800: #00696b;
    --colors-Cyan-900: #065a5b;
    --colors-Cyan-950: #003438;
    --colors-Teal-50: #ebfef6;
    --colors-Teal-100: #cefde6;
    --colors-Teal-200: #a2f8d3;
    --colors-Teal-300: #66efbd;
    --colors-Teal-400: #29dea2;
    --colors-Teal-500: #05c48b;
    --colors-Teal-600: #00a072;
    --colors-Teal-700: #00805e;
    --colors-Teal-800: #006c51;
    --colors-Teal-900: #015340;
    --colors-Teal-950: #002f24;
    --colors-Green-50: #f3faf3;
    --colors-Green-100: #e4f4e5;
    --colors-Green-200: #c9e9cb;
    --colors-Green-300: #8fcf95;
    --colors-Green-400: #6dbb75;
    --colors-Green-500: #499e51;
    --colors-Green-600: #38813f;
    --colors-Green-700: #2f6634;
    --colors-Green-800: #29522e;
    --colors-Green-900: #234427;
    --colors-Green-950: #0f2412;
    --colors-Manz-50: #f9fcea;
    --colors-Yellow-50: #fafaec;
    --colors-Yellow-100: #f4f4cd;
    --colors-Yellow-200: #ebe99d;
    --colors-Yellow-300: #dfd765;
    --colors-Yellow-400: #d5c43a;
    --colors-Yellow-500: #c5ad2d;
    --colors-Yellow-600: #a88924;
    --colors-Yellow-700: #886620;
    --colors-Yellow-800: #725321;
    --colors-Yellow-900: #614622;
    --colors-Yellow-950: #382510;
    --colors-Manz-100: #f3f9c8;
    --colors-Manz-200: #ecf494;
    --colors-Manz-300: #ecec55;
    --colors-Manz-400: #e9e93a;
    --colors-Manz-500: #cfcf17;
    --colors-Manz-600: #b3b314;
    --colors-Manz-700: #979711;
    --colors-Manz-800: #7c7c0e;
    --colors-Manz-900: #60600b;
    --colors-Manz-950: #454508;
    --colors-Copper-50: #f8f5ee;
    --colors-Tuscany-50: #fbf4ef;
    --colors-Beige-50: #fbf7f5;
    --colors-Beige-100: #f7ede9;
    --colors-Beige-200: #f2ddd6;
    --colors-Beige-300: #e8c5b9;
    --colors-Beige-400: #d8a391;
    --colors-Beige-500: #c57f67;
    --colors-Beige-600: #b16a51;
    --colors-Beige-700: #945641;
    --colors-Beige-800: #7b4a39;
    --colors-Beige-900: #684134;
    --colors-Beige-950: #372018;
    --colors-Tuscany-100: #f2e1d3;
    --colors-Tuscany-200: #e3c0a4;
    --colors-Tuscany-300: #d59b74;
    --colors-Tuscany-400: #cb7e53;
    --colors-Tuscany-500: #c1623f;
    --colors-Tuscany-600: #aa4a35;
    --colors-Tuscany-700: #8e362f;
    --colors-Tuscany-800: #752c2b;
    --colors-Tuscany-900: #612626;
    --colors-Tuscany-950: #361213;
    --colors-Copper-100: #eee5d3;
    --colors-Copper-200: #decbaa;
    --colors-Copper-300: #cbaa79;
    --colors-Copper-400: #b8874b;
    --colors-Copper-500: #ac7a46;
    --colors-Copper-600: #94613a;
    --colors-Copper-700: #774931;
    --colors-Copper-800: #643e2f;
    --colors-Copper-900: #57352c;
    --colors-Copper-950: #321b16;
    --colors-Contessa-50: #fbf6f5;
    --colors-Contessa-100: #f7eae9;
    --colors-Contessa-200: #f1dad7;
    --colors-Contessa-300: #e6bfbb;
    --colors-Contessa-400: #d69a93;
    --colors-Contessa-500: #c67e76;
    --colors-Contessa-600: #ae5d54;
    --colors-Contessa-700: #914c44;
    --colors-Contessa-800: #79413b;
    --colors-Contessa-900: #663b36;
    --colors-Contessa-950: #361c19;
    --colors-Old-rose-50: #fbf5f5;
    --colors-Old-rose-100: #f7eced;
    --colors-Old-rose-200: #f0dbdd;
    --colors-Old-rose-300: #e3bec1;
    --colors-Old-rose-400: #d3999f;
    --colors-Old-rose-500: #c47d87;
    --colors-Old-rose-600: #a85666;
    --colors-Old-rose-700: #8c4453;
    --colors-Old-rose-800: #763b49;
    --colors-Old-rose-900: #663543;
    --colors-Old-rose-950: #371a21;
    --colors-Puce-50: #faf5f7;
    --colors-Puce-100: #f6edf0;
    --colors-Puce-200: #eedce3;
    --colors-Puce-300: #e2bfcc;
    --colors-Puce-400: #cf97aa;
    --colors-Puce-500: #c07e93;
    --colors-Puce-600: #a75b70;
    --colors-Puce-700: #8e4859;
    --colors-Puce-800: #763e4a;
    --colors-Puce-900: #643741;
    --colors-Puce-950: #3b1c23;
    --colors-Bouquet-50: #f8f6f9;
    --colors-Bouquet-100: #f3eff4;
    --colors-Bouquet-200: #eadfeb;
    --colors-Bouquet-300: #dac6db;
    --colors-Bouquet-400: #c2a2c4;
    --colors-Bouquet-500: #aa7eab;
    --colors-Bouquet-600: #986a96;
    --colors-Bouquet-700: #81557e;
    --colors-Bouquet-800: #6b4969;
    --colors-Bouquet-900: #5b4059;
    --colors-Bouquet-950: #352234;
    --colors-Lavender-50: #f9f7fb;
    --colors-Blue-bell-50: #f4f5f9;
    --colors-Blue-bell-100: #eaedf5;
    --colors-Blue-bell-200: #d9ddec;
    --colors-Blue-bell-300: #c1c6e0;
    --colors-Blue-bell-400: #a8abd1;
    --colors-Blue-bell-500: #8b8bbf;
    --colors-Blue-bell-600: #7e7ab1;
    --colors-Blue-bell-700: #6d689a;
    --colors-Blue-bell-800: #59567d;
    --colors-Blue-bell-900: #4b4966;
    --colors-Blue-bell-950: #2c2b3b;
    --colors-Polo-blue-50: #f3f7fa;
    --colors-Polo-blue-100: #e9f0f6;
    --colors-Polo-blue-200: #d8e3ed;
    --colors-Polo-blue-300: #bfd1e2;
    --colors-Polo-blue-400: #a5b9d4;
    --colors-Polo-blue-500: #8ea2c6;
    --colors-Polo-blue-600: #6f82b1;
    --colors-Polo-blue-700: #64739e;
    --colors-Polo-blue-800: #536080;
    --colors-Polo-blue-900: #475168;
    --colors-Polo-blue-950: #2a2f3c;
    --colors-Chip-cove-50: #f4f7fa;
    --colors-Chip-cove-100: #e5ebf4;
    --colors-Chip-cove-200: #d1deec;
    --colors-Chip-cove-300: #b2c8de;
    --colors-Chip-cove-400: #89a8cb;
    --colors-Chip-cove-500: #7291bf;
    --colors-Chip-cove-600: #5f7bb1;
    --colors-Chip-cove-700: #546aa1;
    --colors-Chip-cove-800: #495884;
    --colors-Chip-cove-900: #3e4a6a;
    --colors-Chip-cove-950: #28313e;
    --colors-Danube-50: #f3f8fb;
    --colors-Danube-100: #e4eef5;
    --colors-Danube-200: #d0e2ed;
    --colors-Danube-300: #afcfe1;
    --colors-Danube-400: #88b5d2;
    --colors-Danube-500: #6296c1;
    --colors-Danube-600: #5986b7;
    --colors-Danube-700: #4e74a7;
    --colors-Danube-800: #446089;
    --colors-Danube-900: #3a516e;
    --colors-Danube-950: #273344;
    --colors-Eastern-Blue-50: #f2f9f9;
    --colors-Eastern-Blue-100: #deeeef;
    --colors-Eastern-Blue-200: #c1dee0;
    --colors-Eastern-Blue-300: #95c5cb;
    --colors-Eastern-Blue-400: #63a4ad;
    --colors-Eastern-Blue-500: #4b909a;
    --colors-Eastern-Blue-600: #3e717c;
    --colors-Eastern-Blue-700: #375e67;
    --colors-Eastern-Blue-800: #334f57;
    --colors-Eastern-Blue-900: #2e444b;
    --colors-Eastern-Blue-950: #1b2b31;
    --colors-Highland-50: #f6f8f5;
    --colors-Highland-100: #eaf0e8;
    --colors-Highland-200: #d5e1d1;
    --colors-Highland-300: #b3c9ac;
    --colors-Highland-400: #89a97f;
    --colors-Highland-500: #759b6a;
    --colors-Highland-600: #527049;
    --colors-Highland-700: #42593c;
    --colors-Highland-800: #374932;
    --colors-Highland-900: #2e3c2b;
    --colors-Highland-950: #161f14;
    --colors-Green-Smoke-50: #f5f6ef;
    --colors-Green-Smoke-100: #e9ebdc;
    --colors-Green-Smoke-200: #d6dabc;
    --colors-Green-Smoke-300: #bac294;
    --colors-Green-Smoke-400: #9faa71;
    --colors-Green-Smoke-500: #919e5d;
    --colors-Green-Smoke-600: #657040;
    --colors-Green-Smoke-700: #4f5734;
    --colors-Green-Smoke-800: #41472d;
    --colors-Green-Smoke-900: #383e29;
    --colors-Green-Smoke-950: #1d2013;
    --colors-Sycamore-50: #f7f6ee;
    --colors-Almond-50: #f9f8f7;
    --colors-Almond-100: #f2efee;
    --colors-Almond-200: #e8e2e0;
    --colors-Almond-300: #d8cdc9;
    --colors-Almond-400: #c0afa9;
    --colors-Almond-500: #a8938b;
    --colors-Almond-600: #968179;
    --colors-Almond-700: #78645d;
    --colors-Almond-800: #65554f;
    --colors-Almond-900: #564a46;
    --colors-Almond-950: #2c2523;
    --colors-Sycamore-100: #eeebd9;
    --colors-Sycamore-200: #ded9b8;
    --colors-Sycamore-300: #c9c38d;
    --colors-Sycamore-400: #b2ac69;
    --colors-Sycamore-500: #938e49;
    --colors-Sycamore-600: #777439;
    --colors-Sycamore-700: #626042;
    --colors-Sycamore-800: #4b4a29;
    --colors-Sycamore-900: #414026;
    --colors-Sycamore-950: #221;
    --colors-Lavender-100: #f3f0f7;
    --colors-Lavender-200: #e8e4f0;
    --colors-Lavender-300: #d7cee4;
    --colors-Lavender-400: #c0b2d3;
    --colors-Lavender-500: #a892c0;
    --colors-Lavender-600: #9a7eb1;
    --colors-Lavender-700: #85669b;
    --colors-Lavender-800: #6f5582;
    --colors-Lavender-900: #5b476b;
    --colors-Lavender-950: #3c2e47;
    --border-border-width-none: var(--scale-4grid-0);
    --border-border-width-sm: var(--scale-4grid-50-2);
    --border-border-width-md: var(--scale-4grid-100-4);
    --border-border-width-lg: var(--scale-4grid-150-6);
    --border-border-radius-none: var(--scale-4grid-0);
    --border-border-radius-xs: var(--scale-4grid-100-4);
    --border-border-radius-sm: var(--scale-4grid-200-8);
    --border-border-radius-md: var(--scale-4grid-300-12);
    --border-border-radius-lg: var(--scale-4grid-400-16);
    --border-border-radius-lg-increased: var(--scale-4grid-500-20);
    --border-border-radius-xl: var(--scale-4grid-600-24);
    --border-border-radius-xl-increased: var(--scale-4grid-700-28);
    --border-border-radius-xxl: var(--scale-4grid-800-32);
    --border-border-radius-default-full: var(--scale-4grid-900-36);
    --scale-4grid-0: 0px;
    --scale-4grid-50-2: 2px;
    --scale-4grid-100-4: 4px;
    --scale-4grid-150-6: 6px;
    --scale-4grid-200-8: 8px;
    --scale-4grid-300-12: 12px;
    --scale-4grid-400-16: 16px;
    --scale-4grid-500-20: 20px;
    --scale-4grid-600-24: 24px;
    --scale-4grid-700-28: 28px;
    --scale-4grid-800-32: 32px;
    --scale-4grid-900-36: 36px;
    --scale-4grid-1000-40: 40px;
    --scale-4grid-1100-44: 44px;
    --scale-4grid-1200-48: 48px;
    --scale-4grid-1300-52: 52px;
    --scale-4grid-1400-56: 56px;
    --scale-4grid-1500-60: 60px;
    --scale-4grid-1600-64: 64px;
    --scale-4grid-1700-68: 68px;
    --scale-4grid-1800-72: 72px;
    --scale-4grid-1900-76: 76px;
    --scale-4grid-2000-80: 80px;
    --scale-4grid-2100-84: 84px;
    --scale-4grid-2200-88: 88px;
    --scale-4grid-2300-92: 92px;
    --scale-4grid-2400-96: 96px;
    --scale-4grid-2500-100: 100px;
    --scale-4grid-2600-104: 104px;
    --scale-4grid-2800-112: 112px;
    --scale-4grid-3000-120: 120px;
    --scale-4grid-3200-128: 128px;
    --scale-4grid-3400-136: 136px;
    --scale-8grid-25: 2px;
    --scale-8grid-100: 8px;
    --scale-8grid-200: 16px;
    --scale-8grid-300: 24px;
    --scale-8grid-400: 32px;
    --scale-8grid-500: 48px;
    --scale-8grid-600: 56px;
    --scale-8grid-700: 64px;
    --scale-8grid-800: 72px;
    --scale-8grid-900: 80px;
    --shadow-blur-scale-0: 0px;
    --shadow-blur-scale-1: 1px;
    --shadow-blur-scale-2: 2px;
    --shadow-blur-scale-3: 3px;
    --shadow-blur-scale-4: 4px;
    --shadow-blur-scale-5: 5px;
    --shadow-blur-scale-6: 6px;
    --shadow-blur-scale-7: 7px;
    --shadow-blur-scale-8: 8px;
    --shadow-blur-scale-9: 9px;
    --shadow-blur-scale-10: 10px;
    --shadow-blur-scale-11: 11px;
    --shadow-blur-scale-12: 12px;
    --shadow-humari-0-x: 0px;
    --shadow-humari-0-y: 0px;
    --shadow-humari-0-shadow-dark: var(--humari-Opacity-gradient-black-0);
    --shadow-humari-0-blur-hard: 0px;
    --shadow-humari-0-blur-soft: 0px;
    --shadow-humari-0-spread: 0px;
    --shadow-client-bottom-left-0-x: 0px;
    --shadow-client-bottom-left-0-y: 0px;
    --shadow-client-bottom-left-0-shadow: var(--humari-Opacity-gradient-black-0);
    --shadow-client-bottom-left-0-blur-hard: 0px;
    --shadow-client-bottom-left-0-blur-soft: 0px;
    --shadow-client-bottom-left-0-spread: 0px;
    --shadow-client-bottom-left-x: 0px;
    --shadow-client-bottom-right-0-x: 0px;
    --shadow-client-bottom-right-0-y: 0px;
    --shadow-client-bottom-right-0-shadow: var(--humari-Opacity-gradient-black-0);
    --shadow-client-bottom-right-0-blur-hard: 0px;
    --shadow-client-bottom-right-0-blur-soft: 0px;
    --shadow-client-bottom-right-0-spread: 0px;
    --shadow-client-bottom-right-x: 0px;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .not-sr-only {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-9 {
    top: calc(var(--spacing) * 9);
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[var\(--scale-4grid-400-16\)\] {
    top: var(--scale-4grid-400-16);
  }

  .top-\[var\(--scale-4grid-600-24\)\] {
    top: var(--scale-4grid-600-24);
  }

  .top-full {
    top: 100%;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-\[var\(--scale-4grid-300-12\)\] {
    right: var(--scale-4grid-300-12);
  }

  .right-\[var\(--scale-4grid-400-16\)\] {
    right: var(--scale-4grid-400-16);
  }

  .right-\[var\(--scale-4grid-600-24\)\] {
    right: var(--scale-4grid-600-24);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-\[var\(--scale-4grid-600-24\)\] {
    bottom: var(--scale-4grid-600-24);
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[var\(--scale-4grid-300-12\)\] {
    left: var(--scale-4grid-300-12);
  }

  .left-\[var\(--scale-4grid-600-24\)\] {
    left: var(--scale-4grid-600-24);
  }

  .isolate {
    isolation: isolate;
  }

  .isolation-auto {
    isolation: auto;
  }

  .z-10 {
    z-index: 10;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-\[var\(--scale-4grid-100-4\)\] {
    margin-inline: var(--scale-4grid-100-4);
  }

  .mx-\[var\(--scale-4grid-200-8\)\] {
    margin-inline: var(--scale-4grid-200-8);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[var\(--scale-4grid-050-2\)\] {
    margin-top: var(--scale-4grid-050-2);
  }

  .mt-\[var\(--scale-4grid-100-4\)\] {
    margin-top: var(--scale-4grid-100-4);
  }

  .mt-\[var\(--scale-4grid-150-6\)\] {
    margin-top: var(--scale-4grid-150-6);
  }

  .mt-\[var\(--scale-4grid-200-8\)\] {
    margin-top: var(--scale-4grid-200-8);
  }

  .mt-\[var\(--scale-4grid-400-16\)\] {
    margin-top: var(--scale-4grid-400-16);
  }

  .mt-\[var\(--scale-4grid-1200-48\)\] {
    margin-top: var(--scale-4grid-1200-48);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-\[var\(--scale-4grid-100-4\)\] {
    margin-bottom: var(--scale-4grid-100-4);
  }

  .mb-\[var\(--scale-4grid-200-8\)\] {
    margin-bottom: var(--scale-4grid-200-8);
  }

  .mb-\[var\(--scale-4grid-400-16\)\] {
    margin-bottom: var(--scale-4grid-400-16);
  }

  .mb-\[var\(--scale-4grid-600-24\)\] {
    margin-bottom: var(--scale-4grid-600-24);
  }

  .mb-\[var\(--scale-4grid-800-32\)\] {
    margin-bottom: var(--scale-4grid-800-32);
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-\[var\(--scale-4grid-200-8\)\] {
    margin-left: var(--scale-4grid-200-8);
  }

  .ml-\[var\(--scale-4grid-400-16\)\] {
    margin-left: var(--scale-4grid-400-16);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline\! {
    display: inline !important;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .inline-table {
    display: inline-table;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table\! {
    display: table !important;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-column {
    display: table-column;
  }

  .table-column-group {
    display: table-column-group;
  }

  .table-footer-group {
    display: table-footer-group;
  }

  .table-header-group {
    display: table-header-group;
  }

  .table-row {
    display: table-row;
  }

  .table-row-group {
    display: table-row-group;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\/2 {
    height: 50%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[600px\] {
    height: 600px;
  }

  .h-\[calc\(100vh-120px\)\] {
    height: calc(100vh - 120px);
  }

  .h-\[calc\(100vh-180px\)\] {
    height: calc(100vh - 180px);
  }

  .h-\[var\(--scale-4grid-150-6\)\] {
    height: var(--scale-4grid-150-6);
  }

  .h-\[var\(--scale-4grid-200-8\)\] {
    height: var(--scale-4grid-200-8);
  }

  .h-\[var\(--scale-4grid-300-12\)\] {
    height: var(--scale-4grid-300-12);
  }

  .h-\[var\(--scale-4grid-400-16\)\] {
    height: var(--scale-4grid-400-16);
  }

  .h-\[var\(--scale-4grid-500-20\)\] {
    height: var(--scale-4grid-500-20);
  }

  .h-\[var\(--scale-4grid-600-24\)\] {
    height: var(--scale-4grid-600-24);
  }

  .h-\[var\(--scale-4grid-800-32\)\] {
    height: var(--scale-4grid-800-32);
  }

  .h-\[var\(--scale-4grid-900-36\)\] {
    height: var(--scale-4grid-900-36);
  }

  .h-\[var\(--scale-4grid-1000-40\)\] {
    height: var(--scale-4grid-1000-40);
  }

  .h-\[var\(--scale-4grid-1100-44\)\] {
    height: var(--scale-4grid-1100-44);
  }

  .h-\[var\(--scale-4grid-1200-48\)\] {
    height: var(--scale-4grid-1200-48);
  }

  .h-\[var\(--scale-4grid-1300-52\)\] {
    height: var(--scale-4grid-1300-52);
  }

  .h-\[var\(--scale-4grid-1400-56\)\] {
    height: var(--scale-4grid-1400-56);
  }

  .h-\[var\(--scale-4grid-3000-120\)\] {
    height: var(--scale-4grid-3000-120);
  }

  .h-\[var\(--scale-4grid-4000-160\)\] {
    height: var(--scale-4grid-4000-160);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[95vh\] {
    max-height: 95vh;
  }

  .max-h-\[100vh\] {
    max-height: 100vh;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .max-h-\[600px\] {
    max-height: 600px;
  }

  .max-h-\[calc\(100vh-100px\)\] {
    max-height: calc(100vh - 100px);
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

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

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-80 {
    width: calc(var(--spacing) * 80) !important;
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[380px\] {
    width: 380px;
  }

  .w-\[420px\] {
    width: 420px;
  }

  .w-\[700px\] {
    width: 700px;
  }

  .w-\[var\(--scale-4grid-200-8\)\] {
    width: var(--scale-4grid-200-8);
  }

  .w-\[var\(--scale-4grid-300-12\)\] {
    width: var(--scale-4grid-300-12);
  }

  .w-\[var\(--scale-4grid-400-16\)\] {
    width: var(--scale-4grid-400-16);
  }

  .w-\[var\(--scale-4grid-500-20\)\] {
    width: var(--scale-4grid-500-20);
  }

  .w-\[var\(--scale-4grid-600-24\)\] {
    width: var(--scale-4grid-600-24);
  }

  .w-\[var\(--scale-4grid-800-32\)\] {
    width: var(--scale-4grid-800-32);
  }

  .w-\[var\(--scale-4grid-1000-40\)\] {
    width: var(--scale-4grid-1000-40);
  }

  .w-\[var\(--scale-4grid-1200-48\)\] {
    width: var(--scale-4grid-1200-48);
  }

  .w-\[var\(--scale-4grid-2000-80\)\] {
    width: var(--scale-4grid-2000-80);
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-\[95vw\] {
    max-width: 95vw;
  }

  .max-w-\[100vw\] {
    max-width: 100vw;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[1000px\] {
    max-width: 1000px;
  }

  .max-w-\[1400px\] {
    max-width: 1400px;
  }

  .max-w-\[1600px\] {
    max-width: 1600px;
  }

  .max-w-\[var\(--Layout-container-size-lg\)\] {
    max-width: var(--Layout-container-size-lg);
  }

  .max-w-\[var\(--Layout-container-size-md\)\] {
    max-width: var(--Layout-container-size-md);
  }

  .max-w-\[var\(--Layout-container-size-sm\)\] {
    max-width: var(--Layout-container-size-sm);
  }

  .max-w-\[var\(--Layout-container-size-xl\)\] {
    max-width: var(--Layout-container-size-xl);
  }

  .max-w-\[var\(--scale-4grid-12800-512\)\] {
    max-width: var(--scale-4grid-12800-512);
  }

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

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-\[14rem\] {
    min-width: 14rem;
  }

  .min-w-\[18px\] {
    min-width: 18px;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[40px\] {
    min-width: 40px;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[2600px\] {
    min-width: 2600px;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-\[var\(--scale-4grid-6400-256\)\] {
    min-width: var(--scale-4grid-6400-256);
  }

  .flex-1 {
    flex: 1;
  }

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

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

  .shrink {
    flex-shrink: 1;
  }

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

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-7 {
    --tw-translate-x: calc(var(--spacing) * 7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-x {
    resize: horizontal;
  }

  .resize-y {
    resize: vertical;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-disc {
    list-style-type: disc;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-rows-auto {
    grid-auto-rows: auto;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

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

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

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-\[var\(--scale-4grid-100-4\)\] {
    gap: var(--scale-4grid-100-4);
  }

  .gap-\[var\(--scale-4grid-150-6\)\] {
    gap: var(--scale-4grid-150-6);
  }

  .gap-\[var\(--scale-4grid-200-8\)\] {
    gap: var(--scale-4grid-200-8);
  }

  .gap-\[var\(--scale-4grid-300-12\)\] {
    gap: var(--scale-4grid-300-12);
  }

  .gap-\[var\(--scale-4grid-400-16\)\] {
    gap: var(--scale-4grid-400-16);
  }

  .gap-\[var\(--scale-4grid-500-20\)\] {
    gap: var(--scale-4grid-500-20);
  }

  .gap-\[var\(--scale-4grid-600-24\)\] {
    gap: var(--scale-4grid-600-24);
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-150-6\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-150-6) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-150-6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-200-8\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-200-8) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-200-8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-300-12\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-300-12) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-300-12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-400-16\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-400-16) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-400-16) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-500-20\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-500-20) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-500-20) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-600-24\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-600-24) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-600-24) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[var\(--scale-4grid-800-32\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--scale-4grid-800-32) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--scale-4grid-800-32) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-reverse > :not(:last-child)) {
    --tw-space-y-reverse: 1;
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-y-reverse > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }

  :where(.divide-\[var\(--Border-Outline\)\] > :not(:last-child)) {
    border-color: var(--Border-Outline);
  }

  :where(.divide-\[var\(--Border-default\,\#E7E7E7\)\] > :not(:last-child)) {
    border-color: var(--Border-default, #e7e7e7);
  }

  :where(.divide-\[var\(--Outline-variant\)\] > :not(:last-child)) {
    border-color: var(--Outline-variant);
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[var\(--border-border-radius-full\)\] {
    border-radius: var(--border-border-radius-full);
  }

  .rounded-\[var\(--border-border-radius-lg\)\] {
    border-radius: var(--border-border-radius-lg);
  }

  .rounded-\[var\(--border-border-radius-md\)\] {
    border-radius: var(--border-border-radius-md);
  }

  .rounded-\[var\(--border-border-radius-sm\)\] {
    border-radius: var(--border-border-radius-sm);
  }

  .rounded-\[var\(--border-border-radius-xl\)\] {
    border-radius: var(--border-border-radius-xl);
  }

  .rounded-\[var\(--border-border-radius-xs\)\] {
    border-radius: var(--border-border-radius-xs);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem;
  }

  .rounded-ss {
    border-start-start-radius: .25rem;
  }

  .rounded-e {
    border-start-end-radius: .25rem;
    border-end-end-radius: .25rem;
  }

  .rounded-se {
    border-start-end-radius: .25rem;
  }

  .rounded-ee {
    border-end-end-radius: .25rem;
  }

  .rounded-es {
    border-end-start-radius: .25rem;
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-tl {
    border-top-left-radius: .25rem;
  }

  .rounded-tl-lg {
    border-top-left-radius: var(--radius-lg);
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-tr {
    border-top-right-radius: .25rem;
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\[var\(--Border-Action\)\] {
    border-color: var(--Border-Action);
  }

  .border-\[var\(--Border-Action-ai\)\] {
    border-color: var(--Border-Action-ai);
  }

  .border-\[var\(--Border-Action-primary\)\] {
    border-color: var(--Border-Action-primary);
  }

  .border-\[var\(--Border-Error\)\] {
    border-color: var(--Border-Error);
  }

  .border-\[var\(--Border-Information\)\] {
    border-color: var(--Border-Information);
  }

  .border-\[var\(--Border-Outline\)\] {
    border-color: var(--Border-Outline);
  }

  .border-\[var\(--Border-Outline-variant\)\] {
    border-color: var(--Border-Outline-variant);
  }

  .border-\[var\(--Border-Outline-variante\)\] {
    border-color: var(--Border-Outline-variante);
  }

  .border-\[var\(--Border-Primary\)\] {
    border-color: var(--Border-Primary);
  }

  .border-\[var\(--Border-Ring-focus\)\] {
    border-color: var(--Border-Ring-focus);
  }

  .border-\[var\(--Border-Success\)\] {
    border-color: var(--Border-Success);
  }

  .border-\[var\(--Border-Tertiary\)\] {
    border-color: var(--Border-Tertiary);
  }

  .border-\[var\(--Border-Warning\)\] {
    border-color: var(--Border-Warning);
  }

  .border-\[var\(--Colors-Error\)\] {
    border-color: var(--Colors-Error);
  }

  .border-\[var\(--Colors-Information\)\] {
    border-color: var(--Colors-Information);
  }

  .border-\[var\(--Colors-Outline-Variant\)\] {
    border-color: var(--Colors-Outline-Variant);
  }

  .border-\[var\(--Colors-Primary\)\] {
    border-color: var(--Colors-Primary);
  }

  .border-\[var\(--Colors-Secondary\)\] {
    border-color: var(--Colors-Secondary);
  }

  .border-\[var\(--Colors-Tertiary\)\] {
    border-color: var(--Colors-Tertiary);
  }

  .border-\[var\(--Colors-Warning\)\] {
    border-color: var(--Colors-Warning);
  }

  .border-\[var\(--Error\)\] {
    border-color: var(--Error);
  }

  .border-\[var\(--Outline\)\] {
    border-color: var(--Outline);
  }

  .border-\[var\(--Outline-variant\)\] {
    border-color: var(--Outline-variant);
  }

  .border-\[var\(--Primary\)\] {
    border-color: var(--Primary);
  }

  .border-\[var\(--Surface-Primary\)\] {
    border-color: var(--Surface-Primary);
  }

  .border-\[var\(--Surface-Tertiary\)\] {
    border-color: var(--Surface-Tertiary);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-blue-100 {
    border-color: var(--color-blue-100);
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-blue-600 {
    border-color: var(--color-blue-600);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-300 {
    border-color: var(--color-green-300);
  }

  .border-green-500 {
    border-color: var(--color-green-500);
  }

  .border-orange-200 {
    border-color: var(--color-orange-200);
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-purple-500 {
    border-color: var(--color-purple-500);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }

  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .bg-\[var\(--Background\)\] {
    background-color: var(--Background);
  }

  .bg-\[var\(--Border-Action\,white\)\] {
    background-color: var(--Border-Action, white);
  }

  .bg-\[var\(--Border-Outline\)\] {
    background-color: var(--Border-Outline);
  }

  .bg-\[var\(--Colors-Primary\)\] {
    background-color: var(--Colors-Primary);
  }

  .bg-\[var\(--Colors-Primary-Container\)\] {
    background-color: var(--Colors-Primary-Container);
  }

  .bg-\[var\(--Colors-Secondary\)\] {
    background-color: var(--Colors-Secondary);
  }

  .bg-\[var\(--Colors-Secondary-Container\)\] {
    background-color: var(--Colors-Secondary-Container);
  }

  .bg-\[var\(--Colors-Surface\)\] {
    background-color: var(--Colors-Surface);
  }

  .bg-\[var\(--Colors-Surface-Container\)\] {
    background-color: var(--Colors-Surface-Container);
  }

  .bg-\[var\(--Colors-Surface-Variant\)\] {
    background-color: var(--Colors-Surface-Variant);
  }

  .bg-\[var\(--Colors-Tertiary\)\] {
    background-color: var(--Colors-Tertiary);
  }

  .bg-\[var\(--Colors-Tertiary-Container\)\] {
    background-color: var(--Colors-Tertiary-Container);
  }

  .bg-\[var\(--Primary\)\] {
    background-color: var(--Primary);
  }

  .bg-\[var\(--Primary-container\)\] {
    background-color: var(--Primary-container);
  }

  .bg-\[var\(--Surface\)\] {
    background-color: var(--Surface);
  }

  .bg-\[var\(--Surface-AI\)\] {
    background-color: var(--Surface-AI);
  }

  .bg-\[var\(--Surface-AI-container\)\] {
    background-color: var(--Surface-AI-container);
  }

  .bg-\[var\(--Surface-Action-primary\)\] {
    background-color: var(--Surface-Action-primary);
  }

  .bg-\[var\(--Surface-Action-primary\,\#F70F44\)\] {
    background-color: var(--Surface-Action-primary, #f70f44);
  }

  .bg-\[var\(--Surface-Action-secondary\)\] {
    background-color: var(--Surface-Action-secondary);
  }

  .bg-\[var\(--Surface-Action-secondary\,\#E7E7E7\)\] {
    background-color: var(--Surface-Action-secondary, #e7e7e7);
  }

  .bg-\[var\(--Surface-Container\)\] {
    background-color: var(--Surface-Container);
  }

  .bg-\[var\(--Surface-Container-highest\)\] {
    background-color: var(--Surface-Container-highest);
  }

  .bg-\[var\(--Surface-Desable\)\] {
    background-color: var(--Surface-Desable);
  }

  .bg-\[var\(--Surface-Error\)\] {
    background-color: var(--Surface-Error);
  }

  .bg-\[var\(--Surface-Error-container\)\] {
    background-color: var(--Surface-Error-container);
  }

  .bg-\[var\(--Surface-Info-container\)\] {
    background-color: var(--Surface-Info-container);
  }

  .bg-\[var\(--Surface-Information\)\] {
    background-color: var(--Surface-Information);
  }

  .bg-\[var\(--Surface-Information-container\)\] {
    background-color: var(--Surface-Information-container);
  }

  .bg-\[var\(--Surface-Inverse-surface\)\] {
    background-color: var(--Surface-Inverse-surface);
  }

  .bg-\[var\(--Surface-Overlay\)\] {
    background-color: var(--Surface-Overlay);
  }

  .bg-\[var\(--Surface-Primary\)\] {
    background-color: var(--Surface-Primary);
  }

  .bg-\[var\(--Surface-Primary-container\)\] {
    background-color: var(--Surface-Primary-container);
  }

  .bg-\[var\(--Surface-Secondary\)\] {
    background-color: var(--Surface-Secondary);
  }

  .bg-\[var\(--Surface-Secondary-container\)\] {
    background-color: var(--Surface-Secondary-container);
  }

  .bg-\[var\(--Surface-Success\)\] {
    background-color: var(--Surface-Success);
  }

  .bg-\[var\(--Surface-Success-container\)\] {
    background-color: var(--Surface-Success-container);
  }

  .bg-\[var\(--Surface-Tertiary\)\] {
    background-color: var(--Surface-Tertiary);
  }

  .bg-\[var\(--Surface-Tertiary-container\)\] {
    background-color: var(--Surface-Tertiary-container);
  }

  .bg-\[var\(--Surface-Tertiary-container\,\#FFCACD\)\] {
    background-color: var(--Surface-Tertiary-container, #ffcacd);
  }

  .bg-\[var\(--Surface-Warning\)\] {
    background-color: var(--Surface-Warning);
  }

  .bg-\[var\(--Surface-Warning-container\)\] {
    background-color: var(--Surface-Warning-container);
  }

  .bg-\[var\(--Surface-container\)\], .bg-\[var\(--Surface-container\)\]\/50 {
    background-color: var(--Surface-container);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--Surface-container\)\]\/50 {
      background-color: color-mix(in oklab, var(--Surface-container) 50%, transparent);
    }
  }

  .bg-\[var\(--Surface-container-Highest\)\] {
    background-color: var(--Surface-container-Highest);
  }

  .bg-\[var\(--Surface-container-high\)\] {
    background-color: var(--Surface-container-high);
  }

  .bg-\[var\(--Surface-container-highest\)\] {
    background-color: var(--Surface-container-highest);
  }

  .bg-\[var\(--Surface-container-low\)\] {
    background-color: var(--Surface-container-low);
  }

  .bg-\[var\(--Surface-container-lowest\)\] {
    background-color: var(--Surface-container-lowest);
  }

  .bg-\[var\(--Surface-default\)\] {
    background-color: var(--Surface-default);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-400 {
    background-color: var(--color-green-400);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }

  .bg-yellow-600 {
    background-color: var(--color-yellow-600);
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-\[var\(--Colors-Error\)\] {
    --tw-gradient-from: var(--Colors-Error);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Colors-Information\)\] {
    --tw-gradient-from: var(--Colors-Information);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Colors-Primary-Container\)\] {
    --tw-gradient-from: var(--Colors-Primary-Container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Colors-Warning\)\] {
    --tw-gradient-from: var(--Colors-Warning);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Primary\)\] {
    --tw-gradient-from: var(--Primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Surface-Information-container\)\] {
    --tw-gradient-from: var(--Surface-Information-container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Surface-Primary\)\] {
    --tw-gradient-from: var(--Surface-Primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--Surface-Primary-container\)\] {
    --tw-gradient-from: var(--Surface-Primary-container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/5 {
    --tw-gradient-from: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .from-black\/5 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-50 {
    --tw-gradient-from: var(--color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-\[var\(--Surface-Primary-container\)\] {
    --tw-gradient-via: var(--Surface-Primary-container);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[var\(--Surface-container\)\] {
    --tw-gradient-via: var(--Surface-container);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white\/20 {
    --tw-gradient-via: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .via-white\/20 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[var\(--Colors-Error-Container\)\] {
    --tw-gradient-to: var(--Colors-Error-Container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Colors-Information-Container\)\] {
    --tw-gradient-to: var(--Colors-Information-Container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Colors-Secondary-Container\)\] {
    --tw-gradient-to: var(--Colors-Secondary-Container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Colors-Warning-Container\)\] {
    --tw-gradient-to: var(--Colors-Warning-Container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Primary-variant\)\] {
    --tw-gradient-to: var(--Primary-variant);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Surface-Secondary\)\] {
    --tw-gradient-to: var(--Surface-Secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Surface-Secondary-container\)\] {
    --tw-gradient-to: var(--Surface-Secondary-container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Surface-Success-container\)\] {
    --tw-gradient-to: var(--Surface-Success-container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--Surface-container\)\] {
    --tw-gradient-to: var(--Surface-container);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-50 {
    --tw-gradient-to: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-50 {
    --tw-gradient-to: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-repeat {
    background-repeat: repeat;
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-\[var\(--scale-4grid-200-8\)\] {
    padding: var(--scale-4grid-200-8);
  }

  .p-\[var\(--scale-4grid-300-12\)\] {
    padding: var(--scale-4grid-300-12);
  }

  .p-\[var\(--scale-4grid-400-16\)\] {
    padding: var(--scale-4grid-400-16);
  }

  .p-\[var\(--scale-4grid-500-20\)\] {
    padding: var(--scale-4grid-500-20);
  }

  .p-\[var\(--scale-4grid-600-24\)\] {
    padding: var(--scale-4grid-600-24);
  }

  .p-\[var\(--scale-4grid-800-32\)\] {
    padding: var(--scale-4grid-800-32);
  }

  .p-\[var\(--scale-4grid-1200-48\)\] {
    padding: var(--scale-4grid-1200-48);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-\[var\(--scale-4grid-100-4\)\] {
    padding-inline: var(--scale-4grid-100-4);
  }

  .px-\[var\(--scale-4grid-200-8\)\] {
    padding-inline: var(--scale-4grid-200-8);
  }

  .px-\[var\(--scale-4grid-300-12\)\] {
    padding-inline: var(--scale-4grid-300-12);
  }

  .px-\[var\(--scale-4grid-400-16\)\] {
    padding-inline: var(--scale-4grid-400-16);
  }

  .px-\[var\(--scale-4grid-500-20\)\] {
    padding-inline: var(--scale-4grid-500-20);
  }

  .px-\[var\(--scale-4grid-600-24\)\] {
    padding-inline: var(--scale-4grid-600-24);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[var\(--scale-4grid-050-2\)\] {
    padding-block: var(--scale-4grid-050-2);
  }

  .py-\[var\(--scale-4grid-50-2\)\] {
    padding-block: var(--scale-4grid-50-2);
  }

  .py-\[var\(--scale-4grid-100-4\)\] {
    padding-block: var(--scale-4grid-100-4);
  }

  .py-\[var\(--scale-4grid-150-6\)\] {
    padding-block: var(--scale-4grid-150-6);
  }

  .py-\[var\(--scale-4grid-200-8\)\] {
    padding-block: var(--scale-4grid-200-8);
  }

  .py-\[var\(--scale-4grid-300-12\)\] {
    padding-block: var(--scale-4grid-300-12);
  }

  .py-\[var\(--scale-4grid-400-16\)\] {
    padding-block: var(--scale-4grid-400-16);
  }

  .py-\[var\(--scale-4grid-500-20\)\] {
    padding-block: var(--scale-4grid-500-20);
  }

  .py-\[var\(--scale-4grid-800-32\)\] {
    padding-block: var(--scale-4grid-800-32);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-\[var\(--scale-4grid-200-8\)\] {
    padding-top: var(--scale-4grid-200-8);
  }

  .pt-\[var\(--scale-4grid-400-16\)\] {
    padding-top: var(--scale-4grid-400-16);
  }

  .pt-\[var\(--scale-4grid-800-32\)\] {
    padding-top: var(--scale-4grid-800-32);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-\[var\(--scale-4grid-1000-40\)\] {
    padding-right: var(--scale-4grid-1000-40);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-\[var\(--scale-4grid-200-8\)\] {
    padding-bottom: var(--scale-4grid-200-8);
  }

  .pb-\[var\(--scale-4grid-300-12\)\] {
    padding-bottom: var(--scale-4grid-300-12);
  }

  .pb-\[var\(--scale-4grid-400-16\)\] {
    padding-bottom: var(--scale-4grid-400-16);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-\[var\(--scale-4grid-1000-40\)\] {
    padding-left: var(--scale-4grid-1000-40);
  }

  .text-center {
    text-align: center;
  }

  .text-justify {
    text-align: justify;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-\[\'IBM_Plex_Sans\'\], .font-\[IBM_Plex_Sans\] {
    font-family: IBM Plex Sans;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[length\:var\(--Typography-font-size-Body-default\)\] {
    font-size: var(--Typography-font-size-Body-default);
  }

  .text-\[length\:var\(--Typography-font-size-Body-large\)\] {
    font-size: var(--Typography-font-size-Body-large);
  }

  .text-\[length\:var\(--Typography-font-size-Body-medium\)\] {
    font-size: var(--Typography-font-size-Body-medium);
  }

  .text-\[length\:var\(--Typography-font-size-Body-small\)\] {
    font-size: var(--Typography-font-size-Body-small);
  }

  .text-\[length\:var\(--Typography-font-size-Display-large\)\] {
    font-size: var(--Typography-font-size-Display-large);
  }

  .text-\[length\:var\(--Typography-font-size-Display-small\)\] {
    font-size: var(--Typography-font-size-Display-small);
  }

  .text-\[length\:var\(--Typography-font-size-Headline-large\)\] {
    font-size: var(--Typography-font-size-Headline-large);
  }

  .text-\[length\:var\(--Typography-font-size-Headline-small\)\] {
    font-size: var(--Typography-font-size-Headline-small);
  }

  .text-\[length\:var\(--Typography-font-size-Label-large\)\] {
    font-size: var(--Typography-font-size-Label-large);
  }

  .text-\[length\:var\(--Typography-font-size-Label-medium\)\] {
    font-size: var(--Typography-font-size-Label-medium);
  }

  .text-\[length\:var\(--Typography-font-size-Label-small\)\] {
    font-size: var(--Typography-font-size-Label-small);
  }

  .text-\[length\:var\(--Typography-font-size-Title-large\)\] {
    font-size: var(--Typography-font-size-Title-large);
  }

  .text-\[length\:var\(--Typography-font-size-Title-medium\)\] {
    font-size: var(--Typography-font-size-Title-medium);
  }

  .text-\[length\:var\(--Typography-font-size-Title-small\)\] {
    font-size: var(--Typography-font-size-Title-small);
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-\[var\(--Typography-line-height-Body-default\)\] {
    --tw-leading: var(--Typography-line-height-Body-default);
    line-height: var(--Typography-line-height-Body-default);
  }

  .leading-\[var\(--Typography-line-height-Headline-large\)\] {
    --tw-leading: var(--Typography-line-height-Headline-large);
    line-height: var(--Typography-line-height-Headline-large);
  }

  .leading-\[var\(--Typography-line-height-Title-large\)\] {
    --tw-leading: var(--Typography-line-height-Title-large);
    line-height: var(--Typography-line-height-Title-large);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\[var\(--type-font-weight-bold\)\] {
    --tw-font-weight: var(--type-font-weight-bold);
    font-weight: var(--type-font-weight-bold);
  }

  .font-\[var\(--type-font-weight-medium\)\] {
    --tw-font-weight: var(--type-font-weight-medium);
    font-weight: var(--type-font-weight-medium);
  }

  .font-\[var\(--type-font-weight-semibold\)\] {
    --tw-font-weight: var(--type-font-weight-semibold);
    font-weight: var(--type-font-weight-semibold);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.5px\] {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }

  .tracking-\[0\.25px\] {
    --tw-tracking: .25px;
    letter-spacing: .25px;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[var\(--Error\)\] {
    color: var(--Error);
  }

  .text-\[var\(--Icon-On-error\)\] {
    color: var(--Icon-On-error);
  }

  .text-\[var\(--Icon-On-info\)\] {
    color: var(--Icon-On-info);
  }

  .text-\[var\(--Icon-On-primary-container\)\] {
    color: var(--Icon-On-primary-container);
  }

  .text-\[var\(--Icon-On-secondary-container\)\] {
    color: var(--Icon-On-secondary-container);
  }

  .text-\[var\(--Icon-On-surface\)\] {
    color: var(--Icon-On-surface);
  }

  .text-\[var\(--Icon-On-surface-variant\)\] {
    color: var(--Icon-On-surface-variant);
  }

  .text-\[var\(--Icon-On-tertiary-container\)\] {
    color: var(--Icon-On-tertiary-container);
  }

  .text-\[var\(--Icon-On-warning\)\] {
    color: var(--Icon-On-warning);
  }

  .text-\[var\(--Icon-Primary\)\] {
    color: var(--Icon-Primary);
  }

  .text-\[var\(--Icon-Success\)\] {
    color: var(--Icon-Success);
  }

  .text-\[var\(--Icon-Warning\)\] {
    color: var(--Icon-Warning);
  }

  .text-\[var\(--Primary\)\] {
    color: var(--Primary);
  }

  .text-\[var\(--Success\)\] {
    color: var(--Success);
  }

  .text-\[var\(--Surface-Action-primary\)\] {
    color: var(--Surface-Action-primary);
  }

  .text-\[var\(--Surface-Primary\)\] {
    color: var(--Surface-Primary);
  }

  .text-\[var\(--Surface-container-highest\)\] {
    color: var(--Surface-container-highest);
  }

  .text-\[var\(--Text-AI\)\] {
    color: var(--Text-AI);
  }

  .text-\[var\(--Text-Action\)\] {
    color: var(--Text-Action);
  }

  .text-\[var\(--Text-Action\,\#0A0A0A\)\] {
    color: var(--Text-Action, #0a0a0a);
  }

  .text-\[var\(--Text-Action-primary\)\] {
    color: var(--Text-Action-primary);
  }

  .text-\[var\(--Text-Body\)\] {
    color: var(--Text-Body);
  }

  .text-\[var\(--Text-Caption\)\] {
    color: var(--Text-Caption);
  }

  .text-\[var\(--Text-Display\)\] {
    color: var(--Text-Display);
  }

  .text-\[var\(--Text-Display\,\#F70F44\)\] {
    color: var(--Text-Display, #f70f44);
  }

  .text-\[var\(--Text-Error\)\] {
    color: var(--Text-Error);
  }

  .text-\[var\(--Text-Headline\)\] {
    color: var(--Text-Headline);
  }

  .text-\[var\(--Text-Information\)\] {
    color: var(--Text-Information);
  }

  .text-\[var\(--Text-Inverse-on-surface\)\] {
    color: var(--Text-Inverse-on-surface);
  }

  .text-\[var\(--Text-Label\)\] {
    color: var(--Text-Label);
  }

  .text-\[var\(--Text-Link\)\] {
    color: var(--Text-Link);
  }

  .text-\[var\(--Text-On-AI-container\)\] {
    color: var(--Text-On-AI-container);
  }

  .text-\[var\(--Text-On-AI-container\,\#770986\)\] {
    color: var(--Text-On-AI-container, #770986);
  }

  .text-\[var\(--Text-On-action\)\] {
    color: var(--Text-On-action);
  }

  .text-\[var\(--Text-On-action\,\#F6F6F6\)\] {
    color: var(--Text-On-action, #f6f6f6);
  }

  .text-\[var\(--Text-On-ai\)\] {
    color: var(--Text-On-ai);
  }

  .text-\[var\(--Text-On-desable\)\] {
    color: var(--Text-On-desable);
  }

  .text-\[var\(--Text-On-error\)\] {
    color: var(--Text-On-error);
  }

  .text-\[var\(--Text-On-error-container\)\] {
    color: var(--Text-On-error-container);
  }

  .text-\[var\(--Text-On-info\)\] {
    color: var(--Text-On-info);
  }

  .text-\[var\(--Text-On-info-container\)\], .text-\[var\(--Text-On-info-container\)\]\/70 {
    color: var(--Text-On-info-container);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--Text-On-info-container\)\]\/70 {
      color: color-mix(in oklab, var(--Text-On-info-container) 70%, transparent);
    }
  }

  .text-\[var\(--Text-On-primary\)\] {
    color: var(--Text-On-primary);
  }

  .text-\[var\(--Text-On-primary\,white\)\] {
    color: var(--Text-On-primary, white);
  }

  .text-\[var\(--Text-On-primary-container\)\] {
    color: var(--Text-On-primary-container);
  }

  .text-\[var\(--Text-On-secondary\)\] {
    color: var(--Text-On-secondary);
  }

  .text-\[var\(--Text-On-secondary-container\)\] {
    color: var(--Text-On-secondary-container);
  }

  .text-\[var\(--Text-On-success\)\] {
    color: var(--Text-On-success);
  }

  .text-\[var\(--Text-On-success-container\)\] {
    color: var(--Text-On-success-container);
  }

  .text-\[var\(--Text-On-surface\)\] {
    color: var(--Text-On-surface);
  }

  .text-\[var\(--Text-On-surface\,\#0B0C0E\)\] {
    color: var(--Text-On-surface, #0b0c0e);
  }

  .text-\[var\(--Text-On-surface-variant\)\] {
    color: var(--Text-On-surface-variant);
  }

  .text-\[var\(--Text-On-tertiary\)\] {
    color: var(--Text-On-tertiary);
  }

  .text-\[var\(--Text-On-tertiary-container\)\] {
    color: var(--Text-On-tertiary-container);
  }

  .text-\[var\(--Text-On-tertiary-container\,\#A70A29\)\] {
    color: var(--Text-On-tertiary-container, #a70a29);
  }

  .text-\[var\(--Text-On-warning\)\] {
    color: var(--Text-On-warning);
  }

  .text-\[var\(--Text-On-warning-container\)\] {
    color: var(--Text-On-warning-container);
  }

  .text-\[var\(--Text-Outline\)\] {
    color: var(--Text-Outline);
  }

  .text-\[var\(--Text-Primary\)\] {
    color: var(--Text-Primary);
  }

  .text-\[var\(--Text-Success\)\] {
    color: var(--Text-Success);
  }

  .text-\[var\(--Text-Title\)\] {
    color: var(--Text-Title);
  }

  .text-\[var\(--Text-Warning\)\] {
    color: var(--Text-Warning);
  }

  .text-\[var\(--Warning\)\] {
    color: var(--Warning);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-green-900 {
    color: var(--color-green-900);
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-orange-800 {
    color: var(--color-orange-800);
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .italic\! {
    font-style: italic !important;
  }

  .not-italic {
    font-style: normal;
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .normal-nums {
    font-variant-numeric: normal;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline\! {
    text-decoration-line: underline !important;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[-3px_5px_8px_-1px_rgba\(10\,10\,10\,0\.3\)\] {
    --tw-shadow: -3px 5px 8px -1px var(--tw-shadow-color, #0a0a0a4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--elevation-level-1\)\] {
    --tw-shadow: var(--elevation-level-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--elevation-level-2\)\] {
    --tw-shadow: var(--elevation-level-2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--elevation-level-3\)\] {
    --tw-shadow: var(--elevation-level-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--shadow-humari-\+3-default\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[var\(--Border-Ring-focus\)\] {
    --tw-ring-color: var(--Border-Ring-focus);
  }

  .ring-\[var\(--Colors-Primary\)\] {
    --tw-ring-color: var(--Colors-Primary);
  }

  .ring-\[var\(--Surface-Secondary\)\] {
    --tw-ring-color: var(--Surface-Secondary);
  }

  .ring-\[var\(--Surface-container\)\] {
    --tw-ring-color: var(--Surface-container);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-\[var\(--Surface-Information-container\)\] {
    --tw-ring-offset-color: var(--Surface-Information-container);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-offset-\[-2px\] {
    outline-offset: -2px;
  }

  .outline-\[var\(--Border-Action\,white\)\] {
    outline-color: var(--Border-Action, white);
  }

  .outline-\[var\(--Border-Outline\,\#8F9299\)\] {
    outline-color: var(--Border-Outline, #8f9299);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter\! {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  :where(.divide-x-reverse > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:bg-\[var\(--Surface-Primary-Hover\)\]:is(:where(.group):hover *) {
      background-color: var(--Surface-Primary-Hover);
    }

    .group-hover\:text-\[var\(--Text-On-surface\)\]:is(:where(.group):hover *) {
      color: var(--Text-On-surface);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .first\:rounded-t-md:first-child {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .last\:rounded-b-md:last-child {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }

    .hover\:rounded-\[28px\]:hover {
      border-radius: 28px;
    }

    .hover\:border-\[var\(--Border-Outline-variante\)\]:hover {
      border-color: var(--Border-Outline-variante);
    }

    .hover\:border-\[var\(--Border-Primary\)\]:hover {
      border-color: var(--Border-Primary);
    }

    .hover\:border-\[var\(--Border-Tertiary\)\]:hover {
      border-color: var(--Border-Tertiary);
    }

    .hover\:border-blue-300:hover {
      border-color: var(--color-blue-300);
    }

    .hover\:border-blue-500:hover {
      border-color: var(--color-blue-500);
    }

    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300);
    }

    .hover\:bg-\[var\(--Colors-Primary\)\]\/90:hover {
      background-color: var(--Colors-Primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--Colors-Primary\)\]\/90:hover {
        background-color: color-mix(in oklab, var(--Colors-Primary) 90%, transparent);
      }
    }

    .hover\:bg-\[var\(--Colors-Surface-Container-highest\)\]:hover {
      background-color: var(--Colors-Surface-Container-highest);
    }

    .hover\:bg-\[var\(--Colors-Surface-Variant\)\]:hover {
      background-color: var(--Colors-Surface-Variant);
    }

    .hover\:bg-\[var\(--State-Layers-On-surface-opacity-008\)\]:hover {
      background-color: var(--State-Layers-On-surface-opacity-008);
    }

    .hover\:bg-\[var\(--Surface-AI-hover\)\]:hover {
      background-color: var(--Surface-AI-hover);
    }

    .hover\:bg-\[var\(--Surface-Action-primary-hover\)\]:hover {
      background-color: var(--Surface-Action-primary-hover);
    }

    .hover\:bg-\[var\(--Surface-Action-primary-hover\,\#F70F44\)\]:hover {
      background-color: var(--Surface-Action-primary-hover, #f70f44);
    }

    .hover\:bg-\[var\(--Surface-Action-secondary\)\]:hover {
      background-color: var(--Surface-Action-secondary);
    }

    .hover\:bg-\[var\(--Surface-Action-secondary-hover\)\]:hover {
      background-color: var(--Surface-Action-secondary-hover);
    }

    .hover\:bg-\[var\(--Surface-Action-secondary-hover\,\#E7E7E7\)\]:hover {
      background-color: var(--Surface-Action-secondary-hover, #e7e7e7);
    }

    .hover\:bg-\[var\(--Surface-Error\)\]\/90:hover {
      background-color: var(--Surface-Error);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--Surface-Error\)\]\/90:hover {
        background-color: color-mix(in oklab, var(--Surface-Error) 90%, transparent);
      }
    }

    .hover\:bg-\[var\(--Surface-Error-container\)\]:hover {
      background-color: var(--Surface-Error-container);
    }

    .hover\:bg-\[var\(--Surface-Error-hover\)\]:hover {
      background-color: var(--Surface-Error-hover);
    }

    .hover\:bg-\[var\(--Surface-Information-container\)\]\/80:hover {
      background-color: var(--Surface-Information-container);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--Surface-Information-container\)\]\/80:hover {
        background-color: color-mix(in oklab, var(--Surface-Information-container) 80%, transparent);
      }
    }

    .hover\:bg-\[var\(--Surface-Primary\)\]:hover {
      background-color: var(--Surface-Primary);
    }

    .hover\:bg-\[var\(--Surface-Primary-container\)\]:hover {
      background-color: var(--Surface-Primary-container);
    }

    .hover\:bg-\[var\(--Surface-Primary-variant\)\]:hover {
      background-color: var(--Surface-Primary-variant);
    }

    .hover\:bg-\[var\(--Surface-Success-container\)\]:hover {
      background-color: var(--Surface-Success-container);
    }

    .hover\:bg-\[var\(--Surface-Success-hover\)\]:hover {
      background-color: var(--Surface-Success-hover);
    }

    .hover\:bg-\[var\(--Surface-Warning\)\]:hover {
      background-color: var(--Surface-Warning);
    }

    .hover\:bg-\[var\(--Surface-container\)\]:hover {
      background-color: var(--Surface-container);
    }

    .hover\:bg-\[var\(--Surface-container-Highest\)\]:hover {
      background-color: var(--Surface-container-Highest);
    }

    .hover\:bg-\[var\(--Surface-container-high\)\]:hover {
      background-color: var(--Surface-container-high);
    }

    .hover\:bg-\[var\(--Surface-container-highest\)\]:hover {
      background-color: var(--Surface-container-highest);
    }

    .hover\:bg-amber-700:hover {
      background-color: var(--color-amber-700);
    }

    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-green-500\/20:hover {
      background-color: #00c75833;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-green-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
      }
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100);
    }

    .hover\:bg-red-500\/20:hover {
      background-color: #fb2c3633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
    }

    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700);
    }

    .hover\:text-\[var\(--Text-Action-Hover\,\#0A0A0A\)\]:hover {
      color: var(--Text-Action-Hover, #0a0a0a);
    }

    .hover\:text-\[var\(--Text-Action-hover\)\]:hover {
      color: var(--Text-Action-hover);
    }

    .hover\:text-\[var\(--Text-Body\)\]:hover {
      color: var(--Text-Body);
    }

    .hover\:text-\[var\(--Text-Link-hover\)\]:hover {
      color: var(--Text-Link-hover);
    }

    .hover\:text-\[var\(--Text-On-action\,\#F6F6F6\)\]:hover {
      color: var(--Text-On-action, #f6f6f6);
    }

    .hover\:text-\[var\(--Text-On-primary\)\]:hover {
      color: var(--Text-On-primary);
    }

    .hover\:text-\[var\(--Text-On-primary-container\)\]:hover {
      color: var(--Text-On-primary-container);
    }

    .hover\:text-\[var\(--Text-On-surface\)\]:hover {
      color: var(--Text-On-surface);
    }

    .hover\:text-\[var\(--Text-On-warning\)\]:hover {
      color: var(--Text-On-warning);
    }

    .hover\:text-\[var\(--Text-Primary\)\]:hover {
      color: var(--Text-Primary);
    }

    .hover\:text-\[var\(--Text-Primary-variant\)\]:hover {
      color: var(--Text-Primary-variant);
    }

    .hover\:text-gray-600:hover {
      color: var(--color-gray-600);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-gray-900:hover {
      color: var(--color-gray-900);
    }

    .hover\:text-green-700:hover {
      color: var(--color-green-700);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-red-800:hover {
      color: var(--color-red-800);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:shadow-\[-3px_5px_0px_rgba\(10\,10\,10\,0\.1\)\]:hover {
      --tw-shadow: -3px 5px 0px var(--tw-shadow-color, #0a0a0a1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[var\(--elevation-level-2\)\]:hover {
      --tw-shadow: var(--elevation-level-2);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-blue-500:focus {
    border-color: var(--color-blue-500);
  }

  .focus\:border-red-500:focus {
    border-color: var(--color-red-500);
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:bg-\[var\(--Surface-Primary-container\)\]:focus {
    background-color: var(--Surface-Primary-container);
  }

  .focus\:text-\[var\(--Text-On-primary-container\)\]:focus {
    color: var(--Text-On-primary-container);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[var\(--Border-Primary\)\]:focus {
    --tw-ring-color: var(--Border-Primary);
  }

  .focus\:ring-\[var\(--Border-Ring-focus\)\]:focus {
    --tw-ring-color: var(--Border-Ring-focus);
  }

  .focus\:ring-\[var\(--Primary\)\]:focus {
    --tw-ring-color: var(--Primary);
  }

  .focus\:ring-\[var\(--Surface-Primary\)\]:focus {
    --tw-ring-color: var(--Surface-Primary);
  }

  .focus\:ring-amber-500:focus {
    --tw-ring-color: var(--color-amber-500);
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-blue-500);
  }

  .focus\:ring-red-500:focus {
    --tw-ring-color: var(--color-red-500);
  }

  .focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus\:outline-offset-2:focus {
    outline-offset: 2px;
  }

  .focus\:outline-\[var\(--Border-Ring-focus\)\]:focus {
    outline-color: var(--Border-Ring-focus);
  }

  .focus\:outline-\[var\(--Border-Ring-focus\,\#0FDDD5\)\]:focus {
    outline-color: var(--Border-Ring-focus, #0fddd5);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:opacity-70:active {
    opacity: .7;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-\[var\(--Surface-Desable\)\]:disabled {
    background-color: var(--Surface-Desable);
  }

  .disabled\:bg-gray-300:disabled {
    background-color: var(--color-gray-300);
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .data-\[state\=checked\]\:bg-\[var\(--Surface-Primary\)\][data-state="checked"] {
    background-color: var(--Surface-Primary);
  }

  .data-\[state\=checked\]\:text-\[var\(--Text-On-primary\)\][data-state="checked"] {
    color: var(--Text-On-primary);
  }

  .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
    --tw-translate-x: var(--radix-toast-swipe-end-x);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
    --tw-translate-x: var(--radix-toast-swipe-move-x);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
    transition-property: none;
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:px-\[var\(--scale-4grid-600-24\)\] {
      padding-inline: var(--scale-4grid-600-24);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:flex {
      display: flex;
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:w-96 {
      width: calc(var(--spacing) * 96);
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:px-\[var\(--scale-4grid-800-32\)\] {
      padding-inline: var(--scale-4grid-800-32);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-blue-900 {
      border-color: var(--color-blue-900);
    }

    .dark\:border-gray-700 {
      border-color: var(--color-gray-700);
    }

    .dark\:bg-blue-950 {
      background-color: var(--color-blue-950);
    }

    .dark\:bg-gray-800 {
      background-color: var(--color-gray-800);
    }

    .dark\:bg-gray-900 {
      background-color: var(--color-gray-900);
    }

    .dark\:text-blue-100 {
      color: var(--color-blue-100);
    }

    .dark\:text-blue-200 {
      color: var(--color-blue-200);
    }

    .dark\:text-neutral-100 {
      color: var(--color-neutral-100);
    }

    .dark\:text-neutral-400 {
      color: var(--color-neutral-400);
    }

    .dark\:text-red-400 {
      color: var(--color-red-400);
    }

    @media (hover: hover) {
      .dark\:hover\:bg-gray-800:hover {
        background-color: var(--color-gray-800);
      }

      .dark\:hover\:bg-white\/10:hover {
        background-color: #ffffff1a;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/10:hover {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }

  .\[\&_tbody_tr\:nth-child\(odd\)\]\:bg-\[var\(--Surface-container-low\)\] tbody tr:nth-child(odd) {
    background-color: var(--Surface-container-low);
  }
}

.btn-gradient-border-ai {
  position: relative;
  overflow: hidden;
}

.aspect-1-1 {
  aspect-ratio: 1;
}

.aspect-1-2 {
  aspect-ratio: 1 / 2;
}

.aspect-2-1 {
  aspect-ratio: 2;
}

.aspect-golden-landscape {
  aspect-ratio: 1.618;
}

.aspect-golden-portrait {
  aspect-ratio: 1 / 1.618;
}

.aspect-golden-half-landscape {
  aspect-ratio: .809;
}

.aspect-golden-half-portrait {
  aspect-ratio: 1 / .809;
}

.btn-gradient-border-ai:before {
  content: "";
  background: var(--humari-Full-gradient-default-angular);
  pointer-events: none;
  z-index: 0;
  animation: 3s linear infinite rotate-gradient;
  position: absolute;
  inset: -400%;
}

.btn-gradient-border-ai:after {
  content: "";
  background: var(--Surface-AI-container, #fae4ff);
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  transition: border-radius .2s;
  position: absolute;
  inset: 6px;
}

.btn-gradient-border-ai:hover:after {
  border-radius: 22px;
}

@keyframes rotate-gradient {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.btn-outline-primary {
  outline: 6px solid var(--Border-Action, white);
  outline-offset: -6px;
  border-radius: 8px;
  transition: outline-color .2s, border-radius .2s, box-shadow .2s;
  position: relative;
  box-shadow: 0 0 #0a0a0a00;
}

.btn-outline-primary:hover {
  outline-color: var(--Border-Action-hover, #0a0a0a);
  border-radius: 28px;
  box-shadow: -3px 5px 0 -1px #0a0a0a1a;
}

html, body {
  background: var(--Surface-default);
  width: 100%;
  height: 100%;
  color: var(--Text-On-surface);
  margin: 0;
  padding: 0;
}

#root {
  width: 100%;
  height: 100%;
  min-height: 100vh;
}

@keyframes slide-in-from-right {
  from {
    transform: translateX(calc(100% + var(--scale-4grid-600-24)));
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

[data-radix-toast-viewport] {
  --viewport-padding: var(--scale-4grid-600-24);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-radix-toast-root] {
  animation: .2s cubic-bezier(.16, 1, .3, 1) slide-in-from-right;
}

[data-radix-toast-root][data-state="closed"] {
  animation: .15s ease-out fade-out;
}

[data-radix-toast-root][data-swipe="move"] {
  transform: translateX(var(--radix-toast-swipe-move-x));
}

[data-radix-toast-root][data-swipe="cancel"] {
  transition: transform .2s ease-out;
  transform: translateX(0);
}

[data-radix-toast-root][data-swipe="end"] {
  animation: .1s ease-out fade-out;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
  /* Alias - Hivanced */
  :root {
  --Colors-Primary-50: var(--colors-Red-50);
  --Type-primary: Bricolage grotesque;
  --Type-secondary: IBM Plex Sans;
  --Type-tertiary: IBM Plex Mono;
  --Type-Caption: IBM Plex Serif;
  --Type-international: Noto sans;
  --Type-secours: Roboto;
  --Type-secours-2: Noto sans;
  --Colors-Primary-100: var(--colors-Red-100);
  --Colors-Primary-200: var(--colors-Red-200);
  --Colors-Primary-300: var(--colors-Red-300);
  --Colors-Primary-400: var(--colors-Red-400);
  --Colors-Primary-500: var(--colors-Red-500);
  --Colors-Primary-default: var(--colors-Red-600);
  --Colors-Primary-700: var(--colors-Red-700);
  --Colors-Primary-800: var(--colors-Red-800);
  --Colors-Primary-900: var(--colors-Red-900);
  --Colors-Primary-950: var(--colors-Red-950);
  --Colors-Secondary-0: var(--colors-Black-0);
  --Colors-Tertiary-50: var(--colors-Red-Ribbon-50);
  --Colors-Neutral-0: var(--colors-Gray-0);
  --Colors-Neutral-50: var(--colors-Gray-50);
  --Colors-Neutral-variant-0: var(--colors-Gallery-0);
  --Colors-Neutral-variant-50: var(--colors-Gallery-50);
  --Colors-Neutral-variant-100: var(--colors-Gallery-100);
  --Colors-Neutral-variant-200: var(--colors-Gallery-200);
  --Colors-Neutral-variant-300: var(--colors-Gallery-300);
  --Colors-Neutral-variant-400: var(--colors-Gallery-400);
  --Colors-Neutral-variant-500: var(--colors-Gallery-500);
  --Colors-Neutral-variant-600: var(--colors-Gallery-600);
  --Colors-Neutral-variant-700: var(--colors-Gallery-700);
  --Colors-Neutral-variant-800: var(--colors-Gallery-800);
  --Colors-Neutral-variant-900: var(--colors-Gallery-900);
  --Colors-Neutral-variant-950: var(--colors-Gallery-950);
  --Colors-Neutral-100: var(--colors-Gray-100);
  --Colors-Neutral-200: var(--colors-Gray-200);
  --Colors-Neutral-300: var(--colors-Gray-300);
  --Colors-Neutral-400: var(--colors-Gray-400);
  --Colors-Neutral-500: var(--colors-Gray-500);
  --Colors-Neutral-600: var(--colors-Gray-600);
  --Colors-Neutral-700: var(--colors-Gray-700);
  --Colors-Neutral-800: var(--colors-Gray-800);
  --Colors-Neutral-900: var(--colors-Gray-900);
  --Colors-Neutral-950: var(--colors-Gray-950);
  --Colors-Tertiary-100: var(--colors-Red-Ribbon-100);
  --Colors-Tertiary-200: var(--colors-Red-Ribbon-200);
  --Colors-Tertiary-300: var(--colors-Red-Ribbon-300);
  --Colors-Tertiary-400: var(--colors-Red-Ribbon-400);
  --Colors-Tertiary-500: var(--colors-Red-Ribbon-500);
  --Colors-Tertiary-600: var(--colors-Red-Ribbon-600);
  --Colors-Tertiary-700: var(--colors-Red-Ribbon-700);
  --Colors-Tertiary-800: var(--colors-Red-Ribbon-800);
  --Colors-Tertiary-900: var(--colors-Red-Ribbon-900);
  --Colors-Tertiary-950: var(--colors-Red-Ribbon-950);
  --Colors-Secondary-50: var(--colors-Black-50);
  --Colors-Secondary-100: var(--colors-Black-100);
  --Colors-Secondary-200: var(--colors-Black-200);
  --Colors-Secondary-300: var(--colors-Black-300);
  --Colors-Secondary-400: var(--colors-Black-400);
  --Colors-Secondary-500: var(--colors-Black-500);
  --Colors-Secondary-600: var(--colors-Black-600);
  --Colors-Secondary-700: var(--colors-Black-700);
  --Colors-Secondary-800: var(--colors-Black-800);
  --Colors-Secondary-900: var(--colors-Black-900);
  --Colors-Secondary-950: var(--colors-Black-950);
  --Colors-Success-50: var(--colors-Teal-50);
  --Colors-Error-50: var(--colors-Orange-50);
  --Colors-Error-100: var(--colors-Orange-100);
  --Colors-Error-200: var(--colors-Orange-200);
  --Colors-Error-300: var(--colors-Orange-300);
  --Colors-Error-400: var(--colors-Orange-400);
  --Colors-Error-500: var(--colors-Orange-500);
  --Colors-Error-600: var(--colors-Orange-600);
  --Colors-Error-700: var(--colors-Orange-700);
  --Colors-Error-800: var(--colors-Orange-800);
  --Colors-Error-900: var(--colors-Orange-900);
  --Colors-Error-950: var(--colors-Orange-950);
  --Colors-Success-100: var(--colors-Teal-100);
  --Colors-Success-200: var(--colors-Teal-200);
  --Colors-Success-300: var(--colors-Teal-300);
  --Colors-Success-400: var(--colors-Teal-400);
  --Colors-Success-500: var(--colors-Teal-500);
  --Colors-Success-600: var(--colors-Teal-600);
  --Colors-Success-700: var(--colors-Teal-700);
  --Colors-Success-800: var(--colors-Teal-800);
  --Colors-Success-900: var(--colors-Teal-900);
  --Colors-Success-950: var(--colors-Teal-950);
  --Colors-Warning-50: var(--colors-Lime-50);
  --Colors-Warning-100: var(--colors-Lime-100);
  --Colors-Warning-200: var(--colors-Lime-200);
  --Colors-Warning-300: var(--colors-Lime-300);
  --Colors-Warning-400: var(--colors-Lime-400);
  --Colors-Warning-500: var(--colors-Lime-500);
  --Colors-Warning-600: var(--colors-Lime-600);
  --Colors-Warning-700: var(--colors-Lime-700);
  --Colors-Warning-800: var(--colors-Lime-800);
  --Colors-Warning-900: var(--colors-Lime-900);
  --Colors-Warning-950: var(--colors-Lime-950);
  --Colors-Information-50: var(--colors-Cyan-50);
  --Colors-AI-50: var(--colors-Purple-50);
  --Colors-AI-100: var(--colors-Purple-100);
  --Colors-AI-200: var(--colors-Purple-200);
  --Colors-AI-300: var(--colors-Purple-300);
  --Colors-AI-400: var(--colors-Purple-400);
  --Colors-AI-500: var(--colors-Purple-500);
  --Colors-AI-600: var(--colors-Purple-600);
  --Colors-AI-700: var(--colors-Purple-700);
  --Colors-AI-800: var(--colors-Purple-800);
  --Colors-AI-900: var(--colors-Purple-900);
  --Colors-AI-950: var(--colors-Purple-950);
  --Colors-Information-100: var(--colors-Cyan-100);
  --Colors-Information-200: var(--colors-Cyan-200);
  --Colors-Information-300: var(--colors-Cyan-300);
  --Colors-Information-400: var(--colors-Cyan-400);
  --Colors-Information-500: var(--colors-Cyan-500);
  --Colors-Information-600: var(--colors-Cyan-600);
  --Colors-Information-700: var(--colors-Cyan-700);
  --Colors-Information-800: var(--colors-Cyan-800);
  --Colors-Information-900: var(--colors-Cyan-900);
  --Colors-Information-950: var(--colors-Cyan-950);
  --Colors-Priority-darker: var(--colors-Red-600);
  --Colors-Priority-dark: var(--colors-Red-400);
  --Colors-Priority-default: var(--colors-Red-200);
  --Colors-Priority-light: var(--colors-Red-50);
  --Colors-Priority-lighter: var(--Colors-Neutral-50);
  --Colors-Quality-darker: var(--colors-Red-600);
  --Colors-Quality-dark: var(--colors-Red-400);
  --Colors-Quality-default: var(--colors-Red-200);
  --Colors-Quality-light: var(--colors-Red-50);
  --Colors-Quality-lighter: var(--Colors-Neutral-50);
  --Colors-Accents-AI-generation: var(--colors-Purple-400);
  --Colors-Accents-AI-generation-inverse: var(--colors-Purple-600);
  --Colors-Accents-AI-prediction: var(--colors-Teal-300);
  --Colors-Accents-AI-prediction-inverse: var(--colors-Teal-500);
  --Colors-Accents-Data-insights: var(--colors-Cyan-400);
  --Colors-Accents-Data-insights-inverse: var(--colors-Cyan-500);
  --Colors-Accents-New: var(--colors-Lime-300);
  --Colors-Accents-New-inverse: var(--colors-Lime-500);
  --Colors-Overlay-scrim: var(--colors-Dark-opacity-32-scrim);
  --Colors-Semantic-classical-Success-50: var(--colors-Green-50);
  --Colors-Semantic-classical-Success-100: var(--colors-Green-100);
  --Colors-Semantic-classical-Success-200: var(--colors-Green-200);
  --Colors-Semantic-classical-Success-300: var(--colors-Green-300);
  --Colors-Semantic-classical-Success-400: var(--colors-Green-400);
  --Colors-Semantic-classical-Success-500: var(--colors-Green-500);
  --Colors-Semantic-classical-Success-600: var(--colors-Green-600);
  --Colors-Semantic-classical-Success-700: var(--colors-Green-700);
  --Colors-Semantic-classical-Success-800: var(--colors-Green-800);
  --Colors-Semantic-classical-Success-900: var(--colors-Green-900);
  --Colors-Semantic-classical-Success-950: var(--colors-Green-950);
  --Colors-Semantic-classical-Warning-50: var(--colors-Yellow-50);
  --Colors-Semantic-classical-Warning-100: var(--colors-Yellow-100);
  --Colors-Semantic-classical-Warning-200: var(--colors-Yellow-200);
  --Colors-Semantic-classical-Warning-300: var(--colors-Yellow-300);
  --Colors-Semantic-classical-Warning-400: var(--colors-Yellow-400);
  --Colors-Semantic-classical-Warning-500: var(--colors-Yellow-500);
  --Colors-Semantic-classical-Warning-600: var(--colors-Yellow-600);
  --Colors-Semantic-classical-Warning-700: var(--colors-Yellow-700);
  --Colors-Semantic-classical-Warning-800: var(--colors-Yellow-800);
  --Colors-Semantic-classical-Warning-900: var(--colors-Yellow-900);
  --Colors-Semantic-classical-Warning-950: var(--colors-Yellow-950);
  --Colors-Semantic-classical-Error-50: var(--colors-Orange-50);
  --Colors-Semantic-classical-Error-100: var(--colors-Orange-100);
  --Colors-Semantic-classical-Error-200: var(--colors-Orange-200);
  --Colors-Semantic-classical-Error-300: var(--colors-Orange-300);
  --Colors-Semantic-classical-Error-400: var(--colors-Orange-400);
  --Colors-Semantic-classical-Error-default: var(--colors-Orange-500);
  --Colors-Semantic-classical-Error-600: var(--colors-Orange-600);
  --Colors-Semantic-classical-Error-700: var(--colors-Orange-700);
  --Colors-Semantic-classical-Error-800: var(--colors-Orange-800);
  --Colors-Semantic-classical-Error-900: var(--colors-Orange-900);
  --Colors-Semantic-classical-Error-950: var(--colors-Orange-950);
  --Colors-Semantic-classical-Information-50: var(--colors-Danube-50);
  --Colors-Semantic-classical-Information-100: var(--colors-Danube-100);
  --Colors-Semantic-classical-Information-200: var(--colors-Danube-200);
  --Colors-Semantic-classical-Information-300: var(--colors-Danube-300);
  --Colors-Semantic-classical-Information-400: var(--colors-Danube-400);
  --Colors-Semantic-classical-Information-500: var(--colors-Danube-500);
  --Colors-Semantic-classical-Information-600: var(--colors-Danube-600);
  --Colors-Semantic-classical-Information-700: var(--colors-Danube-700);
  --Colors-Semantic-classical-Information-800: var(--colors-Danube-800);
  --Colors-Semantic-classical-Information-900: var(--colors-Danube-900);
  --Colors-Semantic-classical-Information-950: var(--colors-Danube-950);
  --Colors-Semantic-classical-New-!-50: var(--colors-Lime-50);
  --Colors-Semantic-classical-New-!-100: var(--colors-Lime-100);
  --Colors-Semantic-classical-New-!-200: var(--colors-Lime-200);
  --Colors-Semantic-classical-New-!-300: var(--colors-Lime-300);
  --Colors-Semantic-classical-New-!-400: var(--colors-Lime-400);
  --Colors-Semantic-classical-New-!-500: var(--colors-Lime-500);
  --Colors-Semantic-classical-New-!-600: var(--colors-Lime-600);
  --Colors-Semantic-classical-New-!-700: var(--colors-Lime-700);
  --Colors-Semantic-classical-New-!-800: var(--colors-Lime-800);
  --Colors-Semantic-classical-New-!-900: var(--colors-Lime-900);
  --Colors-Semantic-classical-New-!-950: var(--colors-Lime-950);
  --Colors-Semantic-classical-Priority-50: var(--Colors-Primary-50);
  --Colors-Semantic-classical-Priority-100: var(--colors-Red-100);
  --Colors-Semantic-classical-Priority-200: var(--colors-Red-200);
  --Colors-Semantic-classical-Priority-300: var(--colors-Red-300);
  --Colors-Semantic-classical-Priority-400: var(--colors-Red-400);
  --Colors-Semantic-classical-Priority-500: var(--colors-Red-500);
  --Colors-Semantic-classical-Priority-600: var(--colors-Red-600);
  --Colors-Semantic-classical-Priority-700: var(--colors-Red-600);
  --Colors-Semantic-classical-Priority-800: var(--colors-Red-700);
  --Colors-Semantic-classical-Priority-900: var(--colors-Red-900);
  --Colors-Semantic-classical-Priority-950: var(--colors-Red-950);
  --Colors-Semantic-classical-Gen-AI-50: var(--colors-Purple-50);
  --Colors-Semantic-classical-Gen-AI-100: var(--colors-Purple-100);
  --Colors-Semantic-classical-Gen-AI-200: var(--colors-Purple-200);
  --Colors-Semantic-classical-Gen-AI-300: var(--colors-Purple-300);
  --Colors-Semantic-classical-Gen-AI-400: var(--colors-Purple-400);
  --Colors-Semantic-classical-Gen-AI-500: var(--colors-Purple-500);
  --Colors-Semantic-classical-Gen-AI-600: var(--colors-Purple-600);
  --Colors-Semantic-classical-Gen-AI-700: var(--colors-Purple-700);
  --Colors-Semantic-classical-Gen-AI-800: var(--colors-Purple-800);
  --Colors-Semantic-classical-Gen-AI-900: var(--colors-Purple-900);
  --Colors-Semantic-classical-Gen-AI-950: var(--colors-Purple-950);
  --Colors-Semantic-classical-Insights-&-reco-50: var(--colors-Cyan-50);
  --Colors-Semantic-classical-Insights-&-reco-100: var(--colors-Cyan-100);
  --Colors-Semantic-classical-Insights-&-reco-200: var(--colors-Cyan-200);
  --Colors-Semantic-classical-Insights-&-reco-300: var(--colors-Cyan-300);
  --Colors-Semantic-classical-Insights-&-reco-400: var(--colors-Cyan-400);
  --Colors-Semantic-classical-Insights-&-reco-500: var(--colors-Cyan-500);
  --Colors-Semantic-classical-Insights-&-reco-600: var(--colors-Cyan-600);
  --Colors-Semantic-classical-Insights-&-reco-700: var(--colors-Cyan-700);
  --Colors-Semantic-classical-Insights-&-reco-800: var(--colors-Cyan-800);
  --Colors-Semantic-classical-Insights-&-reco-900: var(--colors-Cyan-900);
  --Colors-Semantic-classical-Insights-&-reco-950: var(--colors-Cyan-950);
  --Colors-Semantic-classical-Prediction-AI-50: var(--colors-Teal-50);
  --Colors-Semantic-classical-Prediction-AI-100: var(--colors-Teal-100);
  --Colors-Semantic-classical-Prediction-AI-200: var(--colors-Teal-200);
  --Colors-Semantic-classical-Prediction-AI-300: var(--colors-Teal-300);
  --Colors-Semantic-classical-Prediction-AI-400: var(--colors-Teal-400);
  --Colors-Semantic-classical-Prediction-AI-500: var(--colors-Teal-500);
  --Colors-Semantic-classical-Prediction-AI-600: var(--colors-Teal-600);
  --Colors-Semantic-classical-Prediction-AI-700: var(--colors-Teal-700);
  --Colors-Semantic-classical-Prediction-AI-800: var(--colors-Teal-800);
  --Colors-Semantic-classical-Prediction-AI-900: var(--colors-Teal-900);
  --Colors-Semantic-classical-Prediction-AI-950: var(--colors-Teal-950);
  --Colors-Semantic-classical-Projectmanagement-create-50: var(--colors-Highland-50);
  --Colors-Semantic-classical-Projectmanagement-create-100: var(--colors-Highland-100);
  --Colors-Semantic-classical-Projectmanagement-create-200: var(--colors-Highland-200);
  --Colors-Semantic-classical-Projectmanagement-create-300: var(--colors-Highland-300);
  --Colors-Semantic-classical-Projectmanagement-create-400: var(--colors-Highland-400);
  --Colors-Semantic-classical-Projectmanagement-create-500: var(--colors-Highland-500);
  --Colors-Semantic-classical-Projectmanagement-create-600: var(--colors-Highland-600);
  --Colors-Semantic-classical-Projectmanagement-create-700: var(--colors-Highland-700);
  --Colors-Semantic-classical-Projectmanagement-create-800: var(--colors-Highland-800);
  --Colors-Semantic-classical-Projectmanagement-create-900: var(--colors-Highland-900);
  --Colors-Semantic-classical-Projectmanagement-create-950: var(--colors-Highland-950);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-50: var(--colors-Green-Smoke-50);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-100: var(--colors-Green-Smoke-100);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-200: var(--colors-Green-Smoke-200);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-300: var(--colors-Green-Smoke-300);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-400: var(--colors-Green-Smoke-400);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-500: var(--colors-Green-Smoke-500);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-600: var(--colors-Green-Smoke-600);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-700: var(--colors-Green-Smoke-700);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-800: var(--colors-Green-Smoke-800);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-900: var(--colors-Green-Smoke-900);
  --Colors-Semantic-classical-Projectmanagement-pending-approval-950: var(--colors-Green-Smoke-950);
  --Colors-Semantic-classical-Projectmanagement-assigned-50: var(--colors-Sycamore-50);
  --Colors-Semantic-classical-Projectmanagement-assigned-100: var(--colors-Sycamore-100);
  --Colors-Semantic-classical-Projectmanagement-assigned-200: var(--colors-Sycamore-200);
  --Colors-Semantic-classical-Projectmanagement-assigned-300: var(--colors-Sycamore-300);
  --Colors-Semantic-classical-Projectmanagement-assigned-400: var(--colors-Sycamore-400);
  --Colors-Semantic-classical-Projectmanagement-assigned-500: var(--colors-Sycamore-500);
  --Colors-Semantic-classical-Projectmanagement-assigned-600: var(--colors-Sycamore-600);
  --Colors-Semantic-classical-Projectmanagement-assigned-700: var(--colors-Sycamore-700);
  --Colors-Semantic-classical-Projectmanagement-assigned-800: var(--colors-Sycamore-800);
  --Colors-Semantic-classical-Projectmanagement-assigned-900: var(--colors-Sycamore-900);
  --Colors-Semantic-classical-Projectmanagement-assigned-950: var(--colors-Sycamore-950);
  --Colors-Semantic-classical-Projectmanagement-updated-50: var(--colors-Lavender-50);
  --Colors-Semantic-classical-Projectmanagement-updated-100: var(--colors-Lavender-100);
  --Colors-Semantic-classical-Projectmanagement-updated-200: var(--colors-Lavender-200);
  --Colors-Semantic-classical-Projectmanagement-updated-300: var(--colors-Lavender-300);
  --Colors-Semantic-classical-Projectmanagement-updated-400: var(--colors-Lavender-400);
  --Colors-Semantic-classical-Projectmanagement-updated-500: var(--colors-Lavender-500);
  --Colors-Semantic-classical-Projectmanagement-updated-600: var(--colors-Lavender-600);
  --Colors-Semantic-classical-Projectmanagement-updated-700: var(--colors-Lavender-700);
  --Colors-Semantic-classical-Projectmanagement-updated-800: var(--colors-Lavender-800);
  --Colors-Semantic-classical-Projectmanagement-updated-900: var(--colors-Lavender-900);
  --Colors-Semantic-classical-Projectmanagement-updated-950: var(--colors-Lavender-950);
  --Colors-Semantic-classical-Projectmanagement-In-progress-50: var(--colors-Bouquet-50);
  --Colors-Semantic-classical-Projectmanagement-In-progress-100: var(--colors-Bouquet-100);
  --Colors-Semantic-classical-Projectmanagement-In-progress-200: var(--colors-Bouquet-200);
  --Colors-Semantic-classical-Projectmanagement-In-progress-300: var(--colors-Bouquet-300);
  --Colors-Semantic-classical-Projectmanagement-In-progress-400: var(--colors-Bouquet-400);
  --Colors-Semantic-classical-Projectmanagement-In-progress-500: var(--colors-Bouquet-500);
  --Colors-Semantic-classical-Projectmanagement-In-progress-600: var(--colors-Bouquet-600);
  --Colors-Semantic-classical-Projectmanagement-In-progress-700: var(--colors-Bouquet-700);
  --Colors-Semantic-classical-Projectmanagement-In-progress-800: var(--colors-Bouquet-800);
  --Colors-Semantic-classical-Projectmanagement-In-progress-900: var(--colors-Bouquet-900);
  --Colors-Semantic-classical-Projectmanagement-In-progress-950: var(--colors-Bouquet-950);
  --Colors-Semantic-classical-Projectmanagement-Finish-50: var(--colors-Chip-cove-50);
  --Colors-Semantic-classical-Projectmanagement-Finish-100: var(--colors-Chip-cove-100);
  --Colors-Semantic-classical-Projectmanagement-Finish-200: var(--colors-Chip-cove-200);
  --Colors-Semantic-classical-Projectmanagement-Finish-300: var(--colors-Chip-cove-300);
  --Colors-Semantic-classical-Projectmanagement-Finish-400: var(--colors-Chip-cove-400);
  --Colors-Semantic-classical-Projectmanagement-Finish-500: var(--colors-Chip-cove-500);
  --Colors-Semantic-classical-Projectmanagement-Finish-600: var(--colors-Chip-cove-600);
  --Colors-Semantic-classical-Projectmanagement-Finish-700: var(--colors-Chip-cove-700);
  --Colors-Semantic-classical-Projectmanagement-Finish-800: var(--colors-Chip-cove-800);
  --Colors-Semantic-classical-Projectmanagement-Finish-900: var(--colors-Chip-cove-900);
  --Colors-Semantic-classical-Projectmanagement-Finish-950: var(--colors-Chip-cove-950);
  --Colors-Semantic-classical-Projectmanagement-Late-50: var(--colors-Eastern-Blue-50);
  --Colors-Semantic-classical-Projectmanagement-Late-100: var(--colors-Eastern-Blue-100);
  --Colors-Semantic-classical-Projectmanagement-Late-200: var(--colors-Eastern-Blue-200);
  --Colors-Semantic-classical-Projectmanagement-Late-300: var(--colors-Eastern-Blue-300);
  --Colors-Semantic-classical-Projectmanagement-Late-400: var(--colors-Eastern-Blue-400);
  --Colors-Semantic-classical-Projectmanagement-Late-500: var(--colors-Eastern-Blue-500);
  --Colors-Semantic-classical-Projectmanagement-Late-600: var(--colors-Eastern-Blue-600);
  --Colors-Semantic-classical-Projectmanagement-Late-700: var(--colors-Eastern-Blue-700);
  --Colors-Semantic-classical-Projectmanagement-Late-800: var(--colors-Eastern-Blue-800);
  --Colors-Semantic-classical-Projectmanagement-Late-900: var(--colors-Eastern-Blue-900);
  --Colors-Semantic-classical-Projectmanagement-Late-950: var(--colors-Eastern-Blue-950);
  --Colors-Semantic-classical-Projectmanagement-Not-started-50: var(--colors-Gallery-50);
  --Colors-Semantic-classical-Projectmanagement-Not-started-100: var(--colors-Gallery-100);
  --Colors-Semantic-classical-Projectmanagement-Not-started-200: var(--colors-Gallery-200);
  --Colors-Semantic-classical-Projectmanagement-Not-started-300: var(--colors-Gallery-300);
  --Colors-Semantic-classical-Projectmanagement-Not-started-400: var(--colors-Gallery-400);
  --Colors-Semantic-classical-Projectmanagement-Not-started-500: var(--colors-Gallery-500);
  --Colors-Semantic-classical-Projectmanagement-Not-started-600: var(--colors-Gallery-600);
  --Colors-Semantic-classical-Projectmanagement-Not-started-700: var(--colors-Gallery-700);
  --Colors-Semantic-classical-Projectmanagement-Not-started-800: var(--colors-Gallery-800);
  --Colors-Semantic-classical-Projectmanagement-Not-started-900: var(--colors-Gallery-900);
  --Colors-Semantic-classical-Projectmanagement-Not-started-950: var(--colors-Gallery-950);
  --Colors-Semantic-classical-Projectmanagement-On-held-50: var(--colors-Beige-50);
  --Colors-Semantic-classical-Projectmanagement-On-held-100: var(--colors-Beige-100);
  --Colors-Semantic-classical-Projectmanagement-On-held-200: var(--colors-Beige-200);
  --Colors-Semantic-classical-Projectmanagement-On-held-300: var(--colors-Beige-300);
  --Colors-Semantic-classical-Projectmanagement-On-held-400: var(--colors-Beige-400);
  --Colors-Semantic-classical-Projectmanagement-On-held-500: var(--colors-Beige-500);
  --Colors-Semantic-classical-Projectmanagement-On-held-600: var(--colors-Beige-600);
  --Colors-Semantic-classical-Projectmanagement-On-held-700: var(--colors-Beige-700);
  --Colors-Semantic-classical-Projectmanagement-On-held-800: var(--colors-Beige-800);
  --Colors-Semantic-classical-Projectmanagement-On-held-900: var(--colors-Beige-900);
  --Colors-Semantic-classical-Projectmanagement-On-held-950: var(--colors-Beige-950);
  --Colors-Semantic-classical-Projectmanagement-Archived-50: var(--colors-Almond-50);
  --Colors-Semantic-classical-Projectmanagement-Archived-100: var(--colors-Almond-100);
  --Colors-Semantic-classical-Projectmanagement-Archived-200: var(--colors-Almond-200);
  --Colors-Semantic-classical-Projectmanagement-Archived-300: var(--colors-Almond-300);
  --Colors-Semantic-classical-Projectmanagement-Archived-400: var(--colors-Almond-400);
  --Colors-Semantic-classical-Projectmanagement-Archived-500: var(--colors-Almond-500);
  --Colors-Semantic-classical-Projectmanagement-Archived-600: var(--colors-Almond-600);
  --Colors-Semantic-classical-Projectmanagement-Archived-700: var(--colors-Almond-700);
  --Colors-Semantic-classical-Projectmanagement-Archived-800: var(--colors-Almond-800);
  --Colors-Semantic-classical-Projectmanagement-Archived-900: var(--colors-Almond-900);
  --Colors-Semantic-classical-Projectmanagement-Archived-950: var(--colors-Almond-950);
  --Colors-Semantic-classical-Projectmanagement-Delete-50: var(--colors-Gallery-50);
  --Colors-Semantic-classical-Projectmanagement-Delete-100: var(--colors-Gallery-100);
  --Colors-Semantic-classical-Projectmanagement-Delete-200: var(--colors-Gallery-200);
  --Colors-Semantic-classical-Projectmanagement-Delete-300: var(--colors-Gallery-300);
  --Colors-Semantic-classical-Projectmanagement-Delete-400: var(--colors-Gallery-400);
  --Colors-Semantic-classical-Projectmanagement-Delete-500: var(--colors-Gallery-500);
  --Colors-Semantic-classical-Projectmanagement-Delete-600: var(--colors-Gallery-600);
  --Colors-Semantic-classical-Projectmanagement-Delete-700: var(--colors-Gallery-700);
  --Colors-Semantic-classical-Projectmanagement-Delete-800: var(--colors-Gallery-800);
  --Colors-Semantic-classical-Projectmanagement-Delete-900: var(--colors-Gallery-900);
  --Colors-Semantic-classical-Projectmanagement-Delete-950: var(--colors-Gallery-950);
}
/* Mapped - Light */
:root, 
[data-theme="light"] {
  --Surface-bright: var(--Colors-Neutral-0);
  --Surface-default: var(--Colors-Neutral-50);
  --Surface-dim: var(--Colors-Neutral-100);
  --Surface-container-lowest: var(--Colors-Neutral-50);
  --Surface-container-low: var(--Colors-Neutral-100);
  --Surface-container: var(--Colors-Neutral-200);
  --Surface-container-high: var(--Colors-Neutral-300);
  --Surface-container-highest: var(--Colors-Neutral-400);
  --Surface-Inverse: var(--Colors-Neutral-950);
  --Surface-Inverse-primary: var(--Colors-Primary-400);
  --Surface-Primary: var(--Colors-Primary-default);
  --Surface-Primary-container: var(--Colors-Primary-100);
  --Surface-Primary-fixed: var(--Colors-Primary-100);
  --Surface-Primary-fixed-dim: var(--Colors-Primary-200);
  --Surface-Secondary: var(--Colors-Secondary-700);
  --Surface-Secondary-container: var(--Colors-Secondary-100);
  --Surface-Secondary-fixed: var(--Colors-Secondary-100);
  --Surface-Secondary-fixed-dim: var(--Colors-Secondary-200);
  --Surface-Tertiary: var(--Colors-Tertiary-500);
  --Surface-Tertiary-fixed: var(--Colors-Tertiary-200);
  --Surface-Tertiary-fixed-dim: var(--Colors-Tertiary-300);
  --Surface-Tertiary-container: var(--Colors-Tertiary-200);
  --Surface-AI: var(--Colors-AI-700);
  --Surface-AI-fixed: var(--Colors-AI-100);
  --Surface-AI-fixed-dim: var(--Colors-AI-200);
  --Surface-AI-container: var(--Colors-AI-100);
  --Text-On-AI-container: var(--Colors-AI-900);
  --Surface-Action-primary: var(--Colors-Primary-default);
  --Surface-Action-primary-hover: var(--Colors-Primary-default);
  --Surface-Action-secondary: var(--Colors-Secondary-100);
  --Surface-Action-secondary-hover: var(--Colors-Secondary-100);
  --Surface-Desable: var(--Colors-Secondary-200);
  --Surface-Desable-Hover: var(--Colors-Secondary-400);

  /* ALERT SURFACES - Filled (important) */
  --Surface-Error: var(--Colors-Error-500);
  --Surface-Warning: var(--Colors-Warning-700);
  --Surface-Success: var(--Colors-Success-600);
  --Surface-Information: var(--Colors-Information-700);

  /* ALERT SURFACES - Container (moins important) */
  --Surface-Error-container: var(--Colors-Error-200);
  --Surface-Warning-container: var(--Colors-Warning-100);
  --Surface-Success-container: var(--Colors-Success-100);
  --Surface-Information-container: var(--Colors-Information-100);

  --Text-On-surface: var(--Colors-Neutral-950);
  --Text-On-surface-variant: var(--Colors-Neutral-variant-700);
  --Text-On-primary: var(--Colors-Secondary-0);
  --Text-On-primary-container: var(--Colors-Primary-900);
  --Text-On-primary-fixed: var(--Colors-Primary-950);
  --Text-On-primary-fixed-variant: var(--Colors-Primary-900);
  --Text-On-secondary: var(--Colors-Secondary-700);
  --Text-On-secondary-container: var(--Colors-Secondary-900);
  --Text-On-secondary-fixed: var(--Colors-Secondary-950);
  --Text-On-secondary-fixed-variant: var(--Colors-Secondary-900);
  --Text-On-tertiary: var(--Colors-Tertiary-950);
  --Text-On-tertiary-container: var(--Colors-Tertiary-800);
  --Text-On-tertiary-fixed: var(--Colors-Tertiary-950);
  --Text-On-tertiary-fixed-variant: var(--Colors-Tertiary-900);
  --Text-Display: var(--Colors-Primary-default);
  --Text-Headline: var(--Colors-Secondary-700);
  --Text-Title: var(--Colors-Secondary-700);
  --Text-Body: var(--Colors-Secondary-600);
  --Text-BodyCodeData: var(--Colors-Secondary-600);
  --Text-Caption: var(--Colors-Secondary-950);
  --Text-Label: var(--Colors-Secondary-500);
  --Text-Footnote: var(--Colors-Secondary-600);
  --Text-Action: var(--Colors-Secondary-950);
  --Text-Action-Hover: var(--Colors-Secondary-950);
  --Text-On-action: var(--Colors-Secondary-50);
  --Text-On-action-Hover: var(--Colors-Secondary-50);

  /* TEXT ON ALERTS - Filled (texte clair sur fond foncé) */
  --Text-On-error: var(--Colors-Error-50);
  --Text-On-warning: var(--Colors-Warning-50);
  --Text-On-success: var(--Colors-Success-50);
  --Text-On-info: var(--Colors-Information-50);

  /* TEXT ON ALERTS - Container (texte foncé sur fond clair) */
  --Text-On-error-container: var(--Colors-Error-800);
  --Text-On-warning-container: var(--Colors-Warning-800);
  --Text-On-success-container: var(--Colors-Success-900);
  --Text-On-info-container: var(--Colors-Information-800);

  --Text-On-desable: var(--Colors-Secondary-800);
  --Text-On-desable-Hover: var(--Colors-Secondary-900);
  --Text-On-ai: var(--Colors-AI-100);
  --Text-On-ai-container: var(--Colors-AI-900);
  --Text-On-ai-fixed: var(--Colors-AI-900);
  --Text-On-ai-fixed-variant: var(--Colors-AI-800);
  --Text-Link: var(--Colors-Information-600);
  --Text-Link-hover: var(--Colors-Information-700);
  --Icon-On-surface: var(--Colors-Neutral-950);
  --Icon-On-surface-variant: var(--Colors-Neutral-variant-700);
  --Icon-On-primary: var(--Colors-Secondary-0);
  --Icon-On-primary-container: var(--Colors-Primary-900);
  --Icon-On-primary-fixed: var(--Colors-Primary-950);
  --Icon-On-primary-fixed-variant: var(--Colors-Primary-900);
  --Icon-On-secondary: var(--Colors-Secondary-700);
  --Icon-On-secondary-container: var(--Colors-Secondary-900);
  --Icon-On-secondary-fixed: var(--Colors-Secondary-950);
  --Icon-On-secondary-fixed-variant: var(--Colors-Secondary-900);
  --Icon-On-tertiary: var(--Colors-Tertiary-950);
  --Icon-On-tertiary-container: var(--Colors-Tertiary-800);
  --Icon-On-tertiary-fixed: var(--Colors-Tertiary-950);
  --Icon-On-tertiary-fixed-variant: var(--Colors-Tertiary-900);
  --Icon-Display: var(--Colors-Primary-default);
  --Icon-Headline: var(--Colors-Secondary-700);
  --Icon-Title: var(--Colors-Secondary-700);
  --Icon-Body: var(--Colors-Secondary-600);
  --Icon-BodyCodeData: var(--Colors-Secondary-600);
  --Icon-Caption: var(--Colors-Secondary-950);
  --Icon-Label: var(--Colors-Secondary-500);
  --Icon-Footnote: var(--Colors-Secondary-600);
  --Icon-Action: var(--Colors-Secondary-950);
  --Icon-Action-Hover: var(--Colors-Secondary-950);
  --Icon-On-action: var(--Colors-Secondary-50);
  --Icon-On-action-Hover: var(--Colors-Secondary-50);

  /* ICON ON ALERTS - Filled (icône clair sur fond foncé) */
  --Icon-On-error: var(--Colors-Error-50);
  --Icon-On-warning: var(--Colors-Warning-50);
  --Icon-On-success: var(--Colors-Success-50);
  --Icon-On-info: var(--Colors-Information-50);

  /* ICON ON ALERTS - Container (icône foncé sur fond clair) */
  --Icon-On-error-container: var(--Colors-Error-800);
  --Icon-On-warning-container: var(--Colors-Warning-800);
  --Icon-On-success-container: var(--Colors-Success-900);
  --Icon-On-info-container: var(--Colors-Information-800);

  --Icon-On-desable: var(--Colors-Secondary-800);
  --Icon-On-desable-Hover: var(--Colors-Secondary-900);
  --Icon-On-ai: var(--Colors-AI-100);
  --Icon-On-ai-container: var(--Colors-AI-900);
  --Icon-On-ai-fixed: var(--Colors-AI-900);
  --Icon-On-ai-fixed-variant: var(--Colors-AI-800);
  --Icon-Link: var(--Colors-Information-600);
  --Icon-Link-hover: var(--Colors-Information-700);
  --Border-Ring-focus: var(--Colors-Information-500);
  --Border-Outline: var(--Colors-Neutral-400);
  --Border-Outline-variante: var(--Colors-Neutral-variant-200);
  --Border-Action: var(--Colors-Neutral-0);
  --Border-Action-hover: var(--Colors-Secondary-950);
  --Border-Action-ai: var(--Colors-AI-900);
  --Border-Action-ai-hover: var(--Colors-AI-950);
  --Border-Desable: var(--Colors-Neutral-400);

  /* BORDER ALERTS - Outlined */
  --Border-Error: var(--Colors-Error-800);
  --Border-Warning: var(--Colors-Warning-800);
  --Border-Success: var(--Colors-Success-900);
  --Border-Information: var(--Colors-Information-800);
}


/* Mapped - Dark */
[data-theme="dark"] {
  color-scheme: dark;
  --Surface-bright: var(--Colors-Neutral-800);
  --Surface-default: var(--Colors-Neutral-900);
  --Surface-dim: var(--Colors-Neutral-950);
  --Surface-container-lowest: var(--Colors-Neutral-950);
  --Surface-container-low: var(--Colors-Neutral-800);
  --Surface-container: var(--Colors-Neutral-700);
  --Surface-container-high: var(--Colors-Neutral-600);
  --Surface-container-highest: var(--Colors-Neutral-500);
  --Surface-Inverse: var(--Colors-Neutral-50);
  --Surface-Inverse-primary: var(--Colors-Primary-default);
  --Surface-Primary: var(--Colors-Primary-default);
  --Surface-Primary-container: var(--Colors-Primary-400);
  --Surface-Primary-fixed: var(--Colors-Primary-100);
  --Surface-Primary-fixed-dim: var(--Colors-Primary-200);
  --Surface-Secondary: var(--Colors-Secondary-100);
  --Surface-Secondary-container: var(--Colors-Secondary-700);
  --Surface-Secondary-fixed: var(--Colors-Secondary-100);
  --Surface-Secondary-fixed-dim: var(--Colors-Secondary-200);
  --Surface-Tertiary: var(--Colors-Tertiary-200);
  --Surface-Tertiary-fixed: var(--Colors-Tertiary-200);
  --Surface-Tertiary-fixed-dim: var(--Colors-Tertiary-300);
  --Surface-Tertiary-container: var(--Colors-Tertiary-400);
  --Surface-AI: var(--Colors-AI-600);
  --Surface-AI-fixed: var(--Colors-Neutral-0);
  --Surface-AI-fixed-dim: var(--Colors-Neutral-0);
  --Surface-AI-container: var(--Colors-AI-100);
  --Text-On-AI-container: var(--Colors-AI-200);
  --Surface-Action-primary: var(--Colors-Primary-default);
  --Surface-Action-primary-hover: var(--Colors-Primary-default);
  --Surface-Action-secondary: var(--Colors-Secondary-950);
  --Surface-Action-secondary-hover: var(--Colors-Secondary-950);
  --Surface-Desable: var(--Colors-Secondary-400);
  --Surface-Desable-Hover: var(--Colors-Secondary-400);

  /* ALERT SURFACES - Filled (important) - Dark Mode */
  --Surface-Error: var(--Colors-Error-500);
  --Surface-Warning: var(--Colors-Warning-700);
  --Surface-Success: var(--Colors-Success-600);
  --Surface-Information: var(--Colors-Information-700);

  /* ALERT SURFACES - Container (moins important) - Dark Mode */
  --Surface-Error-container: var(--Colors-Error-200);
  --Surface-Warning-container: var(--Colors-Warning-100);
  --Surface-Success-container: var(--Colors-Success-100);
  --Surface-Information-container: var(--Colors-Information-100);

  --Text-On-surface: var(--Colors-Neutral-0);
  --Text-On-surface-variant: var(--Colors-Neutral-300);
  --Text-On-primary: var(--Colors-Secondary-0);
  --Text-On-primary-container: var(--Colors-Primary-950);
  --Text-On-primary-fixed: var(--Colors-Primary-950);
  --Text-On-primary-fixed-variant: var(--Colors-Primary-900);
  --Text-On-secondary: var(--Colors-Secondary-50);
  --Text-On-secondary-container: var(--Colors-Secondary-100);
  --Text-On-secondary-fixed: var(--Colors-Secondary-950);
  --Text-On-secondary-fixed-variant: var(--Colors-Secondary-900);
  --Text-On-tertiary: var(--Colors-Tertiary-800);
  --Text-On-tertiary-container: var(--Colors-Tertiary-950);
  --Text-On-tertiary-fixed: var(--Colors-Tertiary-950);
  --Text-On-tertiary-fixed-variant: var(--Colors-Tertiary-900);
  --Text-Display: var(--Colors-Primary-default);
  --Text-Headline: var(--Colors-Secondary-50);
  --Text-Title: var(--Colors-Secondary-50);
  --Text-Body: var(--Colors-Secondary-100);
  --Text-BodyCodeData: var(--Colors-Secondary-100);
  --Text-Caption: var(--Colors-Secondary-100);
  --Text-Label: var(--Colors-Secondary-500);
  --Text-Footnote: var(--Colors-Secondary-400);
  --Text-Action: var(--Colors-Secondary-50);
  --Text-Action-Hover: var(--Colors-Secondary-50);
  --Text-On-action: var(--Colors-Secondary-950);
  --Text-On-action-Hover: var(--Colors-Secondary-950);
  --Text-On-error: var(--Colors-Error-400);
  --Text-On-error-container: var(--Colors-Error-800);
  --Text-On-warning: var(--Colors-Warning-300);
  --Text-On-warning-container: var(--Colors-Warning-800);
  --Text-On-success: var(--Colors-Success-300);
  --Text-On-success-container: var(--Colors-Success-800);
  --Text-On-info: var(--Colors-Information-300);
  --Text-On-info-container: var(--Colors-Information-800);
  --Text-On-desable: var(--Colors-Secondary-400);
  --Text-On-desable-Hover: var(--Colors-Secondary-500);
  --Text-On-ai: var(--Colors-AI-100);
  --Text-On-ai-container: var(--Colors-AI-900);
  --Text-On-ai-fixed: var(--Colors-AI-900);
  --Text-On-ai-fixed-variant: var(--Colors-AI-800);
  --Text-Link: var(--Colors-Information-400);
  --Text-Link-hover: var(--Colors-Information-500);
  --Icon-On-surface: var(--Colors-Neutral-0);
  --Icon-On-surface-variant: var(--Colors-Neutral-300);
  --Icon-On-primary: var(--Colors-Secondary-0);
  --Icon-On-primary-container: var(--Colors-Primary-950);
  --Icon-On-primary-fixed: var(--Colors-Primary-950);
  --Icon-On-primary-fixed-variant: var(--Colors-Primary-900);
  --Icon-On-secondary: var(--Colors-Secondary-50);
  --Icon-On-secondary-container: var(--Colors-Secondary-100);
  --Icon-On-secondary-fixed: var(--Colors-Secondary-950);
  --Icon-On-secondary-fixed-variant: var(--Colors-Secondary-900);
  --Icon-On-tertiary: var(--Colors-Tertiary-800);
  --Icon-On-tertiary-container: var(--Colors-Tertiary-950);
  --Icon-On-tertiary-fixed: var(--Colors-Tertiary-950);
  --Icon-On-tertiary-fixed-variant: var(--Colors-Tertiary-900);
  --Icon-Display: var(--Colors-Primary-default);
  --Icon-Headline: var(--Colors-Secondary-50);
  --Icon-Title: var(--Colors-Secondary-50);
  --Icon-Body: var(--Colors-Secondary-100);
  --Icon-BodyCodeData: var(--Colors-Secondary-100);
  --Icon-Caption: var(--Colors-Secondary-100);
  --Icon-Label: var(--Colors-Secondary-500);
  --Icon-Footnote: var(--Colors-Secondary-400);
  --Icon-Action: var(--Colors-Secondary-50);
  --Icon-Action-Hover: var(--Colors-Secondary-50);
  --Icon-On-action: var(--Colors-Secondary-950);
  --Icon-On-action-Hover: var(--Colors-Secondary-950);
  --Icon-On-error: var(--Colors-Error-400);
  --Icon-On-error-container: var(--Colors-Error-800);
  --Icon-On-warning: var(--Colors-Warning-300);
  --Icon-On-warning-container: var(--Colors-Warning-800);
  --Icon-On-success: var(--Colors-Success-300);
  --Icon-On-success-container: var(--Colors-Success-800);
  --Icon-On-info: var(--Colors-Information-300);
  --Icon-On-info-container: var(--Colors-Information-800);
  --Icon-On-desable: var(--Colors-Secondary-400);
  --Icon-On-desable-Hover: var(--Colors-Secondary-500);
  --Icon-On-ai: var(--Colors-AI-100);
  --Icon-On-ai-container: var(--Colors-AI-900);
  --Icon-On-ai-fixed: var(--Colors-AI-900);
  --Icon-On-ai-fixed-variant: var(--Colors-AI-800);
  --Icon-Link: var(--Colors-Information-400);
  --Icon-Link-hover: var(--Colors-Information-500);
  --Border-Ring-focus: var(--Colors-Information-400);
  --Border-Outline: var(--Colors-Neutral-200);
  --Border-Outline-variante: var(--Colors-Neutral-variant-50);
  --Border-Action: var(--Colors-Neutral-950);
  --Border-Action-hover: var(--Colors-Secondary-0);
  --Border-Action-ai: var(--Colors-AI-600);
  --Border-Action-ai-hover: var(--Colors-AI-700);
  --Border-Desable: var(--Colors-Neutral-200);

  /* BORDER ALERTS - Outlined - Dark Mode */
  --Border-Error: var(--Colors-Error-500);
  --Border-Warning: var(--Colors-Warning-700);
  --Border-Success: var(--Colors-Success-600);
  --Border-Information: var(--Colors-Information-700);
}
/* Adaptative-density - default (0) */
:root,
[data-density="default"] {
  --density-scale-None: var(--scale-4grid-0);
  --density-scale-2xs-4: var(--scale-4grid-100-4);
  --density-scale-xs-8: var(--scale-4grid-200-8);
  --density-scale-sm-12: var(--scale-4grid-300-12);
  --density-scale-md-16: var(--scale-4grid-400-16);
  --density-scale-lg-24: var(--scale-4grid-600-24);
  --density-scale-xl-32: var(--scale-4grid-800-32);
  --density-scale-2xl-40: var(--scale-4grid-1000-40);
  --density-scale-3xl-48: var(--scale-4grid-1200-48);
  --density-scale-4xl-56: var(--scale-4grid-1400-56);
  --density-scale-5xl-64: var(--scale-4grid-1600-64);
  --density-scale-6xl-72: var(--scale-4grid-1800-72);
  --density-scale-7xl-80: var(--scale-4grid-2000-80);
  --density-scale-8xl-88: var(--scale-4grid-2200-88);
  --density-scale-9xl-96: var(--scale-4grid-2400-96);
  --density-scale-10xl-104: var(--scale-4grid-2600-104);
  --density-scale-11xl-112: var(--scale-4grid-2800-112);
  --density-scale-12xl-120: var(--scale-4grid-3000-120);
  --density-scale-13xl-128: var(--scale-4grid-3200-128);
  --density-scale-14xl-136: var(--scale-4grid-3400-136);
}

/* Adaptative-density - comfortable (-1) */
[data-density="comfortable"] {
  --density-scale-None: var(--scale-4grid-0);
  --density-scale-2xs-4: var(--scale-4grid-50-2);
  --density-scale-xs-8: var(--scale-4grid-100-4);
  --density-scale-sm-12: var(--scale-4grid-200-8);
  --density-scale-md-16: var(--scale-4grid-300-12);
  --density-scale-lg-24: var(--scale-4grid-500-20);
  --density-scale-xl-32: var(--scale-4grid-700-28);
  --density-scale-2xl-40: var(--scale-4grid-900-36);
  --density-scale-3xl-48: var(--scale-4grid-1100-44);
  --density-scale-4xl-56: var(--scale-4grid-1300-52);
  --density-scale-5xl-64: var(--scale-4grid-1500-60);
  --density-scale-6xl-72: var(--scale-4grid-1700-68);
  --density-scale-7xl-80: var(--scale-4grid-1900-76);
  --density-scale-8xl-88: var(--scale-4grid-2100-84);
  --density-scale-9xl-96: var(--scale-4grid-2300-92);
  --density-scale-10xl-104: var(--scale-4grid-2500-100);
  --density-scale-11xl-112: var(--scale-4grid-1900-76);
  --density-scale-12xl-120: var(--scale-4grid-2100-84);
  --density-scale-13xl-128: var(--scale-4grid-2300-92);
  --density-scale-14xl-136: var(--scale-4grid-2500-100);
  --density-scale-15xl-144: var(--scale-4grid-1900-76);
}
/* Adaptative-density - compact (-2) */
[data-density="compact"] {
  --density-scale-None: var(--scale-4grid-0);
  --density-scale-2xs-4: var(--scale-4grid-0);
  --density-scale-xs-8: var(--scale-4grid-50-2);
  --density-scale-sm-12: var(--scale-4grid-100-4);
  --density-scale-md-16: var(--scale-4grid-200-8);
  --density-scale-lg-24: var(--scale-4grid-400-16);
  --density-scale-xl-32: var(--scale-4grid-600-24);
  --density-scale-2xl-40: var(--scale-4grid-800-32);
  --density-scale-3xl-48: var(--scale-4grid-1000-40);
  --density-scale-4xl-56: var(--scale-4grid-1200-48);
  --density-scale-5xl-64: var(--scale-4grid-1400-56);
  --density-scale-6xl-72: var(--scale-4grid-1600-64);
  --density-scale-7xl-80: var(--scale-4grid-1800-72);
  --density-scale-8xl-88: var(--scale-4grid-2000-80);
  --density-scale-9xl-96: var(--scale-4grid-2200-88);
  --density-scale-10xl-104: var(--scale-4grid-2400-96);
  --density-scale-11xl-112: var(--scale-4grid-1800-72);
  --density-scale-12xl-120: var(--scale-4grid-2000-80);
  --density-scale-13xl-128: var(--scale-4grid-2200-88);
  --density-scale-14xl-136: var(--scale-4grid-2400-96);
  --density-scale-15xl-144: var(--scale-4grid-1800-72);
}

/* Adaptative-density - ultra-compact (-3) */
[data-density="ultra-compact"] {
  --density-scale-None: var(--scale-4grid-0);
  --density-scale-2xs-4: var(--scale-4grid-0);
  --density-scale-xs-8: var(--scale-4grid-0);
  --density-scale-sm-12: var(--scale-4grid-0);
  --density-scale-md-16: var(--scale-4grid-100-4);
  --density-scale-lg-24: var(--scale-4grid-200-8);
  --density-scale-xl-32: var(--scale-4grid-500-20);
  --density-scale-2xl-40: var(--scale-4grid-700-28);
  --density-scale-3xl-48: var(--scale-4grid-900-36);
  --density-scale-4xl-56: var(--scale-4grid-1100-44);
  --density-scale-5xl-64: var(--scale-4grid-1300-52);
  --density-scale-6xl-72: var(--scale-4grid-1500-60);
  --density-scale-7xl-80: var(--scale-4grid-1700-68);
  --density-scale-8xl-88: var(--scale-4grid-1900-76);
  --density-scale-9xl-96: var(--scale-4grid-2100-84);
  --density-scale-10xl-104: var(--scale-4grid-2300-92);
  --density-scale-11xl-112: var(--scale-4grid-1700-68);
  --density-scale-12xl-120: var(--scale-4grid-1900-76);
  --density-scale-13xl-128: var(--scale-4grid-2100-84);
  --density-scale-14xl-136: var(--scale-4grid-2300-92);
  --density-scale-15xl-144: var(--scale-4grid-1700-68);
}
/* Gradients & opacity - Light */
:root,
[data-theme="light"] {
  --humari-Full-gradient-default-stop0: var(--Colors-Secondary-0);
  --humari-Full-gradient-default-stop1: var(--Colors-Accents-New);
  --humari-Full-gradient-default-stop2: var(--Colors-Accents-AI-prediction);
  --humari-Full-gradient-default-stop3: var(--Colors-Accents-Data-insights);
  --humari-Full-gradient-default-stop4: var(--Colors-Accents-AI-generation);

  /* Compiled gradients - Angular (conic) */
  --humari-Full-gradient-default-angular: conic-gradient(
    from 0deg at 50% 50%,
    var(--humari-Full-gradient-default-stop1) 0deg,
    var(--humari-Full-gradient-default-stop1) 22.5deg,
    var(--humari-Full-gradient-default-stop2) 67.5deg,
    var(--humari-Full-gradient-default-stop2) 90deg,
    var(--humari-Full-gradient-default-stop2) 112.5deg,
    var(--humari-Full-gradient-default-stop3) 157.5deg,
    var(--humari-Full-gradient-default-stop3) 180deg,
    var(--humari-Full-gradient-default-stop3) 202.5deg,
    var(--humari-Full-gradient-default-stop4) 247.5deg,
    var(--humari-Full-gradient-default-stop4) 270deg,
    var(--humari-Full-gradient-default-stop4) 292.5deg,
    var(--humari-Full-gradient-default-stop1) 337.5deg,
    var(--humari-Full-gradient-default-stop1) 360deg
  );

  --humari-Full-gradient-inverse-stop0: var(--Colors-Secondary-950);
  --humari-Full-gradient-inverse-stop1: var(--Colors-Accents-New-inverse);
  --humari-Full-gradient-inverse-stop2: var(--Colors-Accents-AI-prediction-inverse);
  --humari-Full-gradient-inverse-stop3: var(--Colors-Accents-Data-insights-inverse);
  --humari-Full-gradient-inverse-stop4: var(--Colors-Accents-AI-generation-inverse);
  --humari-Opacity-gradient-stop1: var(--Colors-Accents-New);
  --humari-Opacity-gradient-stop2: var(--Colors-Accents-AI-prediction);
  --humari-Opacity-gradient-stop3: var(--Colors-Accents-Data-insights);
  --humari-Opacity-gradient-white-0: #FFFFFF00;
  --humari-Opacity-gradient-stop4: var(--Colors-Accents-AI-generation);
  --humari-Opacity-gradient-white-10: #FFFFFF1A;
  --humari-Opacity-gradient-white-20: #FFFFFF33;
  --humari-Opacity-gradient-white-30: #FFFFFF4D;
  --humari-Opacity-gradient-white-40: #FFFFFF66;
  --humari-Opacity-gradient-white-50: #FFFFFF80;
  --humari-Opacity-gradient-white-60: #FFFFFF99;
  --humari-Opacity-gradient-white-70: #FFFFFFB2;
  --humari-Opacity-gradient-white-80: #FFFFFFCC;
  --humari-Opacity-gradient-black-0: #0A0A0A00;
  --humari-Opacity-gradient-white-90: #FFFFFFE5;
  --humari-Opacity-gradient-black-10: #0A0A0A1A;
  --humari-Opacity-gradient-black-20: #0A0A0A33;
  --humari-Opacity-gradient-black-30: #0A0A0A4D;
  --humari-Opacity-gradient-black-40: #0A0A0A66;
  --humari-Opacity-gradient-black-50: #0A0A0A80;
  --humari-Opacity-gradient-black-60: #0A0A0A99;
  --humari-Opacity-gradient-black-70: #0A0A0AB2;
  --humari-Opacity-gradient-black-80: #0A0A0ACC;
  --humari-Opacity-gradient-black-90: #0A0A0AE5;
  --humari-Opacity-gradient-lime-10: #E8FF551A;
  --humari-Opacity-gradient-lime-20: #E8FF5533;
  --humari-Opacity-gradient-lime-30: #E8FF554D;
  --humari-Opacity-gradient-lime-40: #E8FF5566;
  --humari-Opacity-gradient-lime-50: #E8FF5580;
  --humari-Opacity-gradient-lime-60: #E8FF5599;
  --humari-Opacity-gradient-lime-70: #E8FF55B2;
  --humari-Opacity-gradient-lime-80: #E8FF55CC;
  --humari-Opacity-gradient-lime-90: #E8FF55E5;
  --humari-Opacity-gradient-teal-10: #29DEA21A;
  --humari-Opacity-gradient-teal-20: #29DEA233;
  --humari-Opacity-gradient-teal-30: #29DEA24D;
  --humari-Opacity-gradient-teal-40: #29DEA266;
  --humari-Opacity-gradient-teal-50: #29DEA280;
  --humari-Opacity-gradient-teal-60: #29DEA299;
  --humari-Opacity-gradient-teal-70: #29DEA2B2;
  --humari-Opacity-gradient-teal-80: #29DEA2CC;
  --humari-Opacity-gradient-teal-90: #29DEA2E5;
  --humari-Opacity-gradient-cyan-10: #08F9EF1A;
  --humari-Opacity-gradient-cyan-20: #08F9EF33;
  --humari-Opacity-gradient-cyan-30: #08F9EF4D;
  --humari-Opacity-gradient-cyan-40: #08F9EF66;
  --humari-Opacity-gradient-cyan-50: #08F9EF80;
  --humari-Opacity-gradient-cyan-60: #08F9EF99;
  --humari-Opacity-gradient-cyan-70: #08F9EFB2;
  --humari-Opacity-gradient-cyan-80: #08F9EFCC;
  --humari-Opacity-gradient-cyan-90: #08F9EFE5;
  --humari-Opacity-gradient-purple-10: #F061FF1A;
  --humari-Opacity-gradient-purple-20: #F061FF33;
  --humari-Opacity-gradient-purple-30: #F061FF4D;
  --humari-Opacity-gradient-purple-40: #F061FF66;
  --humari-Opacity-gradient-purple-50: #F061FF80;
  --humari-Opacity-gradient-purple-60: #F061FF99;
  --humari-Opacity-gradient-purple-70: #F061FFB2;
  --humari-Opacity-gradient-purple-80: #F061FFCC;
  --humari-Opacity-gradient-purple-90: #F061FFE5;
}

/* Gradients & opacity (humari) - Dark */
[data-theme="dark"] {
  --humari-Full-gradient-default-stop0: var(--Colors-Secondary-950);
  --humari-Full-gradient-default-stop1: var(--Colors-Accents-New-inverse);
  --humari-Full-gradient-default-stop2: var(--Colors-Accents-AI-prediction-inverse);
  --humari-Full-gradient-default-stop3: var(--Colors-Accents-Data-insights-inverse);
  --humari-Full-gradient-default-stop4: var(--Colors-Accents-AI-generation-inverse);

  /* Compiled gradients - Angular (conic) */
  --humari-Full-gradient-default-angular: conic-gradient(
    from 0deg at 50% 50%,
    var(--humari-Full-gradient-default-stop1) 0deg,
    var(--humari-Full-gradient-default-stop1) 22.5deg,
    var(--humari-Full-gradient-default-stop2) 67.5deg,
    var(--humari-Full-gradient-default-stop2) 90deg,
    var(--humari-Full-gradient-default-stop2) 112.5deg,
    var(--humari-Full-gradient-default-stop3) 157.5deg,
    var(--humari-Full-gradient-default-stop3) 180deg,
    var(--humari-Full-gradient-default-stop3) 202.5deg,
    var(--humari-Full-gradient-default-stop4) 247.5deg,
    var(--humari-Full-gradient-default-stop4) 270deg,
    var(--humari-Full-gradient-default-stop4) 292.5deg,
    var(--humari-Full-gradient-default-stop1) 337.5deg,
    var(--humari-Full-gradient-default-stop1) 360deg
  );

  --humari-Full-gradient-inverse-stop0: var(--Colors-Secondary-0);
  --humari-Full-gradient-inverse-stop1: var(--Colors-Accents-New);
  --humari-Full-gradient-inverse-stop2: var(--Colors-Accents-AI-prediction);
  --humari-Full-gradient-inverse-stop3: var(--Colors-Accents-Data-insights);
  --humari-Full-gradient-inverse-stop4: var(--Colors-Accents-AI-generation);
  --humari-Opacity-gradient-stop1: var(--Colors-Accents-New-inverse);
  --humari-Opacity-gradient-stop2: var(--Colors-Accents-AI-prediction-inverse);
  --humari-Opacity-gradient-stop3: var(--Colors-Accents-Data-insights-inverse);
  --humari-Opacity-gradient-white-0: #0A0A0A00;
  --humari-Opacity-gradient-stop4: var(--Colors-Accents-AI-generation-inverse);
  --humari-Opacity-gradient-white-10: #0A0A0A1A;
  --humari-Opacity-gradient-white-20: #0A0A0A33;
  --humari-Opacity-gradient-white-30: #0A0A0A4D;
  --humari-Opacity-gradient-white-40: #0A0A0A66;
  --humari-Opacity-gradient-white-50: #0A0A0A80;
  --humari-Opacity-gradient-white-60: #0A0A0A99;
  --humari-Opacity-gradient-white-70: #0A0A0AB2;
  --humari-Opacity-gradient-white-80: #0A0A0ACC;
  --humari-Opacity-gradient-black-0: #FFFFFF00;
  --humari-Opacity-gradient-white-90: #0A0A0AE5;
  --humari-Opacity-gradient-black-10: #FFFFFF1A;
  --humari-Opacity-gradient-black-20: #FFFFFF33;
  --humari-Opacity-gradient-black-30: #FFFFFF4D;
  --humari-Opacity-gradient-black-40: #FFFFFF66;
  --humari-Opacity-gradient-black-50: #FFFFFF80;
  --humari-Opacity-gradient-black-60: #FFFFFF99;
  --humari-Opacity-gradient-black-70: #FFFFFFB2;
  --humari-Opacity-gradient-black-80: #FFFFFFCC;
  --humari-Opacity-gradient-black-90: #FFFFFFE5;
  --humari-Opacity-gradient-lime-10: #B9DF031A;
  --humari-Opacity-gradient-lime-20: #B9DF0333;
  --humari-Opacity-gradient-lime-30: #B9DF034D;
  --humari-Opacity-gradient-lime-40: #B9DF0366;
  --humari-Opacity-gradient-lime-50: #B9DF0380;
  --humari-Opacity-gradient-lime-60: #B9DF0399;
  --humari-Opacity-gradient-lime-70: #B9DF03B2;
  --humari-Opacity-gradient-lime-80: #B9DF03CC;
  --humari-Opacity-gradient-lime-90: #B9DF03E5;
  --humari-Opacity-gradient-teal-10: #05C48B1A;
  --humari-Opacity-gradient-teal-20: #05C48B33;
  --humari-Opacity-gradient-teal-30: #05C48B4D;
  --humari-Opacity-gradient-teal-40: #05C48B66;
  --humari-Opacity-gradient-teal-50: #05C48B80;
  --humari-Opacity-gradient-teal-60: #05C48B99;
  --humari-Opacity-gradient-teal-70: #05C48BB2;
  --humari-Opacity-gradient-teal-80: #05C48BCC;
  --humari-Opacity-gradient-teal-90: #05C48BE5;
  --humari-Opacity-gradient-cyan-10: #0FDDD51A;
  --humari-Opacity-gradient-cyan-20: #0FDDD533;
  --humari-Opacity-gradient-cyan-30: #0FDDD54D;
  --humari-Opacity-gradient-cyan-40: #0FDDD566;
  --humari-Opacity-gradient-cyan-50: #0FDDD580;
  --humari-Opacity-gradient-cyan-60: #0FDDD599;
  --humari-Opacity-gradient-cyan-70: #0FDDD5B2;
  --humari-Opacity-gradient-cyan-80: #0FDDD5CC;
  --humari-Opacity-gradient-cyan-90: #0FDDD5E5;
  --humari-Opacity-gradient-purple-10: #CB05F41A;
  --humari-Opacity-gradient-purple-20: #CB05F433;
  --humari-Opacity-gradient-purple-30: #CB05F44D;
  --humari-Opacity-gradient-purple-40: #CB05F466;
  --humari-Opacity-gradient-purple-50: #CB05F480;
  --humari-Opacity-gradient-purple-60: #CB05F499;
  --humari-Opacity-gradient-purple-70: #CB05F4B2;
  --humari-Opacity-gradient-purple-80: #CB05F4CC;
  --humari-Opacity-gradient-purple-90: #CB05F4E5;
}
/* Responsive - Compact */
:root {
  --Typography-font-size-Display-Large: 48px;
  --Typography-font-size-Display-medium: 38px;
  --Typography-font-size-Display-small: 30px;
  --Typography-font-size-Headline-large: 28px;
  --Typography-font-size-Headline-lg-emphazised: 28px;
  --Typography-font-size-Headline-medium: 24px;
  --Typography-font-size-Headline-md-emphazised: 24px;
  --Typography-font-size-Headline-small: 20px;
  --Typography-font-size-Headline-small-emphazised: 20px;
  --Typography-font-size-Title-large: 20px;
  --Typography-font-size-Body-default: 16px;
  --Typography-font-size-Body-default-emphazised: 16px;
  --Typography-font-size-Body-sm: 14px;
  --Typography-font-size-Body-sm-emphazised: 14px;
  --Typography-font-size-Body-xs: 12px;
  --Typography-font-size-Body-xs-emphazised: 12px;
  --Typography-font-size-Title-lg-emphazised: 20px;
  --Typography-font-size-Title-medium: 16px;
  --Typography-font-size-Title-md-emphazised: 16px;
  --Typography-font-size-Title-small: 14px;
  --Typography-font-size-Title-sm-emphazised: 14px;
  --Typography-font-size-Body-code-data-default: 16px;
  --Typography-font-size-Body-code-data-default-emphazised: 16px;
  --Typography-font-size-Body-code-data-sm: 14px;
  --Typography-font-size-Body-code-data-sm-emphazised: 14px;
  --Typography-font-size-Body-code-data-xs: 12px;
  --Typography-font-size-Body-code-data-xs-emphazised: 12px;
  --Typography-font-size-Quote-default-emphazised: 16px;
  --Typography-font-size-Quote-sm-emphazised: 14px;
  --Typography-font-size-Quote-xs-emphazised: 12px;
  --Typography-font-size-Callout-default: 16px;
  --Typography-font-size-Callout-default-emphazised: 16px;
  --Typography-font-size-Callout-sm: 14px;
  --Typography-font-size-Callout-sm-emphazised: 14px;
  --Typography-font-size-Callout-xs: 12px;
  --Typography-font-size-Callout-xs-emphazised: 12px;
  --Typography-font-size-Label-large: 14px;
  --Typography-font-size-Label-lg-emphazised: 14px;
  --Typography-font-size-Label-lg-allcaps: 14px;
  --Typography-font-size-Caption-small: 12px;
  --Typography-font-size-Caption-default: 11px;
  --Typography-font-size-Caption-xs: 10px;
  --Typography-font-size-Label-lg-allcaps-emphazised: 14px;
  --Typography-font-size-Label-medium: 12px;
  --Typography-font-size-Label-md-emphazised: 12px;
  --Typography-font-size-Label-md-allcaps: 12px;
  --Typography-font-size-Label-md-allcaps-emphazised: 12px;
  --Typography-font-size-Label-small: 11px;
  --Typography-font-size-Label-sm-emphazised: 11px;
  --Typography-font-size-Label-sm-allcaps: 11px;
  --Typography-font-size-Label-sm-allcaps-emphazised: 11px;
  --Typography-font-size-Footnote-small: 12px;
  --Typography-font-size-Footnote-default: 11px;
  --Typography-font-size-Footnote-2xs: 10px;
  --Typography-line-height-Display-hero-splash-large: 52px;
  --Typography-line-height-Display-hero-splash-medium: 44px;
  --Typography-line-height-Display-hero-splash-small: 36px;
  --Typography-line-height-Headline-large: 32px;
  --Typography-line-height-Headline-lg-emphazised: 32px;
  --Typography-line-height-Headline-medium: 28px;
  --Typography-line-height-Headline-md-emphazised: 28px;
  --Typography-line-height-Headline-small: 24px;
  --Typography-line-height-Headline-sm-emphazised: 24px;
  --Typography-line-height-Title-large: 24px;
  --Typography-line-height-Title-lg-emphazised: 24px;
  --Typography-line-height-Title-medium: 20px;
  --Typography-line-height-Title-md-emphazised: 20px;
  --Typography-line-height-Title-small: 16px;
  --Typography-line-height-Body-default: 20px;
  --Typography-line-height-Title-sm-emphazised: 16px;
  --Typography-line-height-Body-default-emphazised: 20px;
  --Typography-line-height-Body-sm: 16px;
  --Typography-line-height-Body-sm-emphazised: 16px;
  --Typography-line-height-Body-xs: 14px;
  --Typography-line-height-Body-xs-emphazised: 14px;
  --Typography-line-height-Body-code-data-default: 20px;
  --Typography-line-height-Body-code-data-default-emphazised: 20px;
  --Typography-line-height-Body-code-data-sm: 16px;
  --Typography-line-height-Body-code-data-sm-emphazised: 16px;
  --Typography-line-height-Body-code-data-xs: 14px;
  --Typography-line-height-Body-code-data-xs-emphazised: 14px;
  --Typography-line-height-Quote-default-emphazised: 20px;
  --Typography-line-height-Quote-sm-emphazised: 16px;
  --Typography-line-height-Quote-xs-emphazised: 14px;
  --Typography-line-height-Callout-default: 20px;
  --Typography-line-height-Callout-default-emphazised: 20px;
  --Typography-line-height-Callout-sm: 16px;
  --Typography-line-height-Callout-sm-emphazised: 16px;
  --Typography-line-height-Callout-xs: 14px;
  --Typography-line-height-Callout-xs-emphazised: 14px;
  --Typography-line-height-Label-large: 16px;
  --Typography-line-height-Label-lg-emphazised: 16px;
  --Typography-line-height-Label-lg-allcaps: 16px;
  --Typography-line-height-Label-lg-allcaps-emphazised: 14px;
  --Typography-line-height-Label-medium: 14px;
  --Typography-line-height-Label-md-emphazised: 14px;
  --Typography-line-height-Label-md-allcaps: 14px;
  --Typography-line-height-Label-md-allcaps-emphazised: 14px;
  --Typography-line-height-Label-small: 14px;
  --Typography-line-height-Label-sm-emphazised: 14px;
  --Typography-line-height-Label-sm-allcaps: 14px;
  --Typography-line-height-Label-small-allcaps-emphazised: 14px;
  --Typography-line-height-Caption-small: 14px;
  --Typography-line-height-Caption-xs: 14px;
  --Typography-line-height-Caption-default: 12px;
  --Typography-line-height-Footnote-small: 14px;
  --Typography-line-height-Footnote-xs: 12px;
  --Typography-line-height-Footnote-default: 12px;
  --Typography-tracking-Display-hero-splash-large: -0.25px;
  --Typography-tracking-Display-hero-splash-medium: 0px;
  --Typography-tracking-Display-hero-splash-small: 0px;
  --Typography-tracking-Headline-large: 0px;
  --Typography-tracking-Headline-lg-emphazised: 0px;
  --Typography-tracking-Headline-medium: 0px;
  --Typography-tracking-Headline-md-emphazised: 0px;
  --Typography-tracking-Headline-small: 0px;
  --Typography-tracking-Headline-sm-emphazised: 0px;
  --Typography-tracking-Title-large: 0px;
  --Typography-tracking-Title-lg-emphazised: 0px;
  --Typography-tracking-Title-medium: 0.15000000596046448px;
  --Typography-tracking-Title-md-emphazised: 0.15000000596046448px;
  --Typography-tracking-Title-small: 0.10000000149011612px;
  --Typography-tracking-Body-default: 0.5px;
  --Typography-tracking-Title-sm-emphazised: 0.10000000149011612px;
  --Typography-tracking-Body-default-emphazised: 0.5px;
  --Typography-tracking-Body-sm: 0.25px;
  --Typography-tracking-Body-sm-emphazised: 0.25px;
  --Typography-tracking-Body-xs: 0.4000000059604645px;
  --Typography-tracking-Body-xs-emphazised: 0.4000000059604645px;
  --Typography-tracking-Body-code-data-default: 0.5px;
  --Typography-tracking-Body-code-data-default-emphazised: 0.5px;
  --Typography-tracking-Body-code-data-small: 0.25px;
  --Typography-tracking-Body-code-data-sm-emphazised: 0.25px;
  --Typography-tracking-Body-code-data-xsmall: 0.4000000059604645px;
  --Typography-tracking-Body-code-data-xs-emphazised: 0.4000000059604645px;
  --Typography-tracking-Quote-default-emphazised: 0.5px;
  --Typography-tracking-Quote-sm-emphazised: 0.25px;
  --Typography-tracking-Quote-xs-emphazised: 0.4000000059604645px;
  --Typography-tracking-Callout-default: 0.5px;
  --Typography-tracking-Callout-default-emphazised: 0.5px;
  --Typography-tracking-Callout-sm: 0.25px;
  --Typography-tracking-Callout-sm-emphazised: 0.25px;
  --Typography-tracking-Callout-xs: 0.4000000059604645px;
  --Typography-tracking-Callout-xs-emphazised: 0.4000000059604645px;
  --Typography-tracking-Label-large: 0.10000000149011612px;
  --Typography-tracking-Label-lg-emphazised: 0.10000000149011612px;
  --Typography-tracking-Caption-small: 0.4000000059604645px;
  --Typography-tracking-Label-lg-allcaps: 0.10000000149011612px;
  --Typography-tracking-Caption-xsmall: 0.5px;
  --Typography-tracking-Caption-2xsmall: 0.5px;
  --Typography-tracking-Label-lg-allcaps-emphazised: 0.10000000149011612px;
  --Typography-tracking-Label-medium: 0.5px;
  --Typography-tracking-Label-md-emphazised: 0.5px;
  --Typography-tracking-Label-md-allcaps: 0.5px;
  --Typography-tracking-Label-md-allcaps-emphazised: 0.5px;
  --Typography-tracking-Label-small: 0.5px;
  --Typography-tracking-Label-sm-emphazised: 0.5px;
  --Typography-tracking-Label-sm-allcaps: 0.5px;
  --Typography-tracking-Label-sm-allcaps-emphazised: 0.5px;
  --Typography-tracking-Footnote-small: 0.5px;
  --Typography-tracking-Footnote-xsmall: 0.5px;
  --Device-size-breakpoints: 0px;
  --Typography-tracking-Footnote-2xsmall: 0.5px;
  --Layout-spacing-grid-scale-columns: 4px;
  --Layout-spacing-canonical-layouts-spacing-list-detailed-margin-padding: var(--density-scale-md-16);
  --Layout-spacing-canonical-layouts-spacing-list-detailed-spacer-gap: var(--density-scale-lg-24);
  --Layout-spacing-canonical-layouts-spacing-list-detailed-gap-spacing: var(--scale-4grid-600-24);
  --Layout-spacing-canonical-layouts-spacing-supporting-pane-margin-padding: var(--density-scale-md-16);
  --Layout-spacing-canonical-layouts-spacing-supporting-pane-spacer-gap: var(--density-scale-lg-24);
  --Layout-spacing-canonical-layouts-spacing-supporting-pane-gap-spacing: var(--scale-4grid-600-24);
  --Layout-spacing-canonical-layouts-spacing-feed-margin-padding: var(--density-scale-md-16);
  --Layout-spacing-canonical-layouts-spacing-feed-spacer-gap: var(--density-scale-lg-24);
  --Layout-spacing-canonical-layouts-spacing-feed-gap-spacing: var(--scale-4grid-600-24);
  --Layout-spacing-grid-scale-pane-columns: 1px;
  --Layout-spacing-grid-scale-Margin-margin: var(--scale-4grid-400-16);
  --Layout-spacing-grid-scale-spacer-gap: var(--scale-4grid-0);
  --Layout-spacing-grid-scale-gap-spacing: var(--scale-4grid-600-24);
  --Layout-spacing-grid-scale-gutter-width-xl: var(--scale-4grid-800-32);
  --Layout-spacing-grid-scale-gutter-width-lg: var(--scale-4grid-600-24);
  --Layout-spacing-grid-scale-gutter-width-default: var(--scale-4grid-400-16);
  --Layout-spacing-grid-scale-gutter-width-sm: var(--scale-4grid-200-8);
  --Layout-spacing-grid-scale-gutter-width-xs: var(--scale-4grid-100-4);
  --Device-size-height-based-0-479: true;
  --Device-size-height-based-480-899: false;
  --Device-size-height-based-900+: false;
  --Device-size-width-based-0-599: true;
  --Device-size-width-based-600-839: false;
  --Device-size-width-based-840-1199: false;
  --Device-size-width-based-1200-1599: false;
  --Device-size-width-based-1600+: false;
  --Device-size-window-size: 599px;
  --Device-size-pane-min-width: 360px;
  --Device-size-pane-max-width: 360px;
  --Content-spacing-pane-bento-margin: var(--scale-4grid-400-16);
  --Content-spacing-pane-bento-padding-gap: var(--scale-4grid-400-16);
  --Content-spacing-pane-bento-gap-padding-v: var(--density-scale-md-16);
  --Content-spacing-pane-bento-gap-padding-h: var(--density-scale-md-16);
  --Content-spacing-component-gap-xl: var(--scale-4grid-400-16);
  --Content-spacing-xs: var(--scale-4grid-50-2);
  --Default-jumper-component-padding-xs-lg-4-24: var(--scale-4grid-100-4);
  --Default-jumper-component-padding-sm-lg-8-24: var(--scale-4grid-200-8);
  --Default-jumper-component-padding-md-lg-16-24: var(--scale-4grid-400-16);
  --Default-jumper-component-padding-xs-md-4-16: var(--scale-4grid-100-4);
  --Default-jumper-component-padding-sm-md-8-16: var(--scale-4grid-200-8);
  --Default-jumper-component-padding-md-md-16-16: var(--scale-4grid-400-16);
  --Default-jumper-component-padding-lg-md-24-16: var(--scale-4grid-600-24);
  --Default-jumper-component-padding-xs-sm-4-8: var(--scale-4grid-100-4);
  --Default-jumper-component-padding-sm-sm-8-8: var(--scale-4grid-200-8);
  --Default-jumper-component-padding-md-sm-16-8: var(--scale-4grid-400-16);
  --Default-jumper-component-padding-lg-sm-24-8: var(--scale-4grid-600-24);
  --Default-jumper-component-padding-xs-xs-4-4: var(--scale-4grid-100-4);
  --Default-jumper-component-padding-sm-xs-8-4: var(--scale-4grid-200-8);
  --Default-jumper-component-padding-md-xs-16-4: var(--scale-4grid-400-16);
  --Default-jumper-component-padding-lg-xs-24-4: var(--scale-4grid-600-24);
  --Default-jumper-site-spacers-xs-lg-88-100: var(--scale-4grid-2200-88);
  --Default-jumper-site-spacers-sm-lg-92-100: var(--scale-4grid-2300-92);
  --Default-jumper-site-spacers-md-lg-96-100: var(--scale-4grid-2400-96);
  --Default-jumper-site-spacers-xs-md-88-96: var(--scale-4grid-2200-88);
  --Default-jumper-site-spacers-sm-md-92-96: var(--scale-4grid-2300-92);
  --Default-jumper-site-spacers-md-md-96-96: var(--scale-4grid-2400-96);
  --Default-jumper-site-spacers-lg-md-100-96: var(--scale-4grid-2500-100);
  --Default-jumper-site-spacers-xs-sm-88-92: var(--scale-4grid-2200-88);
  --Default-jumper-site-spacers-sm-sm-92-92: var(--scale-4grid-2300-92);
  --Default-jumper-site-spacers-md-sm-96-92: var(--scale-4grid-2400-96);
  --Default-jumper-site-spacers-lg-sm-100-92: var(--scale-4grid-2500-100);
  --Default-jumper-site-spacers-xs-xs-88-88: var(--scale-4grid-2200-88);
  --Default-jumper-site-spacers-sm-xs-92-88: var(--scale-4grid-2300-92);
  --Default-jumper-site-spacers-md-xs-96-88: var(--scale-4grid-2400-96);
  --Default-jumper-site-spacers-lg-xs-100-88: var(--scale-4grid-2500-100);
  --Content-spacing-component-gap-lg: var(--scale-4grid-300-12);
  --Content-spacing-component-gap-md: var(--scale-4grid-200-8);
  --Content-spacing-component-gap-sm: var(--scale-4grid-100-4);
  --Specific-jumper-grid-spacing-site: 0px;
  --Specific-jumper-site-exemple-à-changer-formulaire-gap: var(--scale-4grid-600-24);
  --Specific-jumper-site-exemple-à-changer-formulaire-padding-v: var(--scale-4grid-400-16);
  --Specific-jumper-site-exemple-à-changer-formulaire-padding-h: var(--scale-4grid-400-16);
  --Specific-jumper-saas-exemple-à-changer-formulaire-2-gap: var(--scale-4grid-600-24);
  --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-v: var(--scale-4grid-400-16);
  --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-h: var(--scale-4grid-400-16);
  --Layout-spacing-canonical-layouts-spacing-site-margin-padding: var(--Default-jumper-site-spacers-xs-lg-88-100);
  --Layout-spacing-canonical-layouts-spacing-site-spacer-gap: var(--density-scale-lg-24);
  --Layout-spacing-canonical-layouts-spacing-site-gap-spacing: var(--scale-4grid-600-24);
  --Content-spacing-pane-navigation-spacers-gap: var(--scale-4grid-400-16);
  --Content-spacing-pane-navigation-gap-padding-v: var(--scale-4grid-400-16);
  --Content-spacing-pane-navigation-gap-padding-h: var(--scale-4grid-400-16);
  --Content-spacing-pane-pane-padding-gap: var(--scale-4grid-400-16);
  --Content-spacing-pane-pane-gap-padding-v: var(--density-scale-md-16);
  --Content-spacing-pane-pane-gap-padding-h: var(--density-scale-md-16);
}

/* Responsive - Medium */
@media (min-width: 600px) {
  :root {
    --Typography-font-size-Display-Large: 52px;
    --Typography-font-size-Display-medium: 40px;
    --Typography-font-size-Display-small: 32px;
    --Typography-font-size-Headline-large: 28px;
    --Typography-font-size-Headline-lg-emphazised: 28px;
    --Typography-font-size-Headline-medium: 24px;
    --Typography-font-size-Headline-md-emphazised: 24px;
    --Typography-font-size-Headline-small: 20px;
    --Typography-font-size-Headline-small-emphazised: 20px;
    --Typography-font-size-Title-large: 20px;
    --Typography-font-size-Body-default: 16px;
    --Typography-font-size-Body-default-emphazised: 16px;
    --Typography-font-size-Body-sm: 14px;
    --Typography-font-size-Body-sm-emphazised: 14px;
    --Typography-font-size-Body-xs: 12px;
    --Typography-font-size-Body-xs-emphazised: 12px;
    --Typography-font-size-Title-lg-emphazised: 20px;
    --Typography-font-size-Title-medium: 16px;
    --Typography-font-size-Title-md-emphazised: 16px;
    --Typography-font-size-Title-small: 14px;
    --Typography-font-size-Title-sm-emphazised: 14px;
    --Typography-font-size-Body-code-data-default: 16px;
    --Typography-font-size-Body-code-data-default-emphazised: 16px;
    --Typography-font-size-Body-code-data-sm: 14px;
    --Typography-font-size-Body-code-data-sm-emphazised: 14px;
    --Typography-font-size-Body-code-data-xs: 12px;
    --Typography-font-size-Body-code-data-xs-emphazised: 12px;
    --Typography-font-size-Quote-default-emphazised: 16px;
    --Typography-font-size-Quote-sm-emphazised: 14px;
    --Typography-font-size-Quote-xs-emphazised: 12px;
    --Typography-font-size-Callout-default: 16px;
    --Typography-font-size-Callout-default-emphazised: 16px;
    --Typography-font-size-Callout-sm: 14px;
    --Typography-font-size-Callout-sm-emphazised: 14px;
    --Typography-font-size-Callout-xs: 12px;
    --Typography-font-size-Callout-xs-emphazised: 12px;
    --Typography-font-size-Label-large: 14px;
    --Typography-font-size-Label-lg-emphazised: 14px;
    --Typography-font-size-Label-lg-allcaps: 14px;
    --Typography-font-size-Caption-small: 12px;
    --Typography-font-size-Caption-default: 11px;
    --Typography-font-size-Caption-xs: 10px;
    --Typography-font-size-Label-lg-allcaps-emphazised: 14px;
    --Typography-font-size-Label-medium: 12px;
    --Typography-font-size-Label-md-emphazised: 12px;
    --Typography-font-size-Label-md-allcaps: 12px;
    --Typography-font-size-Label-md-allcaps-emphazised: 12px;
    --Typography-font-size-Label-small: 11px;
    --Typography-font-size-Label-sm-emphazised: 11px;
    --Typography-font-size-Label-sm-allcaps: 11px;
    --Typography-font-size-Label-sm-allcaps-emphazised: 11px;
    --Typography-font-size-Footnote-small: 12px;
    --Typography-font-size-Footnote-default: 11px;
    --Typography-font-size-Footnote-2xs: 10px;
    --Typography-line-height-Display-hero-splash-large: 60px;
    --Typography-line-height-Display-hero-splash-medium: 48px;
    --Typography-line-height-Display-hero-splash-small: 40px;
    --Typography-line-height-Headline-large: 36px;
    --Typography-line-height-Headline-lg-emphazised: 36px;
    --Typography-line-height-Headline-medium: 32px;
    --Typography-line-height-Headline-md-emphazised: 32px;
    --Typography-line-height-Headline-small: 28px;
    --Typography-line-height-Headline-sm-emphazised: 28px;
    --Typography-line-height-Title-large: 28px;
    --Typography-line-height-Title-lg-emphazised: 28px;
    --Typography-line-height-Title-medium: 24px;
    --Typography-line-height-Title-md-emphazised: 24px;
    --Typography-line-height-Title-small: 20px;
    --Typography-line-height-Body-default: 24px;
    --Typography-line-height-Title-sm-emphazised: 20px;
    --Typography-line-height-Body-default-emphazised: 24px;
    --Typography-line-height-Body-sm: 20px;
    --Typography-line-height-Body-sm-emphazised: 20px;
    --Typography-line-height-Body-xs: 16px;
    --Typography-line-height-Body-xs-emphazised: 16px;
    --Typography-line-height-Body-code-data-default: 24px;
    --Typography-line-height-Body-code-data-default-emphazised: 24px;
    --Typography-line-height-Body-code-data-sm: 20px;
    --Typography-line-height-Body-code-data-sm-emphazised: 20px;
    --Typography-line-height-Body-code-data-xs: 16px;
    --Typography-line-height-Body-code-data-xs-emphazised: 16px;
    --Typography-line-height-Quote-default-emphazised: 24px;
    --Typography-line-height-Quote-sm-emphazised: 20px;
    --Typography-line-height-Quote-xs-emphazised: 16px;
    --Typography-line-height-Callout-default: 24px;
    --Typography-line-height-Callout-default-emphazised: 24px;
    --Typography-line-height-Callout-sm: 20px;
    --Typography-line-height-Callout-sm-emphazised: 20px;
    --Typography-line-height-Callout-xs: 16px;
    --Typography-line-height-Callout-xs-emphazised: 16px;
    --Typography-line-height-Label-large: 20px;
    --Typography-line-height-Label-lg-emphazised: 20px;
    --Typography-line-height-Label-lg-allcaps: 20px;
    --Typography-line-height-Label-lg-allcaps-emphazised: 20px;
    --Typography-line-height-Label-medium: 16px;
    --Typography-line-height-Label-md-emphazised: 16px;
    --Typography-line-height-Label-md-allcaps: 16px;
    --Typography-line-height-Label-md-allcaps-emphazised: 16px;
    --Typography-line-height-Label-small: 16px;
    --Typography-line-height-Label-sm-emphazised: 16px;
    --Typography-line-height-Label-sm-allcaps: 16px;
    --Typography-line-height-Label-small-allcaps-emphazised: 16px;
    --Typography-line-height-Caption-small: 16px;
    --Typography-line-height-Caption-xs: 16px;
    --Typography-line-height-Caption-default: 14px;
    --Typography-line-height-Footnote-small: 16px;
    --Typography-line-height-Footnote-xs: 14px;
    --Typography-line-height-Footnote-default: 12px;
    --Typography-tracking-Display-hero-splash-large: -0.25px;
    --Typography-tracking-Display-hero-splash-medium: 0px;
    --Typography-tracking-Display-hero-splash-small: 0px;
    --Typography-tracking-Headline-large: 0px;
    --Typography-tracking-Headline-lg-emphazised: 0px;
    --Typography-tracking-Headline-medium: 0px;
    --Typography-tracking-Headline-md-emphazised: 0px;
    --Typography-tracking-Headline-small: 0px;
    --Typography-tracking-Headline-sm-emphazised: 0px;
    --Typography-tracking-Title-large: 0px;
    --Typography-tracking-Title-lg-emphazised: 0px;
    --Typography-tracking-Title-medium: 0.15000000596046448px;
    --Typography-tracking-Title-md-emphazised: 0.15000000596046448px;
    --Typography-tracking-Title-small: 0.10000000149011612px;
    --Typography-tracking-Body-default: 0.5px;
    --Typography-tracking-Title-sm-emphazised: 0.10000000149011612px;
    --Typography-tracking-Body-default-emphazised: 0.5px;
    --Typography-tracking-Body-sm: 0.25px;
    --Typography-tracking-Body-sm-emphazised: 0.25px;
    --Typography-tracking-Body-xs: 0.4000000059604645px;
    --Typography-tracking-Body-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Body-code-data-default: 0.5px;
    --Typography-tracking-Body-code-data-default-emphazised: 0.5px;
    --Typography-tracking-Body-code-data-small: 0.25px;
    --Typography-tracking-Body-code-data-sm-emphazised: 0.25px;
    --Typography-tracking-Body-code-data-xsmall: 0.4000000059604645px;
    --Typography-tracking-Body-code-data-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Quote-default-emphazised: 0.5px;
    --Typography-tracking-Quote-sm-emphazised: 0.25px;
    --Typography-tracking-Quote-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Callout-default: 0.5px;
    --Typography-tracking-Callout-default-emphazised: 0.5px;
    --Typography-tracking-Callout-sm: 0.25px;
    --Typography-tracking-Callout-sm-emphazised: 0.25px;
    --Typography-tracking-Callout-xs: 0.4000000059604645px;
    --Typography-tracking-Callout-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Label-large: 0.10000000149011612px;
    --Typography-tracking-Label-lg-emphazised: 0.10000000149011612px;
    --Typography-tracking-Caption-small: 0.4000000059604645px;
    --Typography-tracking-Label-lg-allcaps: 0.10000000149011612px;
    --Typography-tracking-Caption-xsmall: 0.5px;
    --Typography-tracking-Caption-2xsmall: 0.5px;
    --Typography-tracking-Label-lg-allcaps-emphazised: 0.10000000149011612px;
    --Typography-tracking-Label-medium: 0.5px;
    --Typography-tracking-Label-md-emphazised: 0.5px;
    --Typography-tracking-Label-md-allcaps: 0.5px;
    --Typography-tracking-Label-md-allcaps-emphazised: 0.5px;
    --Typography-tracking-Label-small: 0.5px;
    --Typography-tracking-Label-sm-emphazised: 0.5px;
    --Typography-tracking-Label-sm-allcaps: 0.5px;
    --Typography-tracking-Label-sm-allcaps-emphazised: 0.5px;
    --Typography-tracking-Footnote-small: 0.5px;
    --Typography-tracking-Footnote-xsmall: 0.5px;
    --Device-size-breakpoints: 600px;
    --Typography-tracking-Footnote-2xsmall: 0.5px;
    --Layout-spacing-grid-scale-columns: 8px;
    --Layout-spacing-canonical-layouts-spacing-list-detailed-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-list-detailed-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-list-detailed-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-canonical-layouts-spacing-feed-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-feed-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-feed-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-pane-columns: 2px;
    --Layout-spacing-grid-scale-Margin-margin: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-spacer-gap: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-gap-spacing: var(--scale-4grid-800-32);
    --Layout-spacing-grid-scale-gutter-width-xl: var(--scale-4grid-800-32);
    --Layout-spacing-grid-scale-gutter-width-lg: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-gutter-width-default: var(--scale-4grid-400-16);
    --Layout-spacing-grid-scale-gutter-width-sm: var(--scale-4grid-200-8);
    --Layout-spacing-grid-scale-gutter-width-xs: var(--scale-4grid-100-4);
    --Device-size-height-based-0-479: false;
    --Device-size-height-based-480-899: true;
    --Device-size-height-based-900+: false;
    --Device-size-width-based-0-599: false;
    --Device-size-width-based-600-839: true;
    --Device-size-width-based-840-1199: false;
    --Device-size-width-based-1200-1599: false;
    --Device-size-width-based-1600+: false;
    --Device-size-window-size: 839px;
    --Device-size-pane-min-width: 360px;
    --Device-size-pane-max-width: 412px;
    --Content-spacing-pane-bento-margin: var(--scale-4grid-400-16);
    --Content-spacing-pane-bento-padding-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-bento-gap-padding-v: var(--density-scale-md-16);
    --Content-spacing-pane-bento-gap-padding-h: var(--density-scale-md-16);
    --Content-spacing-component-gap-xl: var(--scale-4grid-500-20);
    --Content-spacing-xs: var(--scale-4grid-100-4);
    --Default-jumper-component-padding-xs-lg-4-24: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-sm-lg-8-24: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-lg-16-24: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-xs-md-4-16: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-sm-md-8-16: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-md-16-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-lg-md-24-16: var(--scale-4grid-600-24);
    --Default-jumper-component-padding-xs-sm-4-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-sm-sm-8-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-sm-16-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-lg-sm-24-8: var(--scale-4grid-600-24);
    --Default-jumper-component-padding-xs-xs-4-4: var(--scale-4grid-100-4);
    --Default-jumper-component-padding-sm-xs-8-4: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-xs-16-4: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-lg-xs-24-4: var(--scale-4grid-400-16);
    --Default-jumper-site-spacers-xs-lg-88-100: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-sm-lg-92-100: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-md-lg-96-100: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-xs-md-88-96: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-sm-md-92-96: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-md-md-96-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-lg-md-100-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-xs-sm-88-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-sm-sm-92-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-md-sm-96-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-lg-sm-100-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-xs-xs-88-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-sm-xs-92-88: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-md-xs-96-88: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-lg-xs-100-88: var(--scale-4grid-2400-96);
    --Content-spacing-component-gap-lg: var(--scale-4grid-400-16);
    --Content-spacing-component-gap-md: var(--scale-4grid-300-12);
    --Content-spacing-component-gap-sm: var(--scale-4grid-200-8);
    --Specific-jumper-grid-spacing-site: 0px;
    --Specific-jumper-site-exemple-à-changer-formulaire-gap: var(--scale-4grid-600-24);
    --Specific-jumper-site-exemple-à-changer-formulaire-padding-v: var(--scale-4grid-400-16);
    --Specific-jumper-site-exemple-à-changer-formulaire-padding-h: var(--scale-4grid-400-16);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-gap: var(--scale-4grid-600-24);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-v: var(--scale-4grid-400-16);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-h: var(--scale-4grid-400-16);
    --Layout-spacing-canonical-layouts-spacing-site-margin-padding: var(--Default-jumper-site-spacers-xs-lg-88-100);
    --Layout-spacing-canonical-layouts-spacing-site-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-site-gap-spacing: var(--scale-4grid-600-24);
    --Content-spacing-pane-navigation-spacers-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-navigation-gap-padding-v: var(--scale-4grid-400-16);
    --Content-spacing-pane-navigation-gap-padding-h: var(--scale-4grid-400-16);
    --Content-spacing-pane-pane-padding-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-pane-gap-padding-v: var(--density-scale-md-16);
    --Content-spacing-pane-pane-gap-padding-h: var(--density-scale-md-16);
  }
}

/* Responsive - Expanded */
@media (min-width: 840px) {
  :root {
    --Typography-font-size-Display-Large: 56px;
    --Typography-font-size-Display-medium: 44px;
    --Typography-font-size-Display-small: 36px;
    --Typography-font-size-Headline-large: 32px;
    --Typography-font-size-Headline-lg-emphazised: 32px;
    --Typography-font-size-Headline-medium: 28px;
    --Typography-font-size-Headline-md-emphazised: 28px;
    --Typography-font-size-Headline-small: 24px;
    --Typography-font-size-Headline-small-emphazised: 24px;
    --Typography-font-size-Title-large: 24px;
    --Typography-font-size-Body-default: 16px;
    --Typography-font-size-Body-default-emphazised: 16px;
    --Typography-font-size-Body-sm: 14px;
    --Typography-font-size-Body-sm-emphazised: 14px;
    --Typography-font-size-Body-xs: 12px;
    --Typography-font-size-Body-xs-emphazised: 12px;
    --Typography-font-size-Title-lg-emphazised: 24px;
    --Typography-font-size-Title-medium: 16px;
    --Typography-font-size-Title-md-emphazised: 16px;
    --Typography-font-size-Title-small: 14px;
    --Typography-font-size-Title-sm-emphazised: 14px;
    --Typography-font-size-Body-code-data-default: 16px;
    --Typography-font-size-Body-code-data-default-emphazised: 16px;
    --Typography-font-size-Body-code-data-sm: 14px;
    --Typography-font-size-Body-code-data-sm-emphazised: 14px;
    --Typography-font-size-Body-code-data-xs: 12px;
    --Typography-font-size-Body-code-data-xs-emphazised: 12px;
    --Typography-font-size-Quote-default-emphazised: 16px;
    --Typography-font-size-Quote-sm-emphazised: 14px;
    --Typography-font-size-Quote-xs-emphazised: 12px;
    --Typography-font-size-Callout-default: 16px;
    --Typography-font-size-Callout-default-emphazised: 16px;
    --Typography-font-size-Callout-sm: 14px;
    --Typography-font-size-Callout-sm-emphazised: 14px;
    --Typography-font-size-Callout-xs: 12px;
    --Typography-font-size-Callout-xs-emphazised: 12px;
    --Typography-font-size-Label-large: 14px;
    --Typography-font-size-Label-lg-emphazised: 14px;
    --Typography-font-size-Label-lg-allcaps: 14px;
    --Typography-font-size-Caption-small: 12px;
    --Typography-font-size-Caption-default: 11px;
    --Typography-font-size-Caption-xs: 10px;
    --Typography-font-size-Label-lg-allcaps-emphazised: 14px;
    --Typography-font-size-Label-medium: 12px;
    --Typography-font-size-Label-md-emphazised: 12px;
    --Typography-font-size-Label-md-allcaps: 12px;
    --Typography-font-size-Label-md-allcaps-emphazised: 12px;
    --Typography-font-size-Label-small: 11px;
    --Typography-font-size-Label-sm-emphazised: 11px;
    --Typography-font-size-Label-sm-allcaps: 11px;
    --Typography-font-size-Label-sm-allcaps-emphazised: 11px;
    --Typography-font-size-Footnote-small: 12px;
    --Typography-font-size-Footnote-default: 11px;
    --Typography-font-size-Footnote-2xs: 10px;
    --Typography-line-height-Display-hero-splash-large: 64px;
    --Typography-line-height-Display-hero-splash-medium: 52px;
    --Typography-line-height-Display-hero-splash-small: 44px;
    --Typography-line-height-Headline-large: 40px;
    --Typography-line-height-Headline-lg-emphazised: 40px;
    --Typography-line-height-Headline-medium: 36px;
    --Typography-line-height-Headline-md-emphazised: 36px;
    --Typography-line-height-Headline-small: 32px;
    --Typography-line-height-Headline-sm-emphazised: 32px;
    --Typography-line-height-Title-large: 28px;
    --Typography-line-height-Title-lg-emphazised: 28px;
    --Typography-line-height-Title-medium: 24px;
    --Typography-line-height-Title-md-emphazised: 24px;
    --Typography-line-height-Title-small: 20px;
    --Typography-line-height-Body-default: 24px;
    --Typography-line-height-Title-sm-emphazised: 20px;
    --Typography-line-height-Body-default-emphazised: 24px;
    --Typography-line-height-Body-sm: 20px;
    --Typography-line-height-Body-sm-emphazised: 20px;
    --Typography-line-height-Body-xs: 16px;
    --Typography-line-height-Body-xs-emphazised: 16px;
    --Typography-line-height-Body-code-data-default: 24px;
    --Typography-line-height-Body-code-data-default-emphazised: 24px;
    --Typography-line-height-Body-code-data-sm: 20px;
    --Typography-line-height-Body-code-data-sm-emphazised: 20px;
    --Typography-line-height-Body-code-data-xs: 16px;
    --Typography-line-height-Body-code-data-xs-emphazised: 16px;
    --Typography-line-height-Quote-default-emphazised: 24px;
    --Typography-line-height-Quote-sm-emphazised: 20px;
    --Typography-line-height-Quote-xs-emphazised: 16px;
    --Typography-line-height-Callout-default: 24px;
    --Typography-line-height-Callout-default-emphazised: 24px;
    --Typography-line-height-Callout-sm: 20px;
    --Typography-line-height-Callout-sm-emphazised: 20px;
    --Typography-line-height-Callout-xs: 16px;
    --Typography-line-height-Callout-xs-emphazised: 16px;
    --Typography-line-height-Label-large: 20px;
    --Typography-line-height-Label-lg-emphazised: 20px;
    --Typography-line-height-Label-lg-allcaps: 20px;
    --Typography-line-height-Label-lg-allcaps-emphazised: 20px;
    --Typography-line-height-Label-medium: 16px;
    --Typography-line-height-Label-md-emphazised: 16px;
    --Typography-line-height-Label-md-allcaps: 16px;
    --Typography-line-height-Label-md-allcaps-emphazised: 16px;
    --Typography-line-height-Label-small: 16px;
    --Typography-line-height-Label-sm-emphazised: 16px;
    --Typography-line-height-Label-sm-allcaps: 16px;
    --Typography-line-height-Label-small-allcaps-emphazised: 16px;
    --Typography-line-height-Caption-small: 16px;
    --Typography-line-height-Caption-xs: 16px;
    --Typography-line-height-Caption-default: 14px;
    --Typography-line-height-Footnote-small: 16px;
    --Typography-line-height-Footnote-xs: 14px;
    --Typography-line-height-Footnote-default: 12px;
    --Typography-tracking-Display-hero-splash-large: -0.25px;
    --Typography-tracking-Display-hero-splash-medium: 0px;
    --Typography-tracking-Display-hero-splash-small: 0px;
    --Typography-tracking-Headline-large: 0px;
    --Typography-tracking-Headline-lg-emphazised: 0px;
    --Typography-tracking-Headline-medium: 0px;
    --Typography-tracking-Headline-md-emphazised: 0px;
    --Typography-tracking-Headline-small: 0px;
    --Typography-tracking-Headline-sm-emphazised: 0px;
    --Typography-tracking-Title-large: 0px;
    --Typography-tracking-Title-lg-emphazised: 0px;
    --Typography-tracking-Title-medium: 0.15000000596046448px;
    --Typography-tracking-Title-md-emphazised: 0.15000000596046448px;
    --Typography-tracking-Title-small: 0.10000000149011612px;
    --Typography-tracking-Body-default: 0.5px;
    --Typography-tracking-Title-sm-emphazised: 0.10000000149011612px;
    --Typography-tracking-Body-default-emphazised: 0.5px;
    --Typography-tracking-Body-sm: 0.25px;
    --Typography-tracking-Body-sm-emphazised: 0.25px;
    --Typography-tracking-Body-xs: 0.4000000059604645px;
    --Typography-tracking-Body-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Body-code-data-default: 0.5px;
    --Typography-tracking-Body-code-data-default-emphazised: 0.5px;
    --Typography-tracking-Body-code-data-small: 0.25px;
    --Typography-tracking-Body-code-data-sm-emphazised: 0.25px;
    --Typography-tracking-Body-code-data-xsmall: 0.4000000059604645px;
    --Typography-tracking-Body-code-data-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Quote-default-emphazised: 0.5px;
    --Typography-tracking-Quote-sm-emphazised: 0.25px;
    --Typography-tracking-Quote-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Callout-default: 0.5px;
    --Typography-tracking-Callout-default-emphazised: 0.5px;
    --Typography-tracking-Callout-sm: 0.25px;
    --Typography-tracking-Callout-sm-emphazised: 0.25px;
    --Typography-tracking-Callout-xs: 0.4000000059604645px;
    --Typography-tracking-Callout-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Label-large: 0.10000000149011612px;
    --Typography-tracking-Label-lg-emphazised: 0.10000000149011612px;
    --Typography-tracking-Caption-small: 0.4000000059604645px;
    --Typography-tracking-Label-lg-allcaps: 0.10000000149011612px;
    --Typography-tracking-Caption-xsmall: 0.5px;
    --Typography-tracking-Caption-2xsmall: 0.5px;
    --Typography-tracking-Label-lg-allcaps-emphazised: 0.10000000149011612px;
    --Typography-tracking-Label-medium: 0.5px;
    --Typography-tracking-Label-md-emphazised: 0.5px;
    --Typography-tracking-Label-md-allcaps: 0.5px;
    --Typography-tracking-Label-md-allcaps-emphazised: 0.5px;
    --Typography-tracking-Label-small: 0.5px;
    --Typography-tracking-Label-sm-emphazised: 0.5px;
    --Typography-tracking-Label-sm-allcaps: 0.5px;
    --Typography-tracking-Label-sm-allcaps-emphazised: 0.5px;
    --Typography-tracking-Footnote-small: 0.5px;
    --Typography-tracking-Footnote-xsmall: 0.5px;
    --Device-size-breakpoints: 840px;
    --Typography-tracking-Footnote-2xsmall: 0.5px;
    --Layout-spacing-grid-scale-columns: 12px;
    --Layout-spacing-canonical-layouts-spacing-list-detailed-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-list-detailed-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-list-detailed-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-canonical-layouts-spacing-feed-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-feed-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-feed-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-pane-columns: 4px;
    --Layout-spacing-grid-scale-Margin-margin: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-spacer-gap: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-gap-spacing: var(--scale-4grid-800-32);
    --Layout-spacing-grid-scale-gutter-width-xl: var(--scale-4grid-800-32);
    --Layout-spacing-grid-scale-gutter-width-lg: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-gutter-width-default: var(--scale-4grid-400-16);
    --Layout-spacing-grid-scale-gutter-width-sm: var(--scale-4grid-200-8);
    --Layout-spacing-grid-scale-gutter-width-xs: var(--scale-4grid-100-4);
    --Device-size-height-based-0-479: false;
    --Device-size-height-based-480-899: false;
    --Device-size-height-based-900+: true;
    --Device-size-width-based-0-599: false;
    --Device-size-width-based-600-839: false;
    --Device-size-width-based-840-1199: true;
    --Device-size-width-based-1200-1599: false;
    --Device-size-width-based-1600+: false;
    --Device-size-window-size: 1199px;
    --Device-size-pane-min-width: 412px;
    --Device-size-pane-max-width: 412px;
    --Content-spacing-pane-bento-margin: var(--scale-4grid-400-16);
    --Content-spacing-pane-bento-padding-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-bento-gap-padding-v: var(--density-scale-md-16);
    --Content-spacing-pane-bento-gap-padding-h: var(--density-scale-md-16);
    --Content-spacing-component-gap-xl: var(--scale-4grid-600-24);
    --Content-spacing-xs: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-xs-lg-4-24: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-sm-lg-8-24: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-md-lg-16-24: var(--scale-4grid-600-24);
    --Default-jumper-component-padding-xs-md-4-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-sm-md-8-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-md-md-16-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-lg-md-24-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-xs-sm-4-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-sm-sm-8-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-sm-16-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-lg-sm-24-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-xs-xs-4-4: var(--scale-4grid-100-4);
    --Default-jumper-component-padding-sm-xs-8-4: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-xs-16-4: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-lg-xs-24-4: var(--scale-4grid-200-8);
    --Default-jumper-site-spacers-xs-lg-88-100: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-sm-lg-92-100: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-md-lg-96-100: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-xs-md-88-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-sm-md-92-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-md-md-96-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-lg-md-100-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-xs-sm-88-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-sm-sm-92-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-md-sm-96-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-lg-sm-100-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-xs-xs-88-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-sm-xs-92-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-md-xs-96-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-lg-xs-100-88: var(--scale-4grid-2300-92);
    --Content-spacing-component-gap-lg: var(--scale-4grid-500-20);
    --Content-spacing-component-gap-md: var(--scale-4grid-400-16);
    --Content-spacing-component-gap-sm: var(--scale-4grid-300-12);
    --Specific-jumper-grid-spacing-site: 0px;
    --Specific-jumper-site-exemple-à-changer-formulaire-gap: var(--scale-4grid-600-24);
    --Specific-jumper-site-exemple-à-changer-formulaire-padding-v: var(--scale-4grid-400-16);
    --Specific-jumper-site-exemple-à-changer-formulaire-padding-h: var(--scale-4grid-400-16);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-gap: var(--scale-4grid-600-24);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-v: var(--scale-4grid-400-16);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-h: var(--scale-4grid-400-16);
    --Layout-spacing-canonical-layouts-spacing-site-margin-padding: var(--Default-jumper-site-spacers-xs-lg-88-100);
    --Layout-spacing-canonical-layouts-spacing-site-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-site-gap-spacing: var(--scale-4grid-600-24);
    --Content-spacing-pane-navigation-spacers-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-navigation-gap-padding-v: var(--scale-4grid-400-16);
    --Content-spacing-pane-navigation-gap-padding-h: var(--scale-4grid-400-16);
    --Content-spacing-pane-pane-padding-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-pane-gap-padding-v: var(--density-scale-md-16);
    --Content-spacing-pane-pane-gap-padding-h: var(--density-scale-md-16);
  }
}

/* Responsive - Large & XL */
@media (min-width: 1200px) {
  :root {
    --Typography-font-size-Display-Large: 68px;
    --Typography-font-size-Display-medium: 56px;
    --Typography-font-size-Display-small: 44px;
    --Typography-font-size-Headline-large: 36px;
    --Typography-font-size-Headline-lg-emphazised: 36px;
    --Typography-font-size-Headline-medium: 32px;
    --Typography-font-size-Headline-md-emphazised: 32px;
    --Typography-font-size-Headline-small: 28px;
    --Typography-font-size-Headline-small-emphazised: 28px;
    --Typography-font-size-Title-large: 24px;
    --Typography-font-size-Body-default: 20px;
    --Typography-font-size-Body-default-emphazised: 20px;
    --Typography-font-size-Body-sm: 16px;
    --Typography-font-size-Body-sm-emphazised: 16px;
    --Typography-font-size-Body-xs: 14px;
    --Typography-font-size-Body-xs-emphazised: 14px;
    --Typography-font-size-Title-lg-emphazised: 24px;
    --Typography-font-size-Title-medium: 20px;
    --Typography-font-size-Title-md-emphazised: 20px;
    --Typography-font-size-Title-small: 16px;
    --Typography-font-size-Title-sm-emphazised: 16px;
    --Typography-font-size-Body-code-data-default: 20px;
    --Typography-font-size-Body-code-data-default-emphazised: 20px;
    --Typography-font-size-Body-code-data-sm: 16px;
    --Typography-font-size-Body-code-data-sm-emphazised: 16px;
    --Typography-font-size-Body-code-data-xs: 14px;
    --Typography-font-size-Body-code-data-xs-emphazised: 14px;
    --Typography-font-size-Quote-default-emphazised: 20px;
    --Typography-font-size-Quote-sm-emphazised: 16px;
    --Typography-font-size-Quote-xs-emphazised: 14px;
    --Typography-font-size-Callout-default: 20px;
    --Typography-font-size-Callout-default-emphazised: 20px;
    --Typography-font-size-Callout-sm: 16px;
    --Typography-font-size-Callout-sm-emphazised: 16px;
    --Typography-font-size-Callout-xs: 14px;
    --Typography-font-size-Callout-xs-emphazised: 14px;
    --Typography-font-size-Label-large: 16px;
    --Typography-font-size-Label-lg-emphazised: 16px;
    --Typography-font-size-Label-lg-allcaps: 16px;
    --Typography-font-size-Caption-small: 14px;
    --Typography-font-size-Caption-default: 12px;
    --Typography-font-size-Caption-xs: 11px;
    --Typography-font-size-Label-lg-allcaps-emphazised: 16px;
    --Typography-font-size-Label-medium: 14px;
    --Typography-font-size-Label-md-emphazised: 14px;
    --Typography-font-size-Label-md-allcaps: 14px;
    --Typography-font-size-Label-md-allcaps-emphazised: 14px;
    --Typography-font-size-Label-small: 12px;
    --Typography-font-size-Label-sm-emphazised: 12px;
    --Typography-font-size-Label-sm-allcaps: 12px;
    --Typography-font-size-Label-sm-allcaps-emphazised: 12px;
    --Typography-font-size-Footnote-small: 14px;
    --Typography-font-size-Footnote-default: 12px;
    --Typography-font-size-Footnote-2xs: 11px;
    --Typography-line-height-Display-hero-splash-large: 76px;
    --Typography-line-height-Display-hero-splash-medium: 64px;
    --Typography-line-height-Display-hero-splash-small: 52px;
    --Typography-line-height-Headline-large: 48px;
    --Typography-line-height-Headline-lg-emphazised: 48px;
    --Typography-line-height-Headline-medium: 44px;
    --Typography-line-height-Headline-md-emphazised: 44px;
    --Typography-line-height-Headline-small: 38px;
    --Typography-line-height-Headline-sm-emphazised: 38px;
    --Typography-line-height-Title-large: 36px;
    --Typography-line-height-Title-lg-emphazised: 36px;
    --Typography-line-height-Title-medium: 28px;
    --Typography-line-height-Title-md-emphazised: 28px;
    --Typography-line-height-Title-small: 24px;
    --Typography-line-height-Body-default: 30px;
    --Typography-line-height-Title-sm-emphazised: 24px;
    --Typography-line-height-Body-default-emphazised: 30px;
    --Typography-line-height-Body-sm: 24px;
    --Typography-line-height-Body-sm-emphazised: 24px;
    --Typography-line-height-Body-xs: 20px;
    --Typography-line-height-Body-xs-emphazised: 20px;
    --Typography-line-height-Body-code-data-default: 30px;
    --Typography-line-height-Body-code-data-default-emphazised: 30px;
    --Typography-line-height-Body-code-data-sm: 24px;
    --Typography-line-height-Body-code-data-sm-emphazised: 24px;
    --Typography-line-height-Body-code-data-xs: 20px;
    --Typography-line-height-Body-code-data-xs-emphazised: 20px;
    --Typography-line-height-Quote-default-emphazised: 30px;
    --Typography-line-height-Quote-sm-emphazised: 24px;
    --Typography-line-height-Quote-xs-emphazised: 20px;
    --Typography-line-height-Callout-default: 30px;
    --Typography-line-height-Callout-default-emphazised: 30px;
    --Typography-line-height-Callout-sm: 24px;
    --Typography-line-height-Callout-sm-emphazised: 24px;
    --Typography-line-height-Callout-xs: 20px;
    --Typography-line-height-Callout-xs-emphazised: 20px;
    --Typography-line-height-Label-large: 24px;
    --Typography-line-height-Label-lg-emphazised: 24px;
    --Typography-line-height-Label-lg-allcaps: 24px;
    --Typography-line-height-Label-lg-allcaps-emphazised: 24px;
    --Typography-line-height-Label-medium: 20px;
    --Typography-line-height-Label-md-emphazised: 20px;
    --Typography-line-height-Label-md-allcaps: 20px;
    --Typography-line-height-Label-md-allcaps-emphazised: 20px;
    --Typography-line-height-Label-small: 20px;
    --Typography-line-height-Label-sm-emphazised: 20px;
    --Typography-line-height-Label-sm-allcaps: 20px;
    --Typography-line-height-Label-small-allcaps-emphazised: 20px;
    --Typography-line-height-Caption-small: 20px;
    --Typography-line-height-Caption-xs: 20px;
    --Typography-line-height-Caption-default: 16px;
    --Typography-line-height-Footnote-small: 20px;
    --Typography-line-height-Footnote-xs: 16px;
    --Typography-line-height-Footnote-default: 14px;
    --Typography-tracking-Display-hero-splash-large: -0.25px;
    --Typography-tracking-Display-hero-splash-medium: 0px;
    --Typography-tracking-Display-hero-splash-small: 0px;
    --Typography-tracking-Headline-large: 0px;
    --Typography-tracking-Headline-lg-emphazised: 0px;
    --Typography-tracking-Headline-medium: 0px;
    --Typography-tracking-Headline-md-emphazised: 0px;
    --Typography-tracking-Headline-small: 0px;
    --Typography-tracking-Headline-sm-emphazised: 0px;
    --Typography-tracking-Title-large: 0px;
    --Typography-tracking-Title-lg-emphazised: 0px;
    --Typography-tracking-Title-medium: 0.15000000596046448px;
    --Typography-tracking-Title-md-emphazised: 0.15000000596046448px;
    --Typography-tracking-Title-small: 0.10000000149011612px;
    --Typography-tracking-Body-default: 0.5px;
    --Typography-tracking-Title-sm-emphazised: 0.10000000149011612px;
    --Typography-tracking-Body-default-emphazised: 0.5px;
    --Typography-tracking-Body-sm: 0.25px;
    --Typography-tracking-Body-sm-emphazised: 0.25px;
    --Typography-tracking-Body-xs: 0.4000000059604645px;
    --Typography-tracking-Body-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Body-code-data-default: 0.5px;
    --Typography-tracking-Body-code-data-default-emphazised: 0.5px;
    --Typography-tracking-Body-code-data-small: 0.25px;
    --Typography-tracking-Body-code-data-sm-emphazised: 0.25px;
    --Typography-tracking-Body-code-data-xsmall: 0.4000000059604645px;
    --Typography-tracking-Body-code-data-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Quote-default-emphazised: 0.5px;
    --Typography-tracking-Quote-sm-emphazised: 0.25px;
    --Typography-tracking-Quote-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Callout-default: 0.5px;
    --Typography-tracking-Callout-default-emphazised: 0.5px;
    --Typography-tracking-Callout-sm: 0.25px;
    --Typography-tracking-Callout-sm-emphazised: 0.25px;
    --Typography-tracking-Callout-xs: 0.4000000059604645px;
    --Typography-tracking-Callout-xs-emphazised: 0.4000000059604645px;
    --Typography-tracking-Label-large: 0.10000000149011612px;
    --Typography-tracking-Label-lg-emphazised: 0.10000000149011612px;
    --Typography-tracking-Caption-small: 0.4000000059604645px;
    --Typography-tracking-Label-lg-allcaps: 0.10000000149011612px;
    --Typography-tracking-Caption-xsmall: 0.5px;
    --Typography-tracking-Caption-2xsmall: 0.5px;
    --Typography-tracking-Label-lg-allcaps-emphazised: 0.10000000149011612px;
    --Typography-tracking-Label-medium: 0.5px;
    --Typography-tracking-Label-md-emphazised: 0.5px;
    --Typography-tracking-Label-md-allcaps: 0.5px;
    --Typography-tracking-Label-md-allcaps-emphazised: 0.5px;
    --Typography-tracking-Label-small: 0.5px;
    --Typography-tracking-Label-sm-emphazised: 0.5px;
    --Typography-tracking-Label-sm-allcaps: 0.5px;
    --Typography-tracking-Label-sm-allcaps-emphazised: 0.5px;
    --Typography-tracking-Footnote-small: 0.5px;
    --Typography-tracking-Footnote-xsmall: 0.5px;
    --Device-size-breakpoints: 1200px;
    --Typography-tracking-Footnote-2xsmall: 0.5px;
    --Layout-spacing-grid-scale-columns: 12px;
    --Layout-spacing-canonical-layouts-spacing-list-detailed-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-list-detailed-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-list-detailed-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-supporting-pane-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-canonical-layouts-spacing-feed-margin-padding: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-feed-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-feed-gap-spacing: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-pane-columns: 4px;
    --Layout-spacing-grid-scale-Margin-margin: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-spacer-gap: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-gap-spacing: var(--scale-4grid-800-32);
    --Layout-spacing-grid-scale-gutter-width-xl: var(--scale-4grid-800-32);
    --Layout-spacing-grid-scale-gutter-width-lg: var(--scale-4grid-600-24);
    --Layout-spacing-grid-scale-gutter-width-default: var(--scale-4grid-400-16);
    --Layout-spacing-grid-scale-gutter-width-sm: var(--scale-4grid-200-8);
    --Layout-spacing-grid-scale-gutter-width-xs: var(--scale-4grid-100-4);
    --Device-size-height-based-0-479: false;
    --Device-size-height-based-480-899: false;
    --Device-size-height-based-900+: true;
    --Device-size-width-based-0-599: false;
    --Device-size-width-based-600-839: false;
    --Device-size-width-based-840-1199: false;
    --Device-size-width-based-1200-1599: true;
    --Device-size-width-based-1600+: true;
    --Device-size-window-size: 1599px;
    --Device-size-pane-min-width: 412px;
    --Device-size-pane-max-width: 412px;
    --Content-spacing-pane-bento-margin: var(--scale-4grid-400-16);
    --Content-spacing-pane-bento-padding-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-bento-gap-padding-v: var(--density-scale-md-16);
    --Content-spacing-pane-bento-gap-padding-h: var(--density-scale-md-16);
    --Content-spacing-component-gap-xl: var(--scale-4grid-700-28);
    --Content-spacing-xs: var(--scale-4grid-300-12);
    --Default-jumper-component-padding-xs-lg-4-24: var(--scale-4grid-600-24);
    --Default-jumper-component-padding-sm-lg-8-24: var(--scale-4grid-600-24);
    --Default-jumper-component-padding-md-lg-16-24: var(--scale-4grid-600-24);
    --Default-jumper-component-padding-xs-md-4-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-sm-md-8-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-md-md-16-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-lg-md-24-16: var(--scale-4grid-400-16);
    --Default-jumper-component-padding-xs-sm-4-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-sm-sm-8-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-md-sm-16-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-lg-sm-24-8: var(--scale-4grid-200-8);
    --Default-jumper-component-padding-xs-xs-4-4: var(--scale-4grid-100-4);
    --Default-jumper-component-padding-sm-xs-8-4: var(--scale-4grid-100-4);
    --Default-jumper-component-padding-md-xs-16-4: var(--scale-4grid-100-4);
    --Default-jumper-component-padding-lg-xs-24-4: var(--scale-4grid-100-4);
    --Default-jumper-site-spacers-xs-lg-88-100: var(--scale-4grid-2500-100);
    --Default-jumper-site-spacers-sm-lg-92-100: var(--scale-4grid-2500-100);
    --Default-jumper-site-spacers-md-lg-96-100: var(--scale-4grid-2500-100);
    --Default-jumper-site-spacers-xs-md-88-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-sm-md-92-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-md-md-96-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-lg-md-100-96: var(--scale-4grid-2400-96);
    --Default-jumper-site-spacers-xs-sm-88-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-sm-sm-92-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-md-sm-96-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-lg-sm-100-92: var(--scale-4grid-2300-92);
    --Default-jumper-site-spacers-xs-xs-88-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-sm-xs-92-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-md-xs-96-88: var(--scale-4grid-2200-88);
    --Default-jumper-site-spacers-lg-xs-100-88: var(--scale-4grid-2200-88);
    --Content-spacing-component-gap-lg: var(--scale-4grid-600-24);
    --Content-spacing-component-gap-md: var(--scale-4grid-500-20);
    --Content-spacing-component-gap-sm: var(--scale-4grid-400-16);
    --Specific-jumper-grid-spacing-site: 0px;
    --Specific-jumper-site-exemple-à-changer-formulaire-gap: var(--scale-4grid-600-24);
    --Specific-jumper-site-exemple-à-changer-formulaire-padding-v: var(--scale-4grid-400-16);
    --Specific-jumper-site-exemple-à-changer-formulaire-padding-h: var(--scale-4grid-400-16);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-gap: var(--scale-4grid-600-24);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-v: var(--scale-4grid-400-16);
    --Specific-jumper-saas-exemple-à-changer-formulaire-2-padding-h: var(--scale-4grid-400-16);
    --Layout-spacing-canonical-layouts-spacing-site-margin-padding: var(--Default-jumper-site-spacers-xs-lg-88-100);
    --Layout-spacing-canonical-layouts-spacing-site-spacer-gap: var(--density-scale-lg-24);
    --Layout-spacing-canonical-layouts-spacing-site-gap-spacing: var(--scale-4grid-600-24);
    --Content-spacing-pane-navigation-spacers-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-navigation-gap-padding-v: var(--scale-4grid-400-16);
    --Content-spacing-pane-navigation-gap-padding-h: var(--scale-4grid-400-16);
    --Content-spacing-pane-pane-padding-gap: var(--scale-4grid-400-16);
    --Content-spacing-pane-pane-gap-padding-v: var(--density-scale-md-16);
    --Content-spacing-pane-pane-gap-padding-h: var(--density-scale-md-16);
  }
}

.CodeMirror{font-family:monospace;height:300px;color:black;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20, 255, 20, 0.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:blue}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255, 150, 0, 0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255, 255, 0, 0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42 !important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0px}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498 !important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom{color:#c85e7c}.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-property,.cm-s-hopscotch span.cm-attribute{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{text-decoration:underline;color:white !important}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")}.sp-val{background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")}.sp-hue{background:-moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));background:-webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00")}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00")}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff")}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff")}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff")}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000")}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top, #eeeeee, #cccccc);background-image:-moz-linear-gradient(top, #eeeeee, #cccccc);background-image:-ms-linear-gradient(top, #eeeeee, #cccccc);background-image:-o-linear-gradient(top, #eeeeee, #cccccc);background-image:linear-gradient(to bottom, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image:-moz-linear-gradient(top, #dddddd, #bbbbbb);background-image:-ms-linear-gradient(top, #dddddd, #bbbbbb);background-image:-o-linear-gradient(top, #dddddd, #bbbbbb);background-image:linear-gradient(to bottom, #dddddd, #bbbbbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.gjs-is__grab,.gjs-is__grab *{cursor:grab !important}.gjs-is__grabbing,.gjs-is__grabbing *{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:grabbing !important}.gjs-one-bg{background-color:var(--gjs-primary-color)}.gjs-one-color{color:var(--gjs-primary-color)}.gjs-one-color-h:hover{color:var(--gjs-primary-color)}.gjs-two-bg{background-color:var(--gjs-secondary-color)}.gjs-two-color{color:var(--gjs-secondary-color)}.gjs-two-color-h:hover{color:var(--gjs-secondary-color)}.gjs-three-bg{background-color:var(--gjs-tertiary-color)}.gjs-three-color{color:var(--gjs-tertiary-color)}.gjs-three-color-h:hover{color:var(--gjs-tertiary-color)}.gjs-four-bg{background-color:var(--gjs-quaternary-color)}.gjs-four-color{color:var(--gjs-quaternary-color)}.gjs-four-color-h:hover{color:var(--gjs-quaternary-color)}.gjs-danger-bg{background-color:var(--gjs-color-red)}.gjs-danger-color{color:var(--gjs-color-red)}.gjs-danger-color-h:hover{color:var(--gjs-color-red)}.gjs-bg-main,.gjs-sm-colorp-c,.gjs-off-prv{background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-sm-stack #gjs-sm-add,.gjs-off-prv{color:var(--gjs-font-color);fill:var(--gjs-font-color)}.gjs-color-active{color:var(--gjs-font-color-active);fill:var(--gjs-font-color-active)}.gjs-color-warn{color:var(--gjs-color-warn);fill:var(--gjs-color-warn)}.gjs-color-hl{color:var(--gjs-color-highlight);fill:var(--gjs-color-highlight)}.gjs-invis-invis,.gjs-clm-tags #gjs-clm-new,.gjs-no-app{background-color:transparent;border:none;color:inherit}.gjs-no-app{height:10px}.gjs-test::btn{color:"#fff"}.opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-checker-bg,.gjs-field-colorp-c,.checker-bg,.gjs-sm-layer-preview{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.gjs-no-user-select,.gjs-rte-toolbar,.gjs-layer-name,.gjs-grabbing,.gjs-grabbing *{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gjs-no-pointer-events,.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el,.gjs-resizer-c{pointer-events:none}.gjs-bdrag{pointer-events:none !important;position:absolute !important;z-index:10 !important;width:auto}.gjs-drag-helper{background-color:var(--gjs-color-blue) !important;pointer-events:none !important;position:absolute !important;z-index:10 !important;transform:scale(0.3) !important;transform-origin:top left !important;-webkit-transform-origin:top left !important;margin:15px !important;transition:none !important;outline:none !important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing !important;cursor:-webkit-grabbing !important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{position:relative;z-index:10;padding:5px;cursor:pointer}.gjs-editor-cont ::-webkit-scrollbar-track{background:var(--gjs-secondary-dark-color)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2)}.gjs-editor-cont ::-webkit-scrollbar{width:8px}:root{--gjs-main-color: #444;--gjs-primary-color: #444;--gjs-secondary-color: #ddd;--gjs-tertiary-color: #804f7b;--gjs-quaternary-color: #d278c9;--gjs-font-color: #ddd;--gjs-font-color-active: #f8f8f8;--gjs-main-dark-color: rgba(0, 0, 0, 0.2);--gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);--gjs-main-light-color: rgba(255, 255, 255, 0.1);--gjs-secondary-light-color: rgba(255, 255, 255, 0.7);--gjs-soft-light-color: rgba(255, 255, 255, 0.015);--gjs-color-blue: #3b97e3;--gjs-color-red: #dd3636;--gjs-color-yellow: #ffca6f;--gjs-color-green: #62c462;--gjs-left-width: 15%;--gjs-color-highlight: #71b7f1;--gjs-color-warn: #ffca6f;--gjs-handle-margin: -5px;--gjs-light-border: rgba(255, 255, 255, 0.05);--gjs-arrow-color: rgba(255, 255, 255, 0.7);--gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);--gjs-color-input-padding: 22px;--gjs-input-padding: 5px;--gjs-padding-elem-classmanager: 5px 6px;--gjs-upload-padding: 150px 10px;--gjs-animation-duration: 0.2s;--gjs-main-font: Helvetica, sans-serif;--gjs-font-size: 0.75rem;--gjs-placeholder-background-color: var(--gjs-color-green);--gjs-canvas-top: 40px;--gjs-flex-item-gap: 5px}.clear{clear:both}.no-select,.gjs-clm-tags #gjs-clm-close,.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title,.gjs-com-no-select,.gjs-com-no-select img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;opacity:.5;filter:alpha(opacity=50)}.gjs-editor{font-family:var(--gjs-main-font);font-size:var(--gjs-font-size);position:relative;box-sizing:border-box;height:100%}.gjs-freezed,.gjs-freezed{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.gjs-traits-label{border-bottom:1px solid var(--gjs-main-dark-color);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{width:30%;min-width:30%}.gjs-field-wrp{flex-grow:1}.gjs-traits-c,.gjs-traits-cs{display:flex;flex-direction:column}.gjs-trait-categories{display:flex;flex-direction:column}.gjs-trait-category{width:100%}.gjs-trait-category .gjs-caret-icon{margin-right:5px}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:5px 10px;font-weight:lighter;align-items:center;text-align:left;gap:5px}.gjs-trt-traits{font-size:var(--gjs-font-size)}.gjs-trt-trait .gjs-label{text-align:left;text-overflow:ellipsis;overflow:hidden}.gjs-guide-info{position:absolute}.gjs-guide-info__content{position:absolute;height:100%;display:flex;width:100%;padding:5px}.gjs-guide-info__line{position:relative;margin:auto}.gjs-guide-info__line::before,.gjs-guide-info__line::after{content:"";display:block;position:absolute;background-color:inherit}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{width:100%;height:1px}.gjs-guide-info__y .gjs-guide-info__line::before,.gjs-guide-info__y .gjs-guide-info__line::after{width:1px;height:10px;top:0;bottom:0;left:0;margin:auto}.gjs-guide-info__y .gjs-guide-info__line::after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line::before,.gjs-guide-info__x .gjs-guide-info__line::after{width:10px;height:1px;left:0;right:0;top:0;margin:auto;transform:translateX(-50%)}.gjs-guide-info__x .gjs-guide-info__line::after{top:auto;bottom:0}.gjs-badge{white-space:nowrap}.gjs-badge__icon{vertical-align:middle;display:inline-block;width:15px;height:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto}.gjs-frame-wrapper--anim{transition:width .35s ease,height .35s ease}.gjs-frame-wrapper__top{transform:translateY(-100%) translateX(-50%);display:flex;padding:5px 0;position:absolute;width:100%;left:50%;top:0}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{position:absolute;left:0;transform:translateX(-100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__bottom{position:absolute;bottom:0;transform:translateY(100%) translateX(-50%);width:100%;left:50%}.gjs-frame-wrapper__right{position:absolute;right:0;transform:translateX(100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__icon{width:24px;cursor:pointer}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-padding-v-top,.gjs-fixedpadding-v-top{width:100%;top:0;left:0}.gjs-padding-v-right,.gjs-fixedpadding-v-right{right:0}.gjs-padding-v-bottom,.gjs-fixedpadding-v-bottom{width:100%;left:0;bottom:0}.gjs-padding-v-left,.gjs-fixedpadding-v-left{left:0}.gjs-cv-canvas{box-sizing:border-box;width:calc(100% - var(--gjs-left-width));height:calc(100% - var(--gjs-canvas-top));bottom:0;overflow:hidden;z-index:1;position:absolute;left:0;top:var(--gjs-canvas-top)}.gjs-cv-canvas-bg{background-color:rgba(0,0,0,.15)}.gjs-cv-canvas.gjs-cui{width:100%;height:100%;top:0}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{position:absolute;top:0;left:0;width:100%;height:100%}.gjs-cv-canvas__spots{position:absolute;pointer-events:none;z-index:1}.gjs-cv-canvas .gjs-ghost{display:none;pointer-events:none;background-color:#5b5b5b;border:2px dashed #ccc;position:absolute;z-index:10;opacity:.55;filter:alpha(opacity=55)}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:1px solid var(--gjs-color-blue);outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid var(--gjs-color-yellow)}.gjs-cv-canvas .gjs-highlighter-sel{outline:2px solid var(--gjs-color-blue);outline-offset:-2px}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{width:100%;height:100%;position:absolute;top:0;left:0;outline:none;z-index:1}.gjs-cv-canvas #gjs-tools{z-index:2}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{outline:medium none;height:100%;width:100%;border:none;margin:auto;display:block;transition:width .35s ease,height .35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-toolbar{position:absolute;background-color:var(--gjs-color-blue);white-space:nowrap;color:#fff;z-index:10;top:0;left:0}.gjs-toolbar-item{width:26px;padding:5px;cursor:pointer;display:inline-block}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.1;filter:alpha(opacity=10);position:absolute;background-color:#ff0}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.2;filter:alpha(opacity=20)}.gjs-padding-v-el,.gjs-fixedpadding-v-el{background-color:navy}.gjs-resizer-h{pointer-events:all;position:absolute;border:3px solid var(--gjs-color-blue);width:10px;height:10px;background-color:#fff;margin:var(--gjs-handle-margin)}.gjs-resizer-h-tl{top:0;left:0;cursor:nwse-resize}.gjs-resizer-h-tr{top:0;right:0;cursor:nesw-resize}.gjs-resizer-h-tc{top:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-cl{left:0;margin:auto var(--gjs-handle-margin);top:0;bottom:0;cursor:ew-resize}.gjs-resizer-h-cr{margin:auto var(--gjs-handle-margin);top:0;bottom:0;right:0;cursor:ew-resize}.gjs-resizer-h-bl{bottom:0;left:0;cursor:nesw-resize}.gjs-resizer-h-bc{bottom:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-br{bottom:0;right:0;cursor:nwse-resize}.gjs-pn-panel .gjs-resizer-h{background-color:rgba(0,0,0,.2);border:none;opacity:0;transition:opacity .25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-tc,.gjs-pn-panel .gjs-resizer-h-bc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cr,.gjs-pn-panel .gjs-resizer-h-cl{margin:auto 0;height:100%}.gjs-resizing .gjs-highlighter,.gjs-resizing .gjs-badge{display:none !important}.gjs-resizing-tl *{cursor:nwse-resize !important}.gjs-resizing-tr *{cursor:nesw-resize !important}.gjs-resizing-tc *{cursor:ns-resize !important}.gjs-resizing-cl *{cursor:ew-resize !important}.gjs-resizing-cr *{cursor:ew-resize !important}.gjs-resizing-bl *{cursor:nesw-resize !important}.gjs-resizing-bc *{cursor:ns-resize !important}.gjs-resizing-br *{cursor:nwse-resize !important}.btn-cl,.gjs-am-close,.gjs-mdl-btn-close{opacity:.3;filter:alpha(opacity=30);font-size:25px;cursor:pointer}.btn-cl:hover,.gjs-am-close:hover,.gjs-mdl-btn-close:hover{opacity:.7;filter:alpha(opacity=70)}.no-dots,.ui-resizable-handle{border:none !important;margin:0 !important;outline:none !important}.gjs-com-dashed *{outline:1px dashed #888;outline-offset:-2px;box-sizing:border-box}.gjs-com-badge,.gjs-badge{pointer-events:none;background-color:var(--gjs-color-blue);color:#fff;padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}.gjs-badge-warning{background-color:var(--gjs-color-yellow)}.gjs-placeholder,.gjs-com-placeholder,.gjs-placeholder{position:absolute;z-index:10;pointer-events:none;display:none}.gjs-placeholder,.gjs-placeholder{border-style:solid !important;outline:none;box-sizing:border-box;transition:top var(--gjs-animation-duration),left var(--gjs-animation-duration),width var(--gjs-animation-duration),height var(--gjs-animation-duration)}.gjs-placeholder.horizontal,.gjs-com-placeholder.horizontal,.gjs-placeholder.horizontal{border-color:transparent var(--gjs-placeholder-background-color);border-width:3px 5px;margin:-3px 0 0}.gjs-placeholder.vertical,.gjs-com-placeholder.vertical,.gjs-placeholder.vertical{border-color:var(--gjs-placeholder-background-color) transparent;border-width:5px 3px;margin:0 0 0 -3px}.gjs-placeholder-int,.gjs-com-placeholder-int,.gjs-placeholder-int{background-color:var(--gjs-placeholder-background-color);box-shadow:0 0 3px rgba(0,0,0,.2);height:100%;width:100%;pointer-events:none;padding:1.5px;outline:none}.gjs-pn-panel{display:inline-block;position:absolute;box-sizing:border-box;text-align:center;padding:5px;z-index:3}.gjs-pn-panel .icon-undo,.gjs-pn-panel .icon-redo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{width:calc(100% - var(--gjs-left-width));left:0;top:0;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-options{right:var(--gjs-left-width);top:0}.gjs-pn-views{border-bottom:2px solid var(--gjs-main-dark-color);right:0;width:var(--gjs-left-width);z-index:4}.gjs-pn-views-container{height:100%;padding:42px 0 0;right:0;width:var(--gjs-left-width);overflow:auto;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{box-sizing:border-box;min-height:30px;min-width:30px;line-height:21px;background-color:transparent;border:none;font-size:18px;margin-right:5px;border-radius:2px;padding:4px;position:relative;cursor:pointer}.gjs-pn-btn.gjs-pn-active{background-color:rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25) inset}.gjs-pn-btn svg{fill:currentColor}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select:-moz-focusring,.gjs-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-input:focus,.gjs-button:focus,.gjs-btn-prim:focus,.gjs-select:focus,.gjs-select select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:none;background-color:transparent;box-sizing:border-box;width:100%;position:relative;padding:var(--gjs-input-padding);z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field input[type=number]{-moz-appearance:textfield}.gjs-field input[type=number]::-webkit-outer-spin-button,.gjs-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-select option,.gjs-field-select option,.gjs-clm-select option,.gjs-sm-select option,.gjs-fields option,.gjs-sm-unit option{background-color:var(--gjs-main-color);color:var(--gjs-font-color)}.gjs-field{background-color:var(--gjs-main-dark-color);border:none;box-shadow:none;border-radius:2px;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;z-index:0}.gjs-field .gjs-d-s-arrow{bottom:0;top:0;margin:auto;right:var(--gjs-input-padding);border-top:4px solid var(--gjs-arrow-color);position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;cursor:pointer}.gjs-field-arrows{position:absolute;cursor:ns-resize;margin:auto;height:20px;width:9px;z-index:10;bottom:0;right:calc(var(--gjs-input-padding) - 2px);top:0}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{padding-right:var(--gjs-color-input-padding);box-sizing:border-box}.gjs-field-colorp{border-left:1px solid var(--gjs-main-dark-color);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:var(--gjs-color-input-padding);z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:100%;width:100%;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px;position:absolute;top:0}.gjs-field-checkbox{padding:0;width:17px;height:17px;display:block;cursor:pointer}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:rgba(255,255,255,.5);border-width:0 2px 2px 0;border-style:solid}.gjs-radio-item{flex:1 1 auto;text-align:center;border-left:1px solid var(--gjs-dark-text-shadow)}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:var(--gjs-main-dark-color)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:rgba(255,255,255,.2)}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:var(--gjs-input-padding)}.gjs-field-units{position:absolute;margin:auto;right:10px;bottom:0;top:0}.gjs-field-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-arrow-color);cursor:pointer}.gjs-input-unit{text-align:center}.gjs-field-arrow-u,.gjs-field-arrow-d{position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--gjs-arrow-color);bottom:4px;cursor:pointer}.gjs-field-arrow-u{border-bottom:4px solid var(--gjs-arrow-color);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:transparent;border:none;box-shadow:none;padding:0}.gjs-field-range input{margin:0;height:100%}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-ms-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-ms-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-btn-prim{color:inherit;background-color:var(--gjs-main-light-color);border-radius:2px;padding:3px 6px;padding:var(--gjs-input-padding);cursor:pointer;border:none}.gjs-btn-prim:active{background-color:var(--gjs-main-light-color)}.gjs-btn--full{width:100%}.gjs-chk-icon{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;display:block;height:14px;margin:0 5px;width:6px}.gjs-add-trasp{background:none;border:none;color:var(--gjs-font-color);cursor:pointer;font-size:1em;border-radius:2px;opacity:.75;filter:alpha(opacity=75)}.gjs-add-trasp:hover{opacity:1;filter:alpha(opacity=100)}.gjs-add-trasp:active{background-color:rgba(0,0,0,.2)}.gjs-devices-c{display:flex;align-items:center;padding:2px 3px 3px 3px}.gjs-devices-c .gjs-device-label{flex-grow:2;text-align:left;margin-right:10px}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-category-open,.gjs-block-category.gjs-open,.gjs-sm-sector.gjs-sm-open,.gjs-trait-category.gjs-open{border-bottom:1px solid rgba(0,0,0,.25)}.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title{font-weight:lighter;background-color:var(--gjs-secondary-dark-color);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer}.gjs-sm-clear{cursor:pointer;width:14px;min-width:14px;height:14px;margin-left:3px}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-sector{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector-title{display:flex;align-items:center}.gjs-sm-sector-caret{width:17px;height:17px;min-width:17px;transform:rotate(-90deg)}.gjs-sm-sector-label{margin-left:5px}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret{transform:none}.gjs-sm-properties{font-size:var(--gjs-font-size);padding:10px 5px;display:flex;flex-wrap:wrap;align-items:flex-end;box-sizing:border-box;width:100%}.gjs-sm-label{margin:5px 5px 3px 0;display:flex;align-items:center}.gjs-sm-close-btn,.gjs-sm-preview-file-close{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.7;filter:alpha(opacity=70)}.gjs-sm-close-btn:hover,.gjs-sm-preview-file-close:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-sm-field,.gjs-clm-select,.gjs-clm-field{width:100%;position:relative}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input,.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{background-color:transparent;color:rgba(255,255,255,.7);border:none;width:100%}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input{box-sizing:border-box}.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gjs-sm-field select::-ms-expand,.gjs-clm-select select::-ms-expand,.gjs-clm-field select::-ms-expand{display:none}.gjs-sm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring,.gjs-clm-field select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-sm-field input:focus,.gjs-clm-select input:focus,.gjs-clm-field input:focus,.gjs-sm-field select:focus,.gjs-clm-select select:focus,.gjs-clm-field select:focus{outline:none}.gjs-sm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit,.gjs-clm-field .gjs-sm-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-secondary-light-color);cursor:pointer}.gjs-sm-field .gjs-clm-sel-arrow,.gjs-clm-select .gjs-clm-sel-arrow,.gjs-clm-field .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;cursor:ns-resize}.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;cursor:pointer}.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{border-bottom:4px solid var(--gjs-secondary-light-color);top:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow{border-top:4px solid var(--gjs-secondary-light-color);bottom:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow{bottom:7px}.gjs-sm-field.gjs-sm-color,.gjs-sm-color.gjs-clm-field,.gjs-sm-field.gjs-sm-input,.gjs-sm-input.gjs-clm-field,.gjs-sm-field.gjs-sm-integer,.gjs-sm-integer.gjs-clm-field,.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{background-color:var(--gjs-main-dark-color);border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 0 var(--gjs-main-light-color);color:var(--gjs-secondary-light-color);border-radius:2px;box-sizing:border-box;padding:0 5px}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{border-radius:2px}.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{padding:0}.gjs-sm-field.gjs-sm-select select,.gjs-clm-select select,.gjs-sm-select.gjs-clm-field select{height:20px}.gjs-sm-field.gjs-sm-select option,.gjs-clm-select option,.gjs-sm-select.gjs-clm-field option{padding:3px 0}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{background-color:var(--gjs-secondary-dark-color);border:1px solid rgba(0,0,0,.25)}.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-select,.gjs-sm-list.gjs-clm-field{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-select input,.gjs-sm-list.gjs-clm-field input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-select label,.gjs-sm-list.gjs-clm-field label{cursor:pointer;padding:5px;display:block}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label{background-color:rgba(255,255,255,.2)}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .gjs-sm-icon{background-repeat:no-repeat;background-position:center;text-shadow:none;line-height:normal}.gjs-sm-field.gjs-sm-integer select,.gjs-sm-integer.gjs-clm-select select,.gjs-sm-integer.gjs-clm-field select{width:auto;padding:0}.gjs-sm-list .gjs-sm-el{float:left;border-left:1px solid var(--gjs-main-dark-color)}.gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-list .gjs-sm-el:hover{background:var(--gjs-main-dark-color)}.gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-property{box-sizing:border-box;float:left;width:50%;margin-bottom:5px;padding:0 5px}.gjs-sm-property--full,.gjs-sm-property.gjs-sm-composite,.gjs-sm-property.gjs-sm-file,.gjs-sm-property.gjs-sm-list,.gjs-sm-property.gjs-sm-stack,.gjs-sm-property.gjs-sm-slider,.gjs-sm-property.gjs-sm-color{width:100%}.gjs-sm-property .gjs-sm-btn{background-color:color-mix(in srgb, var(--gjs-main-dark-color), white 13%);border-radius:2px;box-shadow:1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%),1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;padding:5px;position:relative;text-align:center;height:auto;width:100%;cursor:pointer;color:var(--gjs-font-color);box-sizing:border-box;text-shadow:-1px -1px 0 var(--gjs-main-dark-color);border:none;opacity:.85;filter:alpha(opacity=85)}.gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-preview-file{background-color:var(--gjs-light-border);border-radius:2px;margin-top:5px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);padding:3px 20px}.gjs-sm-preview-file-cnt{background-size:auto 100%;background-repeat:no-repeat;background-position:center center;height:50px}.gjs-sm-preview-file-close{top:-5px;width:14px;height:14px}.gjs-sm-layers{margin-top:5px;padding:1px 3px;min-height:30px}.gjs-sm-layer{background-color:rgba(255,255,255,.055);border-radius:2px;margin:2px 0;padding:7px;position:relative}.gjs-sm-layer.gjs-sm-active{background-color:rgba(255,255,255,.12)}.gjs-sm-layer .gjs-sm-label-wrp{display:flex;align-items:center}.gjs-sm-layer #gjs-sm-move{height:14px;width:14px;min-width:14px;cursor:grab}.gjs-sm-layer #gjs-sm-label{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px}.gjs-sm-layer-preview{height:15px;width:15px;min-width:15px;margin-right:5px;border-radius:2px}.gjs-sm-layer-preview-cnt{border-radius:2px;background-color:#fff;height:100%;width:100%;background-size:cover !important}.gjs-sm-layer #gjs-sm-close-layer{display:block;cursor:pointer;height:14px;width:14px;min-width:14px;opacity:.5;filter:alpha(opacity=50)}.gjs-sm-layer #gjs-sm-close-layer:hover{opacity:.8;filter:alpha(opacity=80)}.gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;outline:none;position:absolute;right:0;top:-17px;opacity:.75;padding:0;width:18px;height:18px}.gjs-sm-stack #gjs-sm-add:hover{opacity:1;filter:alpha(opacity=100)}.gjs-sm-colorp-c{height:100%;width:20px;position:absolute;right:0;top:0;box-sizing:border-box;border-radius:2px;padding:2px}.gjs-sm-colorp-c .gjs-checker-bg,.gjs-sm-colorp-c .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-sm-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:16px;width:100%;margin-top:-16px;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px}.gjs-sm-btn-upload #gjs-sm-upload{left:0;top:0;position:absolute;width:100%;opacity:0;cursor:pointer}.gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{opacity:.7;filter:alpha(opacity=70);cursor:move;font-size:12px;float:left;margin:0 5px 0 0}.gjs-sm-layer>#gjs-sm-move:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:45%;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;font-size:11px;font-weight:lighter;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:box-shadow,color}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px;pointer-events:none}.gjs-block-svg{width:54px;fill:currentColor}.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{line-height:normal;font-size:.65rem;font-weight:normal;font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.gjs-block.gjs-bdrag{width:auto;padding:0}.gjs-selected-parent{border:1px solid var(--gjs-color-yellow)}.gjs-opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-layer{font-weight:lighter;text-align:left;position:relative;font-size:var(--gjs-font-size);display:grid}.gjs-layer-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--gjs-main-dark-color);background-color:var(--gjs-secondary-dark-color);gap:var(--gjs-flex-item-gap);cursor:pointer}.gjs-layer-item-left,.gjs-layer-item-right{display:flex;align-items:center;gap:var(--gjs-flex-item-gap)}.gjs-layer-item-left{width:100%}.gjs-layer-hidden{opacity:.55;filter:alpha(opacity=55)}.gjs-layer-vis{box-sizing:content-box;cursor:pointer;z-index:1}.gjs-layer-vis-on,.gjs-layer-vis-off{display:flex;width:13px}.gjs-layer-vis-off{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off{display:flex}.gjs-layer-caret{width:15px;cursor:pointer;box-sizing:content-box;transform:rotate(90deg);display:flex;opacity:.7;filter:alpha(opacity=70)}.gjs-layer-caret:hover{opacity:1;filter:alpha(opacity=100)}.gjs-layer.open>.gjs-layer-item .gjs-layer-caret{transform:rotate(180deg)}.gjs-layer-title{padding:0;display:flex;align-items:center;background-color:transparent !important;border-bottom:none}.gjs-layer-title-inn{align-items:center;position:relative;display:flex;gap:var(--gjs-flex-item-gap)}.gjs-layer-title-c{width:100%}.gjs-layer__icon{display:block;width:100%;max-width:15px;max-height:15px;padding-left:5px}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{display:inline-block;box-sizing:content-box;overflow:hidden;white-space:nowrap;max-width:170px;height:auto}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{visibility:hidden}.gjs-layer-move{display:flex;width:13px;box-sizing:content-box;cursor:move}.gjs-layer.gjs-hovered .gjs-layer-item{background-color:var(--gjs-soft-light-color)}.gjs-layer.gjs-selected .gjs-layer-item{background-color:var(--gjs-main-light-color)}.gjs-layers{position:relative;height:100%}.gjs-layers #gjs-placeholder{width:100%;position:absolute}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:var(--gjs-color-green)}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:rgba(255,255,255,.15);border-radius:2px;padding:3px;margin-right:3px;border:1px solid rgba(0,0,0,.15);width:24px;height:24px;box-sizing:border-box;cursor:pointer}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{display:flex;align-items:center;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{display:flex;overflow:hidden;align-items:center;border-radius:3px;margin:0 3px 3px 0;padding:5px;cursor:default}.gjs-clm-tag-status,.gjs-clm-tag-close{width:12px;height:12px;flex-shrink:1}.gjs-clm-tag-status svg,.gjs-clm-tag-close svg{vertical-align:middle;fill:currentColor}.gjs-clm-sels-info{margin:7px 0;text-align:left}.gjs-clm-sel-id{font-size:.9em;opacity:.5;filter:alpha(opacity=50)}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:var(--gjs-font-size);padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{padding:7px 0;float:left}.gjs-clm-tags #gjs-clm-sel{font-style:italic;margin-left:5px}.gjs-clm-tags #gjs-clm-tags-field{clear:both;padding:5px;margin-bottom:5px;display:flex;flex-wrap:wrap}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;vertical-align:top;overflow:hidden}.gjs-clm-tags #gjs-clm-new{color:var(--gjs-font-color);padding:var(--gjs-padding-elem-classmanager);display:none}.gjs-clm-tags #gjs-clm-close{opacity:.85;filter:alpha(opacity=85);font-size:20px;line-height:0;cursor:pointer;color:rgba(255,255,255,.9)}.gjs-clm-tags #gjs-clm-close:hover{opacity:1;filter:alpha(opacity=100)}.gjs-clm-tags #gjs-clm-checkbox{color:rgba(255,255,255,.9);vertical-align:middle;cursor:pointer;font-size:9px}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text}.gjs-mdl-container{font-family:var(--gjs-main-font);overflow-y:auto;position:fixed;background-color:rgba(0,0,0,.5);display:flex;top:0;left:0;right:0;bottom:0;z-index:100}.gjs-mdl-dialog{text-shadow:-1px -1px 0 rgba(0,0,0,.05);animation:gjs-slide-down .215s;margin:auto;max-width:850px;width:90%;border-radius:3px;font-weight:lighter;position:relative;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down .216s}.gjs-mdl-header,.gjs-mdl-content{padding:10px 15px;clear:both}.gjs-mdl-header{position:relative;border-bottom:1px solid var(--gjs-main-dark-color);padding:15px 15px 7px}.gjs-export-dl::after{content:"";clear:both;display:block;margin-bottom:10px}.gjs-dropzone{display:none;opacity:0;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .25s;pointer-events:none}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{height:290px;overflow:auto;clear:both;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{width:70%;float:left}.gjs-am-add-asset button{width:25%;float:right}.gjs-am-preview-cont{position:relative;height:70px;width:30%;background-color:var(--gjs-main-color);border-radius:2px;float:left;overflow:hidden}.gjs-am-preview{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;z-index:1}.gjs-am-preview-bg{opacity:.5;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;z-index:0}.gjs-am-dimensions{opacity:.5;filter:alpha(opacity=50);font-size:10px}.gjs-am-meta{width:70%;float:left;font-size:12px;padding:5px 0 0 5px;box-sizing:border-box}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;position:absolute;right:5px;top:0;display:none}.gjs-am-asset{border-bottom:1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);padding:5px;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:var(--gjs-main-light-color)}.gjs-am-assets-cont{background-color:var(--gjs-secondary-dark-color);border-radius:3px;box-sizing:border-box;padding:10px;width:45%;float:right;height:325px;overflow:hidden}.gjs-am-file-uploader{width:55%;float:left}.gjs-am-file-uploader>form{background-color:var(--gjs-secondary-dark-color);border:2px dashed;border-radius:3px;position:relative;text-align:center;margin-bottom:15px}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid var(--gjs-color-green);color:color-mix(in srgb, var(--gjs-color-green), white 5%)}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{opacity:0;filter:alpha(opacity=0);padding:var(--gjs-upload-padding);width:100%;box-sizing:border-box}.gjs-am-file-uploader #gjs-am-title{position:absolute;padding:var(--gjs-upload-padding);width:100%}.gjs-cm-editor-c{float:left;box-sizing:border-box;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{padding-right:10px;border-right:1px solid var(--gjs-main-dark-color)}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:var(--gjs-main-dark-color);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{position:absolute;z-index:10}.gjs-rte-toolbar-ui{border:1px solid var(--gjs-main-dark-color);border-radius:3px}.gjs-rte-actionbar{display:flex}.gjs-rte-action{display:flex;align-items:center;justify-content:center;padding:5px;width:25px;border-right:1px solid var(--gjs-main-dark-color);text-align:center;cursor:pointer;outline:none}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover{background-color:var(--gjs-main-light-color)}.gjs-rte-active{background-color:var(--gjs-main-light-color)}.gjs-rte-disabled{color:var(--gjs-main-light-color);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:unset}.gjs-editor-sp{border:1px solid var(--gjs-main-dark-color);box-shadow:0 0 7px var(--gjs-main-dark-color);border-radius:3px}.gjs-editor-sp .sp-hue,.gjs-editor-sp .sp-slider{cursor:row-resize}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-dragger{cursor:crosshair}.gjs-editor-sp .sp-alpha-inner,.gjs-editor-sp .sp-alpha-handle{cursor:col-resize}.gjs-editor-sp .sp-hue{left:90%}.gjs-editor-sp .sp-color{right:15%}.gjs-editor-sp .sp-picker-container{border:none}.gjs-editor-sp .colpick_dark .colpick_color{outline:1px solid var(--gjs-main-dark-color)}.gjs-editor-sp .sp-cancel,.gjs-editor-sp .sp-cancel:hover{bottom:-8px;color:#777 !important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-sp .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-hue{border:1px solid #333}.gjs-editor-sp .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-sp .sp-dragger{background:transparent;box-shadow:0 0 0 1px #111}.gjs-editor-sp .sp-button-container{float:none;width:100%;position:relative;text-align:right}.gjs-editor-sp .sp-button-container .sp-choose,.gjs-editor-sp .sp-button-container .sp-choose:hover,.gjs-editor-sp .sp-button-container .sp-choose:active{background:var(--gjs-main-dark-color);border-color:var(--gjs-main-dark-color);color:var(--gjs-font-color);text-shadow:none;box-shadow:none;padding:3px 5px}.gjs-editor-sp .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-sp .sp-palette .sp-thumb-el,.gjs-editor-sp .sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,.9)}.gjs-editor-sp .sp-palette .sp-thumb-el:hover,.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active{border-color:rgba(0,0,0,.9)}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{transform:translate(0, -3rem);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes gjs-slide-up{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -3rem);opacity:0}}.cm-s-hopscotch span.cm-error{color:#fff}
/* src/components/mailing/editor/email-editor.css */
/* 🔥 EMAIL EDITOR STYLES - GRAPESJS + M3 INTEGRATION */
/* ============================================================ */
/* Custom styles to integrate GrapeJS with M3 Design System */

/* Wrapper */
.email-editor-wrapper {
  position: relative;
  width: 100%;
  border: 1px solid var(--Border-Outline);
  border-radius: var(--border-border-radius-md);
  overflow: hidden;
  background-color: var(--Surface-container);
}

.email-editor-wrapper.disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* GrapeJS Main Container */
.email-editor-wrapper .gjs-editor {
  background-color: var(--Surface-container);
}

/* GrapeJS Panels (Toolbar) */
.email-editor-wrapper .gjs-pn-panel {
  background-color: var(--Surface-container-high);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-pn-btn {
  color: var(--Text-On-surface);
  background-color: transparent;
  border-radius: var(--border-border-radius-sm);
  transition: all 0.2s ease;
}

.email-editor-wrapper .gjs-pn-btn:hover {
  background-color: var(--State-Layers-On-surface-opacity-008);
  color: var(--Text-Primary);
}

.email-editor-wrapper .gjs-pn-btn.gjs-pn-active {
  background-color: var(--Primary-container);
  color: var(--Text-On-primary-container);
  box-shadow: none;
}

/* GrapeJS Canvas */
.email-editor-wrapper .gjs-cv-canvas {
  background-color: var(--Surface-container-lowest);
}

.email-editor-wrapper .gjs-frame {
  border-color: var(--Border-Outline);
}

/* GrapeJS Blocks Panel */
.email-editor-wrapper .gjs-blocks-c {
  background-color: var(--Surface-container);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-block {
  background-color: var(--Surface-container-high);
  border: 1px solid var(--Border-Outline);
  border-radius: var(--border-border-radius-md);
  color: var(--Text-On-surface);
  transition: all 0.2s ease;
}

.email-editor-wrapper .gjs-block:hover {
  background-color: var(--Primary-container);
  border-color: var(--Primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.email-editor-wrapper .gjs-block__media {
  color: var(--Text-On-surface-variant);
}

.email-editor-wrapper .gjs-block-label {
  color: var(--Text-On-surface);
  font-size: var(--Typography-font-size-Body-small);
  font-weight: var(--type-font-weight-medium);
}

/* GrapeJS Category */
.email-editor-wrapper .gjs-block-category .gjs-title {
  background-color: var(--Surface-container-highest);
  color: var(--Text-On-surface);
  border-color: var(--Border-Outline);
  font-size: var(--Typography-font-size-Body-medium);
  font-weight: var(--type-font-weight-semibold);
  padding: var(--scale-4grid-300-12);
}

/* GrapeJS Layers Panel */
.email-editor-wrapper .gjs-layer {
  background-color: var(--Surface-container);
  color: var(--Text-On-surface);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-layer:hover {
  background-color: var(--State-Layers-On-surface-opacity-008);
}

.email-editor-wrapper .gjs-layer.gjs-selected {
  background-color: var(--Primary-container);
  color: var(--Text-On-primary-container);
}

.email-editor-wrapper .gjs-layer__icon {
  color: var(--Text-On-surface-variant);
}

/* GrapeJS Style Manager */
.email-editor-wrapper .gjs-sm-sector {
  background-color: var(--Surface-container);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-sm-sector .gjs-sm-title {
  background-color: var(--Surface-container-high);
  color: var(--Text-On-surface);
  font-size: var(--Typography-font-size-Body-medium);
  font-weight: var(--type-font-weight-semibold);
  padding: var(--scale-4grid-300-12);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-sm-property {
  background-color: var(--Surface-container);
  color: var(--Text-On-surface);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-sm-label {
  color: var(--Text-On-surface-variant);
  font-size: var(--Typography-font-size-Body-small);
}

.email-editor-wrapper .gjs-field {
  background-color: var(--Surface-container-highest);
  color: var(--Text-On-surface);
  border: 1px solid var(--Border-Outline);
  border-radius: var(--border-border-radius-sm);
  padding: var(--scale-4grid-200-8);
  font-size: var(--Typography-font-size-Body-small);
}

.email-editor-wrapper .gjs-field:focus {
  outline: none;
  border-color: var(--Primary);
  box-shadow: 0 0 0 2px var(--Primary-container);
}

.email-editor-wrapper .gjs-select {
  background-color: var(--Surface-container-highest);
  color: var(--Text-On-surface);
  border: 1px solid var(--Border-Outline);
  border-radius: var(--border-border-radius-sm);
}

/* GrapeJS Trait Manager */
.email-editor-wrapper .gjs-trt-trait {
  background-color: var(--Surface-container);
  color: var(--Text-On-surface);
  border-color: var(--Border-Outline);
}

.email-editor-wrapper .gjs-trt-trait__label {
  color: var(--Text-On-surface-variant);
  font-size: var(--Typography-font-size-Body-small);
}

/* GrapeJS Component Toolbar (hover toolbar on canvas) */
.email-editor-wrapper .gjs-toolbar {
  background-color: var(--Surface-container-highest);
  border: 1px solid var(--Border-Outline);
  border-radius: var(--border-border-radius-sm);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.email-editor-wrapper .gjs-toolbar-item {
  color: var(--Text-On-surface);
  background-color: transparent;
  border-radius: var(--border-border-radius-xs);
  transition: all 0.2s ease;
}

.email-editor-wrapper .gjs-toolbar-item:hover {
  background-color: var(--State-Layers-On-surface-opacity-008);
  color: var(--Text-Primary);
}

/* GrapeJS Modal */
.email-editor-wrapper .gjs-mdl-dialog {
  background-color: var(--Surface-container);
  border: 1px solid var(--Border-Outline);
  border-radius: var(--border-border-radius-lg);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.email-editor-wrapper .gjs-mdl-header {
  background-color: var(--Surface-container-high);
  color: var(--Text-On-surface);
  border-bottom: 1px solid var(--Border-Outline);
  font-size: var(--Typography-font-size-Title-medium);
  font-weight: var(--type-font-weight-semibold);
}

.email-editor-wrapper .gjs-mdl-content {
  background-color: var(--Surface-container);
  color: var(--Text-On-surface);
}

/* GrapeJS Buttons */
.email-editor-wrapper .gjs-btn-prim {
  background-color: var(--Primary);
  color: var(--Text-On-primary);
  border: none;
  border-radius: var(--border-border-radius-sm);
  padding: var(--scale-4grid-200-8) var(--scale-4grid-400-16);
  font-size: var(--Typography-font-size-Body-medium);
  font-weight: var(--type-font-weight-medium);
  cursor: pointer;
  transition: all 0.2s ease;
}

.email-editor-wrapper .gjs-btn-prim:hover {
  background-color: var(--Primary-hover);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.email-editor-wrapper .gjs-btn-prim:active {
  background-color: var(--Primary-pressed);
}

/* GrapeJS Device Manager Buttons */
.email-editor-wrapper .gjs-pn-devices-c {
  display: flex;
  gap: var(--scale-4grid-200-8);
  padding: var(--scale-4grid-200-8);
}

.email-editor-wrapper .gjs-pn-device {
  padding: var(--scale-4grid-200-8) var(--scale-4grid-300-12);
  border-radius: var(--border-border-radius-sm);
}

/* Scrollbars */
.email-editor-wrapper .gjs-blocks-c::-webkit-scrollbar,
.email-editor-wrapper .gjs-sm-sectors::-webkit-scrollbar,
.email-editor-wrapper .gjs-layer-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.email-editor-wrapper .gjs-blocks-c::-webkit-scrollbar-track,
.email-editor-wrapper .gjs-sm-sectors::-webkit-scrollbar-track,
.email-editor-wrapper .gjs-layer-wrapper::-webkit-scrollbar-track {
  background: var(--Surface-container);
}

.email-editor-wrapper .gjs-blocks-c::-webkit-scrollbar-thumb,
.email-editor-wrapper .gjs-sm-sectors::-webkit-scrollbar-thumb,
.email-editor-wrapper .gjs-layer-wrapper::-webkit-scrollbar-thumb {
  background: var(--Border-Outline);
  border-radius: 4px;
}

.email-editor-wrapper .gjs-blocks-c::-webkit-scrollbar-thumb:hover,
.email-editor-wrapper .gjs-sm-sectors::-webkit-scrollbar-thumb:hover,
.email-editor-wrapper .gjs-layer-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--Text-On-surface-variant);
}

/* Component Selection Highlight */
.email-editor-wrapper .gjs-selected {
  outline: 2px solid var(--Primary) !important;
  outline-offset: -2px;
}

.email-editor-wrapper .gjs-hovered {
  outline: 2px dashed var(--Primary-container) !important;
  outline-offset: -2px;
}

/* Drag & Drop Placeholder */
.email-editor-wrapper .gjs-dashed {
  border: 2px dashed var(--Primary) !important;
  background-color: var(--Primary-container) !important;
  opacity: 0.5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .email-editor-wrapper .gjs-pn-panel {
    font-size: var(--Typography-font-size-Body-small);
  }

  .email-editor-wrapper .gjs-block {
    padding: var(--scale-4grid-200-8);
  }
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
  /* Dark mode overrides can be added here if needed */
}

/* Animation for block hover */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

.email-editor-wrapper .gjs-block:active {
  animation: pulse 0.3s ease;
}