/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
:where(html[data-component-document]) *, :where(html[data-component-document]) :before, :where(html[data-component-document]) :after, :where(html[data-component-document]) ::backdrop {
  --tw-font-weight: initial;
  --tw-leading: 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-border-style: solid;
  --tw-outline-style: solid;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate-x: initial;
  --tw-rotate-y: initial;
  --tw-rotate-z: initial;
  --tw-skew-x: initial;
  --tw-skew-y: initial;
  --tw-space-y-reverse: 0;
  --tw-space-x-reverse: 0;
  --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-tracking: initial;
  --tw-ordinal: initial;
  --tw-slashed-zero: initial;
  --tw-numeric-figure: initial;
  --tw-numeric-spacing: initial;
  --tw-numeric-fraction: initial;
  --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;
  --tw-content: "";
  --tw-divide-x-reverse: 0;
}

:where(html[data-component-document]), :where(html[data-component-document]) {
  --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-300: oklch(80.8% .114 19.571);
  --color-red-500: oklch(63.7% .237 25.331);
  --color-red-700: oklch(50.5% .213 27.518);
  --color-orange-100: oklch(95.4% .038 75.164);
  --color-orange-700: oklch(55.3% .195 38.402);
  --color-amber-50: oklch(98.7% .022 95.277);
  --color-amber-400: oklch(82.8% .189 84.429);
  --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-300: oklch(90.5% .182 98.111);
  --color-yellow-700: oklch(55.4% .135 66.442);
  --color-green-50: oklch(98.2% .018 155.826);
  --color-green-100: oklch(96.2% .044 156.743);
  --color-green-300: oklch(87.1% .15 154.449);
  --color-green-700: oklch(52.7% .154 150.069);
  --color-emerald-50: oklch(97.9% .021 166.113);
  --color-emerald-100: oklch(95% .052 163.051);
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-emerald-700: oklch(50.8% .118 165.612);
  --color-emerald-900: oklch(37.8% .077 168.94);
  --color-sky-100: oklch(95.1% .026 236.824);
  --color-sky-700: oklch(50% .134 242.749);
  --color-blue-50: oklch(97% .014 254.604);
  --color-blue-100: oklch(93.2% .032 255.585);
  --color-blue-500: oklch(62.3% .214 259.815);
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-indigo-50: oklch(96.2% .018 272.314);
  --color-indigo-100: oklch(93% .034 272.788);
  --color-indigo-500: oklch(58.5% .233 277.117);
  --color-indigo-600: oklch(51.1% .262 276.966);
  --color-indigo-700: oklch(45.7% .24 277.023);
  --color-violet-50: oklch(96.9% .016 293.756);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-violet-700: oklch(49.1% .27 292.581);
  --color-purple-100: oklch(94.6% .033 307.174);
  --color-purple-700: oklch(49.6% .265 301.924);
  --color-slate-50: oklch(98.4% .003 247.858);
  --color-slate-700: oklch(37.2% .044 257.287);
  --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-zinc-100: oklch(96.7% .001 286.375);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --breakpoint-2xl: 96rem;
  --container-xs: 20rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --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;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --tracking-normal: 0em;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: .125rem;
  --radius-sm: .25rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --blur-xs: 4px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: "soehne", sans-serif;
  --default-mono-font-family: var(--font-mono);
  --color-app-slate-50: #f8fafc;
  --color-app-slate-100: #f1f5f9;
  --color-app-slate-200: #e2e8f0;
  --color-app-slate-400: #94a3b8;
  --color-app-slate-500: #64748b;
  --color-app-slate-600: #475569;
  --color-app-slate-700: #334155;
  --color-app-gray-50: #f9fafb;
  --color-app-gray-100: #f3f4f6;
  --color-app-gray-200: #e5e7eb;
  --color-app-gray-300: #d1d5db;
  --color-app-gray-400: #9ca3af;
  --color-app-gray-500: #6b7280;
  --color-app-gray-600: #4b5563;
  --color-app-gray-700: #374151;
  --color-app-gray-800: #1f2937;
  --color-app-gray-900: #111827;
  --color-app-zinc-50: #fafafa;
  --color-app-zinc-100: #f4f4f5;
  --color-app-stone-50: #fafaf9;
  --color-app-stone-700: #44403c;
  --color-app-red-50: #fef2f2;
  --color-app-red-100: #fee2e2;
  --color-app-red-200: #fecaca;
  --color-app-red-300: #fca5a5;
  --color-app-red-400: #f87171;
  --color-app-red-500: #ef4444;
  --color-app-red-600: #dc2626;
  --color-app-red-700: #b91c1c;
  --color-app-red-800: #991b1b;
  --color-app-red-900: #7f1d1d;
  --color-app-orange-50: #fff7ed;
  --color-app-orange-100: #ffedd5;
  --color-app-orange-200: #fed7aa;
  --color-app-orange-300: #fdba74;
  --color-app-orange-400: #fb923c;
  --color-app-orange-500: #f97316;
  --color-app-orange-600: #ea580c;
  --color-app-orange-700: #c2410c;
  --color-app-orange-800: #9a3412;
  --color-app-orange-900: #7c2d12;
  --color-app-amber-50: #fffbeb;
  --color-app-amber-100: #fef3c7;
  --color-app-amber-200: #fde68a;
  --color-app-amber-500: #f59e0b;
  --color-app-amber-600: #d97706;
  --color-app-amber-700: #b45309;
  --color-app-amber-800: #92400e;
  --color-app-amber-900: #78350f;
  --color-app-amber-950: #451a03;
  --color-app-yellow-50: #fefce8;
  --color-app-yellow-100: #fef9c3;
  --color-app-yellow-200: #fef08a;
  --color-app-yellow-300: #fde047;
  --color-app-yellow-400: #facc15;
  --color-app-yellow-500: #eab308;
  --color-app-yellow-600: #ca8a04;
  --color-app-yellow-700: #a16207;
  --color-app-yellow-800: #854d0e;
  --color-app-yellow-900: #713f12;
  --color-app-green-50: #f0fdf4;
  --color-app-green-100: #dcfce7;
  --color-app-green-200: #bbf7d0;
  --color-app-green-300: #86efac;
  --color-app-green-400: #4ade80;
  --color-app-green-500: #22c55e;
  --color-app-green-600: #16a34a;
  --color-app-green-700: #15803d;
  --color-app-green-800: #166534;
  --color-app-emerald-50: #ecfdf5;
  --color-app-emerald-100: #d1fae5;
  --color-app-emerald-200: #a7f3d0;
  --color-app-emerald-500: #10b981;
  --color-app-emerald-600: #059669;
  --color-app-emerald-700: #047857;
  --color-app-emerald-800: #065f46;
  --color-app-emerald-900: #064e3b;
  --color-app-teal-700: #0f766e;
  --color-app-cyan-50: #ecfeff;
  --color-app-cyan-500: #06b6d4;
  --color-app-cyan-700: #0e7490;
  --color-app-sky-50: #f0f9ff;
  --color-app-sky-100: #e0f2fe;
  --color-app-sky-200: #bae6fd;
  --color-app-sky-600: #0284c7;
  --color-app-sky-700: #0369a1;
  --color-app-sky-800: #075985;
  --color-app-sky-900: #0c4a6e;
  --color-app-blue-50: #eff6ff;
  --color-app-blue-100: #dbeafe;
  --color-app-blue-200: #bfdbfe;
  --color-app-blue-300: #93c5fd;
  --color-app-blue-400: #60a5fa;
  --color-app-blue-500: #3b82f6;
  --color-app-blue-600: #2563eb;
  --color-app-blue-700: #1d4ed8;
  --color-app-blue-800: #1e40af;
  --color-app-blue-900: #1e3a8a;
  --color-app-indigo-50: #eef2ff;
  --color-app-indigo-600: #4f46e5;
  --color-app-indigo-700: #4338ca;
  --color-app-indigo-900: #312e81;
  --color-app-violet-50: #f5f3ff;
  --color-app-violet-600: #7c3aed;
  --color-app-purple-50: #faf5ff;
  --color-app-purple-100: #f3e8ff;
  --color-app-purple-200: #e9d5ff;
  --color-app-purple-400: #c084fc;
  --color-app-purple-500: #a855f7;
  --color-app-purple-600: #9333ea;
  --color-app-purple-700: #7e22ce;
  --color-app-purple-800: #6b21a8;
  --color-app-fuchsia-500: #d946ef;
  --color-app-pink-100: #fce7f3;
  --color-app-pink-500: #ec4899;
  --color-app-pink-600: #db2777;
  --color-app-rose-50: #fff1f2;
  --color-app-rose-100: #ffe4e6;
  --color-app-rose-200: #fecdd3;
  --color-app-rose-600: #e11d48;
  --color-app-rose-700: #be123c;
  --color-energylabel-a2020: #008232;
  --color-energylabel-a2015: #02af3b;
  --color-energylabel-a2010: #12bb37;
  --color-energylabel-b: #6ac12b;
  --color-energylabel-c: #e3bf02;
  --color-energylabel-d: #ff8f00;
  --color-energylabel-e: #fe5720;
  --color-energylabel-f: #dd1620;
  --color-energylabel-g: #8e0212;
  --color-energylabel-purple: #692756;
  --color-golden-700: #897300;
  --color-known-error-soft: #e8edfd;
  --color-known-error-strong: #4664dd;
  --color-pastel-0: #66c5cc;
  --color-pastel-1: #f6cf71;
  --color-pastel-2: #f89c74;
  --color-pastel-3: #dcb0f2;
  --color-pastel-4: #87c55f;
  --color-pastel-5: #9eb9f3;
  --color-pastel-6: #fe88b1;
  --color-pastel-7: #c9db74;
  --color-pastel-8: #8be0a4;
  --color-pastel-9: #b497e7;
  --color-pastel-10: #b3b3b3;
  --color-ento-50: #f5f3ff;
  --color-ento-100: #f3eeff;
  --color-ento-200: #e6ddff;
  --color-ento-300: #ccbaff;
  --color-ento-500: #b698ff;
  --color-ento-600: #a8f;
  --color-ento-700: #9c76ff;
  --color-ento-800: #9065ff;
  --color-ento-900: #8353ff;
  --color-ento-950: #5924e2;
}

:where(html[data-component-document]) *, :where(html[data-component-document]) :after, :where(html[data-component-document]) :before, :where(html[data-component-document]) ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:where(html[data-component-document]) ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:where(html[data-component-document]), :where(html[data-component-document]) {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
}

:where(html[data-component-document]) hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

:where(html[data-component-document]) abbr:where([title]) {
  text-decoration: underline dotted;
}

:where(html[data-component-document]) h1, :where(html[data-component-document]) h2, :where(html[data-component-document]) h3, :where(html[data-component-document]) h4, :where(html[data-component-document]) h5, :where(html[data-component-document]) h6 {
  font-size: inherit;
  font-weight: inherit;
}

:where(html[data-component-document]) a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

:where(html[data-component-document]) b, :where(html[data-component-document]) strong {
  font-weight: bolder;
}

:where(html[data-component-document]) code, :where(html[data-component-document]) kbd, :where(html[data-component-document]) samp, :where(html[data-component-document]) 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;
}

:where(html[data-component-document]) small {
  font-size: 80%;
}

:where(html[data-component-document]) sub, :where(html[data-component-document]) sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

:where(html[data-component-document]) sub {
  bottom: -.25em;
}

:where(html[data-component-document]) sup {
  top: -.5em;
}

:where(html[data-component-document]) table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:where(html[data-component-document]) :-moz-focusring:where(:not(iframe)) {
  outline: auto;
}

:where(html[data-component-document]) progress {
  vertical-align: baseline;
}

:where(html[data-component-document]) summary {
  display: list-item;
}

:where(html[data-component-document]) ol, :where(html[data-component-document]) ul, :where(html[data-component-document]) menu {
  list-style: none;
}

:where(html[data-component-document]) img, :where(html[data-component-document]) svg, :where(html[data-component-document]) video, :where(html[data-component-document]) canvas, :where(html[data-component-document]) audio, :where(html[data-component-document]) iframe, :where(html[data-component-document]) embed, :where(html[data-component-document]) object {
  vertical-align: middle;
  display: block;
}

:where(html[data-component-document]) img, :where(html[data-component-document]) video {
  max-width: 100%;
  height: auto;
}

:where(html[data-component-document]) button, :where(html[data-component-document]) input, :where(html[data-component-document]) select, :where(html[data-component-document]) optgroup, :where(html[data-component-document]) textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}

:where(html[data-component-document]) ::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(html[data-component-document]) :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

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

:where(html[data-component-document]) ::file-selector-button {
  margin-inline-end: 4px;
}

:where(html[data-component-document]) ::placeholder {
  opacity: 1;
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  :where(html[data-component-document]) ::placeholder {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(html[data-component-document]) ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}

:where(html[data-component-document]) textarea {
  resize: vertical;
}

:where(html[data-component-document]) ::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where(html[data-component-document]) ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

:where(html[data-component-document]) ::-webkit-datetime-edit {
  display: inline-flex;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-year-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-month-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-day-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-second-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:where(html[data-component-document]) ::-webkit-calendar-picker-indicator {
  line-height: 1;
}

:where(html[data-component-document]) :-moz-ui-invalid {
  box-shadow: none;
}

:where(html[data-component-document]) button, :where(html[data-component-document]) input:where([type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
}

:where(html[data-component-document]) ::file-selector-button {
  appearance: button;
}

:where(html[data-component-document]) ::-webkit-inner-spin-button {
  height: auto;
}

:where(html[data-component-document]) ::-webkit-outer-spin-button {
  height: auto;
}

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

:where(html[data-component-document]) .pointer-events-none {
  pointer-events: none;
}

:where(html[data-component-document]) .collapse {
  visibility: collapse;
}

:where(html[data-component-document]) .invisible {
  visibility: hidden;
}

:where(html[data-component-document]) .visible {
  visibility: visible;
}

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

:where(html[data-component-document]) .absolute {
  position: absolute;
}

:where(html[data-component-document]) .fixed {
  position: fixed;
}

:where(html[data-component-document]) .relative {
  position: relative;
}

:where(html[data-component-document]) .static {
  position: static;
}

:where(html[data-component-document]) .sticky {
  position: sticky;
}

:where(html[data-component-document]) .inset-0 {
  inset: 0;
}

:where(html[data-component-document]) .inset-x-0 {
  inset-inline: 0;
}

:where(html[data-component-document]) .inset-y-0 {
  inset-block: 0;
}

:where(html[data-component-document]) .inset-y-auto {
  inset-block: auto;
}

:where(html[data-component-document]) .top-0 {
  top: 0;
}

:where(html[data-component-document]) .top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .top-1\/2 {
  top: 50%;
}

:where(html[data-component-document]) .top-2 {
  top: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .top-4 {
  top: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .top-20 {
  top: calc(var(--spacing) * 20);
}

:where(html[data-component-document]) .top-\[2px\] {
  top: 2px;
}

:where(html[data-component-document]) .top-full {
  top: 100%;
}

:where(html[data-component-document]) .right-0 {
  right: 0;
}

:where(html[data-component-document]) .right-2 {
  right: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .right-\[16px\] {
  right: 16px;
}

:where(html[data-component-document]) .bottom-0 {
  bottom: 0;
}

:where(html[data-component-document]) .bottom-5 {
  bottom: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .bottom-6 {
  bottom: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .left-0 {
  left: 0;
}

:where(html[data-component-document]) .left-1\/2 {
  left: 50%;
}

:where(html[data-component-document]) .left-3 {
  left: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .left-\[2px\] {
  left: 2px;
}

:where(html[data-component-document]) .left-\[22px\] {
  left: 22px;
}

:where(html[data-component-document]) .left-full {
  left: 100%;
}

:where(html[data-component-document]) .isolate {
  isolation: isolate;
}

:where(html[data-component-document]) .z-1 {
  z-index: 1;
}

:where(html[data-component-document]) .z-10 {
  z-index: 10;
}

:where(html[data-component-document]) .z-20 {
  z-index: 20;
}

:where(html[data-component-document]) .z-30 {
  z-index: 30;
}

:where(html[data-component-document]) .z-40 {
  z-index: 40;
}

:where(html[data-component-document]) .z-50 {
  z-index: 50;
}

:where(html[data-component-document]) .z-\[1\] {
  z-index: 1;
}

:where(html[data-component-document]) .z-\[10\] {
  z-index: 10;
}

:where(html[data-component-document]) .z-\[9999\] {
  z-index: 9999;
}

:where(html[data-component-document]) .col-4 {
  grid-column: 4;
}

:where(html[data-component-document]) .col-6 {
  grid-column: 6;
}

:where(html[data-component-document]) .col-8 {
  grid-column: 8;
}

:where(html[data-component-document]) .col-12 {
  grid-column: 12;
}

:where(html[data-component-document]) .col-span-2 {
  grid-column: span 2 / span 2;
}

:where(html[data-component-document]) .col-span-3 {
  grid-column: span 3 / span 3;
}

:where(html[data-component-document]) .col-span-full {
  grid-column: 1 / -1;
}

:where(html[data-component-document]) .col-start-4 {
  grid-column-start: 4;
}

:where(html[data-component-document]) .row-span-2 {
  grid-row: span 2 / span 2;
}

:where(html[data-component-document]) .row-span-3 {
  grid-row: span 3 / span 3;
}

:where(html[data-component-document]) .float-right {
  float: right;
}

:where(html[data-component-document]) .container {
  width: 100%;
}

@media (width >= 40rem) {
  :where(html[data-component-document]) .container {
    max-width: 40rem;
  }
}

@media (width >= 48rem) {
  :where(html[data-component-document]) .container {
    max-width: 48rem;
  }
}

@media (width >= 64rem) {
  :where(html[data-component-document]) .container {
    max-width: 64rem;
  }
}

@media (width >= 80rem) {
  :where(html[data-component-document]) .container {
    max-width: 80rem;
  }
}

@media (width >= 96rem) {
  :where(html[data-component-document]) .container {
    max-width: 96rem;
  }
}

:where(html[data-component-document]) .\!m-1 {
  margin: var(--spacing) !important;
}

:where(html[data-component-document]) .m-0 {
  margin: 0;
}

:where(html[data-component-document]) .m-1 {
  margin: var(--spacing);
}

:where(html[data-component-document]) .m-3 {
  margin: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .m-4 {
  margin: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .m-auto {
  margin: auto;
}

:where(html[data-component-document]) .markdown {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-app-gray-700);
}

:where(html[data-component-document]) .markdown > :first-child {
  margin-top: 0;
}

:where(html[data-component-document]) .markdown h1 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .markdown h2 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .markdown h3 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .markdown h4, :where(html[data-component-document]) .markdown h5, :where(html[data-component-document]) .markdown h6 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .markdown p {
  margin-block: calc(var(--spacing) * 2);
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

:where(html[data-component-document]) .markdown a {
  color: var(--color-ento-900);
}

@media (hover: hover) {
  :where(html[data-component-document]) .markdown a:hover {
    color: var(--color-ento-950);
    text-decoration-line: underline;
  }
}

:where(html[data-component-document]) .markdown strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .markdown ul, :where(html[data-component-document]) .markdown ol {
  margin-block: calc(var(--spacing) * 2);
  gap: var(--spacing);
  padding-left: calc(var(--spacing) * 5);
  flex-direction: column;
  display: flex;
}

:where(html[data-component-document]) .markdown ul {
  list-style-type: disc;
}

:where(html[data-component-document]) .markdown ol {
  list-style-type: decimal;
}

:where(html[data-component-document]) .markdown ol ol {
  list-style-type: lower-alpha;
}

:where(html[data-component-document]) .markdown ol ol ol {
  list-style-type: lower-roman;
}

:where(html[data-component-document]) .markdown code {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * .5);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  overflow-wrap: anywhere;
  color: var(--color-app-gray-700);
  --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);
  --tw-ring-color: var(--color-app-gray-200);
  --tw-ring-inset: inset;
}

:where(html[data-component-document]) .markdown pre {
  margin-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-app-gray-50);
  padding: calc(var(--spacing) * 4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
  color: var(--color-app-slate-700);
  overflow-x: auto;
}

:where(html[data-component-document]) .markdown pre code {
  color: inherit;
  --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);
  background-color: #0000;
  padding: 0;
}

:where(html[data-component-document]) .markdown table {
  margin-block: calc(var(--spacing) * 3);
  border-collapse: collapse;
  width: 100%;
}

:where(html[data-component-document]) .markdown th {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-app-gray-50);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .markdown td {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  vertical-align: top;
  overflow-wrap: break-word;
}

:where(html[data-component-document]) .markdown blockquote {
  margin-block: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  border-width: 0;
  border-left-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-left-width: 2px;
  border-color: var(--color-ento-200);
  padding-left: calc(var(--spacing) * 3);
  color: var(--color-app-gray-500);
}

:where(html[data-component-document]) .markdown hr {
  margin-block: calc(var(--spacing) * 4);
  border-color: var(--color-app-gray-100);
}

:where(html[data-component-document]) .markdown img {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  max-width: 100%;
  height: auto;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: block;
}

:where(html[data-component-document]) .\!mx-0 {
  margin-inline: 0 !important;
}

:where(html[data-component-document]) .-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}

:where(html[data-component-document]) .-mx-\[5px\] {
  margin-inline: -5px;
}

:where(html[data-component-document]) .mx-1 {
  margin-inline: var(--spacing);
}

:where(html[data-component-document]) .mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .mx-auto {
  margin-inline: auto;
}

:where(html[data-component-document]) .\!my-0 {
  margin-block: 0 !important;
}

:where(html[data-component-document]) .\!my-4 {
  margin-block: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .-my-6 {
  margin-block: calc(var(--spacing) * -6);
}

:where(html[data-component-document]) .my-0 {
  margin-block: 0;
}

:where(html[data-component-document]) .my-1 {
  margin-block: var(--spacing);
}

:where(html[data-component-document]) .my-2 {
  margin-block: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .my-3 {
  margin-block: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .my-4 {
  margin-block: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .my-6 {
  margin-block: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .my-8 {
  margin-block: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .my-12 {
  margin-block: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .my-auto {
  margin-block: auto;
}

:where(html[data-component-document]) .section-heading {
  margin-top: calc(var(--spacing) * 12);
  margin-bottom: calc(var(--spacing) * 8);
  --tw-font-weight: var(--font-weight-medium);
  font-family: soehne;
  font-size: 1.1rem;
  font-weight: var(--font-weight-medium);
  font-style: normal;
}

:where(html[data-component-document]) .page-heading {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-normal);
  font-size: 1.7rem;
  font-weight: var(--font-weight-normal);
}

:where(html[data-component-document]) .\!mt-0 {
  margin-top: 0 !important;
}

:where(html[data-component-document]) .\!mt-2 {
  margin-top: calc(var(--spacing) * 2) !important;
}

:where(html[data-component-document]) .\!mt-6 {
  margin-top: calc(var(--spacing) * 6) !important;
}

:where(html[data-component-document]) .-mt-1\.5 {
  margin-top: calc(var(--spacing) * -1.5);
}

:where(html[data-component-document]) .mt-0 {
  margin-top: 0;
}

:where(html[data-component-document]) .mt-0\.5 {
  margin-top: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .mt-1 {
  margin-top: var(--spacing);
}

:where(html[data-component-document]) .mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .mt-3 {
  margin-top: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .mt-4 {
  margin-top: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .mt-4\! {
  margin-top: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .mt-5 {
  margin-top: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .mt-6 {
  margin-top: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .mt-8 {
  margin-top: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .mt-12 {
  margin-top: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .mt-16 {
  margin-top: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .mt-\[-4px\] {
  margin-top: -4px;
}

:where(html[data-component-document]) .mt-\[-8px\] {
  margin-top: -8px;
}

:where(html[data-component-document]) .mt-\[3px\] {
  margin-top: 3px;
}

:where(html[data-component-document]) .mt-\[40px\] {
  margin-top: 40px;
}

:where(html[data-component-document]) .mt-auto {
  margin-top: auto;
}

:where(html[data-component-document]) .mr-0 {
  margin-right: 0;
}

:where(html[data-component-document]) .mr-0\.5 {
  margin-right: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .mr-1 {
  margin-right: var(--spacing);
}

:where(html[data-component-document]) .mr-1\.5 {
  margin-right: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .mr-2 {
  margin-right: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .mr-3 {
  margin-right: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .mr-4 {
  margin-right: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .mr-4\! {
  margin-right: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .mr-6 {
  margin-right: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .panel-heading {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
}

:where(html[data-component-document]) .subsection-heading {
  margin-bottom: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-medium);
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .\!mb-0 {
  margin-bottom: 0 !important;
}

:where(html[data-component-document]) .\!mb-1 {
  margin-bottom: var(--spacing) !important;
}

:where(html[data-component-document]) .\!mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}

:where(html[data-component-document]) .\!mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .\!mb-6 {
  margin-bottom: calc(var(--spacing) * 6) !important;
}

:where(html[data-component-document]) .mb-0 {
  margin-bottom: 0;
}

:where(html[data-component-document]) .mb-0\.5 {
  margin-bottom: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .mb-1 {
  margin-bottom: var(--spacing);
}

:where(html[data-component-document]) .mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5);
}

:where(html[data-component-document]) .mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .mb-20 {
  margin-bottom: calc(var(--spacing) * 20);
}

:where(html[data-component-document]) .-ml-px {
  margin-left: -1px;
}

:where(html[data-component-document]) .ml-1 {
  margin-left: var(--spacing);
}

:where(html[data-component-document]) .ml-2 {
  margin-left: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .ml-3 {
  margin-left: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .ml-4 {
  margin-left: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .ml-6 {
  margin-left: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .ml-9 {
  margin-left: calc(var(--spacing) * 9);
}

:where(html[data-component-document]) .ml-\[-4px\] {
  margin-left: -4px;
}

:where(html[data-component-document]) .ml-\[12px\] {
  margin-left: 12px;
}

:where(html[data-component-document]) .ml-auto {
  margin-left: auto;
}

:where(html[data-component-document]) .button-icon-md {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

:where(html[data-component-document]) .button-icon-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .button-icon-sm {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

:where(html[data-component-document]) .button-icon-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .pill-blue-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-blue-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-blue-700);
  display: inline-flex;
}

:where(html[data-component-document]) .pill-gray-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-500);
  display: inline-flex;
}

:where(html[data-component-document]) .pill-green-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-emerald-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-emerald-700);
  display: inline-flex;
}

:where(html[data-component-document]) .pill-red-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-red-700);
  display: inline-flex;
}

:where(html[data-component-document]) .pill-yellow-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-golden-700);
  display: inline-flex;
}

:where(html[data-component-document]) .line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

:where(html[data-component-document]) .block {
  display: block;
}

:where(html[data-component-document]) .contents {
  display: contents;
}

:where(html[data-component-document]) .flex {
  display: flex;
}

:where(html[data-component-document]) .grid {
  display: grid;
}

:where(html[data-component-document]) .hidden {
  display: none;
}

:where(html[data-component-document]) .inline {
  display: inline;
}

:where(html[data-component-document]) .inline-block {
  display: inline-block;
}

:where(html[data-component-document]) .inline-flex {
  display: inline-flex;
}

:where(html[data-component-document]) .inline-grid {
  display: inline-grid;
}

:where(html[data-component-document]) .inline-table {
  display: inline-table;
}

:where(html[data-component-document]) .table {
  display: table;
}

:where(html[data-component-document]) .table-row {
  display: table-row;
}

:where(html[data-component-document]) .size-3 {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .size-7 {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}

:where(html[data-component-document]) .size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}

:where(html[data-component-document]) .size-12 {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .size-24 {
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
}

:where(html[data-component-document]) .\!h-8 {
  height: calc(var(--spacing) * 8) !important;
}

:where(html[data-component-document]) .h-0\.5 {
  height: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .h-1 {
  height: var(--spacing);
}

:where(html[data-component-document]) .h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .h-2 {
  height: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}

:where(html[data-component-document]) .h-3 {
  height: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .h-4 {
  height: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .h-5 {
  height: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .h-6 {
  height: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .h-7 {
  height: calc(var(--spacing) * 7);
}

:where(html[data-component-document]) .h-8 {
  height: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .h-9 {
  height: calc(var(--spacing) * 9);
}

:where(html[data-component-document]) .h-10 {
  height: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .h-11 {
  height: calc(var(--spacing) * 11);
}

:where(html[data-component-document]) .h-12 {
  height: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .h-16 {
  height: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .h-20 {
  height: calc(var(--spacing) * 20);
}

:where(html[data-component-document]) .h-24 {
  height: calc(var(--spacing) * 24);
}

:where(html[data-component-document]) .h-32 {
  height: calc(var(--spacing) * 32);
}

:where(html[data-component-document]) .h-40 {
  height: calc(var(--spacing) * 40);
}

:where(html[data-component-document]) .h-50 {
  height: calc(var(--spacing) * 50);
}

:where(html[data-component-document]) .h-56 {
  height: calc(var(--spacing) * 56);
}

:where(html[data-component-document]) .h-80 {
  height: calc(var(--spacing) * 80);
}

:where(html[data-component-document]) .h-\[1px\] {
  height: 1px;
}

:where(html[data-component-document]) .h-\[12px\] {
  height: 12px;
}

:where(html[data-component-document]) .h-\[14px\] {
  height: 14px;
}

:where(html[data-component-document]) .h-\[16px\] {
  height: 16px;
}

:where(html[data-component-document]) .h-\[24px\] {
  height: 24px;
}

:where(html[data-component-document]) .h-\[44px\] {
  height: 44px;
}

:where(html[data-component-document]) .h-\[56px\] {
  height: 56px;
}

:where(html[data-component-document]) .h-\[100px\] {
  height: 100px;
}

:where(html[data-component-document]) .h-\[180px\] {
  height: 180px;
}

:where(html[data-component-document]) .h-\[200px\] {
  height: 200px;
}

:where(html[data-component-document]) .h-\[260px\] {
  height: 260px;
}

:where(html[data-component-document]) .h-\[293px\] {
  height: 293px;
}

:where(html[data-component-document]) .h-\[300px\] {
  height: 300px;
}

:where(html[data-component-document]) .h-\[420px\] {
  height: 420px;
}

:where(html[data-component-document]) .h-auto {
  height: auto;
}

:where(html[data-component-document]) .h-fit {
  height: fit-content;
}

:where(html[data-component-document]) .h-full {
  height: 100%;
}

:where(html[data-component-document]) .h-px {
  height: 1px;
}

:where(html[data-component-document]) .h-screen {
  height: 100vh;
}

:where(html[data-component-document]) .max-h-48 {
  max-height: calc(var(--spacing) * 48);
}

:where(html[data-component-document]) .max-h-60 {
  max-height: calc(var(--spacing) * 60);
}

:where(html[data-component-document]) .max-h-64 {
  max-height: calc(var(--spacing) * 64);
}

:where(html[data-component-document]) .max-h-96 {
  max-height: calc(var(--spacing) * 96);
}

:where(html[data-component-document]) .max-h-\[70vh\] {
  max-height: 70vh;
}

:where(html[data-component-document]) .max-h-\[184px\] {
  max-height: 184px;
}

:where(html[data-component-document]) .max-h-\[200px\] {
  max-height: 200px;
}

:where(html[data-component-document]) .max-h-\[260px\] {
  max-height: 260px;
}

:where(html[data-component-document]) .max-h-\[330px\] {
  max-height: 330px;
}

:where(html[data-component-document]) .max-h-\[334px\] {
  max-height: 334px;
}

:where(html[data-component-document]) .max-h-\[calc\(100vh-2em\)\] {
  max-height: calc(100vh - 2em);
}

:where(html[data-component-document]) .max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}

:where(html[data-component-document]) .max-h-screen {
  max-height: 100vh;
}

:where(html[data-component-document]) .min-h-0 {
  min-height: 0;
}

:where(html[data-component-document]) .min-h-14 {
  min-height: calc(var(--spacing) * 14);
}

:where(html[data-component-document]) .min-h-24 {
  min-height: calc(var(--spacing) * 24);
}

:where(html[data-component-document]) .min-h-28 {
  min-height: calc(var(--spacing) * 28);
}

:where(html[data-component-document]) .min-h-48 {
  min-height: calc(var(--spacing) * 48);
}

:where(html[data-component-document]) .min-h-56 {
  min-height: calc(var(--spacing) * 56);
}

:where(html[data-component-document]) .min-h-72 {
  min-height: calc(var(--spacing) * 72);
}

:where(html[data-component-document]) .min-h-\[1rem\] {
  min-height: 1rem;
}

:where(html[data-component-document]) .min-h-\[16px\] {
  min-height: 16px;
}

:where(html[data-component-document]) .min-h-\[24rem\] {
  min-height: 24rem;
}

:where(html[data-component-document]) .min-h-\[80vh\] {
  min-height: 80vh;
}

:where(html[data-component-document]) .min-h-\[160px\] {
  min-height: 160px;
}

:where(html[data-component-document]) .min-h-\[260px\] {
  min-height: 260px;
}

:where(html[data-component-document]) .min-h-\[293px\] {
  min-height: 293px;
}

:where(html[data-component-document]) .min-h-\[320px\] {
  min-height: 320px;
}

:where(html[data-component-document]) .min-h-\[400px\] {
  min-height: 400px;
}

:where(html[data-component-document]) .min-h-\[520px\] {
  min-height: 520px;
}

:where(html[data-component-document]) .min-h-full {
  min-height: 100%;
}

:where(html[data-component-document]) .min-h-screen {
  min-height: 100vh;
}

:where(html[data-component-document]) .app-container {
  width: 100%;
}

@media (width >= 920px) {
  :where(html[data-component-document]) .app-container {
    max-width: 920px;
  }
}

:where(html[data-component-document]) .input-primary {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-300);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-app-gray-700);
}

:where(html[data-component-document]) .input-primary::placeholder {
  color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .input-primary:focus {
  border-color: var(--color-ento-500);
  --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);
  --tw-ring-color: var(--color-ento-200);
}

:where(html[data-component-document]) .\!w-16 {
  width: calc(var(--spacing) * 16) !important;
}

:where(html[data-component-document]) .\!w-full {
  width: 100% !important;
}

:where(html[data-component-document]) .w-0 {
  width: 0;
}

:where(html[data-component-document]) .w-1 {
  width: var(--spacing);
}

:where(html[data-component-document]) .w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .w-1\/2 {
  width: 50%;
}

:where(html[data-component-document]) .w-1\/3 {
  width: 33.3333%;
}

:where(html[data-component-document]) .w-1\/4 {
  width: 25%;
}

:where(html[data-component-document]) .w-1\/6 {
  width: 16.6667%;
}

:where(html[data-component-document]) .w-1\/12 {
  width: 8.33333%;
}

:where(html[data-component-document]) .w-2 {
  width: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}

:where(html[data-component-document]) .w-2\/3 {
  width: 66.6667%;
}

:where(html[data-component-document]) .w-3 {
  width: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .w-4 {
  width: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .w-5 {
  width: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .w-5\/12 {
  width: 41.6667%;
}

:where(html[data-component-document]) .w-6 {
  width: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .w-7 {
  width: calc(var(--spacing) * 7);
}

:where(html[data-component-document]) .w-7\/12 {
  width: 58.3333%;
}

:where(html[data-component-document]) .w-8 {
  width: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .w-9 {
  width: calc(var(--spacing) * 9);
}

:where(html[data-component-document]) .w-10 {
  width: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .w-11 {
  width: calc(var(--spacing) * 11);
}

:where(html[data-component-document]) .w-12 {
  width: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .w-16 {
  width: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .w-20 {
  width: calc(var(--spacing) * 20);
}

:where(html[data-component-document]) .w-24 {
  width: calc(var(--spacing) * 24);
}

:where(html[data-component-document]) .w-28 {
  width: calc(var(--spacing) * 28);
}

:where(html[data-component-document]) .w-30 {
  width: calc(var(--spacing) * 30);
}

:where(html[data-component-document]) .w-40 {
  width: calc(var(--spacing) * 40);
}

:where(html[data-component-document]) .w-48 {
  width: calc(var(--spacing) * 48);
}

:where(html[data-component-document]) .w-52 {
  width: calc(var(--spacing) * 52);
}

:where(html[data-component-document]) .w-56 {
  width: calc(var(--spacing) * 56);
}

:where(html[data-component-document]) .w-64 {
  width: calc(var(--spacing) * 64);
}

:where(html[data-component-document]) .w-72 {
  width: calc(var(--spacing) * 72);
}

:where(html[data-component-document]) .w-80 {
  width: calc(var(--spacing) * 80);
}

:where(html[data-component-document]) .w-96 {
  width: calc(var(--spacing) * 96);
}

:where(html[data-component-document]) .w-\[1px\] {
  width: 1px;
}

:where(html[data-component-document]) .w-\[12px\] {
  width: 12px;
}

:where(html[data-component-document]) .w-\[14px\] {
  width: 14px;
}

:where(html[data-component-document]) .w-\[16px\] {
  width: 16px;
}

:where(html[data-component-document]) .w-\[20\%\] {
  width: 20%;
}

:where(html[data-component-document]) .w-\[22px\] {
  width: 22px;
}

:where(html[data-component-document]) .w-\[24px\] {
  width: 24px;
}

:where(html[data-component-document]) .w-\[25\%\] {
  width: 25%;
}

:where(html[data-component-document]) .w-\[30\%\] {
  width: 30%;
}

:where(html[data-component-document]) .w-\[40px\] {
  width: 40px;
}

:where(html[data-component-document]) .w-\[50\%\] {
  width: 50%;
}

:where(html[data-component-document]) .w-\[50px\] {
  width: 50px;
}

:where(html[data-component-document]) .w-\[70\%\] {
  width: 70%;
}

:where(html[data-component-document]) .w-\[75\%\] {
  width: 75%;
}

:where(html[data-component-document]) .w-\[95px\] {
  width: 95px;
}

:where(html[data-component-document]) .w-\[100px\] {
  width: 100px;
}

:where(html[data-component-document]) .w-\[138px\] {
  width: 138px;
}

:where(html[data-component-document]) .w-\[139px\] {
  width: 139px;
}

:where(html[data-component-document]) .w-\[150px\] {
  width: 150px;
}

:where(html[data-component-document]) .w-\[180px\] {
  width: 180px;
}

:where(html[data-component-document]) .w-\[200px\] {
  width: 200px;
}

:where(html[data-component-document]) .w-\[242px\] {
  width: 242px;
}

:where(html[data-component-document]) .w-\[300px\] {
  width: 300px;
}

:where(html[data-component-document]) .w-\[340px\] {
  width: 340px;
}

:where(html[data-component-document]) .w-\[350px\] {
  width: 350px;
}

:where(html[data-component-document]) .w-\[400px\] {
  width: 400px;
}

:where(html[data-component-document]) .w-\[500px\] {
  width: 500px;
}

:where(html[data-component-document]) .w-\[600px\] {
  width: 600px;
}

:where(html[data-component-document]) .w-\[840px\] {
  width: 840px;
}

:where(html[data-component-document]) .w-\[min\(48rem\,calc\(100vw-2rem\)\)\] {
  width: min(48rem, 100vw - 2rem);
}

:where(html[data-component-document]) .w-auto {
  width: auto;
}

:where(html[data-component-document]) .w-fit {
  width: fit-content;
}

:where(html[data-component-document]) .w-full {
  width: 100%;
}

:where(html[data-component-document]) .w-px {
  width: 1px;
}

:where(html[data-component-document]) .max-w-2xl {
  max-width: var(--container-2xl);
}

:where(html[data-component-document]) .max-w-3xl {
  max-width: var(--container-3xl);
}

:where(html[data-component-document]) .max-w-4xl {
  max-width: var(--container-4xl);
}

:where(html[data-component-document]) .max-w-6xl {
  max-width: var(--container-6xl);
}

:where(html[data-component-document]) .max-w-7xl {
  max-width: var(--container-7xl);
}

:where(html[data-component-document]) .max-w-8 {
  max-width: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .max-w-40 {
  max-width: calc(var(--spacing) * 40);
}

:where(html[data-component-document]) .max-w-\[6ch\] {
  max-width: 6ch;
}

:where(html[data-component-document]) .max-w-\[8\.333333\%\] {
  max-width: 8.33333%;
}

:where(html[data-component-document]) .max-w-\[8ch\] {
  max-width: 8ch;
}

:where(html[data-component-document]) .max-w-\[8rem\] {
  max-width: 8rem;
}

:where(html[data-component-document]) .max-w-\[9rem\] {
  max-width: 9rem;
}

:where(html[data-component-document]) .max-w-\[10rem\] {
  max-width: 10rem;
}

:where(html[data-component-document]) .max-w-\[30\%\] {
  max-width: 30%;
}

:where(html[data-component-document]) .max-w-\[32px\] {
  max-width: 32px;
}

:where(html[data-component-document]) .max-w-\[36ch\] {
  max-width: 36ch;
}

:where(html[data-component-document]) .max-w-\[58ch\] {
  max-width: 58ch;
}

:where(html[data-component-document]) .max-w-\[60\%\] {
  max-width: 60%;
}

:where(html[data-component-document]) .max-w-\[65ch\] {
  max-width: 65ch;
}

:where(html[data-component-document]) .max-w-\[80\%\] {
  max-width: 80%;
}

:where(html[data-component-document]) .max-w-\[100px\] {
  max-width: 100px;
}

:where(html[data-component-document]) .max-w-\[120px\] {
  max-width: 120px;
}

:where(html[data-component-document]) .max-w-\[140px\] {
  max-width: 140px;
}

:where(html[data-component-document]) .max-w-\[160px\] {
  max-width: 160px;
}

:where(html[data-component-document]) .max-w-\[300px\] {
  max-width: 300px;
}

:where(html[data-component-document]) .max-w-\[360px\] {
  max-width: 360px;
}

:where(html[data-component-document]) .max-w-\[400px\] {
  max-width: 400px;
}

:where(html[data-component-document]) .max-w-\[500px\] {
  max-width: 500px;
}

:where(html[data-component-document]) .max-w-\[560px\] {
  max-width: 560px;
}

:where(html[data-component-document]) .max-w-\[760px\] {
  max-width: 760px;
}

:where(html[data-component-document]) .max-w-\[980px\] {
  max-width: 980px;
}

:where(html[data-component-document]) .max-w-\[1100px\] {
  max-width: 1100px;
}

:where(html[data-component-document]) .max-w-\[1440px\] {
  max-width: 1440px;
}

:where(html[data-component-document]) .max-w-full {
  max-width: 100%;
}

:where(html[data-component-document]) .max-w-lg {
  max-width: var(--container-lg);
}

:where(html[data-component-document]) .max-w-md {
  max-width: var(--container-md);
}

:where(html[data-component-document]) .max-w-prose {
  max-width: 65ch;
}

:where(html[data-component-document]) .max-w-screen-2xl {
  max-width: var(--breakpoint-2xl);
}

:where(html[data-component-document]) .max-w-xl {
  max-width: var(--container-xl);
}

:where(html[data-component-document]) .max-w-xs {
  max-width: var(--container-xs);
}

:where(html[data-component-document]) .min-w-0 {
  min-width: 0;
}

:where(html[data-component-document]) .min-w-10 {
  min-width: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .min-w-16 {
  min-width: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .min-w-24 {
  min-width: calc(var(--spacing) * 24);
}

:where(html[data-component-document]) .min-w-40 {
  min-width: calc(var(--spacing) * 40);
}

:where(html[data-component-document]) .min-w-48 {
  min-width: calc(var(--spacing) * 48);
}

:where(html[data-component-document]) .min-w-60 {
  min-width: calc(var(--spacing) * 60);
}

:where(html[data-component-document]) .min-w-64 {
  min-width: calc(var(--spacing) * 64);
}

:where(html[data-component-document]) .min-w-\[7rem\] {
  min-width: 7rem;
}

:where(html[data-component-document]) .min-w-\[10px\] {
  min-width: 10px;
}

:where(html[data-component-document]) .min-w-\[32px\] {
  min-width: 32px;
}

:where(html[data-component-document]) .min-w-\[35\%\] {
  min-width: 35%;
}

:where(html[data-component-document]) .min-w-\[50\%\] {
  min-width: 50%;
}

:where(html[data-component-document]) .min-w-\[56px\] {
  min-width: 56px;
}

:where(html[data-component-document]) .min-w-\[60px\] {
  min-width: 60px;
}

:where(html[data-component-document]) .min-w-\[64px\] {
  min-width: 64px;
}

:where(html[data-component-document]) .min-w-\[65\%\] {
  min-width: 65%;
}

:where(html[data-component-document]) .min-w-\[100px\] {
  min-width: 100px;
}

:where(html[data-component-document]) .min-w-\[140px\] {
  min-width: 140px;
}

:where(html[data-component-document]) .min-w-\[160px\] {
  min-width: 160px;
}

:where(html[data-component-document]) .min-w-\[190px\] {
  min-width: 190px;
}

:where(html[data-component-document]) .min-w-\[200px\] {
  min-width: 200px;
}

:where(html[data-component-document]) .min-w-\[250px\] {
  min-width: 250px;
}

:where(html[data-component-document]) .min-w-\[280px\] {
  min-width: 280px;
}

:where(html[data-component-document]) .min-w-\[300px\] {
  min-width: 300px;
}

:where(html[data-component-document]) .min-w-\[350px\] {
  min-width: 350px;
}

:where(html[data-component-document]) .min-w-\[360px\] {
  min-width: 360px;
}

:where(html[data-component-document]) .min-w-\[380px\] {
  min-width: 380px;
}

:where(html[data-component-document]) .min-w-\[480px\] {
  min-width: 480px;
}

:where(html[data-component-document]) .min-w-\[600px\] {
  min-width: 600px;
}

:where(html[data-component-document]) .min-w-\[720px\] {
  min-width: 720px;
}

:where(html[data-component-document]) .min-w-full {
  min-width: 100%;
}

:where(html[data-component-document]) .min-w-max {
  min-width: max-content;
}

:where(html[data-component-document]) .flex-1 {
  flex: 1;
}

:where(html[data-component-document]) .flex-auto {
  flex: auto;
}

:where(html[data-component-document]) .flex-none {
  flex: none;
}

:where(html[data-component-document]) .shrink {
  flex-shrink: 1;
}

:where(html[data-component-document]) .shrink-0 {
  flex-shrink: 0;
}

:where(html[data-component-document]) .flex-grow, :where(html[data-component-document]) .grow {
  flex-grow: 1;
}

:where(html[data-component-document]) .basis-0 {
  flex-basis: 0;
}

:where(html[data-component-document]) .basis-full {
  flex-basis: 100%;
}

:where(html[data-component-document]) .table-auto {
  table-layout: auto;
}

:where(html[data-component-document]) .table-fixed {
  table-layout: fixed;
}

:where(html[data-component-document]) .\!border-collapse {
  border-collapse: collapse !important;
}

:where(html[data-component-document]) .border-collapse {
  border-collapse: collapse;
}

:where(html[data-component-document]) .-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .translate-y-0\.5 {
  --tw-translate-y: calc(var(--spacing) * .5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .rotate-90 {
  rotate: 90deg;
}

:where(html[data-component-document]) .rotate-180 {
  rotate: 180deg;
}

:where(html[data-component-document]) .transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

:where(html[data-component-document]) .animate-spin {
  animation: var(--animate-spin);
}

:where(html[data-component-document]) .cursor-col-resize {
  cursor: col-resize;
}

:where(html[data-component-document]) .cursor-default {
  cursor: default;
}

:where(html[data-component-document]) .cursor-ew-resize {
  cursor: ew-resize;
}

:where(html[data-component-document]) .cursor-grab {
  cursor: grab;
}

:where(html[data-component-document]) .cursor-help {
  cursor: help;
}

:where(html[data-component-document]) .cursor-not-allowed {
  cursor: not-allowed;
}

:where(html[data-component-document]) .cursor-pointer {
  cursor: pointer;
}

:where(html[data-component-document]) .cursor-wait {
  cursor: wait;
}

:where(html[data-component-document]) .resize {
  resize: both;
}

:where(html[data-component-document]) .resize-y {
  resize: vertical;
}

:where(html[data-component-document]) .\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

:where(html[data-component-document]) .list-inside {
  list-style-position: inside;
}

:where(html[data-component-document]) .list-disc {
  list-style-type: disc;
}

:where(html[data-component-document]) .list-none {
  list-style-type: none;
}

:where(html[data-component-document]) .appearance-none {
  appearance: none;
}

:where(html[data-component-document]) .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

:where(html[data-component-document]) .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(html[data-component-document]) .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:where(html[data-component-document]) .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

:where(html[data-component-document]) .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

:where(html[data-component-document]) .grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-component-document]) .grid-cols-\[1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}

:where(html[data-component-document]) .grid-cols-\[1fr_1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

:where(html[data-component-document]) .grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

:where(html[data-component-document]) .grid-cols-\[1fr_auto_auto\] {
  grid-template-columns: 1fr auto auto;
}

:where(html[data-component-document]) .grid-cols-\[32px_1fr\] {
  grid-template-columns: 32px 1fr;
}

:where(html[data-component-document]) .grid-cols-\[32px_1fr_auto\] {
  grid-template-columns: 32px 1fr auto;
}

:where(html[data-component-document]) .grid-cols-\[64px_1fr_150px_150px_1fr_64px\] {
  grid-template-columns: 64px 1fr 150px 150px 1fr 64px;
}

:where(html[data-component-document]) .grid-cols-\[80\%_auto\] {
  grid-template-columns: 80% auto;
}

:where(html[data-component-document]) .grid-cols-\[350px_minmax\(0\,1fr\)\] {
  grid-template-columns: 350px minmax(0, 1fr);
}

:where(html[data-component-document]) .grid-cols-\[auto_60\%_auto\] {
  grid-template-columns: auto 60% auto;
}

:where(html[data-component-document]) .grid-cols-\[auto_auto\] {
  grid-template-columns: auto auto;
}

:where(html[data-component-document]) .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
}

:where(html[data-component-document]) .grid-cols-\[repeat\(auto-fit\,minmax\(min\(18rem\,100\%\)\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
}

:where(html[data-component-document]) .grid-rows-\[auto_auto\] {
  grid-template-rows: auto auto;
}

:where(html[data-component-document]) .flex-col {
  flex-direction: column;
}

:where(html[data-component-document]) .flex-row {
  flex-direction: row;
}

:where(html[data-component-document]) .flex-nowrap {
  flex-wrap: nowrap;
}

:where(html[data-component-document]) .flex-wrap {
  flex-wrap: wrap;
}

:where(html[data-component-document]) .items-baseline {
  align-items: baseline;
}

:where(html[data-component-document]) .items-center {
  align-items: center;
}

:where(html[data-component-document]) .items-end {
  align-items: flex-end;
}

:where(html[data-component-document]) .items-start {
  align-items: flex-start;
}

:where(html[data-component-document]) .items-stretch {
  align-items: stretch;
}

:where(html[data-component-document]) .\!justify-between {
  justify-content: space-between !important;
}

:where(html[data-component-document]) .justify-around {
  justify-content: space-around;
}

:where(html[data-component-document]) .justify-between {
  justify-content: space-between;
}

:where(html[data-component-document]) .justify-center {
  justify-content: center;
}

:where(html[data-component-document]) .justify-end {
  justify-content: flex-end;
}

:where(html[data-component-document]) .justify-start {
  justify-content: flex-start;
}

:where(html[data-component-document]) .gap-0\.5 {
  gap: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .gap-1 {
  gap: var(--spacing);
}

:where(html[data-component-document]) .gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .gap-2 {
  gap: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .gap-3 {
  gap: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .gap-4 {
  gap: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .gap-5 {
  gap: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .gap-6 {
  gap: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .gap-8 {
  gap: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .gap-10 {
  gap: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .gap-12 {
  gap: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .gap-\[1px\] {
  gap: 1px;
}

:where(html[data-component-document]) .gap-\[2px\] {
  gap: 2px;
}

:where(html[data-component-document]) :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(html[data-component-document]) :where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
  margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
}

:where(html[data-component-document]) :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(html[data-component-document]) :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(html[data-component-document]) :where(.space-y-2\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(html[data-component-document]) :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(html[data-component-document]) :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(html[data-component-document]) :where(.space-y-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(html[data-component-document]) :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(html[data-component-document]) :where(.space-y-8 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}

:where(html[data-component-document]) .gap-x-0 {
  column-gap: 0;
}

:where(html[data-component-document]) .gap-x-1 {
  column-gap: var(--spacing);
}

:where(html[data-component-document]) .gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .gap-x-5 {
  column-gap: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .gap-x-10 {
  column-gap: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .gap-x-12 {
  column-gap: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) :where(.space-x-0 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline: 0;
}

:where(html[data-component-document]) :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(html[data-component-document]) :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(html[data-component-document]) :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(html[data-component-document]) :where(.space-x-8 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
}

:where(html[data-component-document]) .gap-y-0 {
  row-gap: 0;
}

:where(html[data-component-document]) .gap-y-0\.5 {
  row-gap: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .gap-y-1 {
  row-gap: var(--spacing);
}

:where(html[data-component-document]) .gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .gap-y-5 {
  row-gap: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .gap-y-6 {
  row-gap: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .gap-y-10 {
  row-gap: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) :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(html[data-component-document]) :where(.divide-app-gray-100 > :not(:last-child)) {
  border-color: var(--color-app-gray-100);
}

:where(html[data-component-document]) :where(.divide-app-gray-200 > :not(:last-child)) {
  border-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) :where(.divide-ento-100 > :not(:last-child)) {
  border-color: var(--color-ento-100);
}

:where(html[data-component-document]) .button-link-sm {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
  align-self: flex-start;
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-link-sm:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-link-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .self-center {
  align-self: center;
}

:where(html[data-component-document]) .self-end {
  align-self: flex-end;
}

:where(html[data-component-document]) .self-start {
  align-self: flex-start;
}

:where(html[data-component-document]) .justify-self-start {
  justify-self: flex-start;
}

:where(html[data-component-document]) .truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:where(html[data-component-document]) .overflow-auto {
  overflow: auto;
}

:where(html[data-component-document]) .overflow-hidden {
  overflow: hidden;
}

:where(html[data-component-document]) .overflow-visible {
  overflow: visible;
}

:where(html[data-component-document]) .overflow-x-auto {
  overflow-x: auto;
}

:where(html[data-component-document]) .overflow-x-hidden {
  overflow-x: hidden;
}

:where(html[data-component-document]) .overflow-x-scroll {
  overflow-x: scroll;
}

:where(html[data-component-document]) .overflow-y-auto {
  overflow-y: auto;
}

:where(html[data-component-document]) .overflow-y-scroll {
  overflow-y: scroll;
}

:where(html[data-component-document]) .button-outline-md {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-outline-md:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-outline-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .button-outline-sm {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-outline-sm:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-outline-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .callout-amber {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-amber-200);
  background-color: var(--color-app-amber-50);
}

:where(html[data-component-document]) .callout-blue {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-blue-100);
  background-color: var(--color-app-blue-50);
}

:where(html[data-component-document]) .callout-green {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-green-200);
  background-color: var(--color-app-green-50);
}

:where(html[data-component-document]) .callout-red {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-red-200);
  background-color: var(--color-app-red-50);
}

:where(html[data-component-document]) .button-danger-md {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-red-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-danger-md:hover {
    background-color: var(--color-app-red-100);
    color: var(--color-app-red-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-danger-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-red-300);
}

:where(html[data-component-document]) .button-danger-md:active {
  background-color: var(--color-app-red-200);
}

:where(html[data-component-document]) .button-danger-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-red-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-danger-sm:hover {
    background-color: var(--color-app-red-100);
    color: var(--color-app-red-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-danger-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-red-300);
}

:where(html[data-component-document]) .button-danger-sm:active {
  background-color: var(--color-app-red-200);
}

:where(html[data-component-document]) .button-primary-md {
  border-radius: var(--radius-md);
  background-color: var(--color-ento-900);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-primary-md:hover {
    background-color: var(--color-ento-950);
    color: var(--color-white);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-primary-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .button-primary-md:active {
  background-color: var(--color-ento-950);
}

:where(html[data-component-document]) .button-primary-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-ento-900);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-primary-sm:hover {
    background-color: var(--color-ento-950);
    color: var(--color-white);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-primary-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .button-primary-sm:active {
  background-color: var(--color-ento-950);
}

:where(html[data-component-document]) .button-success-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-green-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-green-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-success-sm:hover {
    background-color: var(--color-app-green-100);
    color: var(--color-app-green-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-success-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-green-300);
}

:where(html[data-component-document]) .button-success-sm:active {
  background-color: var(--color-app-green-200);
}

:where(html[data-component-document]) .button-warning-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-yellow-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-warning-sm:hover {
    background-color: var(--color-app-yellow-100);
    color: var(--color-app-yellow-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-warning-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-yellow-300);
}

:where(html[data-component-document]) .button-warning-sm:active {
  background-color: var(--color-app-yellow-200);
}

:where(html[data-component-document]) .button-ghost-sm {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-ghost-sm:hover {
    background-color: var(--color-app-gray-100);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-ghost-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .button-ghost-xs {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-ghost-xs:hover {
    background-color: var(--color-app-gray-100);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-ghost-xs:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .button-secondary-md {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-secondary-md:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-secondary-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .button-secondary-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .button-secondary-sm:hover {
    background-color: var(--color-app-gray-300);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .button-secondary-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .pill-blue-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-blue-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-blue-700);
}

:where(html[data-component-document]) .pill-gray-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-700);
}

:where(html[data-component-document]) .pill-green-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-emerald-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-emerald-700);
}

:where(html[data-component-document]) .pill-indigo-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-indigo-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-indigo-600);
}

:where(html[data-component-document]) .pill-red-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-red-700);
}

:where(html[data-component-document]) .pill-yellow-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-golden-700);
}

:where(html[data-component-document]) .rounded {
  border-radius: .25rem;
}

:where(html[data-component-document]) .rounded-2xl {
  border-radius: var(--radius-2xl);
}

:where(html[data-component-document]) .rounded-\[4px\] {
  border-radius: 4px;
}

:where(html[data-component-document]) .rounded-\[5px\] {
  border-radius: 5px;
}

:where(html[data-component-document]) .rounded-\[10px\] {
  border-radius: 10px;
}

:where(html[data-component-document]) .rounded-full {
  border-radius: 3.40282e38px;
}

:where(html[data-component-document]) .rounded-lg {
  border-radius: var(--radius-lg);
}

:where(html[data-component-document]) .rounded-md {
  border-radius: var(--radius-md);
}

:where(html[data-component-document]) .rounded-none {
  border-radius: 0;
}

:where(html[data-component-document]) .rounded-sm {
  border-radius: var(--radius-sm);
}

:where(html[data-component-document]) .rounded-xl {
  border-radius: var(--radius-xl);
}

:where(html[data-component-document]) .rounded-xs {
  border-radius: var(--radius-xs);
}

:where(html[data-component-document]) .rounded-t-2xl {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

:where(html[data-component-document]) .rounded-t-lg {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

:where(html[data-component-document]) .rounded-t-md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

:where(html[data-component-document]) .rounded-t-sm {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
}

:where(html[data-component-document]) .rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

:where(html[data-component-document]) .\!rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

:where(html[data-component-document]) .rounded-l-lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

:where(html[data-component-document]) .rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

:where(html[data-component-document]) .rounded-l-sm {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

:where(html[data-component-document]) .rounded-tl-md {
  border-top-left-radius: var(--radius-md);
}

:where(html[data-component-document]) .rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

:where(html[data-component-document]) .rounded-r-md {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

:where(html[data-component-document]) .rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

:where(html[data-component-document]) .rounded-tr-md {
  border-top-right-radius: var(--radius-md);
}

:where(html[data-component-document]) .rounded-b-lg {
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

:where(html[data-component-document]) .rounded-b-md {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

:where(html[data-component-document]) .rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

:where(html[data-component-document]) .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

:where(html[data-component-document]) .border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}

:where(html[data-component-document]) .border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

:where(html[data-component-document]) .border-\[0\.5px\] {
  border-style: var(--tw-border-style);
  border-width: .5px;
}

:where(html[data-component-document]) .border-x {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}

:where(html[data-component-document]) .border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}

:where(html[data-component-document]) .border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

:where(html[data-component-document]) .border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
}

:where(html[data-component-document]) .border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}

:where(html[data-component-document]) .border-t-\[16px\] {
  border-top-style: var(--tw-border-style);
  border-top-width: 16px;
}

:where(html[data-component-document]) .border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

:where(html[data-component-document]) .border-r-0 {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

:where(html[data-component-document]) .border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

:where(html[data-component-document]) .border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

:where(html[data-component-document]) .border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

:where(html[data-component-document]) .border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

:where(html[data-component-document]) .border-l-0 {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

:where(html[data-component-document]) .border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}

:where(html[data-component-document]) .border-l-4 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}

:where(html[data-component-document]) .border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}

:where(html[data-component-document]) .border-dotted {
  --tw-border-style: dotted;
  border-style: dotted;
}

:where(html[data-component-document]) .border-none {
  --tw-border-style: none;
  border-style: none;
}

:where(html[data-component-document]) .border-solid {
  --tw-border-style: solid;
  border-style: solid;
}

:where(html[data-component-document]) .\!border-app-blue-50 {
  border-color: var(--color-app-blue-50) !important;
}

:where(html[data-component-document]) .\!border-app-blue-700 {
  border-color: var(--color-app-blue-700) !important;
}

:where(html[data-component-document]) .\!border-app-gray-50 {
  border-color: var(--color-app-gray-50) !important;
}

:where(html[data-component-document]) .\!border-app-gray-700 {
  border-color: var(--color-app-gray-700) !important;
}

:where(html[data-component-document]) .\!border-app-red-50 {
  border-color: var(--color-app-red-50) !important;
}

:where(html[data-component-document]) .\!border-app-red-700 {
  border-color: var(--color-app-red-700) !important;
}

:where(html[data-component-document]) .\!border-app-yellow-50 {
  border-color: var(--color-app-yellow-50) !important;
}

:where(html[data-component-document]) .\!border-app-yellow-700 {
  border-color: var(--color-app-yellow-700) !important;
}

:where(html[data-component-document]) .border-app-amber-200 {
  border-color: var(--color-app-amber-200);
}

:where(html[data-component-document]) .border-app-blue-50 {
  border-color: var(--color-app-blue-50);
}

:where(html[data-component-document]) .border-app-blue-100 {
  border-color: var(--color-app-blue-100);
}

:where(html[data-component-document]) .border-app-blue-200 {
  border-color: var(--color-app-blue-200);
}

:where(html[data-component-document]) .border-app-blue-300 {
  border-color: var(--color-app-blue-300);
}

:where(html[data-component-document]) .border-app-blue-400 {
  border-color: var(--color-app-blue-400);
}

:where(html[data-component-document]) .border-app-blue-500 {
  border-color: var(--color-app-blue-500);
}

:where(html[data-component-document]) .border-app-blue-600 {
  border-color: var(--color-app-blue-600);
}

:where(html[data-component-document]) .border-app-emerald-200 {
  border-color: var(--color-app-emerald-200);
}

:where(html[data-component-document]) .border-app-gray-100 {
  border-color: var(--color-app-gray-100);
}

:where(html[data-component-document]) .border-app-gray-200 {
  border-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .border-app-gray-300 {
  border-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .border-app-gray-400 {
  border-color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .border-app-gray-500 {
  border-color: var(--color-app-gray-500);
}

:where(html[data-component-document]) .border-app-gray-900 {
  border-color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .border-app-green-200 {
  border-color: var(--color-app-green-200);
}

:where(html[data-component-document]) .border-app-green-600 {
  border-color: var(--color-app-green-600);
}

:where(html[data-component-document]) .border-app-orange-200 {
  border-color: var(--color-app-orange-200);
}

:where(html[data-component-document]) .border-app-orange-300 {
  border-color: var(--color-app-orange-300);
}

:where(html[data-component-document]) .border-app-orange-500 {
  border-color: var(--color-app-orange-500);
}

:where(html[data-component-document]) .border-app-pink-500 {
  border-color: var(--color-app-pink-500);
}

:where(html[data-component-document]) .border-app-purple-100 {
  border-color: var(--color-app-purple-100);
}

:where(html[data-component-document]) .border-app-purple-200 {
  border-color: var(--color-app-purple-200);
}

:where(html[data-component-document]) .border-app-purple-400 {
  border-color: var(--color-app-purple-400);
}

:where(html[data-component-document]) .border-app-purple-500 {
  border-color: var(--color-app-purple-500);
}

:where(html[data-component-document]) .border-app-red-100 {
  border-color: var(--color-app-red-100);
}

:where(html[data-component-document]) .border-app-red-200 {
  border-color: var(--color-app-red-200);
}

:where(html[data-component-document]) .border-app-red-300 {
  border-color: var(--color-app-red-300);
}

:where(html[data-component-document]) .border-app-red-400 {
  border-color: var(--color-app-red-400);
}

:where(html[data-component-document]) .border-app-red-500 {
  border-color: var(--color-app-red-500);
}

:where(html[data-component-document]) .border-app-red-600 {
  border-color: var(--color-app-red-600);
}

:where(html[data-component-document]) .border-app-rose-50 {
  border-color: var(--color-app-rose-50);
}

:where(html[data-component-document]) .border-app-rose-200 {
  border-color: var(--color-app-rose-200);
}

:where(html[data-component-document]) .border-app-sky-200 {
  border-color: var(--color-app-sky-200);
}

:where(html[data-component-document]) .border-app-slate-100 {
  border-color: var(--color-app-slate-100);
}

:where(html[data-component-document]) .border-app-slate-200 {
  border-color: var(--color-app-slate-200);
}

:where(html[data-component-document]) .border-app-yellow-50 {
  border-color: var(--color-app-yellow-50);
}

:where(html[data-component-document]) .border-app-yellow-200 {
  border-color: var(--color-app-yellow-200);
}

:where(html[data-component-document]) .border-app-yellow-300 {
  border-color: var(--color-app-yellow-300);
}

:where(html[data-component-document]) .border-black {
  border-color: var(--color-black);
}

:where(html[data-component-document]) .border-ento-100 {
  border-color: var(--color-ento-100);
}

:where(html[data-component-document]) .border-ento-200 {
  border-color: var(--color-ento-200);
}

:where(html[data-component-document]) .border-ento-300 {
  border-color: var(--color-ento-300);
}

:where(html[data-component-document]) .border-ento-500 {
  border-color: var(--color-ento-500);
}

:where(html[data-component-document]) .border-ento-600 {
  border-color: var(--color-ento-600);
}

:where(html[data-component-document]) .border-ento-900 {
  border-color: var(--color-ento-900);
}

:where(html[data-component-document]) .border-gray-100 {
  border-color: var(--color-gray-100);
}

:where(html[data-component-document]) .border-gray-200 {
  border-color: var(--color-gray-200);
}

:where(html[data-component-document]) .border-gray-300 {
  border-color: var(--color-gray-300);
}

:where(html[data-component-document]) .border-gray-500 {
  border-color: var(--color-gray-500);
}

:where(html[data-component-document]) .border-gray-900 {
  border-color: var(--color-gray-900);
}

:where(html[data-component-document]) .border-red-500 {
  border-color: var(--color-red-500);
}

:where(html[data-component-document]) .border-transparent {
  border-color: #0000;
}

:where(html[data-component-document]) .border-white {
  border-color: var(--color-white);
}

:where(html[data-component-document]) .border-t-gray-300 {
  border-top-color: var(--color-gray-300);
}

:where(html[data-component-document]) .border-t-transparent {
  border-top-color: #0000;
}

:where(html[data-component-document]) .border-r-app-gray-300 {
  border-right-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .border-b-gray-300 {
  border-bottom-color: var(--color-gray-300);
}

:where(html[data-component-document]) .border-l-app-gray-300 {
  border-left-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .border-l-ento-700 {
  border-left-color: var(--color-ento-700);
}

:where(html[data-component-document]) .\!bg-app-blue-50 {
  background-color: var(--color-app-blue-50) !important;
}

:where(html[data-component-document]) .\!bg-app-emerald-50 {
  background-color: var(--color-app-emerald-50) !important;
}

:where(html[data-component-document]) .\!bg-app-gray-50 {
  background-color: var(--color-app-gray-50) !important;
}

:where(html[data-component-document]) .\!bg-app-red-50 {
  background-color: var(--color-app-red-50) !important;
}

:where(html[data-component-document]) .\!bg-app-violet-50 {
  background-color: var(--color-app-violet-50) !important;
}

:where(html[data-component-document]) .\!bg-app-yellow-50 {
  background-color: var(--color-app-yellow-50) !important;
}

:where(html[data-component-document]) .bg-\[\#8353ff\] {
  background-color: #8353ff;
}

:where(html[data-component-document]) .bg-\[var\(--ui-color-action\)\] {
  background-color: var(--ui-color-action);
}

:where(html[data-component-document]) .bg-\[var\(--ui-color-action-soft\)\] {
  background-color: var(--ui-color-action-soft);
}

:where(html[data-component-document]) .bg-amber-50 {
  background-color: var(--color-amber-50);
}

:where(html[data-component-document]) .bg-app-amber-50 {
  background-color: var(--color-app-amber-50);
}

:where(html[data-component-document]) .bg-app-amber-100 {
  background-color: var(--color-app-amber-100);
}

:where(html[data-component-document]) .bg-app-amber-500 {
  background-color: var(--color-app-amber-500);
}

:where(html[data-component-document]) .bg-app-blue-50 {
  background-color: var(--color-app-blue-50);
}

:where(html[data-component-document]) .bg-app-blue-100 {
  background-color: var(--color-app-blue-100);
}

:where(html[data-component-document]) .bg-app-blue-200 {
  background-color: var(--color-app-blue-200);
}

:where(html[data-component-document]) .bg-app-blue-500 {
  background-color: var(--color-app-blue-500);
}

:where(html[data-component-document]) .bg-app-blue-500\/10 {
  background-color: #3b82f61a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-blue-500\/10 {
    background-color: color-mix(in oklab, var(--color-app-blue-500) 10%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-blue-600 {
  background-color: var(--color-app-blue-600);
}

:where(html[data-component-document]) .bg-app-blue-700 {
  background-color: var(--color-app-blue-700);
}

:where(html[data-component-document]) .bg-app-cyan-50 {
  background-color: var(--color-app-cyan-50);
}

:where(html[data-component-document]) .bg-app-cyan-500 {
  background-color: var(--color-app-cyan-500);
}

:where(html[data-component-document]) .bg-app-emerald-50 {
  background-color: var(--color-app-emerald-50);
}

:where(html[data-component-document]) .bg-app-emerald-100 {
  background-color: var(--color-app-emerald-100);
}

:where(html[data-component-document]) .bg-app-emerald-500 {
  background-color: var(--color-app-emerald-500);
}

:where(html[data-component-document]) .bg-app-emerald-700 {
  background-color: var(--color-app-emerald-700);
}

:where(html[data-component-document]) .bg-app-fuchsia-500 {
  background-color: var(--color-app-fuchsia-500);
}

:where(html[data-component-document]) .bg-app-gray-50 {
  background-color: var(--color-app-gray-50);
}

:where(html[data-component-document]) .bg-app-gray-50\/50 {
  background-color: #f9fafb80;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-gray-50\/50 {
    background-color: color-mix(in oklab, var(--color-app-gray-50) 50%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-gray-100 {
  background-color: var(--color-app-gray-100);
}

:where(html[data-component-document]) .bg-app-gray-100\/80 {
  background-color: #f3f4f6cc;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-gray-100\/80 {
    background-color: color-mix(in oklab, var(--color-app-gray-100) 80%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-gray-200 {
  background-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .bg-app-gray-300 {
  background-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .bg-app-gray-400 {
  background-color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .bg-app-gray-500 {
  background-color: var(--color-app-gray-500);
}

:where(html[data-component-document]) .bg-app-gray-600 {
  background-color: var(--color-app-gray-600);
}

:where(html[data-component-document]) .bg-app-gray-600\/50 {
  background-color: #4b556380;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-gray-600\/50 {
    background-color: color-mix(in oklab, var(--color-app-gray-600) 50%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-gray-700 {
  background-color: var(--color-app-gray-700);
}

:where(html[data-component-document]) .bg-app-gray-900 {
  background-color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .bg-app-green-50 {
  background-color: var(--color-app-green-50);
}

:where(html[data-component-document]) .bg-app-green-100 {
  background-color: var(--color-app-green-100);
}

:where(html[data-component-document]) .bg-app-green-500 {
  background-color: var(--color-app-green-500);
}

:where(html[data-component-document]) .bg-app-green-600 {
  background-color: var(--color-app-green-600);
}

:where(html[data-component-document]) .bg-app-green-700 {
  background-color: var(--color-app-green-700);
}

:where(html[data-component-document]) .bg-app-indigo-50 {
  background-color: var(--color-app-indigo-50);
}

:where(html[data-component-document]) .bg-app-indigo-700 {
  background-color: var(--color-app-indigo-700);
}

:where(html[data-component-document]) .bg-app-orange-50 {
  background-color: var(--color-app-orange-50);
}

:where(html[data-component-document]) .bg-app-orange-100 {
  background-color: var(--color-app-orange-100);
}

:where(html[data-component-document]) .bg-app-orange-200 {
  background-color: var(--color-app-orange-200);
}

:where(html[data-component-document]) .bg-app-orange-400 {
  background-color: var(--color-app-orange-400);
}

:where(html[data-component-document]) .bg-app-orange-500 {
  background-color: var(--color-app-orange-500);
}

:where(html[data-component-document]) .bg-app-orange-500\/10 {
  background-color: #f973161a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-orange-500\/10 {
    background-color: color-mix(in oklab, var(--color-app-orange-500) 10%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-pink-100 {
  background-color: var(--color-app-pink-100);
}

:where(html[data-component-document]) .bg-app-pink-500 {
  background-color: var(--color-app-pink-500);
}

:where(html[data-component-document]) .bg-app-pink-500\/10 {
  background-color: #ec48991a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-pink-500\/10 {
    background-color: color-mix(in oklab, var(--color-app-pink-500) 10%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-purple-50 {
  background-color: var(--color-app-purple-50);
}

:where(html[data-component-document]) .bg-app-purple-100 {
  background-color: var(--color-app-purple-100);
}

:where(html[data-component-document]) .bg-app-purple-500 {
  background-color: var(--color-app-purple-500);
}

:where(html[data-component-document]) .bg-app-red-50 {
  background-color: var(--color-app-red-50);
}

:where(html[data-component-document]) .bg-app-red-100 {
  background-color: var(--color-app-red-100);
}

:where(html[data-component-document]) .bg-app-red-200 {
  background-color: var(--color-app-red-200);
}

:where(html[data-component-document]) .bg-app-red-500 {
  background-color: var(--color-app-red-500);
}

:where(html[data-component-document]) .bg-app-red-600 {
  background-color: var(--color-app-red-600);
}

:where(html[data-component-document]) .bg-app-red-700 {
  background-color: var(--color-app-red-700);
}

:where(html[data-component-document]) .bg-app-rose-50 {
  background-color: var(--color-app-rose-50);
}

:where(html[data-component-document]) .bg-app-rose-100 {
  background-color: var(--color-app-rose-100);
}

:where(html[data-component-document]) .bg-app-rose-600 {
  background-color: var(--color-app-rose-600);
}

:where(html[data-component-document]) .bg-app-sky-50 {
  background-color: var(--color-app-sky-50);
}

:where(html[data-component-document]) .bg-app-sky-100 {
  background-color: var(--color-app-sky-100);
}

:where(html[data-component-document]) .bg-app-slate-50 {
  background-color: var(--color-app-slate-50);
}

:where(html[data-component-document]) .bg-app-slate-100 {
  background-color: var(--color-app-slate-100);
}

:where(html[data-component-document]) .bg-app-stone-50 {
  background-color: var(--color-app-stone-50);
}

:where(html[data-component-document]) .bg-app-teal-700 {
  background-color: var(--color-app-teal-700);
}

:where(html[data-component-document]) .bg-app-violet-50 {
  background-color: var(--color-app-violet-50);
}

:where(html[data-component-document]) .bg-app-yellow-50 {
  background-color: var(--color-app-yellow-50);
}

:where(html[data-component-document]) .bg-app-yellow-100 {
  background-color: var(--color-app-yellow-100);
}

:where(html[data-component-document]) .bg-app-yellow-300 {
  background-color: var(--color-app-yellow-300);
}

:where(html[data-component-document]) .bg-app-yellow-300\/10 {
  background-color: #fde0471a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-app-yellow-300\/10 {
    background-color: color-mix(in oklab, var(--color-app-yellow-300) 10%, transparent);
  }
}

:where(html[data-component-document]) .bg-app-yellow-400 {
  background-color: var(--color-app-yellow-400);
}

:where(html[data-component-document]) .bg-app-yellow-500 {
  background-color: var(--color-app-yellow-500);
}

:where(html[data-component-document]) .bg-app-yellow-700 {
  background-color: var(--color-app-yellow-700);
}

:where(html[data-component-document]) .bg-app-zinc-50 {
  background-color: var(--color-app-zinc-50);
}

:where(html[data-component-document]) .bg-app-zinc-100 {
  background-color: var(--color-app-zinc-100);
}

:where(html[data-component-document]) .bg-black {
  background-color: var(--color-black);
}

:where(html[data-component-document]) .bg-black\/40 {
  background-color: #0006;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-black\/40 {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}

:where(html[data-component-document]) .bg-black\/50 {
  background-color: #00000080;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-black\/50 {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}

:where(html[data-component-document]) .bg-blue-50 {
  background-color: var(--color-blue-50);
}

:where(html[data-component-document]) .bg-blue-100 {
  background-color: var(--color-blue-100);
}

:where(html[data-component-document]) .bg-emerald-50 {
  background-color: var(--color-emerald-50);
}

:where(html[data-component-document]) .bg-emerald-100 {
  background-color: var(--color-emerald-100);
}

:where(html[data-component-document]) .bg-emerald-700 {
  background-color: var(--color-emerald-700);
}

:where(html[data-component-document]) .bg-emerald-900 {
  background-color: var(--color-emerald-900);
}

:where(html[data-component-document]) .bg-energylabel-a2015 {
  background-color: var(--color-energylabel-a2015);
}

:where(html[data-component-document]) .bg-energylabel-a2020 {
  background-color: var(--color-energylabel-a2020);
}

:where(html[data-component-document]) .bg-energylabel-b {
  background-color: var(--color-energylabel-b);
}

:where(html[data-component-document]) .bg-energylabel-c {
  background-color: var(--color-energylabel-c);
}

:where(html[data-component-document]) .bg-energylabel-d {
  background-color: var(--color-energylabel-d);
}

:where(html[data-component-document]) .bg-energylabel-e {
  background-color: var(--color-energylabel-e);
}

:where(html[data-component-document]) .bg-energylabel-f {
  background-color: var(--color-energylabel-f);
}

:where(html[data-component-document]) .bg-energylabel-g {
  background-color: var(--color-energylabel-g);
}

:where(html[data-component-document]) .bg-ento-50 {
  background-color: var(--color-ento-50);
}

:where(html[data-component-document]) .bg-ento-100 {
  background-color: var(--color-ento-100);
}

:where(html[data-component-document]) .bg-ento-300 {
  background-color: var(--color-ento-300);
}

:where(html[data-component-document]) .bg-ento-500 {
  background-color: var(--color-ento-500);
}

:where(html[data-component-document]) .bg-ento-600 {
  background-color: var(--color-ento-600);
}

:where(html[data-component-document]) .bg-ento-700 {
  background-color: var(--color-ento-700);
}

:where(html[data-component-document]) .bg-ento-900 {
  background-color: var(--color-ento-900);
}

:where(html[data-component-document]) .bg-ento-900\/10 {
  background-color: #8353ff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where(html[data-component-document]) .bg-ento-900\/10 {
    background-color: color-mix(in oklab, var(--color-ento-900) 10%, transparent);
  }
}

:where(html[data-component-document]) .bg-ento-950 {
  background-color: var(--color-ento-950);
}

:where(html[data-component-document]) .bg-gray-50 {
  background-color: var(--color-gray-50);
}

:where(html[data-component-document]) .bg-gray-100 {
  background-color: var(--color-gray-100);
}

:where(html[data-component-document]) .bg-gray-200 {
  background-color: var(--color-gray-200);
}

:where(html[data-component-document]) .bg-gray-900 {
  background-color: var(--color-gray-900);
}

:where(html[data-component-document]) .bg-green-50 {
  background-color: var(--color-green-50);
}

:where(html[data-component-document]) .bg-indigo-50 {
  background-color: var(--color-indigo-50);
}

:where(html[data-component-document]) .bg-indigo-100 {
  background-color: var(--color-indigo-100);
}

:where(html[data-component-document]) .bg-known-error-soft {
  background-color: var(--color-known-error-soft);
}

:where(html[data-component-document]) .bg-orange-100 {
  background-color: var(--color-orange-100);
}

:where(html[data-component-document]) .bg-pastel-0 {
  background-color: var(--color-pastel-0);
}

:where(html[data-component-document]) .bg-purple-100 {
  background-color: var(--color-purple-100);
}

:where(html[data-component-document]) .bg-red-50 {
  background-color: var(--color-red-50);
}

:where(html[data-component-document]) .bg-sky-100 {
  background-color: var(--color-sky-100);
}

:where(html[data-component-document]) .bg-slate-50 {
  background-color: var(--color-slate-50);
}

:where(html[data-component-document]) .bg-transparent {
  background-color: #0000;
}

:where(html[data-component-document]) .bg-violet-50 {
  background-color: var(--color-violet-50);
}

:where(html[data-component-document]) .bg-white {
  background-color: var(--color-white);
}

:where(html[data-component-document]) .bg-yellow-50 {
  background-color: var(--color-yellow-50);
}

:where(html[data-component-document]) .bg-yellow-100 {
  background-color: var(--color-yellow-100);
}

:where(html[data-component-document]) .bg-zinc-100 {
  background-color: var(--color-zinc-100);
}

:where(html[data-component-document]) .bg-linear-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where(html[data-component-document]) .bg-gradient-to-bl {
  --tw-gradient-position: to bottom left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where(html[data-component-document]) .bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where(html[data-component-document]) .bg-gradient-to-tl {
  --tw-gradient-position: to top left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where(html[data-component-document]) .from-app-blue-50 {
  --tw-gradient-from: var(--color-app-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));
}

:where(html[data-component-document]) .from-app-green-600 {
  --tw-gradient-from: var(--color-app-green-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));
}

:where(html[data-component-document]) .from-app-purple-50 {
  --tw-gradient-from: var(--color-app-purple-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));
}

:where(html[data-component-document]) .from-emerald-700 {
  --tw-gradient-from: var(--color-emerald-700);
  --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));
}

:where(html[data-component-document]) .from-energylabel-a2010 {
  --tw-gradient-from: var(--color-energylabel-a2010);
  --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));
}

:where(html[data-component-document]) .from-energylabel-f {
  --tw-gradient-from: var(--color-energylabel-f);
  --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));
}

:where(html[data-component-document]) .from-energylabel-g {
  --tw-gradient-from: var(--color-energylabel-g);
  --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));
}

:where(html[data-component-document]) .to-app-emerald-600 {
  --tw-gradient-to: var(--color-app-emerald-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));
}

:where(html[data-component-document]) .to-app-gray-50 {
  --tw-gradient-to: var(--color-app-gray-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));
}

:where(html[data-component-document]) .to-emerald-900 {
  --tw-gradient-to: var(--color-emerald-900);
  --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));
}

:where(html[data-component-document]) .to-energylabel-b {
  --tw-gradient-to: var(--color-energylabel-b);
  --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));
}

:where(html[data-component-document]) .to-energylabel-g {
  --tw-gradient-to: var(--color-energylabel-g);
  --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));
}

:where(html[data-component-document]) .to-energylabel-purple {
  --tw-gradient-to: var(--color-energylabel-purple);
  --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));
}

:where(html[data-component-document]) .bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

:where(html[data-component-document]) .object-contain {
  object-fit: contain;
}

:where(html[data-component-document]) .object-cover {
  object-fit: cover;
}

:where(html[data-component-document]) .object-center {
  object-position: center;
}

:where(html[data-component-document]) .\!p-2 {
  padding: calc(var(--spacing) * 2) !important;
}

:where(html[data-component-document]) .\!p-6 {
  padding: calc(var(--spacing) * 6) !important;
}

:where(html[data-component-document]) .p-0 {
  padding: 0;
}

:where(html[data-component-document]) .p-0\.5 {
  padding: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .p-1 {
  padding: var(--spacing);
}

:where(html[data-component-document]) .p-2 {
  padding: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}

:where(html[data-component-document]) .p-3 {
  padding: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .p-4 {
  padding: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .p-4\! {
  padding: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .p-5 {
  padding: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .p-6 {
  padding: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .p-8 {
  padding: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .p-10 {
  padding: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .p-12 {
  padding: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .p-\[1px\] {
  padding: 1px;
}

:where(html[data-component-document]) .px-0 {
  padding-inline: 0;
}

:where(html[data-component-document]) .px-0\! {
  padding-inline: 0 !important;
}

:where(html[data-component-document]) .px-1 {
  padding-inline: var(--spacing);
}

:where(html[data-component-document]) .px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}

:where(html[data-component-document]) .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .px-3\! {
  padding-inline: calc(var(--spacing) * 3) !important;
}

:where(html[data-component-document]) .px-4 {
  padding-inline: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .px-4\! {
  padding-inline: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .px-5 {
  padding-inline: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .px-8 {
  padding-inline: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .px-10 {
  padding-inline: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .px-12 {
  padding-inline: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .px-16 {
  padding-inline: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .px-\[5px\] {
  padding-inline: 5px;
}

:where(html[data-component-document]) .\!py-6 {
  padding-block: calc(var(--spacing) * 6) !important;
}

:where(html[data-component-document]) .py-0 {
  padding-block: 0;
}

:where(html[data-component-document]) .py-0\! {
  padding-block: 0 !important;
}

:where(html[data-component-document]) .py-0\.5 {
  padding-block: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .py-1 {
  padding-block: var(--spacing);
}

:where(html[data-component-document]) .py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .py-2 {
  padding-block: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}

:where(html[data-component-document]) .py-3 {
  padding-block: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .py-3\! {
  padding-block: calc(var(--spacing) * 3) !important;
}

:where(html[data-component-document]) .py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}

:where(html[data-component-document]) .py-4 {
  padding-block: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .py-5 {
  padding-block: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .py-6 {
  padding-block: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .py-8 {
  padding-block: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .py-10 {
  padding-block: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .py-12 {
  padding-block: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .py-16 {
  padding-block: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .py-24 {
  padding-block: calc(var(--spacing) * 24);
}

:where(html[data-component-document]) .py-\[1px\] {
  padding-block: 1px;
}

:where(html[data-component-document]) .\!pt-4 {
  padding-top: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .pt-0 {
  padding-top: 0;
}

:where(html[data-component-document]) .pt-0\! {
  padding-top: 0 !important;
}

:where(html[data-component-document]) .pt-1 {
  padding-top: var(--spacing);
}

:where(html[data-component-document]) .pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}

:where(html[data-component-document]) .pt-2 {
  padding-top: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .pt-3 {
  padding-top: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .pt-4 {
  padding-top: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .pt-5 {
  padding-top: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .pt-6 {
  padding-top: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .pt-8 {
  padding-top: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .pt-12 {
  padding-top: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .pr-0 {
  padding-right: 0;
}

:where(html[data-component-document]) .pr-1 {
  padding-right: var(--spacing);
}

:where(html[data-component-document]) .pr-2 {
  padding-right: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .pr-3 {
  padding-right: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .pr-4 {
  padding-right: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .pr-6 {
  padding-right: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .pr-9 {
  padding-right: calc(var(--spacing) * 9);
}

:where(html[data-component-document]) .pr-16 {
  padding-right: calc(var(--spacing) * 16);
}

:where(html[data-component-document]) .pr-44 {
  padding-right: calc(var(--spacing) * 44);
}

:where(html[data-component-document]) .\!pb-0 {
  padding-bottom: 0 !important;
}

:where(html[data-component-document]) .\!pb-4 {
  padding-bottom: calc(var(--spacing) * 4) !important;
}

:where(html[data-component-document]) .\!pb-6 {
  padding-bottom: calc(var(--spacing) * 6) !important;
}

:where(html[data-component-document]) .pb-0 {
  padding-bottom: 0;
}

:where(html[data-component-document]) .pb-0\! {
  padding-bottom: 0 !important;
}

:where(html[data-component-document]) .pb-1 {
  padding-bottom: var(--spacing);
}

:where(html[data-component-document]) .pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .pl-0 {
  padding-left: 0;
}

:where(html[data-component-document]) .pl-0\.5 {
  padding-left: calc(var(--spacing) * .5);
}

:where(html[data-component-document]) .pl-1 {
  padding-left: var(--spacing);
}

:where(html[data-component-document]) .pl-2 {
  padding-left: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .pl-4 {
  padding-left: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .pl-5 {
  padding-left: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .pl-6 {
  padding-left: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .pl-7 {
  padding-left: calc(var(--spacing) * 7);
}

:where(html[data-component-document]) .pl-8 {
  padding-left: calc(var(--spacing) * 8);
}

:where(html[data-component-document]) .pl-9 {
  padding-left: calc(var(--spacing) * 9);
}

:where(html[data-component-document]) .pl-10 {
  padding-left: calc(var(--spacing) * 10);
}

:where(html[data-component-document]) .pl-12 {
  padding-left: calc(var(--spacing) * 12);
}

:where(html[data-component-document]) .\!text-center {
  text-align: center !important;
}

:where(html[data-component-document]) .\!text-right {
  text-align: right !important;
}

:where(html[data-component-document]) .text-center {
  text-align: center;
}

:where(html[data-component-document]) .text-left {
  text-align: left;
}

:where(html[data-component-document]) .text-right {
  text-align: right;
}

:where(html[data-component-document]) .\!align-middle {
  vertical-align: middle !important;
}

:where(html[data-component-document]) .align-middle {
  vertical-align: middle;
}

:where(html[data-component-document]) .align-top {
  vertical-align: top;
}

:where(html[data-component-document]) .font-mono {
  font-family: var(--font-mono);
}

:where(html[data-component-document]) .font-sans {
  font-family: soehne, sans-serif;
}

:where(html[data-component-document]) .heading-1 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .heading-3 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .heading-4 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .heading-number {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .paragraph-dark {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .paragraph-light {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .subheading {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

:where(html[data-component-document]) .text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

:where(html[data-component-document]) .text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

:where(html[data-component-document]) .text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}

:where(html[data-component-document]) .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

:where(html[data-component-document]) .text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

:where(html[data-component-document]) .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:where(html[data-component-document]) .text-sm\/5 {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

:where(html[data-component-document]) .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

:where(html[data-component-document]) .text-xs\/5 {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .text-xs\/6 {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .dialog-heading {
  --tw-font-weight: var(--font-weight-bold);
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
}

:where(html[data-component-document]) .text-\[2\.5rem\] {
  font-size: 2.5rem;
}

:where(html[data-component-document]) .text-\[5\.5rem\] {
  font-size: 5.5rem;
}

:where(html[data-component-document]) .text-\[8px\] {
  font-size: 8px;
}

:where(html[data-component-document]) .text-\[10px\] {
  font-size: 10px;
}

:where(html[data-component-document]) .text-\[11px\] {
  font-size: 11px;
}

:where(html[data-component-document]) .text-\[12px\] {
  font-size: 12px;
}

:where(html[data-component-document]) .text-\[13px\] {
  font-size: 13px;
}

:where(html[data-component-document]) .text-\[64px\] {
  font-size: 64px;
}

:where(html[data-component-document]) .text-\[80\%\] {
  font-size: 80%;
}

:where(html[data-component-document]) .leading-3 {
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}

:where(html[data-component-document]) .leading-\[1px\] {
  --tw-leading: 1px;
  line-height: 1px;
}

:where(html[data-component-document]) .leading-\[14px\] {
  --tw-leading: 14px;
  line-height: 14px;
}

:where(html[data-component-document]) .leading-\[72px\] {
  --tw-leading: 72px;
  line-height: 72px;
}

:where(html[data-component-document]) .leading-none {
  --tw-leading: 1;
  line-height: 1;
}

:where(html[data-component-document]) .leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}

:where(html[data-component-document]) .leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

:where(html[data-component-document]) .leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}

:where(html[data-component-document]) .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}

:where(html[data-component-document]) .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

:where(html[data-component-document]) .font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}

:where(html[data-component-document]) .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

:where(html[data-component-document]) .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

:where(html[data-component-document]) .tracking-\[0\.06em\] {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

:where(html[data-component-document]) .tracking-\[0\.08em\] {
  --tw-tracking: .08em;
  letter-spacing: .08em;
}

:where(html[data-component-document]) .tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}

:where(html[data-component-document]) .tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

:where(html[data-component-document]) .tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

:where(html[data-component-document]) .tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}

:where(html[data-component-document]) .wrap-break-word {
  overflow-wrap: break-word;
}

:where(html[data-component-document]) .break-all {
  word-break: break-all;
}

:where(html[data-component-document]) .\!whitespace-nowrap {
  white-space: nowrap !important;
}

:where(html[data-component-document]) .whitespace-normal {
  white-space: normal;
}

:where(html[data-component-document]) .whitespace-nowrap {
  white-space: nowrap;
}

:where(html[data-component-document]) .whitespace-pre-line {
  white-space: pre-line;
}

:where(html[data-component-document]) .whitespace-pre-wrap {
  white-space: pre-wrap;
}

:where(html[data-component-document]) .link-text {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .link-text:hover {
    color: var(--color-ento-900);
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .\!text-app-blue-700 {
  color: var(--color-app-blue-700) !important;
}

:where(html[data-component-document]) .\!text-app-blue-900 {
  color: var(--color-app-blue-900) !important;
}

:where(html[data-component-document]) .\!text-app-emerald-600 {
  color: var(--color-app-emerald-600) !important;
}

:where(html[data-component-document]) .\!text-app-gray-700 {
  color: var(--color-app-gray-700) !important;
}

:where(html[data-component-document]) .\!text-app-red-700 {
  color: var(--color-app-red-700) !important;
}

:where(html[data-component-document]) .\!text-app-violet-600 {
  color: var(--color-app-violet-600) !important;
}

:where(html[data-component-document]) .\!text-app-yellow-700 {
  color: var(--color-app-yellow-700) !important;
}

:where(html[data-component-document]) .text-\[\#007bff\] {
  color: #007bff;
}

:where(html[data-component-document]) .text-\[var\(--ui-color-action\)\] {
  color: var(--ui-color-action);
}

:where(html[data-component-document]) .text-amber-400 {
  color: var(--color-amber-400);
}

:where(html[data-component-document]) .text-amber-900 {
  color: var(--color-amber-900);
}

:where(html[data-component-document]) .text-app-amber-600 {
  color: var(--color-app-amber-600);
}

:where(html[data-component-document]) .text-app-amber-700 {
  color: var(--color-app-amber-700);
}

:where(html[data-component-document]) .text-app-amber-800 {
  color: var(--color-app-amber-800);
}

:where(html[data-component-document]) .text-app-amber-900 {
  color: var(--color-app-amber-900);
}

:where(html[data-component-document]) .text-app-amber-950 {
  color: var(--color-app-amber-950);
}

:where(html[data-component-document]) .text-app-blue-400 {
  color: var(--color-app-blue-400);
}

:where(html[data-component-document]) .text-app-blue-500 {
  color: var(--color-app-blue-500);
}

:where(html[data-component-document]) .text-app-blue-600 {
  color: var(--color-app-blue-600);
}

:where(html[data-component-document]) .text-app-blue-700 {
  color: var(--color-app-blue-700);
}

:where(html[data-component-document]) .text-app-blue-800 {
  color: var(--color-app-blue-800);
}

:where(html[data-component-document]) .text-app-blue-900 {
  color: var(--color-app-blue-900);
}

:where(html[data-component-document]) .text-app-cyan-700 {
  color: var(--color-app-cyan-700);
}

:where(html[data-component-document]) .text-app-emerald-600 {
  color: var(--color-app-emerald-600);
}

:where(html[data-component-document]) .text-app-emerald-700 {
  color: var(--color-app-emerald-700);
}

:where(html[data-component-document]) .text-app-emerald-800 {
  color: var(--color-app-emerald-800);
}

:where(html[data-component-document]) .text-app-emerald-900 {
  color: var(--color-app-emerald-900);
}

:where(html[data-component-document]) .text-app-gray-100 {
  color: var(--color-app-gray-100);
}

:where(html[data-component-document]) .text-app-gray-200 {
  color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .text-app-gray-300 {
  color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .text-app-gray-400 {
  color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .text-app-gray-500 {
  color: var(--color-app-gray-500);
}

:where(html[data-component-document]) .text-app-gray-600 {
  color: var(--color-app-gray-600);
}

:where(html[data-component-document]) .text-app-gray-700 {
  color: var(--color-app-gray-700);
}

:where(html[data-component-document]) .text-app-gray-800 {
  color: var(--color-app-gray-800);
}

:where(html[data-component-document]) .text-app-gray-900 {
  color: var(--color-app-gray-900);
}

:where(html[data-component-document]) .text-app-green-400 {
  color: var(--color-app-green-400);
}

:where(html[data-component-document]) .text-app-green-500 {
  color: var(--color-app-green-500);
}

:where(html[data-component-document]) .text-app-green-600 {
  color: var(--color-app-green-600);
}

:where(html[data-component-document]) .text-app-green-700 {
  color: var(--color-app-green-700);
}

:where(html[data-component-document]) .text-app-green-800 {
  color: var(--color-app-green-800);
}

:where(html[data-component-document]) .text-app-indigo-600 {
  color: var(--color-app-indigo-600);
}

:where(html[data-component-document]) .text-app-indigo-700 {
  color: var(--color-app-indigo-700);
}

:where(html[data-component-document]) .text-app-indigo-900 {
  color: var(--color-app-indigo-900);
}

:where(html[data-component-document]) .text-app-orange-500 {
  color: var(--color-app-orange-500);
}

:where(html[data-component-document]) .text-app-orange-600 {
  color: var(--color-app-orange-600);
}

:where(html[data-component-document]) .text-app-orange-700 {
  color: var(--color-app-orange-700);
}

:where(html[data-component-document]) .text-app-orange-800 {
  color: var(--color-app-orange-800);
}

:where(html[data-component-document]) .text-app-orange-900 {
  color: var(--color-app-orange-900);
}

:where(html[data-component-document]) .text-app-pink-600 {
  color: var(--color-app-pink-600);
}

:where(html[data-component-document]) .text-app-purple-500 {
  color: var(--color-app-purple-500);
}

:where(html[data-component-document]) .text-app-purple-600 {
  color: var(--color-app-purple-600);
}

:where(html[data-component-document]) .text-app-purple-700 {
  color: var(--color-app-purple-700);
}

:where(html[data-component-document]) .text-app-purple-800 {
  color: var(--color-app-purple-800);
}

:where(html[data-component-document]) .text-app-red-50 {
  color: var(--color-app-red-50);
}

:where(html[data-component-document]) .text-app-red-400 {
  color: var(--color-app-red-400);
}

:where(html[data-component-document]) .text-app-red-500 {
  color: var(--color-app-red-500);
}

:where(html[data-component-document]) .text-app-red-600 {
  color: var(--color-app-red-600);
}

:where(html[data-component-document]) .text-app-red-700 {
  color: var(--color-app-red-700);
}

:where(html[data-component-document]) .text-app-red-800 {
  color: var(--color-app-red-800);
}

:where(html[data-component-document]) .text-app-red-900 {
  color: var(--color-app-red-900);
}

:where(html[data-component-document]) .text-app-rose-600 {
  color: var(--color-app-rose-600);
}

:where(html[data-component-document]) .text-app-rose-700 {
  color: var(--color-app-rose-700);
}

:where(html[data-component-document]) .text-app-sky-600 {
  color: var(--color-app-sky-600);
}

:where(html[data-component-document]) .text-app-sky-700 {
  color: var(--color-app-sky-700);
}

:where(html[data-component-document]) .text-app-sky-800 {
  color: var(--color-app-sky-800);
}

:where(html[data-component-document]) .text-app-sky-900 {
  color: var(--color-app-sky-900);
}

:where(html[data-component-document]) .text-app-slate-400 {
  color: var(--color-app-slate-400);
}

:where(html[data-component-document]) .text-app-slate-500 {
  color: var(--color-app-slate-500);
}

:where(html[data-component-document]) .text-app-slate-600 {
  color: var(--color-app-slate-600);
}

:where(html[data-component-document]) .text-app-slate-700 {
  color: var(--color-app-slate-700);
}

:where(html[data-component-document]) .text-app-stone-700 {
  color: var(--color-app-stone-700);
}

:where(html[data-component-document]) .text-app-violet-600 {
  color: var(--color-app-violet-600);
}

:where(html[data-component-document]) .text-app-yellow-400 {
  color: var(--color-app-yellow-400);
}

:where(html[data-component-document]) .text-app-yellow-600 {
  color: var(--color-app-yellow-600);
}

:where(html[data-component-document]) .text-app-yellow-700 {
  color: var(--color-app-yellow-700);
}

:where(html[data-component-document]) .text-app-yellow-800 {
  color: var(--color-app-yellow-800);
}

:where(html[data-component-document]) .text-app-yellow-900 {
  color: var(--color-app-yellow-900);
}

:where(html[data-component-document]) .text-black {
  color: var(--color-black);
}

:where(html[data-component-document]) .text-blue-700 {
  color: var(--color-blue-700);
}

:where(html[data-component-document]) .text-current {
  color: currentColor;
}

:where(html[data-component-document]) .text-emerald-500 {
  color: var(--color-emerald-500);
}

:where(html[data-component-document]) .text-emerald-600 {
  color: var(--color-emerald-600);
}

:where(html[data-component-document]) .text-emerald-700 {
  color: var(--color-emerald-700);
}

:where(html[data-component-document]) .text-ento-500 {
  color: var(--color-ento-500);
}

:where(html[data-component-document]) .text-ento-600 {
  color: var(--color-ento-600);
}

:where(html[data-component-document]) .text-ento-700 {
  color: var(--color-ento-700);
}

:where(html[data-component-document]) .text-ento-800 {
  color: var(--color-ento-800);
}

:where(html[data-component-document]) .text-ento-900 {
  color: var(--color-ento-900);
}

:where(html[data-component-document]) .text-gray-50 {
  color: var(--color-gray-50);
}

:where(html[data-component-document]) .text-gray-400 {
  color: var(--color-gray-400);
}

:where(html[data-component-document]) .text-gray-500 {
  color: var(--color-gray-500);
}

:where(html[data-component-document]) .text-gray-600 {
  color: var(--color-gray-600);
}

:where(html[data-component-document]) .text-gray-700 {
  color: var(--color-gray-700);
}

:where(html[data-component-document]) .text-gray-800 {
  color: var(--color-gray-800);
}

:where(html[data-component-document]) .text-gray-900 {
  color: var(--color-gray-900);
}

:where(html[data-component-document]) .text-green-700 {
  color: var(--color-green-700);
}

:where(html[data-component-document]) .text-indigo-500 {
  color: var(--color-indigo-500);
}

:where(html[data-component-document]) .text-indigo-700 {
  color: var(--color-indigo-700);
}

:where(html[data-component-document]) .text-known-error-strong {
  color: var(--color-known-error-strong);
}

:where(html[data-component-document]) .text-orange-700 {
  color: var(--color-orange-700);
}

:where(html[data-component-document]) .text-purple-700 {
  color: var(--color-purple-700);
}

:where(html[data-component-document]) .text-red-700 {
  color: var(--color-red-700);
}

:where(html[data-component-document]) .text-sky-700 {
  color: var(--color-sky-700);
}

:where(html[data-component-document]) .text-slate-700 {
  color: var(--color-slate-700);
}

:where(html[data-component-document]) .text-transparent {
  color: #0000;
}

:where(html[data-component-document]) .text-violet-500 {
  color: var(--color-violet-500);
}

:where(html[data-component-document]) .text-violet-700 {
  color: var(--color-violet-700);
}

:where(html[data-component-document]) .text-white {
  color: var(--color-white);
}

:where(html[data-component-document]) .text-yellow-700 {
  color: var(--color-yellow-700);
}

:where(html[data-component-document]) .capitalize {
  text-transform: capitalize;
}

:where(html[data-component-document]) .lowercase {
  text-transform: lowercase;
}

:where(html[data-component-document]) .normal-case {
  text-transform: none;
}

:where(html[data-component-document]) .uppercase {
  text-transform: uppercase;
}

:where(html[data-component-document]) .italic {
  font-style: italic;
}

:where(html[data-component-document]) .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, );
}

:where(html[data-component-document]) .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, );
}

:where(html[data-component-document]) .line-through {
  text-decoration-line: line-through;
}

:where(html[data-component-document]) .no-underline {
  text-decoration-line: none;
}

:where(html[data-component-document]) .underline {
  text-decoration-line: underline;
}

:where(html[data-component-document]) .placeholder-app-gray-400::placeholder {
  color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .accent-ento-900 {
  accent-color: var(--color-ento-900);
}

:where(html[data-component-document]) .opacity-0 {
  opacity: 0;
}

:where(html[data-component-document]) .opacity-20 {
  opacity: .2;
}

:where(html[data-component-document]) .opacity-25 {
  opacity: .25;
}

:where(html[data-component-document]) .opacity-40 {
  opacity: .4;
}

:where(html[data-component-document]) .opacity-50 {
  opacity: .5;
}

:where(html[data-component-document]) .opacity-60 {
  opacity: .6;
}

:where(html[data-component-document]) .opacity-70 {
  opacity: .7;
}

:where(html[data-component-document]) .opacity-75 {
  opacity: .75;
}

:where(html[data-component-document]) .opacity-80 {
  opacity: .8;
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .shadow-app {
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .ring-1 {
  --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);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .shadow-ento-900\/10 {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ento-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
}

:where(html[data-component-document]) .ring-app-blue-300 {
  --tw-ring-color: var(--color-app-blue-300);
}

:where(html[data-component-document]) .ring-app-purple-100 {
  --tw-ring-color: var(--color-app-purple-100);
}

:where(html[data-component-document]) .ring-ento-100 {
  --tw-ring-color: var(--color-ento-100);
}

:where(html[data-component-document]) .ring-ento-200 {
  --tw-ring-color: var(--color-ento-200);
}

:where(html[data-component-document]) .ring-gray-200 {
  --tw-ring-color: var(--color-gray-200);
}

:where(html[data-component-document]) .outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where(html[data-component-document]) .outline-hidden {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where(html[data-component-document]) .outline, :where(html[data-component-document]) .outline-1 {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

:where(html[data-component-document]) .-outline-offset-1 {
  outline-offset: calc(1px * -1);
}

:where(html[data-component-document]) .outline-gray-300 {
  outline-color: var(--color-gray-300);
}

:where(html[data-component-document]) .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, );
}

:where(html[data-component-document]) .blur-xs {
  --tw-blur: blur(var(--blur-xs));
  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, );
}

:where(html[data-component-document]) .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, );
}

:where(html[data-component-document]) .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, );
}

:where(html[data-component-document]) .backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  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, );
}

:where(html[data-component-document]) .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));
}

:where(html[data-component-document]) .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));
}

:where(html[data-component-document]) .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));
}

:where(html[data-component-document]) .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));
}

:where(html[data-component-document]) .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));
}

:where(html[data-component-document]) .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));
}

:where(html[data-component-document]) .transition-none {
  transition-property: none;
}

:where(html[data-component-document]) .duration-150 {
  --tw-duration: .15s;
  transition-duration: .15s;
}

:where(html[data-component-document]) .duration-200 {
  --tw-duration: .2s;
  transition-duration: .2s;
}

:where(html[data-component-document]) .duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s;
}

:where(html[data-component-document]) .duration-1000 {
  --tw-duration: 1s;
  transition-duration: 1s;
}

:where(html[data-component-document]) .ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}

:where(html[data-component-document]) .select-all {
  -webkit-user-select: all;
  user-select: all;
}

:where(html[data-component-document]) .select-none {
  -webkit-user-select: none;
  user-select: none;
}

:where(html[data-component-document]) .ring-inset {
  --tw-ring-inset: inset;
}

:where(html[data-component-document]) .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
  rotate: 180deg;
}

:where(html[data-component-document]) .group-data-\[collapsed\]\:hidden:is(:where(.group)[data-collapsed] *) {
  display: none;
}

:where(html[data-component-document]) .group-data-\[collapsed\]\:rotate-0:is(:where(.group)[data-collapsed] *) {
  rotate: 0deg;
}

:where(html[data-component-document]) .group-data-\[collapsed\]\:rounded-md:is(:where(.group)[data-collapsed] *) {
  border-radius: var(--radius-md);
}

:where(html[data-component-document]) .peer-checked\:border-ento-600:is(:where(.peer):checked ~ *) {
  border-color: var(--color-ento-600);
}

:where(html[data-component-document]) .peer-checked\:bg-\[var\(--ui-color-action\)\]:is(:where(.peer):checked ~ *) {
  background-color: var(--ui-color-action);
}

:where(html[data-component-document]) .peer-checked\:bg-ento-50:is(:where(.peer):checked ~ *) {
  background-color: var(--color-ento-50);
}

:where(html[data-component-document]) .peer-checked\:bg-ento-900:is(:where(.peer):checked ~ *) {
  background-color: var(--color-ento-900);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-0:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-0);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-1:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-1);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-2:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-2);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-3:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-3);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-4:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-4);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-5:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-5);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-6:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-6);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-7:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-7);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-8:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-8);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-9:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-9);
}

:where(html[data-component-document]) .peer-checked\:bg-pastel-10:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-10);
}

:where(html[data-component-document]) .peer-checked\:font-medium:is(:where(.peer):checked ~ *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .peer-checked\:text-ento-600:is(:where(.peer):checked ~ *) {
  color: var(--color-ento-600);
}

:where(html[data-component-document]) .peer-checked\:text-ento-700:is(:where(.peer):checked ~ *) {
  color: var(--color-ento-700);
}

:where(html[data-component-document]) .peer-checked\:text-ento-900:is(:where(.peer):checked ~ *) {
  color: var(--color-ento-900);
}

:where(html[data-component-document]) .peer-checked\:shadow-xs:is(:where(.peer):checked ~ *) {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where(html[data-component-document]) .peer-focus\:bg-ento-900:is(:where(.peer):focus ~ *) {
  background-color: var(--color-ento-900);
}

:where(html[data-component-document]) .peer-focus\:bg-pastel-0:is(:where(.peer):focus ~ *) {
  background-color: var(--color-pastel-0);
}

:where(html[data-component-document]) .peer-focus\:ring-2:is(:where(.peer):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);
}

:where(html[data-component-document]) .peer-focus\:ring-\[var\(--ui-color-focus-ring\)\]:is(:where(.peer):focus ~ *) {
  --tw-ring-color: var(--ui-color-focus-ring);
}

:where(html[data-component-document]) .peer-focus\:ring-ento-300:is(:where(.peer):focus ~ *) {
  --tw-ring-color: var(--color-ento-300);
}

:where(html[data-component-document]) .peer-focus\:outline-hidden:is(:where(.peer):focus ~ *) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where(html[data-component-document]) .peer-focus\:outline-hidden:is(:where(.peer):focus ~ *) {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where(html[data-component-document]) .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
  --tw-outline-style: none;
  outline-style: none;
}

:where(html[data-component-document]) .peer-disabled\:cursor-default:is(:where(.peer):disabled ~ *) {
  cursor: default;
}

:where(html[data-component-document]) .peer-disabled\:border-app-gray-200:is(:where(.peer):disabled ~ *) {
  border-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .peer-disabled\:bg-app-gray-50:is(:where(.peer):disabled ~ *) {
  background-color: var(--color-app-gray-50);
}

:where(html[data-component-document]) .peer-disabled\:text-app-gray-400:is(:where(.peer):disabled ~ *) {
  color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .peer-disabled\:opacity-60:is(:where(.peer):disabled ~ *) {
  opacity: .6;
}

:where(html[data-component-document]) .marker\:text-gray-400 ::marker, :where(html[data-component-document]) .marker\:text-gray-400::marker {
  color: var(--color-gray-400);
}

:where(html[data-component-document]) .marker\:text-gray-400 ::-webkit-details-marker {
  color: var(--color-gray-400);
}

:where(html[data-component-document]) .marker\:text-gray-400::-webkit-details-marker {
  color: var(--color-gray-400);
}

:where(html[data-component-document]) .marker\:text-gray-500 ::marker, :where(html[data-component-document]) .marker\:text-gray-500::marker {
  color: var(--color-gray-500);
}

:where(html[data-component-document]) .marker\:text-gray-500 ::-webkit-details-marker {
  color: var(--color-gray-500);
}

:where(html[data-component-document]) .marker\:text-gray-500::-webkit-details-marker {
  color: var(--color-gray-500);
}

:where(html[data-component-document]) .selection\:bg-\[\#fdf4ff\] ::selection, :where(html[data-component-document]) .selection\:bg-\[\#fdf4ff\]::selection {
  background-color: #fdf4ff;
}

:where(html[data-component-document]) .selection\:text-\[\#8353FF\] ::selection, :where(html[data-component-document]) .selection\:text-\[\#8353FF\]::selection {
  color: #8353ff;
}

:where(html[data-component-document]) .file\:button-secondary-sm::file-selector-button {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where(html[data-component-document]) .file\:button-secondary-sm::file-selector-button:hover {
    background-color: var(--color-app-gray-300);
  }

  :where(html[data-component-document]) .file\:button-secondary-sm::file-selector-button:hover {
    color: var(--color-app-gray-900);
  }

  :where(html[data-component-document]) .file\:button-secondary-sm::file-selector-button:hover {
    text-decoration-line: none;
  }
}

:where(html[data-component-document]) .file\:button-secondary-sm::file-selector-button:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .file\:border-0::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

:where(html[data-component-document]) .file\:bg-white::file-selector-button {
  background-color: var(--color-white);
}

:where(html[data-component-document]) .file\:text-app-gray-700::file-selector-button {
  color: var(--color-app-gray-700);
}

:where(html[data-component-document]) .placeholder\:font-medium::placeholder {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .placeholder\:text-app-gray-400::placeholder {
  color: var(--color-app-gray-400);
}

:where(html[data-component-document]) .placeholder\:text-app-slate-400::placeholder {
  color: var(--color-app-slate-400);
}

:where(html[data-component-document]) .placeholder\:text-gray-400::placeholder {
  color: var(--color-gray-400);
}

:where(html[data-component-document]) .before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

:where(html[data-component-document]) .before\:left-2:before {
  content: var(--tw-content);
  left: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .before\:h-full:before {
  content: var(--tw-content);
  height: 100%;
}

:where(html[data-component-document]) .before\:-translate-x-1\/2:before {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .before\:translate-y-3:before {
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .before\:self-start:before {
  content: var(--tw-content);
  align-self: flex-start;
}

:where(html[data-component-document]) .before\:bg-app-gray-300:before {
  content: var(--tw-content);
  background-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .before\:px-2:before {
  content: var(--tw-content);
  padding-inline: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .before\:pr-px:before {
  content: var(--tw-content);
  padding-right: 1px;
}

:where(html[data-component-document]) .before\:text-gray-400:before {
  content: var(--tw-content);
  color: var(--color-gray-400);
}

:where(html[data-component-document]) .before\:content-\[\'\/\'\]:before {
  --tw-content: "/";
  content: var(--tw-content);
}

:where(html[data-component-document]) .group-last\:before\:hidden:is(:where(.group):last-child *):before {
  content: var(--tw-content);
  display: none;
}

:where(html[data-component-document]) .after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

:where(html[data-component-document]) .after\:top-\[2px\]:after {
  content: var(--tw-content);
  top: 2px;
}

:where(html[data-component-document]) .after\:left-2:after {
  content: var(--tw-content);
  left: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .after\:left-\[2px\]:after {
  content: var(--tw-content);
  left: 2px;
}

:where(html[data-component-document]) .after\:box-content:after {
  content: var(--tw-content);
  box-sizing: content-box;
}

:where(html[data-component-document]) .after\:h-2:after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .after\:h-4:after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .after\:h-5:after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .after\:w-2:after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
}

:where(html[data-component-document]) .after\:w-4:after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .after\:w-5:after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
}

:where(html[data-component-document]) .after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .after\:translate-y-1\.5:after {
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing) * 1.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 3.40282e38px;
}

:where(html[data-component-document]) .after\:border:after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 1px;
}

:where(html[data-component-document]) .after\:border-2:after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 2px;
}

:where(html[data-component-document]) .after\:border-app-gray-200:after {
  content: var(--tw-content);
  border-color: var(--color-app-gray-200);
}

:where(html[data-component-document]) .after\:border-gray-200:after {
  content: var(--tw-content);
  border-color: var(--color-gray-200);
}

:where(html[data-component-document]) .after\:bg-app-gray-300:after {
  content: var(--tw-content);
  background-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .after\:bg-ento-900:after {
  content: var(--tw-content);
  background-color: var(--color-ento-900);
}

:where(html[data-component-document]) .after\:bg-white:after {
  content: var(--tw-content);
  background-color: var(--color-white);
}

:where(html[data-component-document]) .after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

:where(html[data-component-document]) .after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

:where(html[data-component-document]) .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):after {
  content: var(--tw-content);
  border-color: var(--color-white);
}

:where(html[data-component-document]) .first\:pt-0:first-child {
  padding-top: 0;
}

:where(html[data-component-document]) .first\:before\:content-none:first-child:before {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}

:where(html[data-component-document]) .last\:mb-4:last-child {
  margin-bottom: calc(var(--spacing) * 4);
}

:where(html[data-component-document]) .last\:border-r-0:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

:where(html[data-component-document]) .last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

:where(html[data-component-document]) .focus-within\:border-ento-500:focus-within {
  border-color: var(--color-ento-500);
}

:where(html[data-component-document]) .focus-within\:bg-white:focus-within {
  background-color: var(--color-white);
}

:where(html[data-component-document]) .focus-within\:ring-2:focus-within {
  --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);
}

:where(html[data-component-document]) .focus-within\:ring-ento-100:focus-within {
  --tw-ring-color: var(--color-ento-100);
}

@media (hover: hover) {
  :where(html[data-component-document]) .hover\:cursor-pointer:hover {
    cursor: pointer;
  }

  :where(html[data-component-document]) .hover\:border-app-blue-50:hover {
    border-color: var(--color-app-blue-50);
  }

  :where(html[data-component-document]) .hover\:border-app-gray-50:hover {
    border-color: var(--color-app-gray-50);
  }

  :where(html[data-component-document]) .hover\:border-app-gray-100:hover {
    border-color: var(--color-app-gray-100);
  }

  :where(html[data-component-document]) .hover\:border-app-gray-300:hover {
    border-color: var(--color-app-gray-300);
  }

  :where(html[data-component-document]) .hover\:border-app-gray-400:hover {
    border-color: var(--color-app-gray-400);
  }

  :where(html[data-component-document]) .hover\:border-app-purple-400:hover {
    border-color: var(--color-app-purple-400);
  }

  :where(html[data-component-document]) .hover\:border-app-red-50:hover {
    border-color: var(--color-app-red-50);
  }

  :where(html[data-component-document]) .hover\:border-app-yellow-50:hover {
    border-color: var(--color-app-yellow-50);
  }

  :where(html[data-component-document]) .hover\:border-ento-100:hover {
    border-color: var(--color-ento-100);
  }

  :where(html[data-component-document]) .hover\:border-ento-300:hover {
    border-color: var(--color-ento-300);
  }

  :where(html[data-component-document]) .hover\:border-gray-300:hover {
    border-color: var(--color-gray-300);
  }

  :where(html[data-component-document]) .hover\:bg-\[\#5924e2\]:hover {
    background-color: #5924e2;
  }

  :where(html[data-component-document]) .hover\:bg-\[var\(--ui-color-action-hover\)\]:hover {
    background-color: var(--ui-color-action-hover);
  }

  :where(html[data-component-document]) .hover\:bg-app-blue-50:hover {
    background-color: var(--color-app-blue-50);
  }

  :where(html[data-component-document]) .hover\:bg-app-blue-100:hover {
    background-color: var(--color-app-blue-100);
  }

  :where(html[data-component-document]) .hover\:bg-app-blue-700:hover {
    background-color: var(--color-app-blue-700);
  }

  :where(html[data-component-document]) .hover\:bg-app-blue-900:hover {
    background-color: var(--color-app-blue-900);
  }

  :where(html[data-component-document]) .hover\:bg-app-emerald-100:hover {
    background-color: var(--color-app-emerald-100);
  }

  :where(html[data-component-document]) .hover\:bg-app-emerald-900:hover {
    background-color: var(--color-app-emerald-900);
  }

  :where(html[data-component-document]) .hover\:bg-app-gray-50:hover {
    background-color: var(--color-app-gray-50);
  }

  :where(html[data-component-document]) .hover\:bg-app-gray-100:hover {
    background-color: var(--color-app-gray-100);
  }

  :where(html[data-component-document]) .hover\:bg-app-gray-200:hover {
    background-color: var(--color-app-gray-200);
  }

  :where(html[data-component-document]) .hover\:bg-app-gray-300:hover {
    background-color: var(--color-app-gray-300);
  }

  :where(html[data-component-document]) .hover\:bg-app-green-100:hover {
    background-color: var(--color-app-green-100);
  }

  :where(html[data-component-document]) .hover\:bg-app-green-700:hover {
    background-color: var(--color-app-green-700);
  }

  :where(html[data-component-document]) .hover\:bg-app-purple-50:hover {
    background-color: var(--color-app-purple-50);
  }

  :where(html[data-component-document]) .hover\:bg-app-purple-600:hover {
    background-color: var(--color-app-purple-600);
  }

  :where(html[data-component-document]) .hover\:bg-app-red-50:hover {
    background-color: var(--color-app-red-50);
  }

  :where(html[data-component-document]) .hover\:bg-app-red-100:hover {
    background-color: var(--color-app-red-100);
  }

  :where(html[data-component-document]) .hover\:bg-app-red-700:hover {
    background-color: var(--color-app-red-700);
  }

  :where(html[data-component-document]) .hover\:bg-app-red-900:hover {
    background-color: var(--color-app-red-900);
  }

  :where(html[data-component-document]) .hover\:bg-app-yellow-50:hover {
    background-color: var(--color-app-yellow-50);
  }

  :where(html[data-component-document]) .hover\:bg-app-yellow-700:hover {
    background-color: var(--color-app-yellow-700);
  }

  :where(html[data-component-document]) .hover\:bg-app-yellow-900:hover {
    background-color: var(--color-app-yellow-900);
  }

  :where(html[data-component-document]) .hover\:bg-ento-50:hover {
    background-color: var(--color-ento-50);
  }

  :where(html[data-component-document]) .hover\:bg-ento-50\/20:hover {
    background-color: #f5f3ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(html[data-component-document]) .hover\:bg-ento-50\/20:hover {
      background-color: color-mix(in oklab, var(--color-ento-50) 20%, transparent);
    }
  }

  :where(html[data-component-document]) .hover\:bg-ento-50\/30:hover {
    background-color: #f5f3ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(html[data-component-document]) .hover\:bg-ento-50\/30:hover {
      background-color: color-mix(in oklab, var(--color-ento-50) 30%, transparent);
    }
  }

  :where(html[data-component-document]) .hover\:bg-ento-100:hover {
    background-color: var(--color-ento-100);
  }

  :where(html[data-component-document]) .hover\:bg-ento-200:hover {
    background-color: var(--color-ento-200);
  }

  :where(html[data-component-document]) .hover\:bg-ento-700:hover {
    background-color: var(--color-ento-700);
  }

  :where(html[data-component-document]) .hover\:bg-ento-800:hover {
    background-color: var(--color-ento-800);
  }

  :where(html[data-component-document]) .hover\:bg-ento-900:hover {
    background-color: var(--color-ento-900);
  }

  :where(html[data-component-document]) .hover\:bg-ento-950:hover {
    background-color: var(--color-ento-950);
  }

  :where(html[data-component-document]) .hover\:bg-gray-50:hover {
    background-color: var(--color-gray-50);
  }

  :where(html[data-component-document]) .hover\:bg-gray-100:hover {
    background-color: var(--color-gray-100);
  }

  :where(html[data-component-document]) .hover\:bg-gray-200:hover {
    background-color: var(--color-gray-200);
  }

  :where(html[data-component-document]) .hover\:bg-gray-300:hover {
    background-color: var(--color-gray-300);
  }

  :where(html[data-component-document]) .hover\:bg-green-100:hover {
    background-color: var(--color-green-100);
  }

  :where(html[data-component-document]) .hover\:bg-red-50:hover {
    background-color: var(--color-red-50);
  }

  :where(html[data-component-document]) .hover\:bg-red-100:hover {
    background-color: var(--color-red-100);
  }

  :where(html[data-component-document]) .hover\:bg-white:hover {
    background-color: var(--color-white);
  }

  :where(html[data-component-document]) .hover\:bg-yellow-100:hover {
    background-color: var(--color-yellow-100);
  }

  :where(html[data-component-document]) .hover\:text-app-blue-600:hover {
    color: var(--color-app-blue-600);
  }

  :where(html[data-component-document]) .hover\:text-app-blue-700:hover {
    color: var(--color-app-blue-700);
  }

  :where(html[data-component-document]) .hover\:text-app-blue-800:hover {
    color: var(--color-app-blue-800);
  }

  :where(html[data-component-document]) .hover\:text-app-blue-900:hover {
    color: var(--color-app-blue-900);
  }

  :where(html[data-component-document]) .hover\:text-app-gray-400:hover {
    color: var(--color-app-gray-400);
  }

  :where(html[data-component-document]) .hover\:text-app-gray-500:hover {
    color: var(--color-app-gray-500);
  }

  :where(html[data-component-document]) .hover\:text-app-gray-600:hover {
    color: var(--color-app-gray-600);
  }

  :where(html[data-component-document]) .hover\:text-app-gray-700:hover {
    color: var(--color-app-gray-700);
  }

  :where(html[data-component-document]) .hover\:text-app-gray-800:hover {
    color: var(--color-app-gray-800);
  }

  :where(html[data-component-document]) .hover\:text-app-gray-900:hover {
    color: var(--color-app-gray-900);
  }

  :where(html[data-component-document]) .hover\:text-app-indigo-900:hover {
    color: var(--color-app-indigo-900);
  }

  :where(html[data-component-document]) .hover\:text-app-purple-800:hover {
    color: var(--color-app-purple-800);
  }

  :where(html[data-component-document]) .hover\:text-app-red-700:hover {
    color: var(--color-app-red-700);
  }

  :where(html[data-component-document]) .hover\:text-app-red-900:hover {
    color: var(--color-app-red-900);
  }

  :where(html[data-component-document]) .hover\:text-app-slate-600:hover {
    color: var(--color-app-slate-600);
  }

  :where(html[data-component-document]) .hover\:text-app-yellow-50:hover {
    color: var(--color-app-yellow-50);
  }

  :where(html[data-component-document]) .hover\:text-app-yellow-700:hover {
    color: var(--color-app-yellow-700);
  }

  :where(html[data-component-document]) .hover\:text-ento-600:hover {
    color: var(--color-ento-600);
  }

  :where(html[data-component-document]) .hover\:text-ento-700:hover {
    color: var(--color-ento-700);
  }

  :where(html[data-component-document]) .hover\:text-ento-800:hover {
    color: var(--color-ento-800);
  }

  :where(html[data-component-document]) .hover\:text-ento-900:hover {
    color: var(--color-ento-900);
  }

  :where(html[data-component-document]) .hover\:text-ento-950:hover {
    color: var(--color-ento-950);
  }

  :where(html[data-component-document]) .hover\:text-gray-700:hover {
    color: var(--color-gray-700);
  }

  :where(html[data-component-document]) .hover\:text-gray-900:hover {
    color: var(--color-gray-900);
  }

  :where(html[data-component-document]) .hover\:text-green-700:hover {
    color: var(--color-green-700);
  }

  :where(html[data-component-document]) .hover\:text-indigo-600:hover {
    color: var(--color-indigo-600);
  }

  :where(html[data-component-document]) .hover\:text-inherit:hover {
    color: inherit;
  }

  :where(html[data-component-document]) .hover\:text-red-700:hover {
    color: var(--color-red-700);
  }

  :where(html[data-component-document]) .hover\:text-white:hover {
    color: var(--color-white);
  }

  :where(html[data-component-document]) .hover\:text-yellow-700:hover {
    color: var(--color-yellow-700);
  }

  :where(html[data-component-document]) .hover\:no-underline:hover {
    text-decoration-line: none;
  }

  :where(html[data-component-document]) .hover\:underline:hover {
    text-decoration-line: underline;
  }

  :where(html[data-component-document]) .hover\:opacity-60:hover {
    opacity: .6;
  }

  :where(html[data-component-document]) .hover\:shadow-app:hover {
    --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where(html[data-component-document]) .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);
  }

  :where(html[data-component-document]) .hover\:shadow-xs:hover {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where(html[data-component-document]) .hover\:transition-all:hover {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :where(html[data-component-document]) .hover\:file\:bg-app-gray-100:hover::file-selector-button {
    background-color: var(--color-app-gray-100);
  }
}

:where(html[data-component-document]) .focus\:cursor-text:focus {
  cursor: text;
}

:where(html[data-component-document]) .focus\:border-app-purple-500:focus {
  border-color: var(--color-app-purple-500);
}

:where(html[data-component-document]) .focus\:border-ento-500:focus {
  border-color: var(--color-ento-500);
}

:where(html[data-component-document]) .focus\:border-transparent:focus {
  border-color: #0000;
}

:where(html[data-component-document]) .focus\:bg-app-gray-50:focus {
  background-color: var(--color-app-gray-50);
}

:where(html[data-component-document]) .focus\:bg-app-gray-100:focus {
  background-color: var(--color-app-gray-100);
}

:where(html[data-component-document]) .focus\:bg-ento-50:focus {
  background-color: var(--color-ento-50);
}

:where(html[data-component-document]) .focus\:font-medium:focus {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .focus\:ring-0:focus {
  --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);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .focus\:ring-app-blue-300:focus {
  --tw-ring-color: var(--color-app-blue-300);
}

:where(html[data-component-document]) .focus\:ring-app-blue-500:focus {
  --tw-ring-color: var(--color-app-blue-500);
}

:where(html[data-component-document]) .focus\:ring-app-green-300:focus {
  --tw-ring-color: var(--color-app-green-300);
}

:where(html[data-component-document]) .focus\:ring-app-purple-100:focus {
  --tw-ring-color: var(--color-app-purple-100);
}

:where(html[data-component-document]) .focus\:ring-app-purple-500:focus {
  --tw-ring-color: var(--color-app-purple-500);
}

:where(html[data-component-document]) .focus\:ring-app-red-300:focus {
  --tw-ring-color: var(--color-app-red-300);
}

:where(html[data-component-document]) .focus\:ring-blue-500:focus {
  --tw-ring-color: var(--color-blue-500);
}

:where(html[data-component-document]) .focus\:ring-ento-200:focus {
  --tw-ring-color: var(--color-ento-200);
}

:where(html[data-component-document]) .focus\:ring-ento-300:focus {
  --tw-ring-color: var(--color-ento-300);
}

:where(html[data-component-document]) .focus\:ring-ento-500:focus {
  --tw-ring-color: var(--color-ento-500);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .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);
}

:where(html[data-component-document]) .focus\:outline-hidden:focus {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where(html[data-component-document]) .focus\:outline-hidden:focus {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where(html[data-component-document]) .focus\:outline-2:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

:where(html[data-component-document]) .focus\:outline-offset-0:focus {
  outline-offset: 0px;
}

:where(html[data-component-document]) .focus\:outline-\[\#ccbaff\]:focus {
  outline-color: #ccbaff;
}

:where(html[data-component-document]) .focus\:outline-\[var\(--ui-color-action\)\]:focus {
  outline-color: var(--ui-color-action);
}

:where(html[data-component-document]) .focus\:outline-\[var\(--ui-color-focus-ring\)\]:focus {
  outline-color: var(--ui-color-focus-ring);
}

:where(html[data-component-document]) .focus\:outline-ento-900:focus {
  outline-color: var(--color-ento-900);
}

:where(html[data-component-document]) .focus\:outline-gray-200:focus {
  outline-color: var(--color-gray-200);
}

:where(html[data-component-document]) .focus\:outline-indigo-600:focus {
  outline-color: var(--color-indigo-600);
}

:where(html[data-component-document]) .focus\:outline-violet-500:focus {
  outline-color: var(--color-violet-500);
}

:where(html[data-component-document]) .focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none;
}

:where(html[data-component-document]) .focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

:where(html[data-component-document]) .focus-visible\:ring-2:focus-visible {
  --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);
}

:where(html[data-component-document]) .focus-visible\:ring-ento-200:focus-visible {
  --tw-ring-color: var(--color-ento-200);
}

:where(html[data-component-document]) .focus-visible\:ring-ento-300:focus-visible {
  --tw-ring-color: var(--color-ento-300);
}

:where(html[data-component-document]) .focus-visible\:ring-ento-500:focus-visible {
  --tw-ring-color: var(--color-ento-500);
}

:where(html[data-component-document]) .focus-visible\:ring-offset-2:focus-visible {
  --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);
}

:where(html[data-component-document]) .focus-visible\:outline-hidden:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where(html[data-component-document]) .focus-visible\:outline-hidden:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where(html[data-component-document]) .focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

:where(html[data-component-document]) .focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: calc(2px * -1);
}

:where(html[data-component-document]) .focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}

:where(html[data-component-document]) .focus-visible\:outline-\[var\(--ui-color-focus-ring\)\]:focus-visible {
  outline-color: var(--ui-color-focus-ring);
}

:where(html[data-component-document]) .focus-visible\:outline-ento-300:focus-visible {
  outline-color: var(--color-ento-300);
}

:where(html[data-component-document]) .focus-visible\:outline-ento-900:focus-visible {
  outline-color: var(--color-ento-900);
}

:where(html[data-component-document]) .focus-visible\:outline-gray-300:focus-visible {
  outline-color: var(--color-gray-300);
}

:where(html[data-component-document]) .focus-visible\:outline-green-300:focus-visible {
  outline-color: var(--color-green-300);
}

:where(html[data-component-document]) .focus-visible\:outline-indigo-600:focus-visible {
  outline-color: var(--color-indigo-600);
}

:where(html[data-component-document]) .focus-visible\:outline-red-300:focus-visible {
  outline-color: var(--color-red-300);
}

:where(html[data-component-document]) .focus-visible\:outline-yellow-300:focus-visible {
  outline-color: var(--color-yellow-300);
}

:where(html[data-component-document]) .active\:translate-y-px:active {
  --tw-translate-y: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where(html[data-component-document]) .active\:cursor-grabbing:active {
  cursor: grabbing;
}

:where(html[data-component-document]) .active\:bg-\[\#5924e2\]:active {
  background-color: #5924e2;
}

:where(html[data-component-document]) .active\:bg-\[var\(--ui-color-action-hover\)\]:active {
  background-color: var(--ui-color-action-hover);
}

:where(html[data-component-document]) .active\:bg-app-gray-50:active {
  background-color: var(--color-app-gray-50);
}

:where(html[data-component-document]) .active\:bg-app-gray-100:active {
  background-color: var(--color-app-gray-100);
}

:where(html[data-component-document]) .active\:bg-app-gray-300:active {
  background-color: var(--color-app-gray-300);
}

:where(html[data-component-document]) .disabled\:cursor-default:disabled {
  cursor: default;
}

:where(html[data-component-document]) .disabled\:opacity-40:disabled {
  opacity: .4;
}

:where(html[data-component-document]) .disabled\:opacity-50:disabled {
  opacity: .5;
}

:where(html[data-component-document]) .aria-pressed\:border-indigo-600[aria-pressed="true"] {
  border-color: var(--color-indigo-600);
}

:where(html[data-component-document]) .aria-pressed\:bg-indigo-50[aria-pressed="true"] {
  background-color: var(--color-indigo-50);
}

:where(html[data-component-document]) .aria-pressed\:text-indigo-600[aria-pressed="true"] {
  color: var(--color-indigo-600);
}

:where(html[data-component-document]) .aria-pressed\:text-indigo-700[aria-pressed="true"] {
  color: var(--color-indigo-700);
}

:where(html[data-component-document]) .aria-\[current\=page\]\:border-indigo-600[aria-current="page"] {
  border-color: var(--color-indigo-600);
}

:where(html[data-component-document]) .aria-\[current\=page\]\:bg-indigo-50[aria-current="page"] {
  background-color: var(--color-indigo-50);
}

:where(html[data-component-document]) .aria-\[current\=page\]\:font-medium[aria-current="page"] {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .aria-\[current\=page\]\:text-indigo-600[aria-current="page"] {
  color: var(--color-indigo-600);
}

:where(html[data-component-document]) .aria-\[current\=page\]\:text-indigo-700[aria-current="page"] {
  color: var(--color-indigo-700);
}

:where(html[data-component-document]) .data-\[dragging\]\:opacity-40[data-dragging] {
  opacity: .4;
}

:where(html[data-component-document]) .data-\[over-bottom\]\:shadow-\[0_3px_0_-1px_theme\(colors\.ento\.900\)\][data-over-bottom] {
  --tw-shadow: 0 3px 0 -1px var(--tw-shadow-color, #8353ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where(html[data-component-document]) .data-\[over-top\]\:shadow-\[0_-3px_0_-1px_theme\(colors\.ento\.900\)\][data-over-top] {
  --tw-shadow: 0 -3px 0 -1px var(--tw-shadow-color, #8353ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >= 576px) {
  :where(html[data-component-document]) .min-\[576px\]\:w-1\/2 {
    width: 50%;
  }

  :where(html[data-component-document]) .min-\[576px\]\:max-w-\[540px\] {
    max-width: 540px;
  }

  :where(html[data-component-document]) .min-\[576px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 640px) {
  :where(html[data-component-document]) .min-\[640px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 768px) {
  :where(html[data-component-document]) .min-\[768px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :where(html[data-component-document]) .min-\[768px\]\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  :where(html[data-component-document]) .min-\[768px\]\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  :where(html[data-component-document]) .min-\[768px\]\:block {
    display: block;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-1\/2 {
    width: 50%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-1\/3 {
    width: 33.3333%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-1\/4 {
    width: 25%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-1\/6 {
    width: 16.6667%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-2\/3 {
    width: 66.6667%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-5\/6 {
    width: 83.3333%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-5\/12 {
    width: 41.6667%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:w-7\/12 {
    width: 58.3333%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:max-w-\[16\.666667\%\] {
    max-width: 16.6667%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:max-w-\[25\%\] {
    max-width: 25%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:max-w-\[58\.333333\%\] {
    max-width: 58.3333%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:max-w-\[83\.333333\%\] {
    max-width: 83.3333%;
  }

  :where(html[data-component-document]) .min-\[768px\]\:max-w-\[720px\] {
    max-width: 720px;
  }

  :where(html[data-component-document]) .min-\[768px\]\:flex-none {
    flex: none;
  }

  :where(html[data-component-document]) .min-\[768px\]\:basis-0 {
    flex-basis: 0;
  }

  :where(html[data-component-document]) .min-\[768px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[768px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[768px\]\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (width >= 920px) {
  :where(html[data-component-document]) .min-\[920px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :where(html[data-component-document]) .min-\[920px\]\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  :where(html[data-component-document]) .min-\[920px\]\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  :where(html[data-component-document]) .min-\[920px\]\:mt-0 {
    margin-top: 0;
  }

  :where(html[data-component-document]) .min-\[920px\]\:mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  :where(html[data-component-document]) .min-\[920px\]\:mb-0 {
    margin-bottom: 0;
  }

  :where(html[data-component-document]) .min-\[920px\]\:ml-\[25\%\] {
    margin-left: 25%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:block {
    display: block;
  }

  :where(html[data-component-document]) .min-\[920px\]\:flex {
    display: flex;
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid {
    display: grid;
  }

  :where(html[data-component-document]) .min-\[920px\]\:inline {
    display: inline;
  }

  :where(html[data-component-document]) .min-\[920px\]\:h-full {
    height: 100%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:max-h-none {
    max-height: none;
  }

  :where(html[data-component-document]) .min-\[920px\]\:min-h-\[420px\] {
    min-height: 420px;
  }

  :where(html[data-component-document]) .min-\[920px\]\:min-h-screen {
    min-height: 100vh;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-1\/2 {
    width: 50%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-1\/3 {
    width: 33.3333%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-1\/4 {
    width: 25%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-1\/6 {
    width: 16.6667%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-1\/12 {
    width: 8.33333%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-2\/3 {
    width: 66.6667%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-3\/4 {
    width: 75%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-5\/12 {
    width: 41.6667%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:w-7\/12 {
    width: 58.3333%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:max-w-\[30\%\] {
    max-width: 30%;
  }

  :where(html[data-component-document]) .min-\[920px\]\:max-w-\[484px\] {
    max-width: 484px;
  }

  :where(html[data-component-document]) .min-\[920px\]\:min-w-\[484px\] {
    min-width: 484px;
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[920px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }

  :where(html[data-component-document]) .min-\[920px\]\:flex-row {
    flex-direction: row;
  }

  :where(html[data-component-document]) .min-\[920px\]\:items-center {
    align-items: center;
  }

  :where(html[data-component-document]) .min-\[920px\]\:items-start {
    align-items: flex-start;
  }

  :where(html[data-component-document]) .min-\[920px\]\:justify-between {
    justify-content: space-between;
  }

  :where(html[data-component-document]) .min-\[920px\]\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  :where(html[data-component-document]) .min-\[920px\]\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(html[data-component-document]) :where(.min-\[920px\]\: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(html[data-component-document]) :where(.min-\[920px\]\:divide-y-0 > :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(0px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(html[data-component-document]) .min-\[920px\]\:button-primary-sm {
    border-radius: var(--radius-md);
    background-color: var(--color-ento-900);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    :where(html[data-component-document]) .min-\[920px\]\:button-primary-sm:hover {
      background-color: var(--color-ento-950);
      color: var(--color-white);
      text-decoration-line: none;
    }
  }

  :where(html[data-component-document]) .min-\[920px\]\:button-primary-sm:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-ento-300);
  }

  :where(html[data-component-document]) .min-\[920px\]\:button-primary-sm:active {
    background-color: var(--color-ento-950);
  }

  :where(html[data-component-document]) .min-\[920px\]\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :where(html[data-component-document]) .min-\[920px\]\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  :where(html[data-component-document]) .min-\[920px\]\:border-ento-300 {
    border-color: var(--color-ento-300);
  }

  :where(html[data-component-document]) .min-\[920px\]\:p-6 {
    padding: calc(var(--spacing) * 6);
  }

  :where(html[data-component-document]) .min-\[920px\]\:p-12 {
    padding: calc(var(--spacing) * 12);
  }

  :where(html[data-component-document]) .min-\[920px\]\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  :where(html[data-component-document]) .min-\[920px\]\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :where(html[data-component-document]) .min-\[920px\]\:text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}

@media (width >= 992px) {
  :where(html[data-component-document]) .min-\[992px\]\:w-1\/2 {
    width: 50%;
  }

  :where(html[data-component-document]) .min-\[992px\]\:w-1\/3 {
    width: 33.3333%;
  }

  :where(html[data-component-document]) .min-\[992px\]\:w-1\/6 {
    width: 16.6667%;
  }

  :where(html[data-component-document]) .min-\[992px\]\:w-2\/3 {
    width: 66.6667%;
  }

  :where(html[data-component-document]) .min-\[992px\]\:w-5\/6 {
    width: 83.3333%;
  }

  :where(html[data-component-document]) .min-\[992px\]\:max-w-\[960px\] {
    max-width: 960px;
  }

  :where(html[data-component-document]) .min-\[992px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .min-\[992px\]\:pr-0 {
    padding-right: 0;
  }
}

@media (width >= 1024px) {
  :where(html[data-component-document]) .min-\[1024px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :where(html[data-component-document]) .min-\[1024px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1200px) {
  :where(html[data-component-document]) .min-\[1200px\]\:max-w-\[1140px\] {
    max-width: 1140px;
  }
}

@media (width >= 40rem) {
  :where(html[data-component-document]) .sm\:absolute {
    position: absolute;
  }

  :where(html[data-component-document]) .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  :where(html[data-component-document]) .sm\:mb-0 {
    margin-bottom: 0;
  }

  :where(html[data-component-document]) .sm\:grid {
    display: grid;
  }

  :where(html[data-component-document]) .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .sm\:flex-row {
    flex-direction: row;
  }

  :where(html[data-component-document]) .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  :where(html[data-component-document]) .sm\:items-center {
    align-items: center;
  }

  :where(html[data-component-document]) .sm\:items-start {
    align-items: flex-start;
  }

  :where(html[data-component-document]) .sm\:justify-between {
    justify-content: space-between;
  }

  :where(html[data-component-document]) .sm\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  :where(html[data-component-document]) .sm\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  :where(html[data-component-document]) .sm\:self-auto {
    align-self: auto;
  }

  :where(html[data-component-document]) .sm\:overflow-hidden {
    overflow: hidden;
  }
}

@media (width >= 48rem) {
  :where(html[data-component-document]) .md\:sticky {
    position: sticky;
  }

  :where(html[data-component-document]) .md\:top-0 {
    top: 0;
  }

  :where(html[data-component-document]) .md\:ml-auto {
    margin-left: auto;
  }

  :where(html[data-component-document]) .md\:w-64 {
    width: calc(var(--spacing) * 64);
  }

  :where(html[data-component-document]) .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(html[data-component-document]) .md\:flex-row {
    flex-direction: row;
  }

  :where(html[data-component-document]) .md\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  :where(html[data-component-document]) .md\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :where(html[data-component-document]) .md\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  :where(html[data-component-document]) .md\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  :where(html[data-component-document]) .md\:pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
}

@media (width >= 64rem) {
  :where(html[data-component-document]) .lg\:flex-row {
    flex-direction: row;
  }

  :where(html[data-component-document]) .lg\:items-start {
    align-items: flex-start;
  }
}

@media (width >= 80rem) {
  :where(html[data-component-document]) .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

:where(html[data-component-document]) .\[\&_img\]\:grayscale img {
  --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, );
}

:where(html[data-component-document]) .\[\&_label\]\:text-sm label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:where(html[data-component-document]) .\[\&_label\]\:font-medium label {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where(html[data-component-document]) .\[\&_td\]\:py-1 td {
  padding-block: var(--spacing);
}

:where(html[data-component-document]) .\[\&_td\]\:pr-3 td {
  padding-right: calc(var(--spacing) * 3);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)\]\:border-ento-900:has(input:checked) {
  border-color: var(--color-ento-900);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)\]\:bg-ento-50:has(input:checked) {
  background-color: var(--color-ento-50);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)\]\:bg-ento-900:has(input:checked) {
  background-color: var(--color-ento-900);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)\]\:text-white:has(input:checked) {
  color: var(--color-white);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)\]\:shadow-app:has(input:checked) {
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)\]\:shadow-ento-900\/10:has(input:checked) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ento-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)_i\]\:text-ento-900:has(input:checked) i {
  color: var(--color-ento-900);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)_p\]\:text-ento-800:has(input:checked) p {
  color: var(--color-ento-800);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)_span\:first-child\]\:border-ento-900:has(input:checked) span:first-child {
  border-color: var(--color-ento-900);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)_span\:first-child\]\:bg-ento-100:has(input:checked) span:first-child {
  background-color: var(--color-ento-100);
}

:where(html[data-component-document]) .\[\&\:has\(input\:checked\)_span\:last-child_span\]\:text-ento-900:has(input:checked) span:last-child span {
  color: var(--color-ento-900);
}

:where(html[data-component-document]) .\[\&\:has\(input\:disabled\)\]\:pointer-events-none:has(input:disabled) {
  pointer-events: none;
}

:where(html[data-component-document]) .\[\&\>\.relative\]\:px-0 > .relative {
  padding-inline: 0;
}

:where(html[data-component-document]) .\[\&\>\.ui--elements--alert\]\:mb-0 > .ui--elements--alert {
  margin-bottom: 0;
}

:where(html[data-component-document]) .\[\&\>\.ui--layout--action-group\]\:border-0 > .ui--layout--action-group {
  border-style: var(--tw-border-style);
  border-width: 0;
}

:where(html[data-component-document]) .\[\&\>\:first-child\]\:min-w-0 > :first-child {
  min-width: 0;
}

:where(html[data-component-document]) .\[\&\>\:first-child\]\:flex-1 > :first-child {
  flex: 1;
}

@media (width >= 64rem) {
  :where(html[data-component-document]) .lg\:\[\&\>\:first-child\]\:max-h-\[calc\(100vh-13rem\)\] > :first-child {
    max-height: calc(100vh - 13rem);
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:first-child\]\:\[scrollbar-width\:thin\] > :first-child {
    scrollbar-width: thin;
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:first-child\]\:\[scrollbar-color\:transparent_transparent\] > :first-child {
    scrollbar-color: transparent transparent;
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:first-child\]\:overflow-y-auto > :first-child {
    overflow-y: auto;
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:first-child\:hover\]\:\[scrollbar-color\:\#d1d5db_transparent\] > :first-child:hover {
    scrollbar-color: #d1d5db transparent;
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:last-child\]\:sticky > :last-child {
    position: sticky;
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:last-child\]\:top-6 > :last-child {
    top: calc(var(--spacing) * 6);
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:last-child\]\:w-80 > :last-child {
    width: calc(var(--spacing) * 80);
  }

  :where(html[data-component-document]) .lg\:\[\&\>\:last-child\]\:shrink-0 > :last-child {
    flex-shrink: 0;
  }
}

@media (width >= 40rem) {
  :where(html[data-component-document]) .sm\:\[\&\>\:only-child\]\:col-span-2 > :only-child {
    grid-column: span 2 / span 2;
  }
}

:where(html[data-component-document]) .\[\&\>a\]\:justify-center > a {
  justify-content: center;
}

:where(html[data-component-document]) .\[\&\>button\]\:w-full > button {
  width: 100%;
}

:where(html[data-component-document]) .\[\&\>button\]\:justify-center > button {
  justify-content: center;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-buch.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-buch-kursiv.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-kraftig.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-kraftig-kursiv.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-dreiviertelfett.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-dreiviertelfett-kursiv.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

:where([data-application-document]) *, :where([data-application-document]) :before, :where([data-application-document]) :after, :where([data-application-document]) ::backdrop {
  --tw-font-weight: initial;
  --tw-leading: 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-border-style: solid;
  --tw-outline-style: solid;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate-x: initial;
  --tw-rotate-y: initial;
  --tw-rotate-z: initial;
  --tw-skew-x: initial;
  --tw-skew-y: initial;
  --tw-space-y-reverse: 0;
  --tw-space-x-reverse: 0;
  --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-tracking: initial;
  --tw-ordinal: initial;
  --tw-slashed-zero: initial;
  --tw-numeric-figure: initial;
  --tw-numeric-spacing: initial;
  --tw-numeric-fraction: initial;
  --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;
  --tw-content: "";
  --tw-divide-x-reverse: 0;
}

:where([data-application-document]), :where([data-application-document]) {
  --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-300: oklch(80.8% .114 19.571);
  --color-red-500: oklch(63.7% .237 25.331);
  --color-red-700: oklch(50.5% .213 27.518);
  --color-orange-100: oklch(95.4% .038 75.164);
  --color-orange-700: oklch(55.3% .195 38.402);
  --color-amber-50: oklch(98.7% .022 95.277);
  --color-amber-400: oklch(82.8% .189 84.429);
  --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-300: oklch(90.5% .182 98.111);
  --color-yellow-700: oklch(55.4% .135 66.442);
  --color-green-50: oklch(98.2% .018 155.826);
  --color-green-100: oklch(96.2% .044 156.743);
  --color-green-300: oklch(87.1% .15 154.449);
  --color-green-700: oklch(52.7% .154 150.069);
  --color-emerald-50: oklch(97.9% .021 166.113);
  --color-emerald-100: oklch(95% .052 163.051);
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-emerald-700: oklch(50.8% .118 165.612);
  --color-emerald-900: oklch(37.8% .077 168.94);
  --color-sky-100: oklch(95.1% .026 236.824);
  --color-sky-700: oklch(50% .134 242.749);
  --color-blue-50: oklch(97% .014 254.604);
  --color-blue-100: oklch(93.2% .032 255.585);
  --color-blue-500: oklch(62.3% .214 259.815);
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-indigo-50: oklch(96.2% .018 272.314);
  --color-indigo-100: oklch(93% .034 272.788);
  --color-indigo-500: oklch(58.5% .233 277.117);
  --color-indigo-600: oklch(51.1% .262 276.966);
  --color-indigo-700: oklch(45.7% .24 277.023);
  --color-violet-50: oklch(96.9% .016 293.756);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-violet-700: oklch(49.1% .27 292.581);
  --color-purple-100: oklch(94.6% .033 307.174);
  --color-purple-700: oklch(49.6% .265 301.924);
  --color-slate-50: oklch(98.4% .003 247.858);
  --color-slate-700: oklch(37.2% .044 257.287);
  --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-zinc-100: oklch(96.7% .001 286.375);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --breakpoint-2xl: 96rem;
  --container-xs: 20rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --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;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --tracking-normal: 0em;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: .125rem;
  --radius-sm: .25rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --blur-xs: 4px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: "soehne", sans-serif;
  --default-mono-font-family: var(--font-mono);
  --color-app-slate-50: #f8fafc;
  --color-app-slate-100: #f1f5f9;
  --color-app-slate-200: #e2e8f0;
  --color-app-slate-400: #94a3b8;
  --color-app-slate-500: #64748b;
  --color-app-slate-600: #475569;
  --color-app-slate-700: #334155;
  --color-app-gray-50: #f9fafb;
  --color-app-gray-100: #f3f4f6;
  --color-app-gray-200: #e5e7eb;
  --color-app-gray-300: #d1d5db;
  --color-app-gray-400: #9ca3af;
  --color-app-gray-500: #6b7280;
  --color-app-gray-600: #4b5563;
  --color-app-gray-700: #374151;
  --color-app-gray-800: #1f2937;
  --color-app-gray-900: #111827;
  --color-app-zinc-50: #fafafa;
  --color-app-zinc-100: #f4f4f5;
  --color-app-stone-50: #fafaf9;
  --color-app-stone-700: #44403c;
  --color-app-red-50: #fef2f2;
  --color-app-red-100: #fee2e2;
  --color-app-red-200: #fecaca;
  --color-app-red-300: #fca5a5;
  --color-app-red-400: #f87171;
  --color-app-red-500: #ef4444;
  --color-app-red-600: #dc2626;
  --color-app-red-700: #b91c1c;
  --color-app-red-800: #991b1b;
  --color-app-red-900: #7f1d1d;
  --color-app-orange-50: #fff7ed;
  --color-app-orange-100: #ffedd5;
  --color-app-orange-200: #fed7aa;
  --color-app-orange-300: #fdba74;
  --color-app-orange-400: #fb923c;
  --color-app-orange-500: #f97316;
  --color-app-orange-600: #ea580c;
  --color-app-orange-700: #c2410c;
  --color-app-orange-800: #9a3412;
  --color-app-orange-900: #7c2d12;
  --color-app-amber-50: #fffbeb;
  --color-app-amber-100: #fef3c7;
  --color-app-amber-200: #fde68a;
  --color-app-amber-500: #f59e0b;
  --color-app-amber-600: #d97706;
  --color-app-amber-700: #b45309;
  --color-app-amber-800: #92400e;
  --color-app-amber-900: #78350f;
  --color-app-amber-950: #451a03;
  --color-app-yellow-50: #fefce8;
  --color-app-yellow-100: #fef9c3;
  --color-app-yellow-200: #fef08a;
  --color-app-yellow-300: #fde047;
  --color-app-yellow-400: #facc15;
  --color-app-yellow-500: #eab308;
  --color-app-yellow-600: #ca8a04;
  --color-app-yellow-700: #a16207;
  --color-app-yellow-800: #854d0e;
  --color-app-yellow-900: #713f12;
  --color-app-green-50: #f0fdf4;
  --color-app-green-100: #dcfce7;
  --color-app-green-200: #bbf7d0;
  --color-app-green-300: #86efac;
  --color-app-green-400: #4ade80;
  --color-app-green-500: #22c55e;
  --color-app-green-600: #16a34a;
  --color-app-green-700: #15803d;
  --color-app-green-800: #166534;
  --color-app-emerald-50: #ecfdf5;
  --color-app-emerald-100: #d1fae5;
  --color-app-emerald-200: #a7f3d0;
  --color-app-emerald-500: #10b981;
  --color-app-emerald-600: #059669;
  --color-app-emerald-700: #047857;
  --color-app-emerald-800: #065f46;
  --color-app-emerald-900: #064e3b;
  --color-app-teal-700: #0f766e;
  --color-app-cyan-50: #ecfeff;
  --color-app-cyan-500: #06b6d4;
  --color-app-cyan-700: #0e7490;
  --color-app-sky-50: #f0f9ff;
  --color-app-sky-100: #e0f2fe;
  --color-app-sky-200: #bae6fd;
  --color-app-sky-600: #0284c7;
  --color-app-sky-700: #0369a1;
  --color-app-sky-800: #075985;
  --color-app-sky-900: #0c4a6e;
  --color-app-blue-50: #eff6ff;
  --color-app-blue-100: #dbeafe;
  --color-app-blue-200: #bfdbfe;
  --color-app-blue-300: #93c5fd;
  --color-app-blue-400: #60a5fa;
  --color-app-blue-500: #3b82f6;
  --color-app-blue-600: #2563eb;
  --color-app-blue-700: #1d4ed8;
  --color-app-blue-800: #1e40af;
  --color-app-blue-900: #1e3a8a;
  --color-app-indigo-50: #eef2ff;
  --color-app-indigo-600: #4f46e5;
  --color-app-indigo-700: #4338ca;
  --color-app-indigo-900: #312e81;
  --color-app-violet-50: #f5f3ff;
  --color-app-violet-600: #7c3aed;
  --color-app-purple-50: #faf5ff;
  --color-app-purple-100: #f3e8ff;
  --color-app-purple-200: #e9d5ff;
  --color-app-purple-400: #c084fc;
  --color-app-purple-500: #a855f7;
  --color-app-purple-600: #9333ea;
  --color-app-purple-700: #7e22ce;
  --color-app-purple-800: #6b21a8;
  --color-app-fuchsia-500: #d946ef;
  --color-app-pink-100: #fce7f3;
  --color-app-pink-500: #ec4899;
  --color-app-pink-600: #db2777;
  --color-app-rose-50: #fff1f2;
  --color-app-rose-100: #ffe4e6;
  --color-app-rose-200: #fecdd3;
  --color-app-rose-600: #e11d48;
  --color-app-rose-700: #be123c;
  --color-energylabel-a2020: #008232;
  --color-energylabel-a2015: #02af3b;
  --color-energylabel-a2010: #12bb37;
  --color-energylabel-b: #6ac12b;
  --color-energylabel-c: #e3bf02;
  --color-energylabel-d: #ff8f00;
  --color-energylabel-e: #fe5720;
  --color-energylabel-f: #dd1620;
  --color-energylabel-g: #8e0212;
  --color-energylabel-purple: #692756;
  --color-golden-700: #897300;
  --color-known-error-soft: #e8edfd;
  --color-known-error-strong: #4664dd;
  --color-pastel-0: #66c5cc;
  --color-pastel-1: #f6cf71;
  --color-pastel-2: #f89c74;
  --color-pastel-3: #dcb0f2;
  --color-pastel-4: #87c55f;
  --color-pastel-5: #9eb9f3;
  --color-pastel-6: #fe88b1;
  --color-pastel-7: #c9db74;
  --color-pastel-8: #8be0a4;
  --color-pastel-9: #b497e7;
  --color-pastel-10: #b3b3b3;
  --color-ento-50: #f5f3ff;
  --color-ento-100: #f3eeff;
  --color-ento-200: #e6ddff;
  --color-ento-300: #ccbaff;
  --color-ento-500: #b698ff;
  --color-ento-600: #a8f;
  --color-ento-700: #9c76ff;
  --color-ento-800: #9065ff;
  --color-ento-900: #8353ff;
  --color-ento-950: #5924e2;
}

:where([data-application-document]) *, :where([data-application-document]) :after, :where([data-application-document]) :before, :where([data-application-document]) ::backdrop {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
  margin: 0;
  padding: 0;
}

:where([data-application-document]) ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
  margin: 0;
  padding: 0;
}

:where([data-application-document]), :where([data-application-document]) {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif;
  line-height: 1.5;
}

:where([data-application-document]) hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

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

:where([data-application-document]) h1, :where([data-application-document]) h2, :where([data-application-document]) h3, :where([data-application-document]) h4, :where([data-application-document]) h5, :where([data-application-document]) h6 {
  font-size: inherit;
  font-weight: inherit;
}

:where([data-application-document]) a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

:where([data-application-document]) b, :where([data-application-document]) strong {
  font-weight: bolder;
}

:where([data-application-document]) code, :where([data-application-document]) kbd, :where([data-application-document]) samp, :where([data-application-document]) 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;
}

:where([data-application-document]) small {
  font-size: 80%;
}

:where([data-application-document]) sub, :where([data-application-document]) sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

:where([data-application-document]) sub {
  bottom: -.25em;
}

:where([data-application-document]) sup {
  top: -.5em;
}

:where([data-application-document]) table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:where([data-application-document]) :-moz-focusring:where(:not(iframe)) {
  outline: auto;
}

:where([data-application-document]) progress {
  vertical-align: baseline;
}

:where([data-application-document]) summary {
  display: list-item;
}

:where([data-application-document]) ol, :where([data-application-document]) ul, :where([data-application-document]) menu {
  list-style: none;
}

:where([data-application-document]) img, :where([data-application-document]) svg, :where([data-application-document]) video, :where([data-application-document]) canvas, :where([data-application-document]) audio, :where([data-application-document]) iframe, :where([data-application-document]) embed, :where([data-application-document]) object {
  vertical-align: middle;
  display: block;
}

:where([data-application-document]) img, :where([data-application-document]) video {
  max-width: 100%;
  height: auto;
}

:where([data-application-document]) button, :where([data-application-document]) input, :where([data-application-document]) select, :where([data-application-document]) optgroup, :where([data-application-document]) textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}

:where([data-application-document]) ::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([data-application-document]) :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

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

:where([data-application-document]) ::file-selector-button {
  margin-inline-end: 4px;
}

:where([data-application-document]) ::placeholder {
  opacity: 1;
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  :where([data-application-document]) ::placeholder {
    color: #9ca3af;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-application-document]) ::placeholder {
      color: #9ca3af;
    }
  }
}

:where([data-application-document]) textarea {
  resize: vertical;
}

:where([data-application-document]) ::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where([data-application-document]) ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

:where([data-application-document]) ::-webkit-datetime-edit {
  display: inline-flex;
}

:where([data-application-document]) ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-year-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-month-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-day-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-second-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:where([data-application-document]) ::-webkit-calendar-picker-indicator {
  line-height: 1;
}

:where([data-application-document]) :-moz-ui-invalid {
  box-shadow: none;
}

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

:where([data-application-document]) ::file-selector-button {
  appearance: button;
}

:where([data-application-document]) ::-webkit-inner-spin-button {
  height: auto;
}

:where([data-application-document]) ::-webkit-outer-spin-button {
  height: auto;
}

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

:where([data-application-document]) button, :where([data-application-document]) [role="button"] {
  cursor: pointer;
}

:where([data-application-document]) :disabled {
  cursor: default;
}

:where([data-application-document]) blockquote, :where([data-application-document]) dl, :where([data-application-document]) dd, :where([data-application-document]) h1, :where([data-application-document]) h2, :where([data-application-document]) h3, :where([data-application-document]) h4, :where([data-application-document]) h5, :where([data-application-document]) h6, :where([data-application-document]) hr, :where([data-application-document]) figure, :where([data-application-document]) p, :where([data-application-document]) pre {
  margin: 0;
}

:where([data-application-document]) .pointer-events-none {
  pointer-events: none;
}

:where([data-application-document]) .collapse {
  visibility: collapse;
}

:where([data-application-document]) .invisible {
  visibility: hidden;
}

:where([data-application-document]) .visible {
  visibility: visible;
}

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

:where([data-application-document]) .absolute {
  position: absolute;
}

:where([data-application-document]) .fixed {
  position: fixed;
}

:where([data-application-document]) .relative {
  position: relative;
}

:where([data-application-document]) .static {
  position: static;
}

:where([data-application-document]) .sticky {
  position: sticky;
}

:where([data-application-document]) .inset-0 {
  inset: 0;
}

:where([data-application-document]) .inset-x-0 {
  inset-inline: 0;
}

:where([data-application-document]) .inset-y-0 {
  inset-block: 0;
}

:where([data-application-document]) .inset-y-auto {
  inset-block: auto;
}

:where([data-application-document]) .top-0 {
  top: 0;
}

:where([data-application-document]) .top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .top-1\/2 {
  top: 50%;
}

:where([data-application-document]) .top-2 {
  top: calc(var(--spacing) * 2);
}

:where([data-application-document]) .top-4 {
  top: calc(var(--spacing) * 4);
}

:where([data-application-document]) .top-20 {
  top: calc(var(--spacing) * 20);
}

:where([data-application-document]) .top-\[2px\] {
  top: 2px;
}

:where([data-application-document]) .top-full {
  top: 100%;
}

:where([data-application-document]) .right-0 {
  right: 0;
}

:where([data-application-document]) .right-2 {
  right: calc(var(--spacing) * 2);
}

:where([data-application-document]) .right-\[16px\] {
  right: 16px;
}

:where([data-application-document]) .bottom-0 {
  bottom: 0;
}

:where([data-application-document]) .bottom-5 {
  bottom: calc(var(--spacing) * 5);
}

:where([data-application-document]) .bottom-6 {
  bottom: calc(var(--spacing) * 6);
}

:where([data-application-document]) .left-0 {
  left: 0;
}

:where([data-application-document]) .left-1\/2 {
  left: 50%;
}

:where([data-application-document]) .left-3 {
  left: calc(var(--spacing) * 3);
}

:where([data-application-document]) .left-\[2px\] {
  left: 2px;
}

:where([data-application-document]) .left-\[22px\] {
  left: 22px;
}

:where([data-application-document]) .left-full {
  left: 100%;
}

:where([data-application-document]) .isolate {
  isolation: isolate;
}

:where([data-application-document]) .z-1 {
  z-index: 1;
}

:where([data-application-document]) .z-10 {
  z-index: 10;
}

:where([data-application-document]) .z-20 {
  z-index: 20;
}

:where([data-application-document]) .z-30 {
  z-index: 30;
}

:where([data-application-document]) .z-40 {
  z-index: 40;
}

:where([data-application-document]) .z-50 {
  z-index: 50;
}

:where([data-application-document]) .z-\[1\] {
  z-index: 1;
}

:where([data-application-document]) .z-\[10\] {
  z-index: 10;
}

:where([data-application-document]) .z-\[9999\] {
  z-index: 9999;
}

:where([data-application-document]) .col-4 {
  grid-column: 4;
}

:where([data-application-document]) .col-6 {
  grid-column: 6;
}

:where([data-application-document]) .col-8 {
  grid-column: 8;
}

:where([data-application-document]) .col-12 {
  grid-column: 12;
}

:where([data-application-document]) .col-span-2 {
  grid-column: span 2 / span 2;
}

:where([data-application-document]) .col-span-3 {
  grid-column: span 3 / span 3;
}

:where([data-application-document]) .col-span-full {
  grid-column: 1 / -1;
}

:where([data-application-document]) .col-start-4 {
  grid-column-start: 4;
}

:where([data-application-document]) .row-span-2 {
  grid-row: span 2 / span 2;
}

:where([data-application-document]) .row-span-3 {
  grid-row: span 3 / span 3;
}

:where([data-application-document]) .float-right {
  float: right;
}

:where([data-application-document]) .container {
  width: 100%;
}

@media (width >= 40rem) {
  :where([data-application-document]) .container {
    max-width: 40rem;
  }
}

@media (width >= 48rem) {
  :where([data-application-document]) .container {
    max-width: 48rem;
  }
}

@media (width >= 64rem) {
  :where([data-application-document]) .container {
    max-width: 64rem;
  }
}

@media (width >= 80rem) {
  :where([data-application-document]) .container {
    max-width: 80rem;
  }
}

@media (width >= 96rem) {
  :where([data-application-document]) .container {
    max-width: 96rem;
  }
}

:where([data-application-document]) .\!m-1 {
  margin: var(--spacing) !important;
}

:where([data-application-document]) .m-0 {
  margin: 0;
}

:where([data-application-document]) .m-1 {
  margin: var(--spacing);
}

:where([data-application-document]) .m-3 {
  margin: calc(var(--spacing) * 3);
}

:where([data-application-document]) .m-4 {
  margin: calc(var(--spacing) * 4);
}

:where([data-application-document]) .m-auto {
  margin: auto;
}

:where([data-application-document]) .markdown {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-app-gray-700);
}

:where([data-application-document]) .markdown > :first-child {
  margin-top: 0;
}

:where([data-application-document]) .markdown h1 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .markdown h2 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .markdown h3 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .markdown h4, :where([data-application-document]) .markdown h5, :where([data-application-document]) .markdown h6 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .markdown p {
  margin-block: calc(var(--spacing) * 2);
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

:where([data-application-document]) .markdown a {
  color: var(--color-ento-900);
}

@media (hover: hover) {
  :where([data-application-document]) .markdown a:hover {
    color: var(--color-ento-950);
    text-decoration-line: underline;
  }
}

:where([data-application-document]) .markdown strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .markdown ul, :where([data-application-document]) .markdown ol {
  margin-block: calc(var(--spacing) * 2);
  gap: var(--spacing);
  padding-left: calc(var(--spacing) * 5);
  flex-direction: column;
  display: flex;
}

:where([data-application-document]) .markdown ul {
  list-style-type: disc;
}

:where([data-application-document]) .markdown ol {
  list-style-type: decimal;
}

:where([data-application-document]) .markdown ol ol {
  list-style-type: lower-alpha;
}

:where([data-application-document]) .markdown ol ol ol {
  list-style-type: lower-roman;
}

:where([data-application-document]) .markdown code {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * .5);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  overflow-wrap: anywhere;
  color: var(--color-app-gray-700);
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-app-gray-200);
  --tw-ring-inset: inset;
}

:where([data-application-document]) .markdown pre {
  margin-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-app-gray-50);
  padding: calc(var(--spacing) * 4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
  color: var(--color-app-slate-700);
  overflow-x: auto;
}

:where([data-application-document]) .markdown pre code {
  color: inherit;
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #0000;
  padding: 0;
}

:where([data-application-document]) .markdown table {
  margin-block: calc(var(--spacing) * 3);
  border-collapse: collapse;
  width: 100%;
}

:where([data-application-document]) .markdown th {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-app-gray-50);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .markdown td {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  vertical-align: top;
  overflow-wrap: break-word;
}

:where([data-application-document]) .markdown blockquote {
  margin-block: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  border-width: 0;
  border-left-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-left-width: 2px;
  border-color: var(--color-ento-200);
  padding-left: calc(var(--spacing) * 3);
  color: var(--color-app-gray-500);
}

:where([data-application-document]) .markdown hr {
  margin-block: calc(var(--spacing) * 4);
  border-color: var(--color-app-gray-100);
}

:where([data-application-document]) .markdown img {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  max-width: 100%;
  height: auto;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: block;
}

:where([data-application-document]) .\!mx-0 {
  margin-inline: 0 !important;
}

:where([data-application-document]) .-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}

:where([data-application-document]) .-mx-\[5px\] {
  margin-inline: -5px;
}

:where([data-application-document]) .mx-1 {
  margin-inline: var(--spacing);
}

:where([data-application-document]) .mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}

:where([data-application-document]) .mx-auto {
  margin-inline: auto;
}

:where([data-application-document]) .\!my-0 {
  margin-block: 0 !important;
}

:where([data-application-document]) .\!my-4 {
  margin-block: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .-my-6 {
  margin-block: calc(var(--spacing) * -6);
}

:where([data-application-document]) .my-0 {
  margin-block: 0;
}

:where([data-application-document]) .my-1 {
  margin-block: var(--spacing);
}

:where([data-application-document]) .my-2 {
  margin-block: calc(var(--spacing) * 2);
}

:where([data-application-document]) .my-3 {
  margin-block: calc(var(--spacing) * 3);
}

:where([data-application-document]) .my-4 {
  margin-block: calc(var(--spacing) * 4);
}

:where([data-application-document]) .my-6 {
  margin-block: calc(var(--spacing) * 6);
}

:where([data-application-document]) .my-8 {
  margin-block: calc(var(--spacing) * 8);
}

:where([data-application-document]) .my-12 {
  margin-block: calc(var(--spacing) * 12);
}

:where([data-application-document]) .my-auto {
  margin-block: auto;
}

:where([data-application-document]) .section-heading {
  margin-top: calc(var(--spacing) * 12);
  margin-bottom: calc(var(--spacing) * 8);
  --tw-font-weight: var(--font-weight-medium);
  font-family: soehne;
  font-size: 1.1rem;
  font-weight: var(--font-weight-medium);
  font-style: normal;
}

:where([data-application-document]) .page-heading {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-normal);
  font-size: 1.7rem;
  font-weight: var(--font-weight-normal);
}

:where([data-application-document]) .\!mt-0 {
  margin-top: 0 !important;
}

:where([data-application-document]) .\!mt-2 {
  margin-top: calc(var(--spacing) * 2) !important;
}

:where([data-application-document]) .\!mt-6 {
  margin-top: calc(var(--spacing) * 6) !important;
}

:where([data-application-document]) .-mt-1\.5 {
  margin-top: calc(var(--spacing) * -1.5);
}

:where([data-application-document]) .mt-0 {
  margin-top: 0;
}

:where([data-application-document]) .mt-0\.5 {
  margin-top: calc(var(--spacing) * .5);
}

:where([data-application-document]) .mt-1 {
  margin-top: var(--spacing);
}

:where([data-application-document]) .mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

:where([data-application-document]) .mt-3 {
  margin-top: calc(var(--spacing) * 3);
}

:where([data-application-document]) .mt-4 {
  margin-top: calc(var(--spacing) * 4);
}

:where([data-application-document]) .mt-4\! {
  margin-top: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .mt-5 {
  margin-top: calc(var(--spacing) * 5);
}

:where([data-application-document]) .mt-6 {
  margin-top: calc(var(--spacing) * 6);
}

:where([data-application-document]) .mt-8 {
  margin-top: calc(var(--spacing) * 8);
}

:where([data-application-document]) .mt-12 {
  margin-top: calc(var(--spacing) * 12);
}

:where([data-application-document]) .mt-16 {
  margin-top: calc(var(--spacing) * 16);
}

:where([data-application-document]) .mt-\[-4px\] {
  margin-top: -4px;
}

:where([data-application-document]) .mt-\[-8px\] {
  margin-top: -8px;
}

:where([data-application-document]) .mt-\[3px\] {
  margin-top: 3px;
}

:where([data-application-document]) .mt-\[40px\] {
  margin-top: 40px;
}

:where([data-application-document]) .mt-auto {
  margin-top: auto;
}

:where([data-application-document]) .mr-0 {
  margin-right: 0;
}

:where([data-application-document]) .mr-0\.5 {
  margin-right: calc(var(--spacing) * .5);
}

:where([data-application-document]) .mr-1 {
  margin-right: var(--spacing);
}

:where([data-application-document]) .mr-1\.5 {
  margin-right: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .mr-2 {
  margin-right: calc(var(--spacing) * 2);
}

:where([data-application-document]) .mr-3 {
  margin-right: calc(var(--spacing) * 3);
}

:where([data-application-document]) .mr-4 {
  margin-right: calc(var(--spacing) * 4);
}

:where([data-application-document]) .mr-4\! {
  margin-right: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .mr-6 {
  margin-right: calc(var(--spacing) * 6);
}

:where([data-application-document]) .panel-heading {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
}

:where([data-application-document]) .subsection-heading {
  margin-bottom: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-medium);
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .\!mb-0 {
  margin-bottom: 0 !important;
}

:where([data-application-document]) .\!mb-1 {
  margin-bottom: var(--spacing) !important;
}

:where([data-application-document]) .\!mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}

:where([data-application-document]) .\!mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .\!mb-6 {
  margin-bottom: calc(var(--spacing) * 6) !important;
}

:where([data-application-document]) .mb-0 {
  margin-bottom: 0;
}

:where([data-application-document]) .mb-0\.5 {
  margin-bottom: calc(var(--spacing) * .5);
}

:where([data-application-document]) .mb-1 {
  margin-bottom: var(--spacing);
}

:where([data-application-document]) .mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}

:where([data-application-document]) .mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5);
}

:where([data-application-document]) .mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}

:where([data-application-document]) .mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

:where([data-application-document]) .mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}

:where([data-application-document]) .mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}

:where([data-application-document]) .mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}

:where([data-application-document]) .mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}

:where([data-application-document]) .mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}

:where([data-application-document]) .mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}

:where([data-application-document]) .mb-20 {
  margin-bottom: calc(var(--spacing) * 20);
}

:where([data-application-document]) .-ml-px {
  margin-left: -1px;
}

:where([data-application-document]) .ml-1 {
  margin-left: var(--spacing);
}

:where([data-application-document]) .ml-2 {
  margin-left: calc(var(--spacing) * 2);
}

:where([data-application-document]) .ml-3 {
  margin-left: calc(var(--spacing) * 3);
}

:where([data-application-document]) .ml-4 {
  margin-left: calc(var(--spacing) * 4);
}

:where([data-application-document]) .ml-6 {
  margin-left: calc(var(--spacing) * 6);
}

:where([data-application-document]) .ml-9 {
  margin-left: calc(var(--spacing) * 9);
}

:where([data-application-document]) .ml-\[-4px\] {
  margin-left: -4px;
}

:where([data-application-document]) .ml-\[12px\] {
  margin-left: 12px;
}

:where([data-application-document]) .ml-auto {
  margin-left: auto;
}

:where([data-application-document]) .button-icon-md {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

:where([data-application-document]) .button-icon-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .button-icon-sm {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

:where([data-application-document]) .button-icon-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .pill-blue-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-blue-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-blue-700);
  display: inline-flex;
}

:where([data-application-document]) .pill-gray-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-500);
  display: inline-flex;
}

:where([data-application-document]) .pill-green-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-emerald-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-emerald-700);
  display: inline-flex;
}

:where([data-application-document]) .pill-red-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-red-700);
  display: inline-flex;
}

:where([data-application-document]) .pill-yellow-md {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-golden-700);
  display: inline-flex;
}

:where([data-application-document]) .line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

:where([data-application-document]) .block {
  display: block;
}

:where([data-application-document]) .contents {
  display: contents;
}

:where([data-application-document]) .flex {
  display: flex;
}

:where([data-application-document]) .grid {
  display: grid;
}

:where([data-application-document]) .hidden {
  display: none;
}

:where([data-application-document]) .inline {
  display: inline;
}

:where([data-application-document]) .inline-block {
  display: inline-block;
}

:where([data-application-document]) .inline-flex {
  display: inline-flex;
}

:where([data-application-document]) .inline-grid {
  display: inline-grid;
}

:where([data-application-document]) .inline-table {
  display: inline-table;
}

:where([data-application-document]) .table {
  display: table;
}

:where([data-application-document]) .table-row {
  display: table-row;
}

:where([data-application-document]) .size-3 {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}

:where([data-application-document]) .size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}

:where([data-application-document]) .size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}

:where([data-application-document]) .size-7 {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}

:where([data-application-document]) .size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}

:where([data-application-document]) .size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}

:where([data-application-document]) .size-12 {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}

:where([data-application-document]) .size-24 {
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
}

:where([data-application-document]) .\!h-8 {
  height: calc(var(--spacing) * 8) !important;
}

:where([data-application-document]) .h-0\.5 {
  height: calc(var(--spacing) * .5);
}

:where([data-application-document]) .h-1 {
  height: var(--spacing);
}

:where([data-application-document]) .h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .h-2 {
  height: calc(var(--spacing) * 2);
}

:where([data-application-document]) .h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}

:where([data-application-document]) .h-3 {
  height: calc(var(--spacing) * 3);
}

:where([data-application-document]) .h-4 {
  height: calc(var(--spacing) * 4);
}

:where([data-application-document]) .h-5 {
  height: calc(var(--spacing) * 5);
}

:where([data-application-document]) .h-6 {
  height: calc(var(--spacing) * 6);
}

:where([data-application-document]) .h-7 {
  height: calc(var(--spacing) * 7);
}

:where([data-application-document]) .h-8 {
  height: calc(var(--spacing) * 8);
}

:where([data-application-document]) .h-9 {
  height: calc(var(--spacing) * 9);
}

:where([data-application-document]) .h-10 {
  height: calc(var(--spacing) * 10);
}

:where([data-application-document]) .h-11 {
  height: calc(var(--spacing) * 11);
}

:where([data-application-document]) .h-12 {
  height: calc(var(--spacing) * 12);
}

:where([data-application-document]) .h-16 {
  height: calc(var(--spacing) * 16);
}

:where([data-application-document]) .h-20 {
  height: calc(var(--spacing) * 20);
}

:where([data-application-document]) .h-24 {
  height: calc(var(--spacing) * 24);
}

:where([data-application-document]) .h-32 {
  height: calc(var(--spacing) * 32);
}

:where([data-application-document]) .h-40 {
  height: calc(var(--spacing) * 40);
}

:where([data-application-document]) .h-50 {
  height: calc(var(--spacing) * 50);
}

:where([data-application-document]) .h-56 {
  height: calc(var(--spacing) * 56);
}

:where([data-application-document]) .h-80 {
  height: calc(var(--spacing) * 80);
}

:where([data-application-document]) .h-\[1px\] {
  height: 1px;
}

:where([data-application-document]) .h-\[12px\] {
  height: 12px;
}

:where([data-application-document]) .h-\[14px\] {
  height: 14px;
}

:where([data-application-document]) .h-\[16px\] {
  height: 16px;
}

:where([data-application-document]) .h-\[24px\] {
  height: 24px;
}

:where([data-application-document]) .h-\[44px\] {
  height: 44px;
}

:where([data-application-document]) .h-\[56px\] {
  height: 56px;
}

:where([data-application-document]) .h-\[100px\] {
  height: 100px;
}

:where([data-application-document]) .h-\[180px\] {
  height: 180px;
}

:where([data-application-document]) .h-\[200px\] {
  height: 200px;
}

:where([data-application-document]) .h-\[260px\] {
  height: 260px;
}

:where([data-application-document]) .h-\[293px\] {
  height: 293px;
}

:where([data-application-document]) .h-\[300px\] {
  height: 300px;
}

:where([data-application-document]) .h-\[420px\] {
  height: 420px;
}

:where([data-application-document]) .h-auto {
  height: auto;
}

:where([data-application-document]) .h-fit {
  height: fit-content;
}

:where([data-application-document]) .h-full {
  height: 100%;
}

:where([data-application-document]) .h-px {
  height: 1px;
}

:where([data-application-document]) .h-screen {
  height: 100vh;
}

:where([data-application-document]) .max-h-48 {
  max-height: calc(var(--spacing) * 48);
}

:where([data-application-document]) .max-h-60 {
  max-height: calc(var(--spacing) * 60);
}

:where([data-application-document]) .max-h-64 {
  max-height: calc(var(--spacing) * 64);
}

:where([data-application-document]) .max-h-96 {
  max-height: calc(var(--spacing) * 96);
}

:where([data-application-document]) .max-h-\[70vh\] {
  max-height: 70vh;
}

:where([data-application-document]) .max-h-\[184px\] {
  max-height: 184px;
}

:where([data-application-document]) .max-h-\[200px\] {
  max-height: 200px;
}

:where([data-application-document]) .max-h-\[260px\] {
  max-height: 260px;
}

:where([data-application-document]) .max-h-\[330px\] {
  max-height: 330px;
}

:where([data-application-document]) .max-h-\[334px\] {
  max-height: 334px;
}

:where([data-application-document]) .max-h-\[calc\(100vh-2em\)\] {
  max-height: calc(100vh - 2em);
}

:where([data-application-document]) .max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}

:where([data-application-document]) .max-h-screen {
  max-height: 100vh;
}

:where([data-application-document]) .min-h-0 {
  min-height: 0;
}

:where([data-application-document]) .min-h-14 {
  min-height: calc(var(--spacing) * 14);
}

:where([data-application-document]) .min-h-24 {
  min-height: calc(var(--spacing) * 24);
}

:where([data-application-document]) .min-h-28 {
  min-height: calc(var(--spacing) * 28);
}

:where([data-application-document]) .min-h-48 {
  min-height: calc(var(--spacing) * 48);
}

:where([data-application-document]) .min-h-56 {
  min-height: calc(var(--spacing) * 56);
}

:where([data-application-document]) .min-h-72 {
  min-height: calc(var(--spacing) * 72);
}

:where([data-application-document]) .min-h-\[1rem\] {
  min-height: 1rem;
}

:where([data-application-document]) .min-h-\[16px\] {
  min-height: 16px;
}

:where([data-application-document]) .min-h-\[24rem\] {
  min-height: 24rem;
}

:where([data-application-document]) .min-h-\[80vh\] {
  min-height: 80vh;
}

:where([data-application-document]) .min-h-\[160px\] {
  min-height: 160px;
}

:where([data-application-document]) .min-h-\[260px\] {
  min-height: 260px;
}

:where([data-application-document]) .min-h-\[293px\] {
  min-height: 293px;
}

:where([data-application-document]) .min-h-\[320px\] {
  min-height: 320px;
}

:where([data-application-document]) .min-h-\[400px\] {
  min-height: 400px;
}

:where([data-application-document]) .min-h-\[520px\] {
  min-height: 520px;
}

:where([data-application-document]) .min-h-full {
  min-height: 100%;
}

:where([data-application-document]) .min-h-screen {
  min-height: 100vh;
}

:where([data-application-document]) .app-container {
  width: 100%;
}

@media (width >= 920px) {
  :where([data-application-document]) .app-container {
    max-width: 920px;
  }
}

:where([data-application-document]) .input-primary {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-300);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-app-gray-700);
}

:where([data-application-document]) .input-primary::placeholder {
  color: var(--color-app-gray-400);
}

:where([data-application-document]) .input-primary:focus {
  border-color: var(--color-ento-500);
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-ento-200);
}

:where([data-application-document]) .\!w-16 {
  width: calc(var(--spacing) * 16) !important;
}

:where([data-application-document]) .\!w-full {
  width: 100% !important;
}

:where([data-application-document]) .w-0 {
  width: 0;
}

:where([data-application-document]) .w-1 {
  width: var(--spacing);
}

:where([data-application-document]) .w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .w-1\/2 {
  width: 50%;
}

:where([data-application-document]) .w-1\/3 {
  width: 33.3333%;
}

:where([data-application-document]) .w-1\/4 {
  width: 25%;
}

:where([data-application-document]) .w-1\/6 {
  width: 16.6667%;
}

:where([data-application-document]) .w-1\/12 {
  width: 8.33333%;
}

:where([data-application-document]) .w-2 {
  width: calc(var(--spacing) * 2);
}

:where([data-application-document]) .w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}

:where([data-application-document]) .w-2\/3 {
  width: 66.6667%;
}

:where([data-application-document]) .w-3 {
  width: calc(var(--spacing) * 3);
}

:where([data-application-document]) .w-4 {
  width: calc(var(--spacing) * 4);
}

:where([data-application-document]) .w-5 {
  width: calc(var(--spacing) * 5);
}

:where([data-application-document]) .w-5\/12 {
  width: 41.6667%;
}

:where([data-application-document]) .w-6 {
  width: calc(var(--spacing) * 6);
}

:where([data-application-document]) .w-7 {
  width: calc(var(--spacing) * 7);
}

:where([data-application-document]) .w-7\/12 {
  width: 58.3333%;
}

:where([data-application-document]) .w-8 {
  width: calc(var(--spacing) * 8);
}

:where([data-application-document]) .w-9 {
  width: calc(var(--spacing) * 9);
}

:where([data-application-document]) .w-10 {
  width: calc(var(--spacing) * 10);
}

:where([data-application-document]) .w-11 {
  width: calc(var(--spacing) * 11);
}

:where([data-application-document]) .w-12 {
  width: calc(var(--spacing) * 12);
}

:where([data-application-document]) .w-16 {
  width: calc(var(--spacing) * 16);
}

:where([data-application-document]) .w-20 {
  width: calc(var(--spacing) * 20);
}

:where([data-application-document]) .w-24 {
  width: calc(var(--spacing) * 24);
}

:where([data-application-document]) .w-28 {
  width: calc(var(--spacing) * 28);
}

:where([data-application-document]) .w-30 {
  width: calc(var(--spacing) * 30);
}

:where([data-application-document]) .w-40 {
  width: calc(var(--spacing) * 40);
}

:where([data-application-document]) .w-48 {
  width: calc(var(--spacing) * 48);
}

:where([data-application-document]) .w-52 {
  width: calc(var(--spacing) * 52);
}

:where([data-application-document]) .w-56 {
  width: calc(var(--spacing) * 56);
}

:where([data-application-document]) .w-64 {
  width: calc(var(--spacing) * 64);
}

:where([data-application-document]) .w-72 {
  width: calc(var(--spacing) * 72);
}

:where([data-application-document]) .w-80 {
  width: calc(var(--spacing) * 80);
}

:where([data-application-document]) .w-96 {
  width: calc(var(--spacing) * 96);
}

:where([data-application-document]) .w-\[1px\] {
  width: 1px;
}

:where([data-application-document]) .w-\[12px\] {
  width: 12px;
}

:where([data-application-document]) .w-\[14px\] {
  width: 14px;
}

:where([data-application-document]) .w-\[16px\] {
  width: 16px;
}

:where([data-application-document]) .w-\[20\%\] {
  width: 20%;
}

:where([data-application-document]) .w-\[22px\] {
  width: 22px;
}

:where([data-application-document]) .w-\[24px\] {
  width: 24px;
}

:where([data-application-document]) .w-\[25\%\] {
  width: 25%;
}

:where([data-application-document]) .w-\[30\%\] {
  width: 30%;
}

:where([data-application-document]) .w-\[40px\] {
  width: 40px;
}

:where([data-application-document]) .w-\[50\%\] {
  width: 50%;
}

:where([data-application-document]) .w-\[50px\] {
  width: 50px;
}

:where([data-application-document]) .w-\[70\%\] {
  width: 70%;
}

:where([data-application-document]) .w-\[75\%\] {
  width: 75%;
}

:where([data-application-document]) .w-\[95px\] {
  width: 95px;
}

:where([data-application-document]) .w-\[100px\] {
  width: 100px;
}

:where([data-application-document]) .w-\[138px\] {
  width: 138px;
}

:where([data-application-document]) .w-\[139px\] {
  width: 139px;
}

:where([data-application-document]) .w-\[150px\] {
  width: 150px;
}

:where([data-application-document]) .w-\[180px\] {
  width: 180px;
}

:where([data-application-document]) .w-\[200px\] {
  width: 200px;
}

:where([data-application-document]) .w-\[242px\] {
  width: 242px;
}

:where([data-application-document]) .w-\[300px\] {
  width: 300px;
}

:where([data-application-document]) .w-\[340px\] {
  width: 340px;
}

:where([data-application-document]) .w-\[350px\] {
  width: 350px;
}

:where([data-application-document]) .w-\[400px\] {
  width: 400px;
}

:where([data-application-document]) .w-\[500px\] {
  width: 500px;
}

:where([data-application-document]) .w-\[600px\] {
  width: 600px;
}

:where([data-application-document]) .w-\[840px\] {
  width: 840px;
}

:where([data-application-document]) .w-\[min\(48rem\,calc\(100vw-2rem\)\)\] {
  width: min(48rem, 100vw - 2rem);
}

:where([data-application-document]) .w-auto {
  width: auto;
}

:where([data-application-document]) .w-fit {
  width: fit-content;
}

:where([data-application-document]) .w-full {
  width: 100%;
}

:where([data-application-document]) .w-px {
  width: 1px;
}

:where([data-application-document]) .max-w-2xl {
  max-width: var(--container-2xl);
}

:where([data-application-document]) .max-w-3xl {
  max-width: var(--container-3xl);
}

:where([data-application-document]) .max-w-4xl {
  max-width: var(--container-4xl);
}

:where([data-application-document]) .max-w-6xl {
  max-width: var(--container-6xl);
}

:where([data-application-document]) .max-w-7xl {
  max-width: var(--container-7xl);
}

:where([data-application-document]) .max-w-8 {
  max-width: calc(var(--spacing) * 8);
}

:where([data-application-document]) .max-w-40 {
  max-width: calc(var(--spacing) * 40);
}

:where([data-application-document]) .max-w-\[6ch\] {
  max-width: 6ch;
}

:where([data-application-document]) .max-w-\[8\.333333\%\] {
  max-width: 8.33333%;
}

:where([data-application-document]) .max-w-\[8ch\] {
  max-width: 8ch;
}

:where([data-application-document]) .max-w-\[8rem\] {
  max-width: 8rem;
}

:where([data-application-document]) .max-w-\[9rem\] {
  max-width: 9rem;
}

:where([data-application-document]) .max-w-\[10rem\] {
  max-width: 10rem;
}

:where([data-application-document]) .max-w-\[30\%\] {
  max-width: 30%;
}

:where([data-application-document]) .max-w-\[32px\] {
  max-width: 32px;
}

:where([data-application-document]) .max-w-\[36ch\] {
  max-width: 36ch;
}

:where([data-application-document]) .max-w-\[58ch\] {
  max-width: 58ch;
}

:where([data-application-document]) .max-w-\[60\%\] {
  max-width: 60%;
}

:where([data-application-document]) .max-w-\[65ch\] {
  max-width: 65ch;
}

:where([data-application-document]) .max-w-\[80\%\] {
  max-width: 80%;
}

:where([data-application-document]) .max-w-\[100px\] {
  max-width: 100px;
}

:where([data-application-document]) .max-w-\[120px\] {
  max-width: 120px;
}

:where([data-application-document]) .max-w-\[140px\] {
  max-width: 140px;
}

:where([data-application-document]) .max-w-\[160px\] {
  max-width: 160px;
}

:where([data-application-document]) .max-w-\[300px\] {
  max-width: 300px;
}

:where([data-application-document]) .max-w-\[360px\] {
  max-width: 360px;
}

:where([data-application-document]) .max-w-\[400px\] {
  max-width: 400px;
}

:where([data-application-document]) .max-w-\[500px\] {
  max-width: 500px;
}

:where([data-application-document]) .max-w-\[560px\] {
  max-width: 560px;
}

:where([data-application-document]) .max-w-\[760px\] {
  max-width: 760px;
}

:where([data-application-document]) .max-w-\[980px\] {
  max-width: 980px;
}

:where([data-application-document]) .max-w-\[1100px\] {
  max-width: 1100px;
}

:where([data-application-document]) .max-w-\[1440px\] {
  max-width: 1440px;
}

:where([data-application-document]) .max-w-full {
  max-width: 100%;
}

:where([data-application-document]) .max-w-lg {
  max-width: var(--container-lg);
}

:where([data-application-document]) .max-w-md {
  max-width: var(--container-md);
}

:where([data-application-document]) .max-w-prose {
  max-width: 65ch;
}

:where([data-application-document]) .max-w-screen-2xl {
  max-width: var(--breakpoint-2xl);
}

:where([data-application-document]) .max-w-xl {
  max-width: var(--container-xl);
}

:where([data-application-document]) .max-w-xs {
  max-width: var(--container-xs);
}

:where([data-application-document]) .min-w-0 {
  min-width: 0;
}

:where([data-application-document]) .min-w-10 {
  min-width: calc(var(--spacing) * 10);
}

:where([data-application-document]) .min-w-16 {
  min-width: calc(var(--spacing) * 16);
}

:where([data-application-document]) .min-w-24 {
  min-width: calc(var(--spacing) * 24);
}

:where([data-application-document]) .min-w-40 {
  min-width: calc(var(--spacing) * 40);
}

:where([data-application-document]) .min-w-48 {
  min-width: calc(var(--spacing) * 48);
}

:where([data-application-document]) .min-w-60 {
  min-width: calc(var(--spacing) * 60);
}

:where([data-application-document]) .min-w-64 {
  min-width: calc(var(--spacing) * 64);
}

:where([data-application-document]) .min-w-\[7rem\] {
  min-width: 7rem;
}

:where([data-application-document]) .min-w-\[10px\] {
  min-width: 10px;
}

:where([data-application-document]) .min-w-\[32px\] {
  min-width: 32px;
}

:where([data-application-document]) .min-w-\[35\%\] {
  min-width: 35%;
}

:where([data-application-document]) .min-w-\[50\%\] {
  min-width: 50%;
}

:where([data-application-document]) .min-w-\[56px\] {
  min-width: 56px;
}

:where([data-application-document]) .min-w-\[60px\] {
  min-width: 60px;
}

:where([data-application-document]) .min-w-\[64px\] {
  min-width: 64px;
}

:where([data-application-document]) .min-w-\[65\%\] {
  min-width: 65%;
}

:where([data-application-document]) .min-w-\[100px\] {
  min-width: 100px;
}

:where([data-application-document]) .min-w-\[140px\] {
  min-width: 140px;
}

:where([data-application-document]) .min-w-\[160px\] {
  min-width: 160px;
}

:where([data-application-document]) .min-w-\[190px\] {
  min-width: 190px;
}

:where([data-application-document]) .min-w-\[200px\] {
  min-width: 200px;
}

:where([data-application-document]) .min-w-\[250px\] {
  min-width: 250px;
}

:where([data-application-document]) .min-w-\[280px\] {
  min-width: 280px;
}

:where([data-application-document]) .min-w-\[300px\] {
  min-width: 300px;
}

:where([data-application-document]) .min-w-\[350px\] {
  min-width: 350px;
}

:where([data-application-document]) .min-w-\[360px\] {
  min-width: 360px;
}

:where([data-application-document]) .min-w-\[380px\] {
  min-width: 380px;
}

:where([data-application-document]) .min-w-\[480px\] {
  min-width: 480px;
}

:where([data-application-document]) .min-w-\[600px\] {
  min-width: 600px;
}

:where([data-application-document]) .min-w-\[720px\] {
  min-width: 720px;
}

:where([data-application-document]) .min-w-full {
  min-width: 100%;
}

:where([data-application-document]) .min-w-max {
  min-width: max-content;
}

:where([data-application-document]) .flex-1 {
  flex: 1;
}

:where([data-application-document]) .flex-auto {
  flex: auto;
}

:where([data-application-document]) .flex-none {
  flex: none;
}

:where([data-application-document]) .shrink {
  flex-shrink: 1;
}

:where([data-application-document]) .shrink-0 {
  flex-shrink: 0;
}

:where([data-application-document]) .flex-grow, :where([data-application-document]) .grow {
  flex-grow: 1;
}

:where([data-application-document]) .basis-0 {
  flex-basis: 0;
}

:where([data-application-document]) .basis-full {
  flex-basis: 100%;
}

:where([data-application-document]) .table-auto {
  table-layout: auto;
}

:where([data-application-document]) .table-fixed {
  table-layout: fixed;
}

:where([data-application-document]) .\!border-collapse {
  border-collapse: collapse !important;
}

:where([data-application-document]) .border-collapse {
  border-collapse: collapse;
}

:where([data-application-document]) .-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .translate-y-0\.5 {
  --tw-translate-y: calc(var(--spacing) * .5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .rotate-90 {
  rotate: 90deg;
}

:where([data-application-document]) .rotate-180 {
  rotate: 180deg;
}

:where([data-application-document]) .transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

:where([data-application-document]) .animate-spin {
  animation: var(--animate-spin);
}

:where([data-application-document]) .cursor-col-resize {
  cursor: col-resize;
}

:where([data-application-document]) .cursor-default {
  cursor: default;
}

:where([data-application-document]) .cursor-ew-resize {
  cursor: ew-resize;
}

:where([data-application-document]) .cursor-grab {
  cursor: grab;
}

:where([data-application-document]) .cursor-help {
  cursor: help;
}

:where([data-application-document]) .cursor-not-allowed {
  cursor: not-allowed;
}

:where([data-application-document]) .cursor-pointer {
  cursor: pointer;
}

:where([data-application-document]) .cursor-wait {
  cursor: wait;
}

:where([data-application-document]) .resize {
  resize: both;
}

:where([data-application-document]) .resize-y {
  resize: vertical;
}

:where([data-application-document]) .\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

:where([data-application-document]) .list-inside {
  list-style-position: inside;
}

:where([data-application-document]) .list-disc {
  list-style-type: disc;
}

:where([data-application-document]) .list-none {
  list-style-type: none;
}

:where([data-application-document]) .appearance-none {
  appearance: none;
}

:where([data-application-document]) .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

:where([data-application-document]) .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where([data-application-document]) .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:where([data-application-document]) .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

:where([data-application-document]) .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

:where([data-application-document]) .grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

:where([data-application-document]) .grid-cols-\[1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}

:where([data-application-document]) .grid-cols-\[1fr_1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

:where([data-application-document]) .grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

:where([data-application-document]) .grid-cols-\[1fr_auto_auto\] {
  grid-template-columns: 1fr auto auto;
}

:where([data-application-document]) .grid-cols-\[32px_1fr\] {
  grid-template-columns: 32px 1fr;
}

:where([data-application-document]) .grid-cols-\[32px_1fr_auto\] {
  grid-template-columns: 32px 1fr auto;
}

:where([data-application-document]) .grid-cols-\[64px_1fr_150px_150px_1fr_64px\] {
  grid-template-columns: 64px 1fr 150px 150px 1fr 64px;
}

:where([data-application-document]) .grid-cols-\[80\%_auto\] {
  grid-template-columns: 80% auto;
}

:where([data-application-document]) .grid-cols-\[350px_minmax\(0\,1fr\)\] {
  grid-template-columns: 350px minmax(0, 1fr);
}

:where([data-application-document]) .grid-cols-\[auto_60\%_auto\] {
  grid-template-columns: auto 60% auto;
}

:where([data-application-document]) .grid-cols-\[auto_auto\] {
  grid-template-columns: auto auto;
}

:where([data-application-document]) .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
}

:where([data-application-document]) .grid-cols-\[repeat\(auto-fit\,minmax\(min\(18rem\,100\%\)\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
}

:where([data-application-document]) .grid-rows-\[auto_auto\] {
  grid-template-rows: auto auto;
}

:where([data-application-document]) .flex-col {
  flex-direction: column;
}

:where([data-application-document]) .flex-row {
  flex-direction: row;
}

:where([data-application-document]) .flex-nowrap {
  flex-wrap: nowrap;
}

:where([data-application-document]) .flex-wrap {
  flex-wrap: wrap;
}

:where([data-application-document]) .items-baseline {
  align-items: baseline;
}

:where([data-application-document]) .items-center {
  align-items: center;
}

:where([data-application-document]) .items-end {
  align-items: flex-end;
}

:where([data-application-document]) .items-start {
  align-items: flex-start;
}

:where([data-application-document]) .items-stretch {
  align-items: stretch;
}

:where([data-application-document]) .\!justify-between {
  justify-content: space-between !important;
}

:where([data-application-document]) .justify-around {
  justify-content: space-around;
}

:where([data-application-document]) .justify-between {
  justify-content: space-between;
}

:where([data-application-document]) .justify-center {
  justify-content: center;
}

:where([data-application-document]) .justify-end {
  justify-content: flex-end;
}

:where([data-application-document]) .justify-start {
  justify-content: flex-start;
}

:where([data-application-document]) .gap-0\.5 {
  gap: calc(var(--spacing) * .5);
}

:where([data-application-document]) .gap-1 {
  gap: var(--spacing);
}

:where([data-application-document]) .gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .gap-2 {
  gap: calc(var(--spacing) * 2);
}

:where([data-application-document]) .gap-3 {
  gap: calc(var(--spacing) * 3);
}

:where([data-application-document]) .gap-4 {
  gap: calc(var(--spacing) * 4);
}

:where([data-application-document]) .gap-5 {
  gap: calc(var(--spacing) * 5);
}

:where([data-application-document]) .gap-6 {
  gap: calc(var(--spacing) * 6);
}

:where([data-application-document]) .gap-8 {
  gap: calc(var(--spacing) * 8);
}

:where([data-application-document]) .gap-10 {
  gap: calc(var(--spacing) * 10);
}

:where([data-application-document]) .gap-12 {
  gap: calc(var(--spacing) * 12);
}

:where([data-application-document]) .gap-\[1px\] {
  gap: 1px;
}

:where([data-application-document]) .gap-\[2px\] {
  gap: 2px;
}

:where([data-application-document]) :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([data-application-document]) :where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
  margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
}

:where([data-application-document]) :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([data-application-document]) :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([data-application-document]) :where(.space-y-2\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}

:where([data-application-document]) :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([data-application-document]) :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([data-application-document]) :where(.space-y-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([data-application-document]) :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([data-application-document]) :where(.space-y-8 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}

:where([data-application-document]) .gap-x-0 {
  column-gap: 0;
}

:where([data-application-document]) .gap-x-1 {
  column-gap: var(--spacing);
}

:where([data-application-document]) .gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}

:where([data-application-document]) .gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}

:where([data-application-document]) .gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}

:where([data-application-document]) .gap-x-5 {
  column-gap: calc(var(--spacing) * 5);
}

:where([data-application-document]) .gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}

:where([data-application-document]) .gap-x-10 {
  column-gap: calc(var(--spacing) * 10);
}

:where([data-application-document]) .gap-x-12 {
  column-gap: calc(var(--spacing) * 12);
}

:where([data-application-document]) :where(.space-x-0 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline: 0;
}

:where([data-application-document]) :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([data-application-document]) :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([data-application-document]) :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([data-application-document]) :where(.space-x-8 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
}

:where([data-application-document]) .gap-y-0 {
  row-gap: 0;
}

:where([data-application-document]) .gap-y-0\.5 {
  row-gap: calc(var(--spacing) * .5);
}

:where([data-application-document]) .gap-y-1 {
  row-gap: var(--spacing);
}

:where([data-application-document]) .gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}

:where([data-application-document]) .gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}

:where([data-application-document]) .gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}

:where([data-application-document]) .gap-y-5 {
  row-gap: calc(var(--spacing) * 5);
}

:where([data-application-document]) .gap-y-6 {
  row-gap: calc(var(--spacing) * 6);
}

:where([data-application-document]) .gap-y-10 {
  row-gap: calc(var(--spacing) * 10);
}

:where([data-application-document]) :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([data-application-document]) :where(.divide-app-gray-100 > :not(:last-child)) {
  border-color: var(--color-app-gray-100);
}

:where([data-application-document]) :where(.divide-app-gray-200 > :not(:last-child)) {
  border-color: var(--color-app-gray-200);
}

:where([data-application-document]) :where(.divide-ento-100 > :not(:last-child)) {
  border-color: var(--color-ento-100);
}

:where([data-application-document]) .button-link-sm {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
  align-self: flex-start;
}

@media (hover: hover) {
  :where([data-application-document]) .button-link-sm:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-link-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .self-center {
  align-self: center;
}

:where([data-application-document]) .self-end {
  align-self: flex-end;
}

:where([data-application-document]) .self-start {
  align-self: flex-start;
}

:where([data-application-document]) .justify-self-start {
  justify-self: flex-start;
}

:where([data-application-document]) .truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:where([data-application-document]) .overflow-auto {
  overflow: auto;
}

:where([data-application-document]) .overflow-hidden {
  overflow: hidden;
}

:where([data-application-document]) .overflow-visible {
  overflow: visible;
}

:where([data-application-document]) .overflow-x-auto {
  overflow-x: auto;
}

:where([data-application-document]) .overflow-x-hidden {
  overflow-x: hidden;
}

:where([data-application-document]) .overflow-x-scroll {
  overflow-x: scroll;
}

:where([data-application-document]) .overflow-y-auto {
  overflow-y: auto;
}

:where([data-application-document]) .overflow-y-scroll {
  overflow-y: scroll;
}

:where([data-application-document]) .button-outline-md {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-outline-md:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-outline-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-gray-200);
}

:where([data-application-document]) .button-outline-sm {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-outline-sm:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-outline-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-gray-200);
}

:where([data-application-document]) .callout-amber {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-amber-200);
  background-color: var(--color-app-amber-50);
}

:where([data-application-document]) .callout-blue {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-blue-100);
  background-color: var(--color-app-blue-50);
}

:where([data-application-document]) .callout-green {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-green-200);
  background-color: var(--color-app-green-50);
}

:where([data-application-document]) .callout-red {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-red-200);
  background-color: var(--color-app-red-50);
}

:where([data-application-document]) .button-danger-md {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-red-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-danger-md:hover {
    background-color: var(--color-app-red-100);
    color: var(--color-app-red-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-danger-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-red-300);
}

:where([data-application-document]) .button-danger-md:active {
  background-color: var(--color-app-red-200);
}

:where([data-application-document]) .button-danger-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-red-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-danger-sm:hover {
    background-color: var(--color-app-red-100);
    color: var(--color-app-red-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-danger-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-red-300);
}

:where([data-application-document]) .button-danger-sm:active {
  background-color: var(--color-app-red-200);
}

:where([data-application-document]) .button-primary-md {
  border-radius: var(--radius-md);
  background-color: var(--color-ento-900);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-primary-md:hover {
    background-color: var(--color-ento-950);
    color: var(--color-white);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-primary-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .button-primary-md:active {
  background-color: var(--color-ento-950);
}

:where([data-application-document]) .button-primary-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-ento-900);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-primary-sm:hover {
    background-color: var(--color-ento-950);
    color: var(--color-white);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-primary-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .button-primary-sm:active {
  background-color: var(--color-ento-950);
}

:where([data-application-document]) .button-success-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-green-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-green-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-success-sm:hover {
    background-color: var(--color-app-green-100);
    color: var(--color-app-green-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-success-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-green-300);
}

:where([data-application-document]) .button-success-sm:active {
  background-color: var(--color-app-green-200);
}

:where([data-application-document]) .button-warning-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-yellow-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-warning-sm:hover {
    background-color: var(--color-app-yellow-100);
    color: var(--color-app-yellow-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-warning-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-yellow-300);
}

:where([data-application-document]) .button-warning-sm:active {
  background-color: var(--color-app-yellow-200);
}

:where([data-application-document]) .button-ghost-sm {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
}

@media (hover: hover) {
  :where([data-application-document]) .button-ghost-sm:hover {
    background-color: var(--color-app-gray-100);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-ghost-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .button-ghost-xs {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
}

@media (hover: hover) {
  :where([data-application-document]) .button-ghost-xs:hover {
    background-color: var(--color-app-gray-100);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-ghost-xs:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .button-secondary-md {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-secondary-md:hover {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-secondary-md:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .button-secondary-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .button-secondary-sm:hover {
    background-color: var(--color-app-gray-300);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .button-secondary-sm:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .pill-blue-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-blue-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-blue-700);
}

:where([data-application-document]) .pill-gray-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-700);
}

:where([data-application-document]) .pill-green-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-emerald-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-emerald-700);
}

:where([data-application-document]) .pill-indigo-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-indigo-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-indigo-600);
}

:where([data-application-document]) .pill-red-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-red-700);
}

:where([data-application-document]) .pill-yellow-sm {
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-golden-700);
}

:where([data-application-document]) .rounded {
  border-radius: .25rem;
}

:where([data-application-document]) .rounded-2xl {
  border-radius: var(--radius-2xl);
}

:where([data-application-document]) .rounded-\[4px\] {
  border-radius: 4px;
}

:where([data-application-document]) .rounded-\[5px\] {
  border-radius: 5px;
}

:where([data-application-document]) .rounded-\[10px\] {
  border-radius: 10px;
}

:where([data-application-document]) .rounded-full {
  border-radius: 3.40282e38px;
}

:where([data-application-document]) .rounded-lg {
  border-radius: var(--radius-lg);
}

:where([data-application-document]) .rounded-md {
  border-radius: var(--radius-md);
}

:where([data-application-document]) .rounded-none {
  border-radius: 0;
}

:where([data-application-document]) .rounded-sm {
  border-radius: var(--radius-sm);
}

:where([data-application-document]) .rounded-xl {
  border-radius: var(--radius-xl);
}

:where([data-application-document]) .rounded-xs {
  border-radius: var(--radius-xs);
}

:where([data-application-document]) .rounded-t-2xl {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

:where([data-application-document]) .rounded-t-lg {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

:where([data-application-document]) .rounded-t-md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

:where([data-application-document]) .rounded-t-sm {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
}

:where([data-application-document]) .rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

:where([data-application-document]) .\!rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

:where([data-application-document]) .rounded-l-lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

:where([data-application-document]) .rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

:where([data-application-document]) .rounded-l-sm {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

:where([data-application-document]) .rounded-tl-md {
  border-top-left-radius: var(--radius-md);
}

:where([data-application-document]) .rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

:where([data-application-document]) .rounded-r-md {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

:where([data-application-document]) .rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

:where([data-application-document]) .rounded-tr-md {
  border-top-right-radius: var(--radius-md);
}

:where([data-application-document]) .rounded-b-lg {
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

:where([data-application-document]) .rounded-b-md {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

:where([data-application-document]) .rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

:where([data-application-document]) .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

:where([data-application-document]) .border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}

:where([data-application-document]) .border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

:where([data-application-document]) .border-\[0\.5px\] {
  border-style: var(--tw-border-style);
  border-width: .5px;
}

:where([data-application-document]) .border-x {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}

:where([data-application-document]) .border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}

:where([data-application-document]) .border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

:where([data-application-document]) .border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
}

:where([data-application-document]) .border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}

:where([data-application-document]) .border-t-\[16px\] {
  border-top-style: var(--tw-border-style);
  border-top-width: 16px;
}

:where([data-application-document]) .border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

:where([data-application-document]) .border-r-0 {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

:where([data-application-document]) .border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

:where([data-application-document]) .border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

:where([data-application-document]) .border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

:where([data-application-document]) .border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

:where([data-application-document]) .border-l-0 {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

:where([data-application-document]) .border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}

:where([data-application-document]) .border-l-4 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}

:where([data-application-document]) .border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}

:where([data-application-document]) .border-dotted {
  --tw-border-style: dotted;
  border-style: dotted;
}

:where([data-application-document]) .border-none {
  --tw-border-style: none;
  border-style: none;
}

:where([data-application-document]) .border-solid {
  --tw-border-style: solid;
  border-style: solid;
}

:where([data-application-document]) .\!border-app-blue-50 {
  border-color: var(--color-app-blue-50) !important;
}

:where([data-application-document]) .\!border-app-blue-700 {
  border-color: var(--color-app-blue-700) !important;
}

:where([data-application-document]) .\!border-app-gray-50 {
  border-color: var(--color-app-gray-50) !important;
}

:where([data-application-document]) .\!border-app-gray-700 {
  border-color: var(--color-app-gray-700) !important;
}

:where([data-application-document]) .\!border-app-red-50 {
  border-color: var(--color-app-red-50) !important;
}

:where([data-application-document]) .\!border-app-red-700 {
  border-color: var(--color-app-red-700) !important;
}

:where([data-application-document]) .\!border-app-yellow-50 {
  border-color: var(--color-app-yellow-50) !important;
}

:where([data-application-document]) .\!border-app-yellow-700 {
  border-color: var(--color-app-yellow-700) !important;
}

:where([data-application-document]) .border-app-amber-200 {
  border-color: var(--color-app-amber-200);
}

:where([data-application-document]) .border-app-blue-50 {
  border-color: var(--color-app-blue-50);
}

:where([data-application-document]) .border-app-blue-100 {
  border-color: var(--color-app-blue-100);
}

:where([data-application-document]) .border-app-blue-200 {
  border-color: var(--color-app-blue-200);
}

:where([data-application-document]) .border-app-blue-300 {
  border-color: var(--color-app-blue-300);
}

:where([data-application-document]) .border-app-blue-400 {
  border-color: var(--color-app-blue-400);
}

:where([data-application-document]) .border-app-blue-500 {
  border-color: var(--color-app-blue-500);
}

:where([data-application-document]) .border-app-blue-600 {
  border-color: var(--color-app-blue-600);
}

:where([data-application-document]) .border-app-emerald-200 {
  border-color: var(--color-app-emerald-200);
}

:where([data-application-document]) .border-app-gray-100 {
  border-color: var(--color-app-gray-100);
}

:where([data-application-document]) .border-app-gray-200 {
  border-color: var(--color-app-gray-200);
}

:where([data-application-document]) .border-app-gray-300 {
  border-color: var(--color-app-gray-300);
}

:where([data-application-document]) .border-app-gray-400 {
  border-color: var(--color-app-gray-400);
}

:where([data-application-document]) .border-app-gray-500 {
  border-color: var(--color-app-gray-500);
}

:where([data-application-document]) .border-app-gray-900 {
  border-color: var(--color-app-gray-900);
}

:where([data-application-document]) .border-app-green-200 {
  border-color: var(--color-app-green-200);
}

:where([data-application-document]) .border-app-green-600 {
  border-color: var(--color-app-green-600);
}

:where([data-application-document]) .border-app-orange-200 {
  border-color: var(--color-app-orange-200);
}

:where([data-application-document]) .border-app-orange-300 {
  border-color: var(--color-app-orange-300);
}

:where([data-application-document]) .border-app-orange-500 {
  border-color: var(--color-app-orange-500);
}

:where([data-application-document]) .border-app-pink-500 {
  border-color: var(--color-app-pink-500);
}

:where([data-application-document]) .border-app-purple-100 {
  border-color: var(--color-app-purple-100);
}

:where([data-application-document]) .border-app-purple-200 {
  border-color: var(--color-app-purple-200);
}

:where([data-application-document]) .border-app-purple-400 {
  border-color: var(--color-app-purple-400);
}

:where([data-application-document]) .border-app-purple-500 {
  border-color: var(--color-app-purple-500);
}

:where([data-application-document]) .border-app-red-100 {
  border-color: var(--color-app-red-100);
}

:where([data-application-document]) .border-app-red-200 {
  border-color: var(--color-app-red-200);
}

:where([data-application-document]) .border-app-red-300 {
  border-color: var(--color-app-red-300);
}

:where([data-application-document]) .border-app-red-400 {
  border-color: var(--color-app-red-400);
}

:where([data-application-document]) .border-app-red-500 {
  border-color: var(--color-app-red-500);
}

:where([data-application-document]) .border-app-red-600 {
  border-color: var(--color-app-red-600);
}

:where([data-application-document]) .border-app-rose-50 {
  border-color: var(--color-app-rose-50);
}

:where([data-application-document]) .border-app-rose-200 {
  border-color: var(--color-app-rose-200);
}

:where([data-application-document]) .border-app-sky-200 {
  border-color: var(--color-app-sky-200);
}

:where([data-application-document]) .border-app-slate-100 {
  border-color: var(--color-app-slate-100);
}

:where([data-application-document]) .border-app-slate-200 {
  border-color: var(--color-app-slate-200);
}

:where([data-application-document]) .border-app-yellow-50 {
  border-color: var(--color-app-yellow-50);
}

:where([data-application-document]) .border-app-yellow-200 {
  border-color: var(--color-app-yellow-200);
}

:where([data-application-document]) .border-app-yellow-300 {
  border-color: var(--color-app-yellow-300);
}

:where([data-application-document]) .border-black {
  border-color: var(--color-black);
}

:where([data-application-document]) .border-ento-100 {
  border-color: var(--color-ento-100);
}

:where([data-application-document]) .border-ento-200 {
  border-color: var(--color-ento-200);
}

:where([data-application-document]) .border-ento-300 {
  border-color: var(--color-ento-300);
}

:where([data-application-document]) .border-ento-500 {
  border-color: var(--color-ento-500);
}

:where([data-application-document]) .border-ento-600 {
  border-color: var(--color-ento-600);
}

:where([data-application-document]) .border-ento-900 {
  border-color: var(--color-ento-900);
}

:where([data-application-document]) .border-gray-100 {
  border-color: var(--color-gray-100);
}

:where([data-application-document]) .border-gray-200 {
  border-color: var(--color-gray-200);
}

:where([data-application-document]) .border-gray-300 {
  border-color: var(--color-gray-300);
}

:where([data-application-document]) .border-gray-500 {
  border-color: var(--color-gray-500);
}

:where([data-application-document]) .border-gray-900 {
  border-color: var(--color-gray-900);
}

:where([data-application-document]) .border-red-500 {
  border-color: var(--color-red-500);
}

:where([data-application-document]) .border-transparent {
  border-color: #0000;
}

:where([data-application-document]) .border-white {
  border-color: var(--color-white);
}

:where([data-application-document]) .border-t-gray-300 {
  border-top-color: var(--color-gray-300);
}

:where([data-application-document]) .border-t-transparent {
  border-top-color: #0000;
}

:where([data-application-document]) .border-r-app-gray-300 {
  border-right-color: var(--color-app-gray-300);
}

:where([data-application-document]) .border-b-gray-300 {
  border-bottom-color: var(--color-gray-300);
}

:where([data-application-document]) .border-l-app-gray-300 {
  border-left-color: var(--color-app-gray-300);
}

:where([data-application-document]) .border-l-ento-700 {
  border-left-color: var(--color-ento-700);
}

:where([data-application-document]) .\!bg-app-blue-50 {
  background-color: var(--color-app-blue-50) !important;
}

:where([data-application-document]) .\!bg-app-emerald-50 {
  background-color: var(--color-app-emerald-50) !important;
}

:where([data-application-document]) .\!bg-app-gray-50 {
  background-color: var(--color-app-gray-50) !important;
}

:where([data-application-document]) .\!bg-app-red-50 {
  background-color: var(--color-app-red-50) !important;
}

:where([data-application-document]) .\!bg-app-violet-50 {
  background-color: var(--color-app-violet-50) !important;
}

:where([data-application-document]) .\!bg-app-yellow-50 {
  background-color: var(--color-app-yellow-50) !important;
}

:where([data-application-document]) .bg-\[\#8353ff\] {
  background-color: #8353ff;
}

:where([data-application-document]) .bg-\[var\(--ui-color-action\)\] {
  background-color: var(--ui-color-action);
}

:where([data-application-document]) .bg-\[var\(--ui-color-action-soft\)\] {
  background-color: var(--ui-color-action-soft);
}

:where([data-application-document]) .bg-amber-50 {
  background-color: var(--color-amber-50);
}

:where([data-application-document]) .bg-app-amber-50 {
  background-color: var(--color-app-amber-50);
}

:where([data-application-document]) .bg-app-amber-100 {
  background-color: var(--color-app-amber-100);
}

:where([data-application-document]) .bg-app-amber-500 {
  background-color: var(--color-app-amber-500);
}

:where([data-application-document]) .bg-app-blue-50 {
  background-color: var(--color-app-blue-50);
}

:where([data-application-document]) .bg-app-blue-100 {
  background-color: var(--color-app-blue-100);
}

:where([data-application-document]) .bg-app-blue-200 {
  background-color: var(--color-app-blue-200);
}

:where([data-application-document]) .bg-app-blue-500 {
  background-color: var(--color-app-blue-500);
}

:where([data-application-document]) .bg-app-blue-500\/10 {
  background-color: #3b82f61a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-blue-500\/10 {
    background-color: color-mix(in oklab, var(--color-app-blue-500) 10%, transparent);
  }
}

:where([data-application-document]) .bg-app-blue-600 {
  background-color: var(--color-app-blue-600);
}

:where([data-application-document]) .bg-app-blue-700 {
  background-color: var(--color-app-blue-700);
}

:where([data-application-document]) .bg-app-cyan-50 {
  background-color: var(--color-app-cyan-50);
}

:where([data-application-document]) .bg-app-cyan-500 {
  background-color: var(--color-app-cyan-500);
}

:where([data-application-document]) .bg-app-emerald-50 {
  background-color: var(--color-app-emerald-50);
}

:where([data-application-document]) .bg-app-emerald-100 {
  background-color: var(--color-app-emerald-100);
}

:where([data-application-document]) .bg-app-emerald-500 {
  background-color: var(--color-app-emerald-500);
}

:where([data-application-document]) .bg-app-emerald-700 {
  background-color: var(--color-app-emerald-700);
}

:where([data-application-document]) .bg-app-fuchsia-500 {
  background-color: var(--color-app-fuchsia-500);
}

:where([data-application-document]) .bg-app-gray-50 {
  background-color: var(--color-app-gray-50);
}

:where([data-application-document]) .bg-app-gray-50\/50 {
  background-color: #f9fafb80;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-gray-50\/50 {
    background-color: color-mix(in oklab, var(--color-app-gray-50) 50%, transparent);
  }
}

:where([data-application-document]) .bg-app-gray-100 {
  background-color: var(--color-app-gray-100);
}

:where([data-application-document]) .bg-app-gray-100\/80 {
  background-color: #f3f4f6cc;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-gray-100\/80 {
    background-color: color-mix(in oklab, var(--color-app-gray-100) 80%, transparent);
  }
}

:where([data-application-document]) .bg-app-gray-200 {
  background-color: var(--color-app-gray-200);
}

:where([data-application-document]) .bg-app-gray-300 {
  background-color: var(--color-app-gray-300);
}

:where([data-application-document]) .bg-app-gray-400 {
  background-color: var(--color-app-gray-400);
}

:where([data-application-document]) .bg-app-gray-500 {
  background-color: var(--color-app-gray-500);
}

:where([data-application-document]) .bg-app-gray-600 {
  background-color: var(--color-app-gray-600);
}

:where([data-application-document]) .bg-app-gray-600\/50 {
  background-color: #4b556380;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-gray-600\/50 {
    background-color: color-mix(in oklab, var(--color-app-gray-600) 50%, transparent);
  }
}

:where([data-application-document]) .bg-app-gray-700 {
  background-color: var(--color-app-gray-700);
}

:where([data-application-document]) .bg-app-gray-900 {
  background-color: var(--color-app-gray-900);
}

:where([data-application-document]) .bg-app-green-50 {
  background-color: var(--color-app-green-50);
}

:where([data-application-document]) .bg-app-green-100 {
  background-color: var(--color-app-green-100);
}

:where([data-application-document]) .bg-app-green-500 {
  background-color: var(--color-app-green-500);
}

:where([data-application-document]) .bg-app-green-600 {
  background-color: var(--color-app-green-600);
}

:where([data-application-document]) .bg-app-green-700 {
  background-color: var(--color-app-green-700);
}

:where([data-application-document]) .bg-app-indigo-50 {
  background-color: var(--color-app-indigo-50);
}

:where([data-application-document]) .bg-app-indigo-700 {
  background-color: var(--color-app-indigo-700);
}

:where([data-application-document]) .bg-app-orange-50 {
  background-color: var(--color-app-orange-50);
}

:where([data-application-document]) .bg-app-orange-100 {
  background-color: var(--color-app-orange-100);
}

:where([data-application-document]) .bg-app-orange-200 {
  background-color: var(--color-app-orange-200);
}

:where([data-application-document]) .bg-app-orange-400 {
  background-color: var(--color-app-orange-400);
}

:where([data-application-document]) .bg-app-orange-500 {
  background-color: var(--color-app-orange-500);
}

:where([data-application-document]) .bg-app-orange-500\/10 {
  background-color: #f973161a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-orange-500\/10 {
    background-color: color-mix(in oklab, var(--color-app-orange-500) 10%, transparent);
  }
}

:where([data-application-document]) .bg-app-pink-100 {
  background-color: var(--color-app-pink-100);
}

:where([data-application-document]) .bg-app-pink-500 {
  background-color: var(--color-app-pink-500);
}

:where([data-application-document]) .bg-app-pink-500\/10 {
  background-color: #ec48991a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-pink-500\/10 {
    background-color: color-mix(in oklab, var(--color-app-pink-500) 10%, transparent);
  }
}

:where([data-application-document]) .bg-app-purple-50 {
  background-color: var(--color-app-purple-50);
}

:where([data-application-document]) .bg-app-purple-100 {
  background-color: var(--color-app-purple-100);
}

:where([data-application-document]) .bg-app-purple-500 {
  background-color: var(--color-app-purple-500);
}

:where([data-application-document]) .bg-app-red-50 {
  background-color: var(--color-app-red-50);
}

:where([data-application-document]) .bg-app-red-100 {
  background-color: var(--color-app-red-100);
}

:where([data-application-document]) .bg-app-red-200 {
  background-color: var(--color-app-red-200);
}

:where([data-application-document]) .bg-app-red-500 {
  background-color: var(--color-app-red-500);
}

:where([data-application-document]) .bg-app-red-600 {
  background-color: var(--color-app-red-600);
}

:where([data-application-document]) .bg-app-red-700 {
  background-color: var(--color-app-red-700);
}

:where([data-application-document]) .bg-app-rose-50 {
  background-color: var(--color-app-rose-50);
}

:where([data-application-document]) .bg-app-rose-100 {
  background-color: var(--color-app-rose-100);
}

:where([data-application-document]) .bg-app-rose-600 {
  background-color: var(--color-app-rose-600);
}

:where([data-application-document]) .bg-app-sky-50 {
  background-color: var(--color-app-sky-50);
}

:where([data-application-document]) .bg-app-sky-100 {
  background-color: var(--color-app-sky-100);
}

:where([data-application-document]) .bg-app-slate-50 {
  background-color: var(--color-app-slate-50);
}

:where([data-application-document]) .bg-app-slate-100 {
  background-color: var(--color-app-slate-100);
}

:where([data-application-document]) .bg-app-stone-50 {
  background-color: var(--color-app-stone-50);
}

:where([data-application-document]) .bg-app-teal-700 {
  background-color: var(--color-app-teal-700);
}

:where([data-application-document]) .bg-app-violet-50 {
  background-color: var(--color-app-violet-50);
}

:where([data-application-document]) .bg-app-yellow-50 {
  background-color: var(--color-app-yellow-50);
}

:where([data-application-document]) .bg-app-yellow-100 {
  background-color: var(--color-app-yellow-100);
}

:where([data-application-document]) .bg-app-yellow-300 {
  background-color: var(--color-app-yellow-300);
}

:where([data-application-document]) .bg-app-yellow-300\/10 {
  background-color: #fde0471a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-app-yellow-300\/10 {
    background-color: color-mix(in oklab, var(--color-app-yellow-300) 10%, transparent);
  }
}

:where([data-application-document]) .bg-app-yellow-400 {
  background-color: var(--color-app-yellow-400);
}

:where([data-application-document]) .bg-app-yellow-500 {
  background-color: var(--color-app-yellow-500);
}

:where([data-application-document]) .bg-app-yellow-700 {
  background-color: var(--color-app-yellow-700);
}

:where([data-application-document]) .bg-app-zinc-50 {
  background-color: var(--color-app-zinc-50);
}

:where([data-application-document]) .bg-app-zinc-100 {
  background-color: var(--color-app-zinc-100);
}

:where([data-application-document]) .bg-black {
  background-color: var(--color-black);
}

:where([data-application-document]) .bg-black\/40 {
  background-color: #0006;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-black\/40 {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}

:where([data-application-document]) .bg-black\/50 {
  background-color: #00000080;
}

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

:where([data-application-document]) .bg-blue-50 {
  background-color: var(--color-blue-50);
}

:where([data-application-document]) .bg-blue-100 {
  background-color: var(--color-blue-100);
}

:where([data-application-document]) .bg-emerald-50 {
  background-color: var(--color-emerald-50);
}

:where([data-application-document]) .bg-emerald-100 {
  background-color: var(--color-emerald-100);
}

:where([data-application-document]) .bg-emerald-700 {
  background-color: var(--color-emerald-700);
}

:where([data-application-document]) .bg-emerald-900 {
  background-color: var(--color-emerald-900);
}

:where([data-application-document]) .bg-energylabel-a2015 {
  background-color: var(--color-energylabel-a2015);
}

:where([data-application-document]) .bg-energylabel-a2020 {
  background-color: var(--color-energylabel-a2020);
}

:where([data-application-document]) .bg-energylabel-b {
  background-color: var(--color-energylabel-b);
}

:where([data-application-document]) .bg-energylabel-c {
  background-color: var(--color-energylabel-c);
}

:where([data-application-document]) .bg-energylabel-d {
  background-color: var(--color-energylabel-d);
}

:where([data-application-document]) .bg-energylabel-e {
  background-color: var(--color-energylabel-e);
}

:where([data-application-document]) .bg-energylabel-f {
  background-color: var(--color-energylabel-f);
}

:where([data-application-document]) .bg-energylabel-g {
  background-color: var(--color-energylabel-g);
}

:where([data-application-document]) .bg-ento-50 {
  background-color: var(--color-ento-50);
}

:where([data-application-document]) .bg-ento-100 {
  background-color: var(--color-ento-100);
}

:where([data-application-document]) .bg-ento-300 {
  background-color: var(--color-ento-300);
}

:where([data-application-document]) .bg-ento-500 {
  background-color: var(--color-ento-500);
}

:where([data-application-document]) .bg-ento-600 {
  background-color: var(--color-ento-600);
}

:where([data-application-document]) .bg-ento-700 {
  background-color: var(--color-ento-700);
}

:where([data-application-document]) .bg-ento-900 {
  background-color: var(--color-ento-900);
}

:where([data-application-document]) .bg-ento-900\/10 {
  background-color: #8353ff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  :where([data-application-document]) .bg-ento-900\/10 {
    background-color: color-mix(in oklab, var(--color-ento-900) 10%, transparent);
  }
}

:where([data-application-document]) .bg-ento-950 {
  background-color: var(--color-ento-950);
}

:where([data-application-document]) .bg-gray-50 {
  background-color: var(--color-gray-50);
}

:where([data-application-document]) .bg-gray-100 {
  background-color: var(--color-gray-100);
}

:where([data-application-document]) .bg-gray-200 {
  background-color: var(--color-gray-200);
}

:where([data-application-document]) .bg-gray-900 {
  background-color: var(--color-gray-900);
}

:where([data-application-document]) .bg-green-50 {
  background-color: var(--color-green-50);
}

:where([data-application-document]) .bg-indigo-50 {
  background-color: var(--color-indigo-50);
}

:where([data-application-document]) .bg-indigo-100 {
  background-color: var(--color-indigo-100);
}

:where([data-application-document]) .bg-known-error-soft {
  background-color: var(--color-known-error-soft);
}

:where([data-application-document]) .bg-orange-100 {
  background-color: var(--color-orange-100);
}

:where([data-application-document]) .bg-pastel-0 {
  background-color: var(--color-pastel-0);
}

:where([data-application-document]) .bg-purple-100 {
  background-color: var(--color-purple-100);
}

:where([data-application-document]) .bg-red-50 {
  background-color: var(--color-red-50);
}

:where([data-application-document]) .bg-sky-100 {
  background-color: var(--color-sky-100);
}

:where([data-application-document]) .bg-slate-50 {
  background-color: var(--color-slate-50);
}

:where([data-application-document]) .bg-transparent {
  background-color: #0000;
}

:where([data-application-document]) .bg-violet-50 {
  background-color: var(--color-violet-50);
}

:where([data-application-document]) .bg-white {
  background-color: var(--color-white);
}

:where([data-application-document]) .bg-yellow-50 {
  background-color: var(--color-yellow-50);
}

:where([data-application-document]) .bg-yellow-100 {
  background-color: var(--color-yellow-100);
}

:where([data-application-document]) .bg-zinc-100 {
  background-color: var(--color-zinc-100);
}

:where([data-application-document]) .bg-linear-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where([data-application-document]) .bg-gradient-to-bl {
  --tw-gradient-position: to bottom left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where([data-application-document]) .bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where([data-application-document]) .bg-gradient-to-tl {
  --tw-gradient-position: to top left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

:where([data-application-document]) .from-app-blue-50 {
  --tw-gradient-from: var(--color-app-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));
}

:where([data-application-document]) .from-app-green-600 {
  --tw-gradient-from: var(--color-app-green-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));
}

:where([data-application-document]) .from-app-purple-50 {
  --tw-gradient-from: var(--color-app-purple-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));
}

:where([data-application-document]) .from-emerald-700 {
  --tw-gradient-from: var(--color-emerald-700);
  --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));
}

:where([data-application-document]) .from-energylabel-a2010 {
  --tw-gradient-from: var(--color-energylabel-a2010);
  --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));
}

:where([data-application-document]) .from-energylabel-f {
  --tw-gradient-from: var(--color-energylabel-f);
  --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));
}

:where([data-application-document]) .from-energylabel-g {
  --tw-gradient-from: var(--color-energylabel-g);
  --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));
}

:where([data-application-document]) .to-app-emerald-600 {
  --tw-gradient-to: var(--color-app-emerald-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));
}

:where([data-application-document]) .to-app-gray-50 {
  --tw-gradient-to: var(--color-app-gray-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));
}

:where([data-application-document]) .to-emerald-900 {
  --tw-gradient-to: var(--color-emerald-900);
  --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));
}

:where([data-application-document]) .to-energylabel-b {
  --tw-gradient-to: var(--color-energylabel-b);
  --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));
}

:where([data-application-document]) .to-energylabel-g {
  --tw-gradient-to: var(--color-energylabel-g);
  --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));
}

:where([data-application-document]) .to-energylabel-purple {
  --tw-gradient-to: var(--color-energylabel-purple);
  --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));
}

:where([data-application-document]) .bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

:where([data-application-document]) .object-contain {
  object-fit: contain;
}

:where([data-application-document]) .object-cover {
  object-fit: cover;
}

:where([data-application-document]) .object-center {
  object-position: center;
}

:where([data-application-document]) .\!p-2 {
  padding: calc(var(--spacing) * 2) !important;
}

:where([data-application-document]) .\!p-6 {
  padding: calc(var(--spacing) * 6) !important;
}

:where([data-application-document]) .p-0 {
  padding: 0;
}

:where([data-application-document]) .p-0\.5 {
  padding: calc(var(--spacing) * .5);
}

:where([data-application-document]) .p-1 {
  padding: var(--spacing);
}

:where([data-application-document]) .p-2 {
  padding: calc(var(--spacing) * 2);
}

:where([data-application-document]) .p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}

:where([data-application-document]) .p-3 {
  padding: calc(var(--spacing) * 3);
}

:where([data-application-document]) .p-4 {
  padding: calc(var(--spacing) * 4);
}

:where([data-application-document]) .p-4\! {
  padding: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .p-5 {
  padding: calc(var(--spacing) * 5);
}

:where([data-application-document]) .p-6 {
  padding: calc(var(--spacing) * 6);
}

:where([data-application-document]) .p-8 {
  padding: calc(var(--spacing) * 8);
}

:where([data-application-document]) .p-10 {
  padding: calc(var(--spacing) * 10);
}

:where([data-application-document]) .p-12 {
  padding: calc(var(--spacing) * 12);
}

:where([data-application-document]) .p-\[1px\] {
  padding: 1px;
}

:where([data-application-document]) .px-0 {
  padding-inline: 0;
}

:where([data-application-document]) .px-0\! {
  padding-inline: 0 !important;
}

:where([data-application-document]) .px-1 {
  padding-inline: var(--spacing);
}

:where([data-application-document]) .px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

:where([data-application-document]) .px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}

:where([data-application-document]) .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

:where([data-application-document]) .px-3\! {
  padding-inline: calc(var(--spacing) * 3) !important;
}

:where([data-application-document]) .px-4 {
  padding-inline: calc(var(--spacing) * 4);
}

:where([data-application-document]) .px-4\! {
  padding-inline: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .px-5 {
  padding-inline: calc(var(--spacing) * 5);
}

:where([data-application-document]) .px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

:where([data-application-document]) .px-8 {
  padding-inline: calc(var(--spacing) * 8);
}

:where([data-application-document]) .px-10 {
  padding-inline: calc(var(--spacing) * 10);
}

:where([data-application-document]) .px-12 {
  padding-inline: calc(var(--spacing) * 12);
}

:where([data-application-document]) .px-16 {
  padding-inline: calc(var(--spacing) * 16);
}

:where([data-application-document]) .px-\[5px\] {
  padding-inline: 5px;
}

:where([data-application-document]) .\!py-6 {
  padding-block: calc(var(--spacing) * 6) !important;
}

:where([data-application-document]) .py-0 {
  padding-block: 0;
}

:where([data-application-document]) .py-0\! {
  padding-block: 0 !important;
}

:where([data-application-document]) .py-0\.5 {
  padding-block: calc(var(--spacing) * .5);
}

:where([data-application-document]) .py-1 {
  padding-block: var(--spacing);
}

:where([data-application-document]) .py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .py-2 {
  padding-block: calc(var(--spacing) * 2);
}

:where([data-application-document]) .py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}

:where([data-application-document]) .py-3 {
  padding-block: calc(var(--spacing) * 3);
}

:where([data-application-document]) .py-3\! {
  padding-block: calc(var(--spacing) * 3) !important;
}

:where([data-application-document]) .py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}

:where([data-application-document]) .py-4 {
  padding-block: calc(var(--spacing) * 4);
}

:where([data-application-document]) .py-5 {
  padding-block: calc(var(--spacing) * 5);
}

:where([data-application-document]) .py-6 {
  padding-block: calc(var(--spacing) * 6);
}

:where([data-application-document]) .py-8 {
  padding-block: calc(var(--spacing) * 8);
}

:where([data-application-document]) .py-10 {
  padding-block: calc(var(--spacing) * 10);
}

:where([data-application-document]) .py-12 {
  padding-block: calc(var(--spacing) * 12);
}

:where([data-application-document]) .py-16 {
  padding-block: calc(var(--spacing) * 16);
}

:where([data-application-document]) .py-24 {
  padding-block: calc(var(--spacing) * 24);
}

:where([data-application-document]) .py-\[1px\] {
  padding-block: 1px;
}

:where([data-application-document]) .\!pt-4 {
  padding-top: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .pt-0 {
  padding-top: 0;
}

:where([data-application-document]) .pt-0\! {
  padding-top: 0 !important;
}

:where([data-application-document]) .pt-1 {
  padding-top: var(--spacing);
}

:where([data-application-document]) .pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}

:where([data-application-document]) .pt-2 {
  padding-top: calc(var(--spacing) * 2);
}

:where([data-application-document]) .pt-3 {
  padding-top: calc(var(--spacing) * 3);
}

:where([data-application-document]) .pt-4 {
  padding-top: calc(var(--spacing) * 4);
}

:where([data-application-document]) .pt-5 {
  padding-top: calc(var(--spacing) * 5);
}

:where([data-application-document]) .pt-6 {
  padding-top: calc(var(--spacing) * 6);
}

:where([data-application-document]) .pt-8 {
  padding-top: calc(var(--spacing) * 8);
}

:where([data-application-document]) .pt-12 {
  padding-top: calc(var(--spacing) * 12);
}

:where([data-application-document]) .pr-0 {
  padding-right: 0;
}

:where([data-application-document]) .pr-1 {
  padding-right: var(--spacing);
}

:where([data-application-document]) .pr-2 {
  padding-right: calc(var(--spacing) * 2);
}

:where([data-application-document]) .pr-3 {
  padding-right: calc(var(--spacing) * 3);
}

:where([data-application-document]) .pr-4 {
  padding-right: calc(var(--spacing) * 4);
}

:where([data-application-document]) .pr-6 {
  padding-right: calc(var(--spacing) * 6);
}

:where([data-application-document]) .pr-9 {
  padding-right: calc(var(--spacing) * 9);
}

:where([data-application-document]) .pr-16 {
  padding-right: calc(var(--spacing) * 16);
}

:where([data-application-document]) .pr-44 {
  padding-right: calc(var(--spacing) * 44);
}

:where([data-application-document]) .\!pb-0 {
  padding-bottom: 0 !important;
}

:where([data-application-document]) .\!pb-4 {
  padding-bottom: calc(var(--spacing) * 4) !important;
}

:where([data-application-document]) .\!pb-6 {
  padding-bottom: calc(var(--spacing) * 6) !important;
}

:where([data-application-document]) .pb-0 {
  padding-bottom: 0;
}

:where([data-application-document]) .pb-0\! {
  padding-bottom: 0 !important;
}

:where([data-application-document]) .pb-1 {
  padding-bottom: var(--spacing);
}

:where([data-application-document]) .pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}

:where([data-application-document]) .pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}

:where([data-application-document]) .pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}

:where([data-application-document]) .pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}

:where([data-application-document]) .pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}

:where([data-application-document]) .pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}

:where([data-application-document]) .pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}

:where([data-application-document]) .pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}

:where([data-application-document]) .pl-0 {
  padding-left: 0;
}

:where([data-application-document]) .pl-0\.5 {
  padding-left: calc(var(--spacing) * .5);
}

:where([data-application-document]) .pl-1 {
  padding-left: var(--spacing);
}

:where([data-application-document]) .pl-2 {
  padding-left: calc(var(--spacing) * 2);
}

:where([data-application-document]) .pl-4 {
  padding-left: calc(var(--spacing) * 4);
}

:where([data-application-document]) .pl-5 {
  padding-left: calc(var(--spacing) * 5);
}

:where([data-application-document]) .pl-6 {
  padding-left: calc(var(--spacing) * 6);
}

:where([data-application-document]) .pl-7 {
  padding-left: calc(var(--spacing) * 7);
}

:where([data-application-document]) .pl-8 {
  padding-left: calc(var(--spacing) * 8);
}

:where([data-application-document]) .pl-9 {
  padding-left: calc(var(--spacing) * 9);
}

:where([data-application-document]) .pl-10 {
  padding-left: calc(var(--spacing) * 10);
}

:where([data-application-document]) .pl-12 {
  padding-left: calc(var(--spacing) * 12);
}

:where([data-application-document]) .\!text-center {
  text-align: center !important;
}

:where([data-application-document]) .\!text-right {
  text-align: right !important;
}

:where([data-application-document]) .text-center {
  text-align: center;
}

:where([data-application-document]) .text-left {
  text-align: left;
}

:where([data-application-document]) .text-right {
  text-align: right;
}

:where([data-application-document]) .\!align-middle {
  vertical-align: middle !important;
}

:where([data-application-document]) .align-middle {
  vertical-align: middle;
}

:where([data-application-document]) .align-top {
  vertical-align: top;
}

:where([data-application-document]) .font-mono {
  font-family: var(--font-mono);
}

:where([data-application-document]) .font-sans {
  font-family: soehne, sans-serif;
}

:where([data-application-document]) .heading-1 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .heading-3 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .heading-4 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .heading-number {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .paragraph-dark {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .paragraph-light {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-400);
}

:where([data-application-document]) .subheading {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

:where([data-application-document]) .text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

:where([data-application-document]) .text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

:where([data-application-document]) .text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}

:where([data-application-document]) .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

:where([data-application-document]) .text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

:where([data-application-document]) .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:where([data-application-document]) .text-sm\/5 {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 5);
}

:where([data-application-document]) .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

:where([data-application-document]) .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

:where([data-application-document]) .text-xs\/5 {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 5);
}

:where([data-application-document]) .text-xs\/6 {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
}

:where([data-application-document]) .dialog-heading {
  --tw-font-weight: var(--font-weight-bold);
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
}

:where([data-application-document]) .text-\[2\.5rem\] {
  font-size: 2.5rem;
}

:where([data-application-document]) .text-\[5\.5rem\] {
  font-size: 5.5rem;
}

:where([data-application-document]) .text-\[8px\] {
  font-size: 8px;
}

:where([data-application-document]) .text-\[10px\] {
  font-size: 10px;
}

:where([data-application-document]) .text-\[11px\] {
  font-size: 11px;
}

:where([data-application-document]) .text-\[12px\] {
  font-size: 12px;
}

:where([data-application-document]) .text-\[13px\] {
  font-size: 13px;
}

:where([data-application-document]) .text-\[64px\] {
  font-size: 64px;
}

:where([data-application-document]) .text-\[80\%\] {
  font-size: 80%;
}

:where([data-application-document]) .leading-3 {
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
}

:where([data-application-document]) .leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}

:where([data-application-document]) .leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}

:where([data-application-document]) .leading-\[1px\] {
  --tw-leading: 1px;
  line-height: 1px;
}

:where([data-application-document]) .leading-\[14px\] {
  --tw-leading: 14px;
  line-height: 14px;
}

:where([data-application-document]) .leading-\[72px\] {
  --tw-leading: 72px;
  line-height: 72px;
}

:where([data-application-document]) .leading-none {
  --tw-leading: 1;
  line-height: 1;
}

:where([data-application-document]) .leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}

:where([data-application-document]) .leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

:where([data-application-document]) .leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}

:where([data-application-document]) .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}

:where([data-application-document]) .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

:where([data-application-document]) .font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}

:where([data-application-document]) .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

:where([data-application-document]) .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

:where([data-application-document]) .tracking-\[0\.06em\] {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

:where([data-application-document]) .tracking-\[0\.08em\] {
  --tw-tracking: .08em;
  letter-spacing: .08em;
}

:where([data-application-document]) .tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}

:where([data-application-document]) .tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

:where([data-application-document]) .tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

:where([data-application-document]) .tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}

:where([data-application-document]) .wrap-break-word {
  overflow-wrap: break-word;
}

:where([data-application-document]) .break-all {
  word-break: break-all;
}

:where([data-application-document]) .\!whitespace-nowrap {
  white-space: nowrap !important;
}

:where([data-application-document]) .whitespace-normal {
  white-space: normal;
}

:where([data-application-document]) .whitespace-nowrap {
  white-space: nowrap;
}

:where([data-application-document]) .whitespace-pre-line {
  white-space: pre-line;
}

:where([data-application-document]) .whitespace-pre-wrap {
  white-space: pre-wrap;
}

:where([data-application-document]) .link-text {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .link-text:hover {
    color: var(--color-ento-900);
    text-decoration-line: none;
  }
}

:where([data-application-document]) .\!text-app-blue-700 {
  color: var(--color-app-blue-700) !important;
}

:where([data-application-document]) .\!text-app-blue-900 {
  color: var(--color-app-blue-900) !important;
}

:where([data-application-document]) .\!text-app-emerald-600 {
  color: var(--color-app-emerald-600) !important;
}

:where([data-application-document]) .\!text-app-gray-700 {
  color: var(--color-app-gray-700) !important;
}

:where([data-application-document]) .\!text-app-red-700 {
  color: var(--color-app-red-700) !important;
}

:where([data-application-document]) .\!text-app-violet-600 {
  color: var(--color-app-violet-600) !important;
}

:where([data-application-document]) .\!text-app-yellow-700 {
  color: var(--color-app-yellow-700) !important;
}

:where([data-application-document]) .text-\[\#007bff\] {
  color: #007bff;
}

:where([data-application-document]) .text-\[var\(--ui-color-action\)\] {
  color: var(--ui-color-action);
}

:where([data-application-document]) .text-amber-400 {
  color: var(--color-amber-400);
}

:where([data-application-document]) .text-amber-900 {
  color: var(--color-amber-900);
}

:where([data-application-document]) .text-app-amber-600 {
  color: var(--color-app-amber-600);
}

:where([data-application-document]) .text-app-amber-700 {
  color: var(--color-app-amber-700);
}

:where([data-application-document]) .text-app-amber-800 {
  color: var(--color-app-amber-800);
}

:where([data-application-document]) .text-app-amber-900 {
  color: var(--color-app-amber-900);
}

:where([data-application-document]) .text-app-amber-950 {
  color: var(--color-app-amber-950);
}

:where([data-application-document]) .text-app-blue-400 {
  color: var(--color-app-blue-400);
}

:where([data-application-document]) .text-app-blue-500 {
  color: var(--color-app-blue-500);
}

:where([data-application-document]) .text-app-blue-600 {
  color: var(--color-app-blue-600);
}

:where([data-application-document]) .text-app-blue-700 {
  color: var(--color-app-blue-700);
}

:where([data-application-document]) .text-app-blue-800 {
  color: var(--color-app-blue-800);
}

:where([data-application-document]) .text-app-blue-900 {
  color: var(--color-app-blue-900);
}

:where([data-application-document]) .text-app-cyan-700 {
  color: var(--color-app-cyan-700);
}

:where([data-application-document]) .text-app-emerald-600 {
  color: var(--color-app-emerald-600);
}

:where([data-application-document]) .text-app-emerald-700 {
  color: var(--color-app-emerald-700);
}

:where([data-application-document]) .text-app-emerald-800 {
  color: var(--color-app-emerald-800);
}

:where([data-application-document]) .text-app-emerald-900 {
  color: var(--color-app-emerald-900);
}

:where([data-application-document]) .text-app-gray-100 {
  color: var(--color-app-gray-100);
}

:where([data-application-document]) .text-app-gray-200 {
  color: var(--color-app-gray-200);
}

:where([data-application-document]) .text-app-gray-300 {
  color: var(--color-app-gray-300);
}

:where([data-application-document]) .text-app-gray-400 {
  color: var(--color-app-gray-400);
}

:where([data-application-document]) .text-app-gray-500 {
  color: var(--color-app-gray-500);
}

:where([data-application-document]) .text-app-gray-600 {
  color: var(--color-app-gray-600);
}

:where([data-application-document]) .text-app-gray-700 {
  color: var(--color-app-gray-700);
}

:where([data-application-document]) .text-app-gray-800 {
  color: var(--color-app-gray-800);
}

:where([data-application-document]) .text-app-gray-900 {
  color: var(--color-app-gray-900);
}

:where([data-application-document]) .text-app-green-400 {
  color: var(--color-app-green-400);
}

:where([data-application-document]) .text-app-green-500 {
  color: var(--color-app-green-500);
}

:where([data-application-document]) .text-app-green-600 {
  color: var(--color-app-green-600);
}

:where([data-application-document]) .text-app-green-700 {
  color: var(--color-app-green-700);
}

:where([data-application-document]) .text-app-green-800 {
  color: var(--color-app-green-800);
}

:where([data-application-document]) .text-app-indigo-600 {
  color: var(--color-app-indigo-600);
}

:where([data-application-document]) .text-app-indigo-700 {
  color: var(--color-app-indigo-700);
}

:where([data-application-document]) .text-app-indigo-900 {
  color: var(--color-app-indigo-900);
}

:where([data-application-document]) .text-app-orange-500 {
  color: var(--color-app-orange-500);
}

:where([data-application-document]) .text-app-orange-600 {
  color: var(--color-app-orange-600);
}

:where([data-application-document]) .text-app-orange-700 {
  color: var(--color-app-orange-700);
}

:where([data-application-document]) .text-app-orange-800 {
  color: var(--color-app-orange-800);
}

:where([data-application-document]) .text-app-orange-900 {
  color: var(--color-app-orange-900);
}

:where([data-application-document]) .text-app-pink-600 {
  color: var(--color-app-pink-600);
}

:where([data-application-document]) .text-app-purple-500 {
  color: var(--color-app-purple-500);
}

:where([data-application-document]) .text-app-purple-600 {
  color: var(--color-app-purple-600);
}

:where([data-application-document]) .text-app-purple-700 {
  color: var(--color-app-purple-700);
}

:where([data-application-document]) .text-app-purple-800 {
  color: var(--color-app-purple-800);
}

:where([data-application-document]) .text-app-red-50 {
  color: var(--color-app-red-50);
}

:where([data-application-document]) .text-app-red-400 {
  color: var(--color-app-red-400);
}

:where([data-application-document]) .text-app-red-500 {
  color: var(--color-app-red-500);
}

:where([data-application-document]) .text-app-red-600 {
  color: var(--color-app-red-600);
}

:where([data-application-document]) .text-app-red-700 {
  color: var(--color-app-red-700);
}

:where([data-application-document]) .text-app-red-800 {
  color: var(--color-app-red-800);
}

:where([data-application-document]) .text-app-red-900 {
  color: var(--color-app-red-900);
}

:where([data-application-document]) .text-app-rose-600 {
  color: var(--color-app-rose-600);
}

:where([data-application-document]) .text-app-rose-700 {
  color: var(--color-app-rose-700);
}

:where([data-application-document]) .text-app-sky-600 {
  color: var(--color-app-sky-600);
}

:where([data-application-document]) .text-app-sky-700 {
  color: var(--color-app-sky-700);
}

:where([data-application-document]) .text-app-sky-800 {
  color: var(--color-app-sky-800);
}

:where([data-application-document]) .text-app-sky-900 {
  color: var(--color-app-sky-900);
}

:where([data-application-document]) .text-app-slate-400 {
  color: var(--color-app-slate-400);
}

:where([data-application-document]) .text-app-slate-500 {
  color: var(--color-app-slate-500);
}

:where([data-application-document]) .text-app-slate-600 {
  color: var(--color-app-slate-600);
}

:where([data-application-document]) .text-app-slate-700 {
  color: var(--color-app-slate-700);
}

:where([data-application-document]) .text-app-stone-700 {
  color: var(--color-app-stone-700);
}

:where([data-application-document]) .text-app-violet-600 {
  color: var(--color-app-violet-600);
}

:where([data-application-document]) .text-app-yellow-400 {
  color: var(--color-app-yellow-400);
}

:where([data-application-document]) .text-app-yellow-600 {
  color: var(--color-app-yellow-600);
}

:where([data-application-document]) .text-app-yellow-700 {
  color: var(--color-app-yellow-700);
}

:where([data-application-document]) .text-app-yellow-800 {
  color: var(--color-app-yellow-800);
}

:where([data-application-document]) .text-app-yellow-900 {
  color: var(--color-app-yellow-900);
}

:where([data-application-document]) .text-black {
  color: var(--color-black);
}

:where([data-application-document]) .text-blue-700 {
  color: var(--color-blue-700);
}

:where([data-application-document]) .text-current {
  color: currentColor;
}

:where([data-application-document]) .text-emerald-500 {
  color: var(--color-emerald-500);
}

:where([data-application-document]) .text-emerald-600 {
  color: var(--color-emerald-600);
}

:where([data-application-document]) .text-emerald-700 {
  color: var(--color-emerald-700);
}

:where([data-application-document]) .text-ento-500 {
  color: var(--color-ento-500);
}

:where([data-application-document]) .text-ento-600 {
  color: var(--color-ento-600);
}

:where([data-application-document]) .text-ento-700 {
  color: var(--color-ento-700);
}

:where([data-application-document]) .text-ento-800 {
  color: var(--color-ento-800);
}

:where([data-application-document]) .text-ento-900 {
  color: var(--color-ento-900);
}

:where([data-application-document]) .text-gray-50 {
  color: var(--color-gray-50);
}

:where([data-application-document]) .text-gray-400 {
  color: var(--color-gray-400);
}

:where([data-application-document]) .text-gray-500 {
  color: var(--color-gray-500);
}

:where([data-application-document]) .text-gray-600 {
  color: var(--color-gray-600);
}

:where([data-application-document]) .text-gray-700 {
  color: var(--color-gray-700);
}

:where([data-application-document]) .text-gray-800 {
  color: var(--color-gray-800);
}

:where([data-application-document]) .text-gray-900 {
  color: var(--color-gray-900);
}

:where([data-application-document]) .text-green-700 {
  color: var(--color-green-700);
}

:where([data-application-document]) .text-indigo-500 {
  color: var(--color-indigo-500);
}

:where([data-application-document]) .text-indigo-700 {
  color: var(--color-indigo-700);
}

:where([data-application-document]) .text-known-error-strong {
  color: var(--color-known-error-strong);
}

:where([data-application-document]) .text-orange-700 {
  color: var(--color-orange-700);
}

:where([data-application-document]) .text-purple-700 {
  color: var(--color-purple-700);
}

:where([data-application-document]) .text-red-700 {
  color: var(--color-red-700);
}

:where([data-application-document]) .text-sky-700 {
  color: var(--color-sky-700);
}

:where([data-application-document]) .text-slate-700 {
  color: var(--color-slate-700);
}

:where([data-application-document]) .text-transparent {
  color: #0000;
}

:where([data-application-document]) .text-violet-500 {
  color: var(--color-violet-500);
}

:where([data-application-document]) .text-violet-700 {
  color: var(--color-violet-700);
}

:where([data-application-document]) .text-white {
  color: var(--color-white);
}

:where([data-application-document]) .text-yellow-700 {
  color: var(--color-yellow-700);
}

:where([data-application-document]) .capitalize {
  text-transform: capitalize;
}

:where([data-application-document]) .lowercase {
  text-transform: lowercase;
}

:where([data-application-document]) .normal-case {
  text-transform: none;
}

:where([data-application-document]) .uppercase {
  text-transform: uppercase;
}

:where([data-application-document]) .italic {
  font-style: italic;
}

:where([data-application-document]) .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, );
}

:where([data-application-document]) .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, );
}

:where([data-application-document]) .line-through {
  text-decoration-line: line-through;
}

:where([data-application-document]) .no-underline {
  text-decoration-line: none;
}

:where([data-application-document]) .underline {
  text-decoration-line: underline;
}

:where([data-application-document]) .placeholder-app-gray-400::placeholder {
  color: var(--color-app-gray-400);
}

:where([data-application-document]) .accent-ento-900 {
  accent-color: var(--color-ento-900);
}

:where([data-application-document]) .opacity-0 {
  opacity: 0;
}

:where([data-application-document]) .opacity-20 {
  opacity: .2;
}

:where([data-application-document]) .opacity-25 {
  opacity: .25;
}

:where([data-application-document]) .opacity-40 {
  opacity: .4;
}

:where([data-application-document]) .opacity-50 {
  opacity: .5;
}

:where([data-application-document]) .opacity-60 {
  opacity: .6;
}

:where([data-application-document]) .opacity-70 {
  opacity: .7;
}

:where([data-application-document]) .opacity-75 {
  opacity: .75;
}

:where([data-application-document]) .opacity-80 {
  opacity: .8;
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .shadow-app {
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .shadow-ento-900\/10 {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ento-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
}

:where([data-application-document]) .ring-app-blue-300 {
  --tw-ring-color: var(--color-app-blue-300);
}

:where([data-application-document]) .ring-app-purple-100 {
  --tw-ring-color: var(--color-app-purple-100);
}

:where([data-application-document]) .ring-ento-100 {
  --tw-ring-color: var(--color-ento-100);
}

:where([data-application-document]) .ring-ento-200 {
  --tw-ring-color: var(--color-ento-200);
}

:where([data-application-document]) .ring-gray-200 {
  --tw-ring-color: var(--color-gray-200);
}

:where([data-application-document]) .outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where([data-application-document]) .outline-hidden {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where([data-application-document]) .outline, :where([data-application-document]) .outline-1 {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

:where([data-application-document]) .-outline-offset-1 {
  outline-offset: calc(1px * -1);
}

:where([data-application-document]) .outline-gray-300 {
  outline-color: var(--color-gray-300);
}

:where([data-application-document]) .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, );
}

:where([data-application-document]) .blur-xs {
  --tw-blur: blur(var(--blur-xs));
  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, );
}

:where([data-application-document]) .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, );
}

:where([data-application-document]) .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, );
}

:where([data-application-document]) .backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  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, );
}

:where([data-application-document]) .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));
}

:where([data-application-document]) .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));
}

:where([data-application-document]) .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));
}

:where([data-application-document]) .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));
}

:where([data-application-document]) .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));
}

:where([data-application-document]) .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));
}

:where([data-application-document]) .transition-none {
  transition-property: none;
}

:where([data-application-document]) .duration-150 {
  --tw-duration: .15s;
  transition-duration: .15s;
}

:where([data-application-document]) .duration-200 {
  --tw-duration: .2s;
  transition-duration: .2s;
}

:where([data-application-document]) .duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s;
}

:where([data-application-document]) .duration-1000 {
  --tw-duration: 1s;
  transition-duration: 1s;
}

:where([data-application-document]) .ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}

:where([data-application-document]) .select-all {
  -webkit-user-select: all;
  user-select: all;
}

:where([data-application-document]) .select-none {
  -webkit-user-select: none;
  user-select: none;
}

:where([data-application-document]) .ring-inset {
  --tw-ring-inset: inset;
}

:where([data-application-document]) .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
  rotate: 180deg;
}

:where([data-application-document]) .group-data-\[collapsed\]\:hidden:is(:where(.group)[data-collapsed] *) {
  display: none;
}

:where([data-application-document]) .group-data-\[collapsed\]\:rotate-0:is(:where(.group)[data-collapsed] *) {
  rotate: 0deg;
}

:where([data-application-document]) .group-data-\[collapsed\]\:rounded-md:is(:where(.group)[data-collapsed] *) {
  border-radius: var(--radius-md);
}

:where([data-application-document]) .peer-checked\:border-ento-600:is(:where(.peer):checked ~ *) {
  border-color: var(--color-ento-600);
}

:where([data-application-document]) .peer-checked\:bg-\[var\(--ui-color-action\)\]:is(:where(.peer):checked ~ *) {
  background-color: var(--ui-color-action);
}

:where([data-application-document]) .peer-checked\:bg-ento-50:is(:where(.peer):checked ~ *) {
  background-color: var(--color-ento-50);
}

:where([data-application-document]) .peer-checked\:bg-ento-900:is(:where(.peer):checked ~ *) {
  background-color: var(--color-ento-900);
}

:where([data-application-document]) .peer-checked\:bg-pastel-0:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-0);
}

:where([data-application-document]) .peer-checked\:bg-pastel-1:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-1);
}

:where([data-application-document]) .peer-checked\:bg-pastel-2:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-2);
}

:where([data-application-document]) .peer-checked\:bg-pastel-3:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-3);
}

:where([data-application-document]) .peer-checked\:bg-pastel-4:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-4);
}

:where([data-application-document]) .peer-checked\:bg-pastel-5:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-5);
}

:where([data-application-document]) .peer-checked\:bg-pastel-6:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-6);
}

:where([data-application-document]) .peer-checked\:bg-pastel-7:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-7);
}

:where([data-application-document]) .peer-checked\:bg-pastel-8:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-8);
}

:where([data-application-document]) .peer-checked\:bg-pastel-9:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-9);
}

:where([data-application-document]) .peer-checked\:bg-pastel-10:is(:where(.peer):checked ~ *) {
  background-color: var(--color-pastel-10);
}

:where([data-application-document]) .peer-checked\:font-medium:is(:where(.peer):checked ~ *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .peer-checked\:text-ento-600:is(:where(.peer):checked ~ *) {
  color: var(--color-ento-600);
}

:where([data-application-document]) .peer-checked\:text-ento-700:is(:where(.peer):checked ~ *) {
  color: var(--color-ento-700);
}

:where([data-application-document]) .peer-checked\:text-ento-900:is(:where(.peer):checked ~ *) {
  color: var(--color-ento-900);
}

:where([data-application-document]) .peer-checked\:shadow-xs:is(:where(.peer):checked ~ *) {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .peer-focus\:bg-ento-900:is(:where(.peer):focus ~ *) {
  background-color: var(--color-ento-900);
}

:where([data-application-document]) .peer-focus\:bg-pastel-0:is(:where(.peer):focus ~ *) {
  background-color: var(--color-pastel-0);
}

:where([data-application-document]) .peer-focus\:ring-2:is(:where(.peer):focus ~ *) {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .peer-focus\:ring-\[var\(--ui-color-focus-ring\)\]:is(:where(.peer):focus ~ *) {
  --tw-ring-color: var(--ui-color-focus-ring);
}

:where([data-application-document]) .peer-focus\:ring-ento-300:is(:where(.peer):focus ~ *) {
  --tw-ring-color: var(--color-ento-300);
}

:where([data-application-document]) .peer-focus\:outline-hidden:is(:where(.peer):focus ~ *) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where([data-application-document]) .peer-focus\:outline-hidden:is(:where(.peer):focus ~ *) {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where([data-application-document]) .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
  --tw-outline-style: none;
  outline-style: none;
}

:where([data-application-document]) .peer-disabled\:cursor-default:is(:where(.peer):disabled ~ *) {
  cursor: default;
}

:where([data-application-document]) .peer-disabled\:border-app-gray-200:is(:where(.peer):disabled ~ *) {
  border-color: var(--color-app-gray-200);
}

:where([data-application-document]) .peer-disabled\:bg-app-gray-50:is(:where(.peer):disabled ~ *) {
  background-color: var(--color-app-gray-50);
}

:where([data-application-document]) .peer-disabled\:text-app-gray-400:is(:where(.peer):disabled ~ *) {
  color: var(--color-app-gray-400);
}

:where([data-application-document]) .peer-disabled\:opacity-60:is(:where(.peer):disabled ~ *) {
  opacity: .6;
}

:where([data-application-document]) .marker\:text-gray-400 ::marker, :where([data-application-document]) .marker\:text-gray-400::marker {
  color: var(--color-gray-400);
}

:where([data-application-document]) .marker\:text-gray-400 ::-webkit-details-marker {
  color: var(--color-gray-400);
}

:where([data-application-document]) .marker\:text-gray-400::-webkit-details-marker {
  color: var(--color-gray-400);
}

:where([data-application-document]) .marker\:text-gray-500 ::marker, :where([data-application-document]) .marker\:text-gray-500::marker {
  color: var(--color-gray-500);
}

:where([data-application-document]) .marker\:text-gray-500 ::-webkit-details-marker {
  color: var(--color-gray-500);
}

:where([data-application-document]) .marker\:text-gray-500::-webkit-details-marker {
  color: var(--color-gray-500);
}

:where([data-application-document]) .selection\:bg-\[\#fdf4ff\] ::selection, :where([data-application-document]) .selection\:bg-\[\#fdf4ff\]::selection {
  background-color: #fdf4ff;
}

:where([data-application-document]) .selection\:text-\[\#8353FF\] ::selection, :where([data-application-document]) .selection\:text-\[\#8353FF\]::selection {
  color: #8353ff;
}

:where([data-application-document]) .file\:button-secondary-sm::file-selector-button {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  :where([data-application-document]) .file\:button-secondary-sm::file-selector-button:hover {
    background-color: var(--color-app-gray-300);
  }

  :where([data-application-document]) .file\:button-secondary-sm::file-selector-button:hover {
    color: var(--color-app-gray-900);
  }

  :where([data-application-document]) .file\:button-secondary-sm::file-selector-button:hover {
    text-decoration-line: none;
  }
}

:where([data-application-document]) .file\:button-secondary-sm::file-selector-button:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .file\:border-0::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

:where([data-application-document]) .file\:bg-white::file-selector-button {
  background-color: var(--color-white);
}

:where([data-application-document]) .file\:text-app-gray-700::file-selector-button {
  color: var(--color-app-gray-700);
}

:where([data-application-document]) .placeholder\:font-medium::placeholder {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .placeholder\:text-app-gray-400::placeholder {
  color: var(--color-app-gray-400);
}

:where([data-application-document]) .placeholder\:text-app-slate-400::placeholder {
  color: var(--color-app-slate-400);
}

:where([data-application-document]) .placeholder\:text-gray-400::placeholder {
  color: var(--color-gray-400);
}

:where([data-application-document]) .before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

:where([data-application-document]) .before\:left-2:before {
  content: var(--tw-content);
  left: calc(var(--spacing) * 2);
}

:where([data-application-document]) .before\:h-full:before {
  content: var(--tw-content);
  height: 100%;
}

:where([data-application-document]) .before\:-translate-x-1\/2:before {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .before\:translate-y-3:before {
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .before\:self-start:before {
  content: var(--tw-content);
  align-self: flex-start;
}

:where([data-application-document]) .before\:bg-app-gray-300:before {
  content: var(--tw-content);
  background-color: var(--color-app-gray-300);
}

:where([data-application-document]) .before\:px-2:before {
  content: var(--tw-content);
  padding-inline: calc(var(--spacing) * 2);
}

:where([data-application-document]) .before\:pr-px:before {
  content: var(--tw-content);
  padding-right: 1px;
}

:where([data-application-document]) .before\:text-gray-400:before {
  content: var(--tw-content);
  color: var(--color-gray-400);
}

:where([data-application-document]) .before\:content-\[\'\/\'\]:before {
  --tw-content: "/";
  content: var(--tw-content);
}

:where([data-application-document]) .group-last\:before\:hidden:is(:where(.group):last-child *):before {
  content: var(--tw-content);
  display: none;
}

:where([data-application-document]) .after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

:where([data-application-document]) .after\:top-\[2px\]:after {
  content: var(--tw-content);
  top: 2px;
}

:where([data-application-document]) .after\:left-2:after {
  content: var(--tw-content);
  left: calc(var(--spacing) * 2);
}

:where([data-application-document]) .after\:left-\[2px\]:after {
  content: var(--tw-content);
  left: 2px;
}

:where([data-application-document]) .after\:box-content:after {
  content: var(--tw-content);
  box-sizing: content-box;
}

:where([data-application-document]) .after\:h-2:after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
}

:where([data-application-document]) .after\:h-4:after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 4);
}

:where([data-application-document]) .after\:h-5:after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
}

:where([data-application-document]) .after\:w-2:after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
}

:where([data-application-document]) .after\:w-4:after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 4);
}

:where([data-application-document]) .after\:w-5:after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
}

:where([data-application-document]) .after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .after\:translate-y-1\.5:after {
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing) * 1.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 3.40282e38px;
}

:where([data-application-document]) .after\:border:after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 1px;
}

:where([data-application-document]) .after\:border-2:after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 2px;
}

:where([data-application-document]) .after\:border-app-gray-200:after {
  content: var(--tw-content);
  border-color: var(--color-app-gray-200);
}

:where([data-application-document]) .after\:border-gray-200:after {
  content: var(--tw-content);
  border-color: var(--color-gray-200);
}

:where([data-application-document]) .after\:bg-app-gray-300:after {
  content: var(--tw-content);
  background-color: var(--color-app-gray-300);
}

:where([data-application-document]) .after\:bg-ento-900:after {
  content: var(--tw-content);
  background-color: var(--color-ento-900);
}

:where([data-application-document]) .after\:bg-white:after {
  content: var(--tw-content);
  background-color: var(--color-white);
}

:where([data-application-document]) .after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

:where([data-application-document]) .after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

:where([data-application-document]) .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):after {
  content: var(--tw-content);
  border-color: var(--color-white);
}

:where([data-application-document]) .first\:pt-0:first-child {
  padding-top: 0;
}

:where([data-application-document]) .first\:before\:content-none:first-child:before {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}

:where([data-application-document]) .last\:mb-4:last-child {
  margin-bottom: calc(var(--spacing) * 4);
}

:where([data-application-document]) .last\:border-r-0:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

:where([data-application-document]) .last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

:where([data-application-document]) .focus-within\:border-ento-500:focus-within {
  border-color: var(--color-ento-500);
}

:where([data-application-document]) .focus-within\:bg-white:focus-within {
  background-color: var(--color-white);
}

:where([data-application-document]) .focus-within\:ring-2:focus-within {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .focus-within\:ring-ento-100:focus-within {
  --tw-ring-color: var(--color-ento-100);
}

@media (hover: hover) {
  :where([data-application-document]) .hover\:cursor-pointer:hover {
    cursor: pointer;
  }

  :where([data-application-document]) .hover\:border-app-blue-50:hover {
    border-color: var(--color-app-blue-50);
  }

  :where([data-application-document]) .hover\:border-app-gray-50:hover {
    border-color: var(--color-app-gray-50);
  }

  :where([data-application-document]) .hover\:border-app-gray-100:hover {
    border-color: var(--color-app-gray-100);
  }

  :where([data-application-document]) .hover\:border-app-gray-300:hover {
    border-color: var(--color-app-gray-300);
  }

  :where([data-application-document]) .hover\:border-app-gray-400:hover {
    border-color: var(--color-app-gray-400);
  }

  :where([data-application-document]) .hover\:border-app-purple-400:hover {
    border-color: var(--color-app-purple-400);
  }

  :where([data-application-document]) .hover\:border-app-red-50:hover {
    border-color: var(--color-app-red-50);
  }

  :where([data-application-document]) .hover\:border-app-yellow-50:hover {
    border-color: var(--color-app-yellow-50);
  }

  :where([data-application-document]) .hover\:border-ento-100:hover {
    border-color: var(--color-ento-100);
  }

  :where([data-application-document]) .hover\:border-ento-300:hover {
    border-color: var(--color-ento-300);
  }

  :where([data-application-document]) .hover\:border-gray-300:hover {
    border-color: var(--color-gray-300);
  }

  :where([data-application-document]) .hover\:bg-\[\#5924e2\]:hover {
    background-color: #5924e2;
  }

  :where([data-application-document]) .hover\:bg-\[var\(--ui-color-action-hover\)\]:hover {
    background-color: var(--ui-color-action-hover);
  }

  :where([data-application-document]) .hover\:bg-app-blue-50:hover {
    background-color: var(--color-app-blue-50);
  }

  :where([data-application-document]) .hover\:bg-app-blue-100:hover {
    background-color: var(--color-app-blue-100);
  }

  :where([data-application-document]) .hover\:bg-app-blue-700:hover {
    background-color: var(--color-app-blue-700);
  }

  :where([data-application-document]) .hover\:bg-app-blue-900:hover {
    background-color: var(--color-app-blue-900);
  }

  :where([data-application-document]) .hover\:bg-app-emerald-100:hover {
    background-color: var(--color-app-emerald-100);
  }

  :where([data-application-document]) .hover\:bg-app-emerald-900:hover {
    background-color: var(--color-app-emerald-900);
  }

  :where([data-application-document]) .hover\:bg-app-gray-50:hover {
    background-color: var(--color-app-gray-50);
  }

  :where([data-application-document]) .hover\:bg-app-gray-100:hover {
    background-color: var(--color-app-gray-100);
  }

  :where([data-application-document]) .hover\:bg-app-gray-200:hover {
    background-color: var(--color-app-gray-200);
  }

  :where([data-application-document]) .hover\:bg-app-gray-300:hover {
    background-color: var(--color-app-gray-300);
  }

  :where([data-application-document]) .hover\:bg-app-green-100:hover {
    background-color: var(--color-app-green-100);
  }

  :where([data-application-document]) .hover\:bg-app-green-700:hover {
    background-color: var(--color-app-green-700);
  }

  :where([data-application-document]) .hover\:bg-app-purple-50:hover {
    background-color: var(--color-app-purple-50);
  }

  :where([data-application-document]) .hover\:bg-app-purple-600:hover {
    background-color: var(--color-app-purple-600);
  }

  :where([data-application-document]) .hover\:bg-app-red-50:hover {
    background-color: var(--color-app-red-50);
  }

  :where([data-application-document]) .hover\:bg-app-red-100:hover {
    background-color: var(--color-app-red-100);
  }

  :where([data-application-document]) .hover\:bg-app-red-700:hover {
    background-color: var(--color-app-red-700);
  }

  :where([data-application-document]) .hover\:bg-app-red-900:hover {
    background-color: var(--color-app-red-900);
  }

  :where([data-application-document]) .hover\:bg-app-yellow-50:hover {
    background-color: var(--color-app-yellow-50);
  }

  :where([data-application-document]) .hover\:bg-app-yellow-700:hover {
    background-color: var(--color-app-yellow-700);
  }

  :where([data-application-document]) .hover\:bg-app-yellow-900:hover {
    background-color: var(--color-app-yellow-900);
  }

  :where([data-application-document]) .hover\:bg-ento-50:hover {
    background-color: var(--color-ento-50);
  }

  :where([data-application-document]) .hover\:bg-ento-50\/20:hover {
    background-color: #f5f3ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-application-document]) .hover\:bg-ento-50\/20:hover {
      background-color: color-mix(in oklab, var(--color-ento-50) 20%, transparent);
    }
  }

  :where([data-application-document]) .hover\:bg-ento-50\/30:hover {
    background-color: #f5f3ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-application-document]) .hover\:bg-ento-50\/30:hover {
      background-color: color-mix(in oklab, var(--color-ento-50) 30%, transparent);
    }
  }

  :where([data-application-document]) .hover\:bg-ento-100:hover {
    background-color: var(--color-ento-100);
  }

  :where([data-application-document]) .hover\:bg-ento-200:hover {
    background-color: var(--color-ento-200);
  }

  :where([data-application-document]) .hover\:bg-ento-700:hover {
    background-color: var(--color-ento-700);
  }

  :where([data-application-document]) .hover\:bg-ento-800:hover {
    background-color: var(--color-ento-800);
  }

  :where([data-application-document]) .hover\:bg-ento-900:hover {
    background-color: var(--color-ento-900);
  }

  :where([data-application-document]) .hover\:bg-ento-950:hover {
    background-color: var(--color-ento-950);
  }

  :where([data-application-document]) .hover\:bg-gray-50:hover {
    background-color: var(--color-gray-50);
  }

  :where([data-application-document]) .hover\:bg-gray-100:hover {
    background-color: var(--color-gray-100);
  }

  :where([data-application-document]) .hover\:bg-gray-200:hover {
    background-color: var(--color-gray-200);
  }

  :where([data-application-document]) .hover\:bg-gray-300:hover {
    background-color: var(--color-gray-300);
  }

  :where([data-application-document]) .hover\:bg-green-100:hover {
    background-color: var(--color-green-100);
  }

  :where([data-application-document]) .hover\:bg-red-50:hover {
    background-color: var(--color-red-50);
  }

  :where([data-application-document]) .hover\:bg-red-100:hover {
    background-color: var(--color-red-100);
  }

  :where([data-application-document]) .hover\:bg-white:hover {
    background-color: var(--color-white);
  }

  :where([data-application-document]) .hover\:bg-yellow-100:hover {
    background-color: var(--color-yellow-100);
  }

  :where([data-application-document]) .hover\:text-app-blue-600:hover {
    color: var(--color-app-blue-600);
  }

  :where([data-application-document]) .hover\:text-app-blue-700:hover {
    color: var(--color-app-blue-700);
  }

  :where([data-application-document]) .hover\:text-app-blue-800:hover {
    color: var(--color-app-blue-800);
  }

  :where([data-application-document]) .hover\:text-app-blue-900:hover {
    color: var(--color-app-blue-900);
  }

  :where([data-application-document]) .hover\:text-app-gray-400:hover {
    color: var(--color-app-gray-400);
  }

  :where([data-application-document]) .hover\:text-app-gray-500:hover {
    color: var(--color-app-gray-500);
  }

  :where([data-application-document]) .hover\:text-app-gray-600:hover {
    color: var(--color-app-gray-600);
  }

  :where([data-application-document]) .hover\:text-app-gray-700:hover {
    color: var(--color-app-gray-700);
  }

  :where([data-application-document]) .hover\:text-app-gray-800:hover {
    color: var(--color-app-gray-800);
  }

  :where([data-application-document]) .hover\:text-app-gray-900:hover {
    color: var(--color-app-gray-900);
  }

  :where([data-application-document]) .hover\:text-app-indigo-900:hover {
    color: var(--color-app-indigo-900);
  }

  :where([data-application-document]) .hover\:text-app-purple-800:hover {
    color: var(--color-app-purple-800);
  }

  :where([data-application-document]) .hover\:text-app-red-700:hover {
    color: var(--color-app-red-700);
  }

  :where([data-application-document]) .hover\:text-app-red-900:hover {
    color: var(--color-app-red-900);
  }

  :where([data-application-document]) .hover\:text-app-slate-600:hover {
    color: var(--color-app-slate-600);
  }

  :where([data-application-document]) .hover\:text-app-yellow-50:hover {
    color: var(--color-app-yellow-50);
  }

  :where([data-application-document]) .hover\:text-app-yellow-700:hover {
    color: var(--color-app-yellow-700);
  }

  :where([data-application-document]) .hover\:text-ento-600:hover {
    color: var(--color-ento-600);
  }

  :where([data-application-document]) .hover\:text-ento-700:hover {
    color: var(--color-ento-700);
  }

  :where([data-application-document]) .hover\:text-ento-800:hover {
    color: var(--color-ento-800);
  }

  :where([data-application-document]) .hover\:text-ento-900:hover {
    color: var(--color-ento-900);
  }

  :where([data-application-document]) .hover\:text-ento-950:hover {
    color: var(--color-ento-950);
  }

  :where([data-application-document]) .hover\:text-gray-700:hover {
    color: var(--color-gray-700);
  }

  :where([data-application-document]) .hover\:text-gray-900:hover {
    color: var(--color-gray-900);
  }

  :where([data-application-document]) .hover\:text-green-700:hover {
    color: var(--color-green-700);
  }

  :where([data-application-document]) .hover\:text-indigo-600:hover {
    color: var(--color-indigo-600);
  }

  :where([data-application-document]) .hover\:text-inherit:hover {
    color: inherit;
  }

  :where([data-application-document]) .hover\:text-red-700:hover {
    color: var(--color-red-700);
  }

  :where([data-application-document]) .hover\:text-white:hover {
    color: var(--color-white);
  }

  :where([data-application-document]) .hover\:text-yellow-700:hover {
    color: var(--color-yellow-700);
  }

  :where([data-application-document]) .hover\:no-underline:hover {
    text-decoration-line: none;
  }

  :where([data-application-document]) .hover\:underline:hover {
    text-decoration-line: underline;
  }

  :where([data-application-document]) .hover\:opacity-60:hover {
    opacity: .6;
  }

  :where([data-application-document]) .hover\:shadow-app:hover {
    --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where([data-application-document]) .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);
  }

  :where([data-application-document]) .hover\:shadow-xs:hover {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where([data-application-document]) .hover\:transition-all:hover {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :where([data-application-document]) .hover\:file\:bg-app-gray-100:hover::file-selector-button {
    background-color: var(--color-app-gray-100);
  }
}

:where([data-application-document]) .focus\:cursor-text:focus {
  cursor: text;
}

:where([data-application-document]) .focus\:border-app-purple-500:focus {
  border-color: var(--color-app-purple-500);
}

:where([data-application-document]) .focus\:border-ento-500:focus {
  border-color: var(--color-ento-500);
}

:where([data-application-document]) .focus\:border-transparent:focus {
  border-color: #0000;
}

:where([data-application-document]) .focus\:bg-app-gray-50:focus {
  background-color: var(--color-app-gray-50);
}

:where([data-application-document]) .focus\:bg-app-gray-100:focus {
  background-color: var(--color-app-gray-100);
}

:where([data-application-document]) .focus\:bg-ento-50:focus {
  background-color: var(--color-ento-50);
}

:where([data-application-document]) .focus\:font-medium:focus {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .focus\:ring-0:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .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, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .focus\:ring-app-blue-300:focus {
  --tw-ring-color: var(--color-app-blue-300);
}

:where([data-application-document]) .focus\:ring-app-blue-500:focus {
  --tw-ring-color: var(--color-app-blue-500);
}

:where([data-application-document]) .focus\:ring-app-green-300:focus {
  --tw-ring-color: var(--color-app-green-300);
}

:where([data-application-document]) .focus\:ring-app-purple-100:focus {
  --tw-ring-color: var(--color-app-purple-100);
}

:where([data-application-document]) .focus\:ring-app-purple-500:focus {
  --tw-ring-color: var(--color-app-purple-500);
}

:where([data-application-document]) .focus\:ring-app-red-300:focus {
  --tw-ring-color: var(--color-app-red-300);
}

:where([data-application-document]) .focus\:ring-blue-500:focus {
  --tw-ring-color: var(--color-blue-500);
}

:where([data-application-document]) .focus\:ring-ento-200:focus {
  --tw-ring-color: var(--color-ento-200);
}

:where([data-application-document]) .focus\:ring-ento-300:focus {
  --tw-ring-color: var(--color-ento-300);
}

:where([data-application-document]) .focus\:ring-ento-500:focus {
  --tw-ring-color: var(--color-ento-500);
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .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);
}

:where([data-application-document]) .focus\:outline-hidden:focus {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where([data-application-document]) .focus\:outline-hidden:focus {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where([data-application-document]) .focus\:outline-2:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

:where([data-application-document]) .focus\:outline-offset-0:focus {
  outline-offset: 0px;
}

:where([data-application-document]) .focus\:outline-\[\#ccbaff\]:focus {
  outline-color: #ccbaff;
}

:where([data-application-document]) .focus\:outline-\[var\(--ui-color-action\)\]:focus {
  outline-color: var(--ui-color-action);
}

:where([data-application-document]) .focus\:outline-\[var\(--ui-color-focus-ring\)\]:focus {
  outline-color: var(--ui-color-focus-ring);
}

:where([data-application-document]) .focus\:outline-ento-900:focus {
  outline-color: var(--color-ento-900);
}

:where([data-application-document]) .focus\:outline-gray-200:focus {
  outline-color: var(--color-gray-200);
}

:where([data-application-document]) .focus\:outline-indigo-600:focus {
  outline-color: var(--color-indigo-600);
}

:where([data-application-document]) .focus\:outline-violet-500:focus {
  outline-color: var(--color-violet-500);
}

:where([data-application-document]) .focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none;
}

:where([data-application-document]) .focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

:where([data-application-document]) .focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, #3b82f680);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .focus-visible\:ring-ento-200:focus-visible {
  --tw-ring-color: var(--color-ento-200);
}

:where([data-application-document]) .focus-visible\:ring-ento-300:focus-visible {
  --tw-ring-color: var(--color-ento-300);
}

:where([data-application-document]) .focus-visible\:ring-ento-500:focus-visible {
  --tw-ring-color: var(--color-ento-500);
}

:where([data-application-document]) .focus-visible\:ring-offset-2:focus-visible {
  --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);
}

:where([data-application-document]) .focus-visible\:outline-hidden:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  :where([data-application-document]) .focus-visible\:outline-hidden:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

:where([data-application-document]) .focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

:where([data-application-document]) .focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: calc(2px * -1);
}

:where([data-application-document]) .focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}

:where([data-application-document]) .focus-visible\:outline-\[var\(--ui-color-focus-ring\)\]:focus-visible {
  outline-color: var(--ui-color-focus-ring);
}

:where([data-application-document]) .focus-visible\:outline-ento-300:focus-visible {
  outline-color: var(--color-ento-300);
}

:where([data-application-document]) .focus-visible\:outline-ento-900:focus-visible {
  outline-color: var(--color-ento-900);
}

:where([data-application-document]) .focus-visible\:outline-gray-300:focus-visible {
  outline-color: var(--color-gray-300);
}

:where([data-application-document]) .focus-visible\:outline-green-300:focus-visible {
  outline-color: var(--color-green-300);
}

:where([data-application-document]) .focus-visible\:outline-indigo-600:focus-visible {
  outline-color: var(--color-indigo-600);
}

:where([data-application-document]) .focus-visible\:outline-red-300:focus-visible {
  outline-color: var(--color-red-300);
}

:where([data-application-document]) .focus-visible\:outline-yellow-300:focus-visible {
  outline-color: var(--color-yellow-300);
}

:where([data-application-document]) .active\:translate-y-px:active {
  --tw-translate-y: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

:where([data-application-document]) .active\:cursor-grabbing:active {
  cursor: grabbing;
}

:where([data-application-document]) .active\:bg-\[\#5924e2\]:active {
  background-color: #5924e2;
}

:where([data-application-document]) .active\:bg-\[var\(--ui-color-action-hover\)\]:active {
  background-color: var(--ui-color-action-hover);
}

:where([data-application-document]) .active\:bg-app-gray-50:active {
  background-color: var(--color-app-gray-50);
}

:where([data-application-document]) .active\:bg-app-gray-100:active {
  background-color: var(--color-app-gray-100);
}

:where([data-application-document]) .active\:bg-app-gray-300:active {
  background-color: var(--color-app-gray-300);
}

:where([data-application-document]) .disabled\:cursor-default:disabled {
  cursor: default;
}

:where([data-application-document]) .disabled\:opacity-40:disabled {
  opacity: .4;
}

:where([data-application-document]) .disabled\:opacity-50:disabled {
  opacity: .5;
}

:where([data-application-document]) .aria-pressed\:border-indigo-600[aria-pressed="true"] {
  border-color: var(--color-indigo-600);
}

:where([data-application-document]) .aria-pressed\:bg-indigo-50[aria-pressed="true"] {
  background-color: var(--color-indigo-50);
}

:where([data-application-document]) .aria-pressed\:text-indigo-600[aria-pressed="true"] {
  color: var(--color-indigo-600);
}

:where([data-application-document]) .aria-pressed\:text-indigo-700[aria-pressed="true"] {
  color: var(--color-indigo-700);
}

:where([data-application-document]) .aria-\[current\=page\]\:border-indigo-600[aria-current="page"] {
  border-color: var(--color-indigo-600);
}

:where([data-application-document]) .aria-\[current\=page\]\:bg-indigo-50[aria-current="page"] {
  background-color: var(--color-indigo-50);
}

:where([data-application-document]) .aria-\[current\=page\]\:font-medium[aria-current="page"] {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .aria-\[current\=page\]\:text-indigo-600[aria-current="page"] {
  color: var(--color-indigo-600);
}

:where([data-application-document]) .aria-\[current\=page\]\:text-indigo-700[aria-current="page"] {
  color: var(--color-indigo-700);
}

:where([data-application-document]) .data-\[dragging\]\:opacity-40[data-dragging] {
  opacity: .4;
}

:where([data-application-document]) .data-\[over-bottom\]\:shadow-\[0_3px_0_-1px_theme\(colors\.ento\.900\)\][data-over-bottom] {
  --tw-shadow: 0 3px 0 -1px var(--tw-shadow-color, #8353ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .data-\[over-top\]\:shadow-\[0_-3px_0_-1px_theme\(colors\.ento\.900\)\][data-over-top] {
  --tw-shadow: 0 -3px 0 -1px var(--tw-shadow-color, #8353ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >= 576px) {
  :where([data-application-document]) .min-\[576px\]\:w-1\/2 {
    width: 50%;
  }

  :where([data-application-document]) .min-\[576px\]\:max-w-\[540px\] {
    max-width: 540px;
  }

  :where([data-application-document]) .min-\[576px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 640px) {
  :where([data-application-document]) .min-\[640px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 768px) {
  :where([data-application-document]) .min-\[768px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :where([data-application-document]) .min-\[768px\]\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  :where([data-application-document]) .min-\[768px\]\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  :where([data-application-document]) .min-\[768px\]\:block {
    display: block;
  }

  :where([data-application-document]) .min-\[768px\]\:w-1\/2 {
    width: 50%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-1\/3 {
    width: 33.3333%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-1\/4 {
    width: 25%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-1\/6 {
    width: 16.6667%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-2\/3 {
    width: 66.6667%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-5\/6 {
    width: 83.3333%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-5\/12 {
    width: 41.6667%;
  }

  :where([data-application-document]) .min-\[768px\]\:w-7\/12 {
    width: 58.3333%;
  }

  :where([data-application-document]) .min-\[768px\]\:max-w-\[16\.666667\%\] {
    max-width: 16.6667%;
  }

  :where([data-application-document]) .min-\[768px\]\:max-w-\[25\%\] {
    max-width: 25%;
  }

  :where([data-application-document]) .min-\[768px\]\:max-w-\[58\.333333\%\] {
    max-width: 58.3333%;
  }

  :where([data-application-document]) .min-\[768px\]\:max-w-\[83\.333333\%\] {
    max-width: 83.3333%;
  }

  :where([data-application-document]) .min-\[768px\]\:max-w-\[720px\] {
    max-width: 720px;
  }

  :where([data-application-document]) .min-\[768px\]\:flex-none {
    flex: none;
  }

  :where([data-application-document]) .min-\[768px\]\:basis-0 {
    flex-basis: 0;
  }

  :where([data-application-document]) .min-\[768px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[768px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[768px\]\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (width >= 920px) {
  :where([data-application-document]) .min-\[920px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :where([data-application-document]) .min-\[920px\]\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  :where([data-application-document]) .min-\[920px\]\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  :where([data-application-document]) .min-\[920px\]\:mt-0 {
    margin-top: 0;
  }

  :where([data-application-document]) .min-\[920px\]\:mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  :where([data-application-document]) .min-\[920px\]\:mb-0 {
    margin-bottom: 0;
  }

  :where([data-application-document]) .min-\[920px\]\:ml-\[25\%\] {
    margin-left: 25%;
  }

  :where([data-application-document]) .min-\[920px\]\:block {
    display: block;
  }

  :where([data-application-document]) .min-\[920px\]\:flex {
    display: flex;
  }

  :where([data-application-document]) .min-\[920px\]\:grid {
    display: grid;
  }

  :where([data-application-document]) .min-\[920px\]\:inline {
    display: inline;
  }

  :where([data-application-document]) .min-\[920px\]\:h-full {
    height: 100%;
  }

  :where([data-application-document]) .min-\[920px\]\:max-h-none {
    max-height: none;
  }

  :where([data-application-document]) .min-\[920px\]\:min-h-\[420px\] {
    min-height: 420px;
  }

  :where([data-application-document]) .min-\[920px\]\:min-h-screen {
    min-height: 100vh;
  }

  :where([data-application-document]) .min-\[920px\]\:w-1\/2 {
    width: 50%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-1\/3 {
    width: 33.3333%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-1\/4 {
    width: 25%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-1\/6 {
    width: 16.6667%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-1\/12 {
    width: 8.33333%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-2\/3 {
    width: 66.6667%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-3\/4 {
    width: 75%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-5\/12 {
    width: 41.6667%;
  }

  :where([data-application-document]) .min-\[920px\]\:w-7\/12 {
    width: 58.3333%;
  }

  :where([data-application-document]) .min-\[920px\]\:max-w-\[30\%\] {
    max-width: 30%;
  }

  :where([data-application-document]) .min-\[920px\]\:max-w-\[484px\] {
    max-width: 484px;
  }

  :where([data-application-document]) .min-\[920px\]\:min-w-\[484px\] {
    min-width: 484px;
  }

  :where([data-application-document]) .min-\[920px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[920px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[920px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[920px\]\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[920px\]\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[920px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }

  :where([data-application-document]) .min-\[920px\]\:flex-row {
    flex-direction: row;
  }

  :where([data-application-document]) .min-\[920px\]\:items-center {
    align-items: center;
  }

  :where([data-application-document]) .min-\[920px\]\:items-start {
    align-items: flex-start;
  }

  :where([data-application-document]) .min-\[920px\]\:justify-between {
    justify-content: space-between;
  }

  :where([data-application-document]) .min-\[920px\]\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  :where([data-application-document]) .min-\[920px\]\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where([data-application-document]) :where(.min-\[920px\]\: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([data-application-document]) :where(.min-\[920px\]\:divide-y-0 > :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(0px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where([data-application-document]) .min-\[920px\]\:button-primary-sm {
    border-radius: var(--radius-md);
    background-color: var(--color-ento-900);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    :where([data-application-document]) .min-\[920px\]\:button-primary-sm:hover {
      background-color: var(--color-ento-950);
      color: var(--color-white);
      text-decoration-line: none;
    }
  }

  :where([data-application-document]) .min-\[920px\]\:button-primary-sm:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-ento-300);
  }

  :where([data-application-document]) .min-\[920px\]\:button-primary-sm:active {
    background-color: var(--color-ento-950);
  }

  :where([data-application-document]) .min-\[920px\]\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :where([data-application-document]) .min-\[920px\]\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  :where([data-application-document]) .min-\[920px\]\:border-ento-300 {
    border-color: var(--color-ento-300);
  }

  :where([data-application-document]) .min-\[920px\]\:p-6 {
    padding: calc(var(--spacing) * 6);
  }

  :where([data-application-document]) .min-\[920px\]\:p-12 {
    padding: calc(var(--spacing) * 12);
  }

  :where([data-application-document]) .min-\[920px\]\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  :where([data-application-document]) .min-\[920px\]\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :where([data-application-document]) .min-\[920px\]\:text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}

@media (width >= 992px) {
  :where([data-application-document]) .min-\[992px\]\:w-1\/2 {
    width: 50%;
  }

  :where([data-application-document]) .min-\[992px\]\:w-1\/3 {
    width: 33.3333%;
  }

  :where([data-application-document]) .min-\[992px\]\:w-1\/6 {
    width: 16.6667%;
  }

  :where([data-application-document]) .min-\[992px\]\:w-2\/3 {
    width: 66.6667%;
  }

  :where([data-application-document]) .min-\[992px\]\:w-5\/6 {
    width: 83.3333%;
  }

  :where([data-application-document]) .min-\[992px\]\:max-w-\[960px\] {
    max-width: 960px;
  }

  :where([data-application-document]) .min-\[992px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where([data-application-document]) .min-\[992px\]\:pr-0 {
    padding-right: 0;
  }
}

@media (width >= 1024px) {
  :where([data-application-document]) .min-\[1024px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :where([data-application-document]) .min-\[1024px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1200px) {
  :where([data-application-document]) .min-\[1200px\]\:max-w-\[1140px\] {
    max-width: 1140px;
  }
}

@media (width >= 40rem) {
  :where([data-application-document]) .sm\:absolute {
    position: absolute;
  }

  :where([data-application-document]) .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  :where([data-application-document]) .sm\:mb-0 {
    margin-bottom: 0;
  }

  :where([data-application-document]) .sm\:grid {
    display: grid;
  }

  :where([data-application-document]) .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where([data-application-document]) .sm\:flex-row {
    flex-direction: row;
  }

  :where([data-application-document]) .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  :where([data-application-document]) .sm\:items-center {
    align-items: center;
  }

  :where([data-application-document]) .sm\:items-start {
    align-items: flex-start;
  }

  :where([data-application-document]) .sm\:justify-between {
    justify-content: space-between;
  }

  :where([data-application-document]) .sm\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  :where([data-application-document]) .sm\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  :where([data-application-document]) .sm\:self-auto {
    align-self: auto;
  }

  :where([data-application-document]) .sm\:overflow-hidden {
    overflow: hidden;
  }
}

@media (width >= 48rem) {
  :where([data-application-document]) .md\:sticky {
    position: sticky;
  }

  :where([data-application-document]) .md\:top-0 {
    top: 0;
  }

  :where([data-application-document]) .md\:ml-auto {
    margin-left: auto;
  }

  :where([data-application-document]) .md\:w-64 {
    width: calc(var(--spacing) * 64);
  }

  :where([data-application-document]) .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where([data-application-document]) .md\:flex-row {
    flex-direction: row;
  }

  :where([data-application-document]) .md\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  :where([data-application-document]) .md\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :where([data-application-document]) .md\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  :where([data-application-document]) .md\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  :where([data-application-document]) .md\:pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
}

@media (width >= 64rem) {
  :where([data-application-document]) .lg\:flex-row {
    flex-direction: row;
  }

  :where([data-application-document]) .lg\:items-start {
    align-items: flex-start;
  }
}

@media (width >= 80rem) {
  :where([data-application-document]) .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

:where([data-application-document]) .\[\&_img\]\:grayscale img {
  --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, );
}

:where([data-application-document]) .\[\&_label\]\:text-sm label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

:where([data-application-document]) .\[\&_label\]\:font-medium label {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

:where([data-application-document]) .\[\&_td\]\:py-1 td {
  padding-block: var(--spacing);
}

:where([data-application-document]) .\[\&_td\]\:pr-3 td {
  padding-right: calc(var(--spacing) * 3);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)\]\:border-ento-900:has(input:checked) {
  border-color: var(--color-ento-900);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)\]\:bg-ento-50:has(input:checked) {
  background-color: var(--color-ento-50);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)\]\:bg-ento-900:has(input:checked) {
  background-color: var(--color-ento-900);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)\]\:text-white:has(input:checked) {
  color: var(--color-white);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)\]\:shadow-app:has(input:checked) {
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)\]\:shadow-ento-900\/10:has(input:checked) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ento-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)_i\]\:text-ento-900:has(input:checked) i {
  color: var(--color-ento-900);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)_p\]\:text-ento-800:has(input:checked) p {
  color: var(--color-ento-800);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)_span\:first-child\]\:border-ento-900:has(input:checked) span:first-child {
  border-color: var(--color-ento-900);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)_span\:first-child\]\:bg-ento-100:has(input:checked) span:first-child {
  background-color: var(--color-ento-100);
}

:where([data-application-document]) .\[\&\:has\(input\:checked\)_span\:last-child_span\]\:text-ento-900:has(input:checked) span:last-child span {
  color: var(--color-ento-900);
}

:where([data-application-document]) .\[\&\:has\(input\:disabled\)\]\:pointer-events-none:has(input:disabled) {
  pointer-events: none;
}

:where([data-application-document]) .\[\&\>\.relative\]\:px-0 > .relative {
  padding-inline: 0;
}

:where([data-application-document]) .\[\&\>\.ui--elements--alert\]\:mb-0 > .ui--elements--alert {
  margin-bottom: 0;
}

:where([data-application-document]) .\[\&\>\.ui--layout--action-group\]\:border-0 > .ui--layout--action-group {
  border-style: var(--tw-border-style);
  border-width: 0;
}

:where([data-application-document]) .\[\&\>\:first-child\]\:min-w-0 > :first-child {
  min-width: 0;
}

:where([data-application-document]) .\[\&\>\:first-child\]\:flex-1 > :first-child {
  flex: 1;
}

@media (width >= 64rem) {
  :where([data-application-document]) .lg\:\[\&\>\:first-child\]\:max-h-\[calc\(100vh-13rem\)\] > :first-child {
    max-height: calc(100vh - 13rem);
  }

  :where([data-application-document]) .lg\:\[\&\>\:first-child\]\:\[scrollbar-width\:thin\] > :first-child {
    scrollbar-width: thin;
  }

  :where([data-application-document]) .lg\:\[\&\>\:first-child\]\:\[scrollbar-color\:transparent_transparent\] > :first-child {
    scrollbar-color: transparent transparent;
  }

  :where([data-application-document]) .lg\:\[\&\>\:first-child\]\:overflow-y-auto > :first-child {
    overflow-y: auto;
  }

  :where([data-application-document]) .lg\:\[\&\>\:first-child\:hover\]\:\[scrollbar-color\:\#d1d5db_transparent\] > :first-child:hover {
    scrollbar-color: #d1d5db transparent;
  }

  :where([data-application-document]) .lg\:\[\&\>\:last-child\]\:sticky > :last-child {
    position: sticky;
  }

  :where([data-application-document]) .lg\:\[\&\>\:last-child\]\:top-6 > :last-child {
    top: calc(var(--spacing) * 6);
  }

  :where([data-application-document]) .lg\:\[\&\>\:last-child\]\:w-80 > :last-child {
    width: calc(var(--spacing) * 80);
  }

  :where([data-application-document]) .lg\:\[\&\>\:last-child\]\:shrink-0 > :last-child {
    flex-shrink: 0;
  }
}

@media (width >= 40rem) {
  :where([data-application-document]) .sm\:\[\&\>\:only-child\]\:col-span-2 > :only-child {
    grid-column: span 2 / span 2;
  }
}

:where([data-application-document]) .\[\&\>a\]\:justify-center > a {
  justify-content: center;
}

:where([data-application-document]) .\[\&\>button\]\:w-full > button {
  width: 100%;
}

:where([data-application-document]) .\[\&\>button\]\:justify-center > button {
  justify-content: center;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]), :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) {
  --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-300: oklch(80.8% .114 19.571);
  --color-red-500: oklch(63.7% .237 25.331);
  --color-red-700: oklch(50.5% .213 27.518);
  --color-orange-100: oklch(95.4% .038 75.164);
  --color-orange-700: oklch(55.3% .195 38.402);
  --color-amber-50: oklch(98.7% .022 95.277);
  --color-amber-400: oklch(82.8% .189 84.429);
  --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-300: oklch(90.5% .182 98.111);
  --color-yellow-700: oklch(55.4% .135 66.442);
  --color-green-50: oklch(98.2% .018 155.826);
  --color-green-100: oklch(96.2% .044 156.743);
  --color-green-300: oklch(87.1% .15 154.449);
  --color-green-700: oklch(52.7% .154 150.069);
  --color-emerald-50: oklch(97.9% .021 166.113);
  --color-emerald-100: oklch(95% .052 163.051);
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-emerald-700: oklch(50.8% .118 165.612);
  --color-emerald-900: oklch(37.8% .077 168.94);
  --color-sky-100: oklch(95.1% .026 236.824);
  --color-sky-700: oklch(50% .134 242.749);
  --color-blue-50: oklch(97% .014 254.604);
  --color-blue-100: oklch(93.2% .032 255.585);
  --color-blue-500: oklch(62.3% .214 259.815);
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-indigo-50: oklch(96.2% .018 272.314);
  --color-indigo-100: oklch(93% .034 272.788);
  --color-indigo-500: oklch(58.5% .233 277.117);
  --color-indigo-600: oklch(51.1% .262 276.966);
  --color-indigo-700: oklch(45.7% .24 277.023);
  --color-violet-50: oklch(96.9% .016 293.756);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-violet-700: oklch(49.1% .27 292.581);
  --color-purple-100: oklch(94.6% .033 307.174);
  --color-purple-700: oklch(49.6% .265 301.924);
  --color-slate-50: oklch(98.4% .003 247.858);
  --color-slate-700: oklch(37.2% .044 257.287);
  --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-zinc-100: oklch(96.7% .001 286.375);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --breakpoint-2xl: 96rem;
  --container-xs: 20rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --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;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --tracking-normal: 0em;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: .125rem;
  --radius-sm: .25rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --blur-xs: 4px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: "soehne", sans-serif;
  --default-mono-font-family: var(--font-mono);
  --color-app-slate-50: #f8fafc;
  --color-app-slate-100: #f1f5f9;
  --color-app-slate-200: #e2e8f0;
  --color-app-slate-400: #94a3b8;
  --color-app-slate-500: #64748b;
  --color-app-slate-600: #475569;
  --color-app-slate-700: #334155;
  --color-app-gray-50: #f9fafb;
  --color-app-gray-100: #f3f4f6;
  --color-app-gray-200: #e5e7eb;
  --color-app-gray-300: #d1d5db;
  --color-app-gray-400: #9ca3af;
  --color-app-gray-500: #6b7280;
  --color-app-gray-600: #4b5563;
  --color-app-gray-700: #374151;
  --color-app-gray-800: #1f2937;
  --color-app-gray-900: #111827;
  --color-app-zinc-50: #fafafa;
  --color-app-zinc-100: #f4f4f5;
  --color-app-stone-50: #fafaf9;
  --color-app-stone-700: #44403c;
  --color-app-red-50: #fef2f2;
  --color-app-red-100: #fee2e2;
  --color-app-red-200: #fecaca;
  --color-app-red-300: #fca5a5;
  --color-app-red-400: #f87171;
  --color-app-red-500: #ef4444;
  --color-app-red-600: #dc2626;
  --color-app-red-700: #b91c1c;
  --color-app-red-800: #991b1b;
  --color-app-red-900: #7f1d1d;
  --color-app-orange-50: #fff7ed;
  --color-app-orange-100: #ffedd5;
  --color-app-orange-200: #fed7aa;
  --color-app-orange-300: #fdba74;
  --color-app-orange-400: #fb923c;
  --color-app-orange-500: #f97316;
  --color-app-orange-600: #ea580c;
  --color-app-orange-700: #c2410c;
  --color-app-orange-800: #9a3412;
  --color-app-orange-900: #7c2d12;
  --color-app-amber-50: #fffbeb;
  --color-app-amber-100: #fef3c7;
  --color-app-amber-200: #fde68a;
  --color-app-amber-500: #f59e0b;
  --color-app-amber-600: #d97706;
  --color-app-amber-700: #b45309;
  --color-app-amber-800: #92400e;
  --color-app-amber-900: #78350f;
  --color-app-amber-950: #451a03;
  --color-app-yellow-50: #fefce8;
  --color-app-yellow-100: #fef9c3;
  --color-app-yellow-200: #fef08a;
  --color-app-yellow-300: #fde047;
  --color-app-yellow-400: #facc15;
  --color-app-yellow-500: #eab308;
  --color-app-yellow-600: #ca8a04;
  --color-app-yellow-700: #a16207;
  --color-app-yellow-800: #854d0e;
  --color-app-yellow-900: #713f12;
  --color-app-green-50: #f0fdf4;
  --color-app-green-100: #dcfce7;
  --color-app-green-200: #bbf7d0;
  --color-app-green-300: #86efac;
  --color-app-green-400: #4ade80;
  --color-app-green-500: #22c55e;
  --color-app-green-600: #16a34a;
  --color-app-green-700: #15803d;
  --color-app-green-800: #166534;
  --color-app-emerald-50: #ecfdf5;
  --color-app-emerald-100: #d1fae5;
  --color-app-emerald-200: #a7f3d0;
  --color-app-emerald-500: #10b981;
  --color-app-emerald-600: #059669;
  --color-app-emerald-700: #047857;
  --color-app-emerald-800: #065f46;
  --color-app-emerald-900: #064e3b;
  --color-app-teal-700: #0f766e;
  --color-app-cyan-50: #ecfeff;
  --color-app-cyan-500: #06b6d4;
  --color-app-cyan-700: #0e7490;
  --color-app-sky-50: #f0f9ff;
  --color-app-sky-100: #e0f2fe;
  --color-app-sky-200: #bae6fd;
  --color-app-sky-600: #0284c7;
  --color-app-sky-700: #0369a1;
  --color-app-sky-800: #075985;
  --color-app-sky-900: #0c4a6e;
  --color-app-blue-50: #eff6ff;
  --color-app-blue-100: #dbeafe;
  --color-app-blue-200: #bfdbfe;
  --color-app-blue-300: #93c5fd;
  --color-app-blue-400: #60a5fa;
  --color-app-blue-500: #3b82f6;
  --color-app-blue-600: #2563eb;
  --color-app-blue-700: #1d4ed8;
  --color-app-blue-800: #1e40af;
  --color-app-blue-900: #1e3a8a;
  --color-app-indigo-50: #eef2ff;
  --color-app-indigo-600: #4f46e5;
  --color-app-indigo-700: #4338ca;
  --color-app-indigo-900: #312e81;
  --color-app-violet-50: #f5f3ff;
  --color-app-violet-600: #7c3aed;
  --color-app-purple-50: #faf5ff;
  --color-app-purple-100: #f3e8ff;
  --color-app-purple-200: #e9d5ff;
  --color-app-purple-400: #c084fc;
  --color-app-purple-500: #a855f7;
  --color-app-purple-600: #9333ea;
  --color-app-purple-700: #7e22ce;
  --color-app-purple-800: #6b21a8;
  --color-app-fuchsia-500: #d946ef;
  --color-app-pink-100: #fce7f3;
  --color-app-pink-500: #ec4899;
  --color-app-pink-600: #db2777;
  --color-app-rose-50: #fff1f2;
  --color-app-rose-100: #ffe4e6;
  --color-app-rose-200: #fecdd3;
  --color-app-rose-600: #e11d48;
  --color-app-rose-700: #be123c;
  --color-energylabel-a2020: #008232;
  --color-energylabel-a2015: #02af3b;
  --color-energylabel-a2010: #12bb37;
  --color-energylabel-b: #6ac12b;
  --color-energylabel-c: #e3bf02;
  --color-energylabel-d: #ff8f00;
  --color-energylabel-e: #fe5720;
  --color-energylabel-f: #dd1620;
  --color-energylabel-g: #8e0212;
  --color-energylabel-purple: #692756;
  --color-golden-700: #897300;
  --color-known-error-soft: #e8edfd;
  --color-known-error-strong: #4664dd;
  --color-pastel-0: #66c5cc;
  --color-pastel-1: #f6cf71;
  --color-pastel-2: #f89c74;
  --color-pastel-3: #dcb0f2;
  --color-pastel-4: #87c55f;
  --color-pastel-5: #9eb9f3;
  --color-pastel-6: #fe88b1;
  --color-pastel-7: #c9db74;
  --color-pastel-8: #8be0a4;
  --color-pastel-9: #b497e7;
  --color-pastel-10: #b3b3b3;
  --color-ento-50: #f5f3ff;
  --color-ento-100: #f3eeff;
  --color-ento-200: #e6ddff;
  --color-ento-300: #ccbaff;
  --color-ento-500: #b698ff;
  --color-ento-600: #a8f;
  --color-ento-700: #9c76ff;
  --color-ento-800: #9065ff;
  --color-ento-900: #8353ff;
  --color-ento-950: #5924e2;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after, :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before, :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

html:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), :host:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-decoration: underline dotted;
}

h1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), h2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), h3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), h4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), h5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), h6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: inherit;
  font-weight: inherit;
}

a:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), strong:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-weight: bolder;
}

code:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), kbd:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), samp:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), pre:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 80%;
}

sub:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), sup:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  bottom: -.25em;
}

sup:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: -.5em;
}

table:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:-moz-focusring:where(:not(iframe)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline: auto;
}

progress:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  vertical-align: baseline;
}

summary:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: list-item;
}

ol:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), ul:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), menu:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style: none;
}

img:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), svg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), video:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), canvas:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), audio:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), iframe:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), embed:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), object:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  vertical-align: middle;
  display: block;
}

img:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), video:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 100%;
  height: auto;
}

button:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), input:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), select:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), optgroup:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), textarea:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup option:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline-start: 20px;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  margin-inline-end: 4px;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  opacity: 1;
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}

textarea:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  resize: vertical;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit {
  display: inline-flex;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-year-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-month-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-day-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-second-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-calendar-picker-indicator {
  line-height: 1;
}

:-moz-ui-invalid:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  box-shadow: none;
}

button:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), input:where([type="button"], [type="reset"], [type="submit"]):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  appearance: button;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  appearance: button;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-inner-spin-button {
  height: auto;
}

:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-outer-spin-button {
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: none !important;
}

.pointer-events-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  pointer-events: none;
}

.collapse:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  visibility: collapse;
}

.invisible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  visibility: hidden;
}

.visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  visibility: visible;
}

.sr-only:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.absolute:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  position: absolute;
}

.fixed:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  position: fixed;
}

.relative:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  position: relative;
}

.static:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  position: static;
}

.sticky:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  position: sticky;
}

.inset-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  inset: 0;
}

.inset-x-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  inset-inline: 0;
}

.inset-y-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  inset-block: 0;
}

.inset-y-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  inset-block: auto;
}

.top-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: 0;
}

.top-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: calc(var(--spacing) * 1.5);
}

.top-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: 50%;
}

.top-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: calc(var(--spacing) * 2);
}

.top-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: calc(var(--spacing) * 4);
}

.top-20:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: calc(var(--spacing) * 20);
}

.top-\[2px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: 2px;
}

.top-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  top: 100%;
}

.right-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  right: 0;
}

.right-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  right: calc(var(--spacing) * 2);
}

.right-\[16px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  right: 16px;
}

.bottom-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  bottom: 0;
}

.bottom-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  bottom: calc(var(--spacing) * 5);
}

.bottom-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  bottom: calc(var(--spacing) * 6);
}

.left-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  left: 0;
}

.left-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  left: 50%;
}

.left-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  left: calc(var(--spacing) * 3);
}

.left-\[2px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  left: 2px;
}

.left-\[22px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  left: 22px;
}

.left-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  left: 100%;
}

.isolate:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  isolation: isolate;
}

.z-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 1;
}

.z-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 10;
}

.z-20:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 20;
}

.z-30:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 30;
}

.z-40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 40;
}

.z-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 50;
}

.z-\[1\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 1;
}

.z-\[10\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 10;
}

.z-\[9999\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  z-index: 9999;
}

.col-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: 4;
}

.col-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: 6;
}

.col-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: 8;
}

.col-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: 12;
}

.col-span-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: span 2 / span 2;
}

.col-span-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: span 3 / span 3;
}

.col-span-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column: 1 / -1;
}

.col-start-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-column-start: 4;
}

.row-span-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-row: span 2 / span 2;
}

.row-span-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-row: span 3 / span 3;
}

.float-right:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  float: right;
}

.container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 100%;
}

@media (width >= 40rem) {
  .container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 40rem;
  }
}

@media (width >= 48rem) {
  .container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 48rem;
  }
}

@media (width >= 64rem) {
  .container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 64rem;
  }
}

@media (width >= 80rem) {
  .container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 80rem;
  }
}

@media (width >= 96rem) {
  .container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 96rem;
  }
}

.\!m-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin: var(--spacing) !important;
}

.m-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin: 0;
}

.m-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin: var(--spacing);
}

.m-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin: calc(var(--spacing) * 3);
}

.m-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin: calc(var(--spacing) * 4);
}

.m-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin: auto;
}

.markdown:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-app-gray-700);
}

.markdown > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: 0;
}

.markdown h1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.markdown h2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.markdown h3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.markdown h4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), .markdown h5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), .markdown h6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.markdown p:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 2);
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

.markdown a:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-900);
}

@media (hover: hover) {
  .markdown a:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-950);
    text-decoration-line: underline;
  }
}

.markdown strong:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.markdown ul:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), .markdown ol:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 2);
  gap: var(--spacing);
  padding-left: calc(var(--spacing) * 5);
  flex-direction: column;
  display: flex;
}

.markdown ul:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-type: disc;
}

.markdown ol:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-type: decimal;
}

.markdown ol ol:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-type: lower-alpha;
}

.markdown ol ol ol:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-type: lower-roman;
}

.markdown code:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * .5);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  overflow-wrap: anywhere;
  color: var(--color-app-gray-700);
  --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);
  --tw-ring-color: var(--color-app-gray-200);
  --tw-ring-inset: inset;
}

.markdown pre:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-app-gray-50);
  padding: calc(var(--spacing) * 4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
  color: var(--color-app-slate-700);
  overflow-x: auto;
}

.markdown pre code:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: inherit;
  --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);
  background-color: #0000;
  padding: 0;
}

.markdown table:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 3);
  border-collapse: collapse;
  width: 100%;
}

.markdown th:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-app-gray-50);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.markdown td:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  vertical-align: top;
  overflow-wrap: break-word;
}

.markdown blockquote:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  border-width: 0;
  border-left-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-left-width: 2px;
  border-color: var(--color-ento-200);
  padding-left: calc(var(--spacing) * 3);
  color: var(--color-app-gray-500);
}

.markdown hr:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 4);
  border-color: var(--color-app-gray-100);
}

.markdown img:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 3);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  max-width: 100%;
  height: auto;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: block;
}

.\!mx-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: 0 !important;
}

.-mx-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: calc(var(--spacing) * -4);
}

.-mx-\[5px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: -5px;
}

.mx-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: var(--spacing);
}

.mx-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: calc(var(--spacing) * 4);
}

.mx-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-inline: auto;
}

.\!my-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: 0 !important;
}

.\!my-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 4) !important;
}

.-my-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * -6);
}

.my-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: 0;
}

.my-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: var(--spacing);
}

.my-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 2);
}

.my-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 3);
}

.my-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 4);
}

.my-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 6);
}

.my-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 8);
}

.my-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 12);
}

.my-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-block: auto;
}

.section-heading:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 12);
  margin-bottom: calc(var(--spacing) * 8);
  --tw-font-weight: var(--font-weight-medium);
  font-family: soehne;
  font-size: 1.1rem;
  font-weight: var(--font-weight-medium);
  font-style: normal;
}

.page-heading:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-normal);
  font-size: 1.7rem;
  font-weight: var(--font-weight-normal);
}

.\!mt-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: 0 !important;
}

.\!mt-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 2) !important;
}

.\!mt-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 6) !important;
}

.-mt-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * -1.5);
}

.mt-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: 0;
}

.mt-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * .5);
}

.mt-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: var(--spacing);
}

.mt-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 1.5);
}

.mt-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 2);
}

.mt-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 3);
}

.mt-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 4);
}

.mt-4\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 4) !important;
}

.mt-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 5);
}

.mt-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 6);
}

.mt-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 8);
}

.mt-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 12);
}

.mt-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 16);
}

.mt-\[-4px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: -4px;
}

.mt-\[-8px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: -8px;
}

.mt-\[3px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: 3px;
}

.mt-\[40px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: 40px;
}

.mt-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-top: auto;
}

.mr-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: 0;
}

.mr-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * .5);
}

.mr-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: var(--spacing);
}

.mr-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 1.5);
}

.mr-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 2);
}

.mr-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 3);
}

.mr-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 4);
}

.mr-4\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 4) !important;
}

.mr-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 6);
}

.panel-heading:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
}

.subsection-heading:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-medium);
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}

.\!mb-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: 0 !important;
}

.\!mb-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: var(--spacing) !important;
}

.\!mb-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 2) !important;
}

.\!mb-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 4) !important;
}

.\!mb-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 6) !important;
}

.mb-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: 0;
}

.mb-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * .5);
}

.mb-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: var(--spacing);
}

.mb-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 2);
}

.mb-2\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 2.5);
}

.mb-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 3);
}

.mb-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 4);
}

.mb-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 5);
}

.mb-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 6);
}

.mb-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 8);
}

.mb-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 10);
}

.mb-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 12);
}

.mb-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 16);
}

.mb-20:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 20);
}

.-ml-px:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: -1px;
}

.ml-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: var(--spacing);
}

.ml-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 2);
}

.ml-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 3);
}

.ml-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 4);
}

.ml-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 6);
}

.ml-9:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 9);
}

.ml-\[-4px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: -4px;
}

.ml-\[12px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: 12px;
}

.ml-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-left: auto;
}

.button-icon-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button-icon-md:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.button-icon-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button-icon-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.pill-blue-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-blue-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-blue-700);
  display: inline-flex;
}

.pill-gray-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-500);
  display: inline-flex;
}

.pill-green-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-emerald-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-emerald-700);
  display: inline-flex;
}

.pill-red-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-red-700);
  display: inline-flex;
}

.pill-yellow-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-golden-700);
  display: inline-flex;
}

.line-clamp-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: block;
}

.contents:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: contents;
}

.flex:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: flex;
}

.grid:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: grid;
}

.hidden:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: none;
}

.inline:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: inline;
}

.inline-block:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: inline-block;
}

.inline-flex:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: inline-flex;
}

.inline-grid:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: inline-grid;
}

.inline-table:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: inline-table;
}

.table:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: table;
}

.table-row:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: table-row;
}

.size-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}

.size-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}

.size-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}

.size-7:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}

.size-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}

.size-9:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}

.size-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}

.size-24:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
}

.\!h-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 8) !important;
}

.h-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * .5);
}

.h-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: var(--spacing);
}

.h-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 1.5);
}

.h-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 2);
}

.h-2\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 2.5);
}

.h-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 3);
}

.h-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 4);
}

.h-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 5);
}

.h-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 6);
}

.h-7:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 7);
}

.h-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 8);
}

.h-9:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 9);
}

.h-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 10);
}

.h-11:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 11);
}

.h-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 12);
}

.h-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 16);
}

.h-20:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 20);
}

.h-24:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 24);
}

.h-32:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 32);
}

.h-40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 40);
}

.h-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 50);
}

.h-56:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 56);
}

.h-80:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: calc(var(--spacing) * 80);
}

.h-\[1px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 1px;
}

.h-\[12px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 12px;
}

.h-\[14px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 14px;
}

.h-\[16px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 16px;
}

.h-\[24px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 24px;
}

.h-\[44px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 44px;
}

.h-\[56px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 56px;
}

.h-\[100px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 100px;
}

.h-\[180px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 180px;
}

.h-\[200px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 200px;
}

.h-\[260px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 260px;
}

.h-\[293px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 293px;
}

.h-\[300px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 300px;
}

.h-\[420px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 420px;
}

.h-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: auto;
}

.h-fit:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: fit-content;
}

.h-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 100%;
}

.h-px:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 1px;
}

.h-screen:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  height: 100vh;
}

.max-h-48:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: calc(var(--spacing) * 48);
}

.max-h-60:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: calc(var(--spacing) * 60);
}

.max-h-64:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: calc(var(--spacing) * 64);
}

.max-h-96:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: calc(var(--spacing) * 96);
}

.max-h-\[70vh\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 70vh;
}

.max-h-\[184px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 184px;
}

.max-h-\[200px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 200px;
}

.max-h-\[260px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 260px;
}

.max-h-\[330px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 330px;
}

.max-h-\[334px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 334px;
}

.max-h-\[calc\(100vh-2em\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: calc(100vh - 2em);
}

.max-h-\[calc\(100vh-2rem\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: calc(100vh - 2rem);
}

.max-h-screen:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-height: 100vh;
}

.min-h-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 0;
}

.min-h-14:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 14);
}

.min-h-24:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 24);
}

.min-h-28:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 28);
}

.min-h-48:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 48);
}

.min-h-56:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 56);
}

.min-h-72:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 72);
}

.min-h-\[1rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 1rem;
}

.min-h-\[16px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 16px;
}

.min-h-\[24rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 24rem;
}

.min-h-\[80vh\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 80vh;
}

.min-h-\[160px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 160px;
}

.min-h-\[260px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 260px;
}

.min-h-\[293px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 293px;
}

.min-h-\[320px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 320px;
}

.min-h-\[400px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 400px;
}

.min-h-\[520px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 520px;
}

.min-h-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 100%;
}

.min-h-screen:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-height: 100vh;
}

.app-container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 100%;
}

@media (width >= 920px) {
  .app-container:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 920px;
  }
}

.input-primary:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-300);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-app-gray-700);
}

.input-primary:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  color: var(--color-app-gray-400);
}

.input-primary:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-500);
  --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);
  --tw-ring-color: var(--color-ento-200);
}

.\!w-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 16) !important;
}

.\!w-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 100% !important;
}

.w-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 0;
}

.w-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: var(--spacing);
}

.w-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 1.5);
}

.w-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 50%;
}

.w-1\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 33.3333%;
}

.w-1\/4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 25%;
}

.w-1\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 16.6667%;
}

.w-1\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 8.33333%;
}

.w-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 2);
}

.w-2\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 2.5);
}

.w-2\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 66.6667%;
}

.w-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 3);
}

.w-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 4);
}

.w-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 5);
}

.w-5\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 41.6667%;
}

.w-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 6);
}

.w-7:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 7);
}

.w-7\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 58.3333%;
}

.w-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 8);
}

.w-9:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 9);
}

.w-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 10);
}

.w-11:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 11);
}

.w-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 12);
}

.w-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 16);
}

.w-20:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 20);
}

.w-24:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 24);
}

.w-28:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 28);
}

.w-30:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 30);
}

.w-40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 40);
}

.w-48:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 48);
}

.w-52:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 52);
}

.w-56:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 56);
}

.w-64:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 64);
}

.w-72:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 72);
}

.w-80:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 80);
}

.w-96:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: calc(var(--spacing) * 96);
}

.w-\[1px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 1px;
}

.w-\[12px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 12px;
}

.w-\[14px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 14px;
}

.w-\[16px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 16px;
}

.w-\[20\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 20%;
}

.w-\[22px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 22px;
}

.w-\[24px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 24px;
}

.w-\[25\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 25%;
}

.w-\[30\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 30%;
}

.w-\[40px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 40px;
}

.w-\[50\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 50%;
}

.w-\[50px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 50px;
}

.w-\[70\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 70%;
}

.w-\[75\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 75%;
}

.w-\[95px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 95px;
}

.w-\[100px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 100px;
}

.w-\[138px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 138px;
}

.w-\[139px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 139px;
}

.w-\[150px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 150px;
}

.w-\[180px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 180px;
}

.w-\[200px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 200px;
}

.w-\[242px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 242px;
}

.w-\[300px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 300px;
}

.w-\[340px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 340px;
}

.w-\[350px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 350px;
}

.w-\[400px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 400px;
}

.w-\[500px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 500px;
}

.w-\[600px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 600px;
}

.w-\[840px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 840px;
}

.w-\[min\(48rem\,calc\(100vw-2rem\)\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: min(48rem, 100vw - 2rem);
}

.w-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: auto;
}

.w-fit:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: fit-content;
}

.w-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 100%;
}

.w-px:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 1px;
}

.max-w-2xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-2xl);
}

.max-w-3xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-3xl);
}

.max-w-4xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-4xl);
}

.max-w-6xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-6xl);
}

.max-w-7xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-7xl);
}

.max-w-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: calc(var(--spacing) * 8);
}

.max-w-40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: calc(var(--spacing) * 40);
}

.max-w-\[6ch\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 6ch;
}

.max-w-\[8\.333333\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 8.33333%;
}

.max-w-\[8ch\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 8ch;
}

.max-w-\[8rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 8rem;
}

.max-w-\[9rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 9rem;
}

.max-w-\[10rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 10rem;
}

.max-w-\[30\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 30%;
}

.max-w-\[32px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 32px;
}

.max-w-\[36ch\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 36ch;
}

.max-w-\[58ch\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 58ch;
}

.max-w-\[60\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 60%;
}

.max-w-\[65ch\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 65ch;
}

.max-w-\[80\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 80%;
}

.max-w-\[100px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 100px;
}

.max-w-\[120px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 120px;
}

.max-w-\[140px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 140px;
}

.max-w-\[160px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 160px;
}

.max-w-\[300px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 300px;
}

.max-w-\[360px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 360px;
}

.max-w-\[400px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 400px;
}

.max-w-\[500px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 500px;
}

.max-w-\[560px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 560px;
}

.max-w-\[760px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 760px;
}

.max-w-\[980px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 980px;
}

.max-w-\[1100px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 1100px;
}

.max-w-\[1440px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 1440px;
}

.max-w-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 100%;
}

.max-w-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-lg);
}

.max-w-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-md);
}

.max-w-prose:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: 65ch;
}

.max-w-screen-2xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--breakpoint-2xl);
}

.max-w-xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-xl);
}

.max-w-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  max-width: var(--container-xs);
}

.min-w-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 0;
}

.min-w-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 10);
}

.min-w-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 16);
}

.min-w-24:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 24);
}

.min-w-40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 40);
}

.min-w-48:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 48);
}

.min-w-60:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 60);
}

.min-w-64:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 64);
}

.min-w-\[7rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 7rem;
}

.min-w-\[10px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 10px;
}

.min-w-\[32px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 32px;
}

.min-w-\[35\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 35%;
}

.min-w-\[50\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 50%;
}

.min-w-\[56px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 56px;
}

.min-w-\[60px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 60px;
}

.min-w-\[64px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 64px;
}

.min-w-\[65\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 65%;
}

.min-w-\[100px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 100px;
}

.min-w-\[140px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 140px;
}

.min-w-\[160px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 160px;
}

.min-w-\[190px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 190px;
}

.min-w-\[200px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 200px;
}

.min-w-\[250px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 250px;
}

.min-w-\[280px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 280px;
}

.min-w-\[300px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 300px;
}

.min-w-\[350px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 350px;
}

.min-w-\[360px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 360px;
}

.min-w-\[380px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 380px;
}

.min-w-\[480px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 480px;
}

.min-w-\[600px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 600px;
}

.min-w-\[720px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 720px;
}

.min-w-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 100%;
}

.min-w-max:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: max-content;
}

.flex-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex: 1;
}

.flex-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex: auto;
}

.flex-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex: none;
}

.shrink:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-shrink: 1;
}

.shrink-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-shrink: 0;
}

.flex-grow:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), .grow:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-grow: 1;
}

.basis-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-basis: 0;
}

.basis-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-basis: 100%;
}

.table-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  table-layout: auto;
}

.table-fixed:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  table-layout: fixed;
}

.\!border-collapse:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-collapse: collapse !important;
}

.border-collapse:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-collapse: collapse;
}

.-translate-x-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.translate-y-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-translate-y: calc(var(--spacing) * .5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.rotate-90:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  rotate: 90deg;
}

.rotate-180:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  rotate: 180deg;
}

.transform:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.animate-spin:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  animation: var(--animate-spin);
}

.cursor-col-resize:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: col-resize;
}

.cursor-default:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: default;
}

.cursor-ew-resize:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: ew-resize;
}

.cursor-grab:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: grab;
}

.cursor-help:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: help;
}

.cursor-not-allowed:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: not-allowed;
}

.cursor-pointer:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: pointer;
}

.cursor-wait:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: wait;
}

.resize:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  resize: both;
}

.resize-y:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  resize: vertical;
}

.\[scrollbar-width\:none\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  scrollbar-width: none;
}

.list-inside:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-position: inside;
}

.list-disc:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-type: disc;
}

.list-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  list-style-type: none;
}

.appearance-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  appearance: none;
}

.grid-cols-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-\[1fr_1fr\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 1fr 1fr;
}

.grid-cols-\[1fr_1fr_1fr\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-cols-\[1fr_1fr_1fr_1fr\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-cols-\[1fr_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 1fr auto;
}

.grid-cols-\[1fr_auto_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 1fr auto auto;
}

.grid-cols-\[32px_1fr\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 32px 1fr;
}

.grid-cols-\[32px_1fr_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 32px 1fr auto;
}

.grid-cols-\[64px_1fr_150px_150px_1fr_64px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 64px 1fr 150px 150px 1fr 64px;
}

.grid-cols-\[80\%_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 80% auto;
}

.grid-cols-\[350px_minmax\(0\,1fr\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: 350px minmax(0, 1fr);
}

.grid-cols-\[auto_60\%_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: auto 60% auto;
}

.grid-cols-\[auto_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: auto auto;
}

.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
}

.grid-cols-\[repeat\(auto-fit\,minmax\(min\(18rem\,100\%\)\,1fr\)\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
}

.grid-rows-\[auto_auto\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  grid-template-rows: auto auto;
}

.flex-col:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-direction: column;
}

.flex-row:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-direction: row;
}

.flex-nowrap:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-wrap: nowrap;
}

.flex-wrap:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex-wrap: wrap;
}

.items-baseline:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: baseline;
}

.items-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: center;
}

.items-end:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: flex-end;
}

.items-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: flex-start;
}

.items-stretch:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-items: stretch;
}

.\!justify-between:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: space-between !important;
}

.justify-around:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: space-around;
}

.justify-between:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: space-between;
}

.justify-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: center;
}

.justify-end:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: flex-end;
}

.justify-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: flex-start;
}

.gap-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * .5);
}

.gap-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: var(--spacing);
}

.gap-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 1.5);
}

.gap-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 2);
}

.gap-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 3);
}

.gap-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 4);
}

.gap-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 5);
}

.gap-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 6);
}

.gap-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 8);
}

.gap-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 10);
}

.gap-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 12);
}

.gap-\[1px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: 1px;
}

.gap-\[2px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  gap: 2px;
}

:where(.space-y-0\.5 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
  margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-1\.5 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-2\.5 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-3 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-5 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-6 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-8 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}

.gap-x-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: 0;
}

.gap-x-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: var(--spacing);
}

.gap-x-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 2);
}

.gap-x-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 3);
}

.gap-x-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 4);
}

.gap-x-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 5);
}

.gap-x-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 6);
}

.gap-x-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 10);
}

.gap-x-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 12);
}

:where(.space-x-0 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-space-x-reverse: 0;
  margin-inline: 0;
}

:where(.space-x-2 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-8 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
}

.gap-y-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: 0;
}

.gap-y-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * .5);
}

.gap-y-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: var(--spacing);
}

.gap-y-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 2);
}

.gap-y-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 3);
}

.gap-y-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 4);
}

.gap-y-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 5);
}

.gap-y-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 6);
}

.gap-y-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 10);
}

:where(.divide-y > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-app-gray-100 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-100);
}

:where(.divide-app-gray-200 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-200);
}

:where(.divide-ento-100 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-100);
}

.button-link-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
  align-self: flex-start;
}

@media (hover: hover) {
  .button-link-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

.button-link-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.self-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-self: center;
}

.self-end:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-self: flex-end;
}

.self-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  align-self: flex-start;
}

.justify-self-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-self: flex-start;
}

.truncate:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow: auto;
}

.overflow-hidden:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow: hidden;
}

.overflow-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow: visible;
}

.overflow-x-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow-x: auto;
}

.overflow-x-hidden:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow-x: hidden;
}

.overflow-x-scroll:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow-x: scroll;
}

.overflow-y-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow-y: auto;
}

.overflow-y-scroll:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow-y: scroll;
}

.button-outline-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-outline-md:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

.button-outline-md:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-gray-200);
}

.button-outline-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-app-gray-200);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-outline-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

.button-outline-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-gray-200);
}

.callout-amber:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-amber-200);
  background-color: var(--color-app-amber-50);
}

.callout-blue:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-blue-100);
  background-color: var(--color-app-blue-50);
}

.callout-green:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-green-200);
  background-color: var(--color-app-green-50);
}

.callout-red:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-app-red-200);
  background-color: var(--color-app-red-50);
}

.button-danger-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-red-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-danger-md:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-red-100);
    color: var(--color-app-red-700);
    text-decoration-line: none;
  }
}

.button-danger-md:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-red-300);
}

.button-danger-md:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-200);
}

.button-danger-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-red-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-danger-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-red-100);
    color: var(--color-app-red-700);
    text-decoration-line: none;
  }
}

.button-danger-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-red-300);
}

.button-danger-sm:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-200);
}

.button-primary-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-ento-900);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-primary-md:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-950);
    color: var(--color-white);
    text-decoration-line: none;
  }
}

.button-primary-md:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.button-primary-md:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-950);
}

.button-primary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-ento-900);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-primary-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-950);
    color: var(--color-white);
    text-decoration-line: none;
  }
}

.button-primary-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.button-primary-sm:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-950);
}

.button-success-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-green-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-green-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-success-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-green-100);
    color: var(--color-app-green-700);
    text-decoration-line: none;
  }
}

.button-success-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-green-300);
}

.button-success-sm:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-green-200);
}

.button-warning-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-yellow-700);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-warning-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-yellow-100);
    color: var(--color-app-yellow-700);
    text-decoration-line: none;
  }
}

.button-warning-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-app-yellow-300);
}

.button-warning-sm:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-200);
}

.button-ghost-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
}

@media (hover: hover) {
  .button-ghost-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-100);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

.button-ghost-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.button-ghost-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-color: #0000;
}

@media (hover: hover) {
  .button-ghost-xs:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-100);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

.button-ghost-xs:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.button-secondary-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-secondary-md:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-200);
    color: var(--color-app-gray-700);
    text-decoration-line: none;
  }
}

.button-secondary-md:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.button-secondary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .button-secondary-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-300);
    color: var(--color-app-gray-900);
    text-decoration-line: none;
  }
}

.button-secondary-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.pill-blue-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-blue-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-blue-700);
}

.pill-gray-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-700);
}

.pill-green-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-emerald-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-emerald-700);
}

.pill-indigo-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-indigo-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-indigo-600);
}

.pill-red-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-red-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-red-700);
}

.pill-yellow-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
  background-color: var(--color-app-yellow-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-golden-700);
}

.rounded:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: .25rem;
}

.rounded-2xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-2xl);
}

.rounded-\[4px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: 4px;
}

.rounded-\[5px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: 5px;
}

.rounded-\[10px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: 10px;
}

.rounded-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: 3.40282e38px;
}

.rounded-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-lg);
}

.rounded-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
}

.rounded-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: 0;
}

.rounded-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-sm);
}

.rounded-xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-xl);
}

.rounded-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-xs);
}

.rounded-t-2xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

.rounded-t-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.rounded-t-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

.rounded-t-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
}

.rounded-t-xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

.\!rounded-l-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-l-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

.rounded-l-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

.rounded-tl-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-md);
}

.rounded-r-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.rounded-r-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.rounded-r-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-tr-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-right-radius: var(--radius-md);
}

.rounded-b-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

.rounded-b-md:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.rounded-b-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.border-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.border-\[0\.5px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: .5px;
}

.border-x:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}

.border-y:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}

.border-t:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-t-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
}

.border-t-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}

.border-t-\[16px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-style: var(--tw-border-style);
  border-top-width: 16px;
}

.border-r:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.border-r-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

.border-b:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.border-b-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

.border-b-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

.border-l:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.border-l-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

.border-l-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}

.border-l-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}

.border-dashed:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-border-style: dashed;
  border-style: dashed;
}

.border-dotted:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-border-style: dotted;
  border-style: dotted;
}

.border-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-border-style: none;
  border-style: none;
}

.border-solid:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-border-style: solid;
  border-style: solid;
}

.\!border-app-blue-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-50) !important;
}

.\!border-app-blue-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-700) !important;
}

.\!border-app-gray-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-50) !important;
}

.\!border-app-gray-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-700) !important;
}

.\!border-app-red-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-50) !important;
}

.\!border-app-red-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-700) !important;
}

.\!border-app-yellow-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-yellow-50) !important;
}

.\!border-app-yellow-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-yellow-700) !important;
}

.border-app-amber-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-amber-200);
}

.border-app-blue-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-50);
}

.border-app-blue-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-100);
}

.border-app-blue-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-200);
}

.border-app-blue-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-300);
}

.border-app-blue-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-400);
}

.border-app-blue-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-500);
}

.border-app-blue-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-blue-600);
}

.border-app-emerald-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-emerald-200);
}

.border-app-gray-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-100);
}

.border-app-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-200);
}

.border-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-300);
}

.border-app-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-400);
}

.border-app-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-500);
}

.border-app-gray-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-900);
}

.border-app-green-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-green-200);
}

.border-app-green-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-green-600);
}

.border-app-orange-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-orange-200);
}

.border-app-orange-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-orange-300);
}

.border-app-orange-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-orange-500);
}

.border-app-pink-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-pink-500);
}

.border-app-purple-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-purple-100);
}

.border-app-purple-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-purple-200);
}

.border-app-purple-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-purple-400);
}

.border-app-purple-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-purple-500);
}

.border-app-red-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-100);
}

.border-app-red-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-200);
}

.border-app-red-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-300);
}

.border-app-red-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-400);
}

.border-app-red-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-500);
}

.border-app-red-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-red-600);
}

.border-app-rose-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-rose-50);
}

.border-app-rose-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-rose-200);
}

.border-app-sky-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-sky-200);
}

.border-app-slate-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-slate-100);
}

.border-app-slate-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-slate-200);
}

.border-app-yellow-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-yellow-50);
}

.border-app-yellow-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-yellow-200);
}

.border-app-yellow-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-yellow-300);
}

.border-black:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-black);
}

.border-ento-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-100);
}

.border-ento-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-200);
}

.border-ento-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-300);
}

.border-ento-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-500);
}

.border-ento-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-600);
}

.border-ento-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-900);
}

.border-gray-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-gray-100);
}

.border-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-gray-200);
}

.border-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-gray-300);
}

.border-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-gray-500);
}

.border-gray-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-gray-900);
}

.border-red-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-red-500);
}

.border-transparent:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: #0000;
}

.border-white:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-white);
}

.border-t-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-color: var(--color-gray-300);
}

.border-t-transparent:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-top-color: #0000;
}

.border-r-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-right-color: var(--color-app-gray-300);
}

.border-b-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-color: var(--color-gray-300);
}

.border-l-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-left-color: var(--color-app-gray-300);
}

.border-l-ento-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-left-color: var(--color-ento-700);
}

.\!bg-app-blue-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-50) !important;
}

.\!bg-app-emerald-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-emerald-50) !important;
}

.\!bg-app-gray-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-50) !important;
}

.\!bg-app-red-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-50) !important;
}

.\!bg-app-violet-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-violet-50) !important;
}

.\!bg-app-yellow-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-50) !important;
}

.bg-\[\#8353ff\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #8353ff;
}

.bg-\[var\(--ui-color-action\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--ui-color-action);
}

.bg-\[var\(--ui-color-action-soft\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--ui-color-action-soft);
}

.bg-amber-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-amber-50);
}

.bg-app-amber-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-amber-50);
}

.bg-app-amber-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-amber-100);
}

.bg-app-amber-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-amber-500);
}

.bg-app-blue-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-50);
}

.bg-app-blue-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-100);
}

.bg-app-blue-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-200);
}

.bg-app-blue-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-500);
}

.bg-app-blue-500\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #3b82f61a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-blue-500\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-blue-500) 10%, transparent);
  }
}

.bg-app-blue-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-600);
}

.bg-app-blue-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-blue-700);
}

.bg-app-cyan-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-cyan-50);
}

.bg-app-cyan-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-cyan-500);
}

.bg-app-emerald-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-emerald-50);
}

.bg-app-emerald-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-emerald-100);
}

.bg-app-emerald-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-emerald-500);
}

.bg-app-emerald-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-emerald-700);
}

.bg-app-fuchsia-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-fuchsia-500);
}

.bg-app-gray-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-50);
}

.bg-app-gray-50\/50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #f9fafb80;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-gray-50\/50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-gray-50) 50%, transparent);
  }
}

.bg-app-gray-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-100);
}

.bg-app-gray-100\/80:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #f3f4f6cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-gray-100\/80:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-gray-100) 80%, transparent);
  }
}

.bg-app-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-200);
}

.bg-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-300);
}

.bg-app-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-400);
}

.bg-app-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-500);
}

.bg-app-gray-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-600);
}

.bg-app-gray-600\/50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #4b556380;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-gray-600\/50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-gray-600) 50%, transparent);
  }
}

.bg-app-gray-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-700);
}

.bg-app-gray-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-900);
}

.bg-app-green-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-green-50);
}

.bg-app-green-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-green-100);
}

.bg-app-green-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-green-500);
}

.bg-app-green-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-green-600);
}

.bg-app-green-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-green-700);
}

.bg-app-indigo-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-indigo-50);
}

.bg-app-indigo-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-indigo-700);
}

.bg-app-orange-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-orange-50);
}

.bg-app-orange-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-orange-100);
}

.bg-app-orange-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-orange-200);
}

.bg-app-orange-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-orange-400);
}

.bg-app-orange-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-orange-500);
}

.bg-app-orange-500\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #f973161a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-orange-500\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-orange-500) 10%, transparent);
  }
}

.bg-app-pink-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-pink-100);
}

.bg-app-pink-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-pink-500);
}

.bg-app-pink-500\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #ec48991a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-pink-500\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-pink-500) 10%, transparent);
  }
}

.bg-app-purple-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-purple-50);
}

.bg-app-purple-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-purple-100);
}

.bg-app-purple-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-purple-500);
}

.bg-app-red-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-50);
}

.bg-app-red-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-100);
}

.bg-app-red-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-200);
}

.bg-app-red-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-500);
}

.bg-app-red-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-600);
}

.bg-app-red-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-red-700);
}

.bg-app-rose-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-rose-50);
}

.bg-app-rose-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-rose-100);
}

.bg-app-rose-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-rose-600);
}

.bg-app-sky-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-sky-50);
}

.bg-app-sky-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-sky-100);
}

.bg-app-slate-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-slate-50);
}

.bg-app-slate-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-slate-100);
}

.bg-app-stone-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-stone-50);
}

.bg-app-teal-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-teal-700);
}

.bg-app-violet-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-violet-50);
}

.bg-app-yellow-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-50);
}

.bg-app-yellow-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-100);
}

.bg-app-yellow-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-300);
}

.bg-app-yellow-300\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #fde0471a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-app-yellow-300\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-app-yellow-300) 10%, transparent);
  }
}

.bg-app-yellow-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-400);
}

.bg-app-yellow-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-500);
}

.bg-app-yellow-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-yellow-700);
}

.bg-app-zinc-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-zinc-50);
}

.bg-app-zinc-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-zinc-100);
}

.bg-black:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-black);
}

.bg-black\/40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #0006;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}

.bg-black\/50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #00000080;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}

.bg-blue-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-blue-50);
}

.bg-blue-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-blue-100);
}

.bg-emerald-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-emerald-50);
}

.bg-emerald-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-emerald-100);
}

.bg-emerald-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-emerald-700);
}

.bg-emerald-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-emerald-900);
}

.bg-energylabel-a2015:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-a2015);
}

.bg-energylabel-a2020:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-a2020);
}

.bg-energylabel-b:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-b);
}

.bg-energylabel-c:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-c);
}

.bg-energylabel-d:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-d);
}

.bg-energylabel-e:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-e);
}

.bg-energylabel-f:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-f);
}

.bg-energylabel-g:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-energylabel-g);
}

.bg-ento-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-50);
}

.bg-ento-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-100);
}

.bg-ento-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-300);
}

.bg-ento-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-500);
}

.bg-ento-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-600);
}

.bg-ento-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-700);
}

.bg-ento-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-900);
}

.bg-ento-900\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #8353ff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-ento-900\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-ento-900) 10%, transparent);
  }
}

.bg-ento-950:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-950);
}

.bg-gray-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-gray-50);
}

.bg-gray-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-gray-100);
}

.bg-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-gray-200);
}

.bg-gray-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-gray-900);
}

.bg-green-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-green-50);
}

.bg-indigo-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-indigo-50);
}

.bg-indigo-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-indigo-100);
}

.bg-known-error-soft:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-known-error-soft);
}

.bg-orange-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-orange-100);
}

.bg-pastel-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-0);
}

.bg-purple-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-purple-100);
}

.bg-red-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-red-50);
}

.bg-sky-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-sky-100);
}

.bg-slate-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-slate-50);
}

.bg-transparent:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #0000;
}

.bg-violet-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-violet-50);
}

.bg-white:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-white);
}

.bg-yellow-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-yellow-50);
}

.bg-yellow-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-yellow-100);
}

.bg-zinc-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-zinc-100);
}

.bg-linear-to-r:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-position: to right;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .bg-linear-to-r:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --tw-gradient-position: to right in oklab;
  }
}

.bg-linear-to-r:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-bl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-position: to bottom left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-br:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-tl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-position: to top left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.from-app-blue-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-app-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-app-green-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-app-green-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));
}

.from-app-purple-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-app-purple-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-emerald-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-emerald-700);
  --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-energylabel-a2010:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-energylabel-a2010);
  --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-energylabel-f:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-energylabel-f);
  --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-energylabel-g:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-from: var(--color-energylabel-g);
  --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-app-emerald-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-to: var(--color-app-emerald-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-app-gray-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-to: var(--color-app-gray-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-emerald-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-to: var(--color-emerald-900);
  --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-energylabel-b:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-to: var(--color-energylabel-b);
  --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-energylabel-g:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-to: var(--color-energylabel-g);
  --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-energylabel-purple:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-gradient-to: var(--color-energylabel-purple);
  --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-clip-text:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  -webkit-background-clip: text;
  background-clip: text;
}

.object-contain:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  object-fit: contain;
}

.object-cover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  object-fit: cover;
}

.object-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  object-position: center;
}

.\!p-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 2) !important;
}

.\!p-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 6) !important;
}

.p-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: 0;
}

.p-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * .5);
}

.p-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: var(--spacing);
}

.p-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 2);
}

.p-2\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 2.5);
}

.p-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 3);
}

.p-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 4);
}

.p-4\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 4) !important;
}

.p-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 5);
}

.p-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 6);
}

.p-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 8);
}

.p-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 10);
}

.p-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 12);
}

.p-\[1px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding: 1px;
}

.px-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: 0;
}

.px-0\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: 0 !important;
}

.px-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: var(--spacing);
}

.px-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 1.5);
}

.px-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 2);
}

.px-2\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 2.5);
}

.px-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 3);
}

.px-3\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 3) !important;
}

.px-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 4);
}

.px-4\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 4) !important;
}

.px-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 5);
}

.px-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 6);
}

.px-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 8);
}

.px-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 10);
}

.px-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 12);
}

.px-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 16);
}

.px-\[5px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: 5px;
}

.\!py-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 6) !important;
}

.py-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: 0;
}

.py-0\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: 0 !important;
}

.py-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * .5);
}

.py-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: var(--spacing);
}

.py-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 1.5);
}

.py-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 2);
}

.py-2\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 2.5);
}

.py-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 3);
}

.py-3\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 3) !important;
}

.py-3\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 3.5);
}

.py-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 4);
}

.py-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 5);
}

.py-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 6);
}

.py-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 8);
}

.py-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 10);
}

.py-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 12);
}

.py-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 16);
}

.py-24:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 24);
}

.py-\[1px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: 1px;
}

.\!pt-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 4) !important;
}

.pt-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: 0;
}

.pt-0\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: 0 !important;
}

.pt-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: var(--spacing);
}

.pt-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 1.5);
}

.pt-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 2);
}

.pt-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 3);
}

.pt-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 4);
}

.pt-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 5);
}

.pt-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 6);
}

.pt-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 8);
}

.pt-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 12);
}

.pr-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: 0;
}

.pr-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: var(--spacing);
}

.pr-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 2);
}

.pr-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 3);
}

.pr-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 4);
}

.pr-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 6);
}

.pr-9:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 9);
}

.pr-16:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 16);
}

.pr-44:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 44);
}

.\!pb-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: 0 !important;
}

.\!pb-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 4) !important;
}

.\!pb-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 6) !important;
}

.pb-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: 0;
}

.pb-0\!:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: 0 !important;
}

.pb-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: var(--spacing);
}

.pb-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 2);
}

.pb-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 3);
}

.pb-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 4);
}

.pb-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 5);
}

.pb-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 6);
}

.pb-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 8);
}

.pb-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 10);
}

.pb-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 12);
}

.pl-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: 0;
}

.pl-0\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * .5);
}

.pl-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: var(--spacing);
}

.pl-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 2);
}

.pl-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 4);
}

.pl-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 5);
}

.pl-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 6);
}

.pl-7:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 7);
}

.pl-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 8);
}

.pl-9:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 9);
}

.pl-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 10);
}

.pl-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 12);
}

.\!text-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-align: center !important;
}

.\!text-right:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-align: right !important;
}

.text-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-align: center;
}

.text-left:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-align: left;
}

.text-right:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-align: right;
}

.\!align-middle:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  vertical-align: middle !important;
}

.align-middle:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  vertical-align: middle;
}

.align-top:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  vertical-align: top;
}

.font-mono:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-family: var(--font-mono);
}

.font-sans:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-family: soehne, sans-serif;
}

.heading-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.heading-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.heading-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.heading-number:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.paragraph-dark:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-900);
}

.paragraph-light:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-app-gray-400);
}

.subheading:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
}

.text-2xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-3xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

.text-4xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.text-5xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}

.text-base:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.text-lg:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.text-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-sm\/5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 5);
}

.text-xl:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

.text-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

.text-xs\/5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 5);
}

.text-xs\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
}

.dialog-heading:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-bold);
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
}

.text-\[2\.5rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 2.5rem;
}

.text-\[5\.5rem\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 5.5rem;
}

.text-\[8px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 8px;
}

.text-\[10px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 10px;
}

.text-\[11px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 11px;
}

.text-\[12px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 12px;
}

.text-\[13px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 13px;
}

.text-\[64px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 64px;
}

.text-\[80\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: 80%;
}

.leading-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
}

.leading-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}

.leading-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}

.leading-\[1px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: 1px;
  line-height: 1px;
}

.leading-\[14px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: 14px;
  line-height: 14px;
}

.leading-\[72px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: 72px;
  line-height: 72px;
}

.leading-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: 1;
  line-height: 1;
}

.leading-normal:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}

.leading-relaxed:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

.leading-snug:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}

.leading-tight:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}

.font-bold:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-light:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}

.font-medium:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-normal:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.font-semibold:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.tracking-\[0\.06em\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

.tracking-\[0\.08em\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-tracking: .08em;
  letter-spacing: .08em;
}

.tracking-normal:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}

.tracking-tight:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

.tracking-wide:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

.tracking-wider:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}

.wrap-break-word:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  overflow-wrap: break-word;
}

.break-all:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  word-break: break-all;
}

.\!whitespace-nowrap:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  white-space: nowrap !important;
}

.whitespace-normal:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  white-space: normal;
}

.whitespace-nowrap:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  white-space: nowrap;
}

.whitespace-pre-line:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  white-space: pre-line;
}

.whitespace-pre-wrap:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  white-space: pre-wrap;
}

.link-text:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .link-text:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-900);
    text-decoration-line: none;
  }
}

.\!text-app-blue-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-700) !important;
}

.\!text-app-blue-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-900) !important;
}

.\!text-app-emerald-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-emerald-600) !important;
}

.\!text-app-gray-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-700) !important;
}

.\!text-app-red-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-700) !important;
}

.\!text-app-violet-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-violet-600) !important;
}

.\!text-app-yellow-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-yellow-700) !important;
}

.text-\[\#007bff\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: #007bff;
}

.text-\[var\(--ui-color-action\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--ui-color-action);
}

.text-amber-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-amber-400);
}

.text-amber-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-amber-900);
}

.text-app-amber-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-amber-600);
}

.text-app-amber-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-amber-700);
}

.text-app-amber-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-amber-800);
}

.text-app-amber-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-amber-900);
}

.text-app-amber-950:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-amber-950);
}

.text-app-blue-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-400);
}

.text-app-blue-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-500);
}

.text-app-blue-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-600);
}

.text-app-blue-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-700);
}

.text-app-blue-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-800);
}

.text-app-blue-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-blue-900);
}

.text-app-cyan-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-cyan-700);
}

.text-app-emerald-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-emerald-600);
}

.text-app-emerald-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-emerald-700);
}

.text-app-emerald-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-emerald-800);
}

.text-app-emerald-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-emerald-900);
}

.text-app-gray-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-100);
}

.text-app-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-200);
}

.text-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-300);
}

.text-app-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-400);
}

.text-app-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-500);
}

.text-app-gray-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-600);
}

.text-app-gray-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-700);
}

.text-app-gray-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-800);
}

.text-app-gray-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-900);
}

.text-app-green-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-green-400);
}

.text-app-green-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-green-500);
}

.text-app-green-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-green-600);
}

.text-app-green-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-green-700);
}

.text-app-green-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-green-800);
}

.text-app-indigo-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-indigo-600);
}

.text-app-indigo-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-indigo-700);
}

.text-app-indigo-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-indigo-900);
}

.text-app-orange-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-orange-500);
}

.text-app-orange-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-orange-600);
}

.text-app-orange-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-orange-700);
}

.text-app-orange-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-orange-800);
}

.text-app-orange-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-orange-900);
}

.text-app-pink-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-pink-600);
}

.text-app-purple-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-purple-500);
}

.text-app-purple-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-purple-600);
}

.text-app-purple-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-purple-700);
}

.text-app-purple-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-purple-800);
}

.text-app-red-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-50);
}

.text-app-red-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-400);
}

.text-app-red-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-500);
}

.text-app-red-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-600);
}

.text-app-red-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-700);
}

.text-app-red-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-800);
}

.text-app-red-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-red-900);
}

.text-app-rose-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-rose-600);
}

.text-app-rose-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-rose-700);
}

.text-app-sky-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-sky-600);
}

.text-app-sky-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-sky-700);
}

.text-app-sky-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-sky-800);
}

.text-app-sky-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-sky-900);
}

.text-app-slate-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-slate-400);
}

.text-app-slate-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-slate-500);
}

.text-app-slate-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-slate-600);
}

.text-app-slate-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-slate-700);
}

.text-app-stone-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-stone-700);
}

.text-app-violet-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-violet-600);
}

.text-app-yellow-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-yellow-400);
}

.text-app-yellow-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-yellow-600);
}

.text-app-yellow-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-yellow-700);
}

.text-app-yellow-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-yellow-800);
}

.text-app-yellow-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-yellow-900);
}

.text-black:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-black);
}

.text-blue-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-blue-700);
}

.text-current:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: currentColor;
}

.text-emerald-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-emerald-500);
}

.text-emerald-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-emerald-600);
}

.text-emerald-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-emerald-700);
}

.text-ento-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-500);
}

.text-ento-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-600);
}

.text-ento-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-700);
}

.text-ento-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-800);
}

.text-ento-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-900);
}

.text-gray-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-50);
}

.text-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-400);
}

.text-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-500);
}

.text-gray-600:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-600);
}

.text-gray-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-700);
}

.text-gray-800:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-800);
}

.text-gray-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-gray-900);
}

.text-green-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-green-700);
}

.text-indigo-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-indigo-500);
}

.text-indigo-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-indigo-700);
}

.text-known-error-strong:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-known-error-strong);
}

.text-orange-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-orange-700);
}

.text-purple-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-purple-700);
}

.text-red-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-red-700);
}

.text-sky-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-sky-700);
}

.text-slate-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-slate-700);
}

.text-transparent:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: #0000;
}

.text-violet-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-violet-500);
}

.text-violet-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-violet-700);
}

.text-white:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-white);
}

.text-yellow-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-yellow-700);
}

.capitalize:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-transform: capitalize;
}

.lowercase:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-transform: lowercase;
}

.normal-case:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-transform: none;
}

.uppercase:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-transform: uppercase;
}

.italic:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-style: italic;
}

.ordinal:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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, );
}

.tabular-nums:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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, );
}

.line-through:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-decoration-line: line-through;
}

.no-underline:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-decoration-line: none;
}

.underline:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  text-decoration-line: underline;
}

.placeholder-app-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  color: var(--color-app-gray-400);
}

.accent-ento-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  accent-color: var(--color-ento-900);
}

.opacity-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: 0;
}

.opacity-20:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .2;
}

.opacity-25:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .25;
}

.opacity-40:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .4;
}

.opacity-50:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .5;
}

.opacity-60:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .6;
}

.opacity-70:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .7;
}

.opacity-75:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .75;
}

.opacity-80:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .8;
}

.shadow:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-app:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0 0 #0000;
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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);
}

.shadow-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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);
}

.shadow-ento-900\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow-color: #8353ff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .shadow-ento-900\/10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ento-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}

.ring-app-blue-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-blue-300);
}

.ring-app-purple-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-purple-100);
}

.ring-ento-100:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-100);
}

.ring-ento-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-200);
}

.ring-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-gray-200);
}

.outline-hidden:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .outline-hidden:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.outline:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *), .outline-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.-outline-offset-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-offset: calc(1px * -1);
}

.outline-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-gray-300);
}

.blur:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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, );
}

.blur-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-blur: blur(var(--blur-xs));
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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, );
}

.filter:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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, );
}

.backdrop-blur-\[2px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-backdrop-blur: blur(2px);
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  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));
}

.transition-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  transition-property: none;
}

.duration-150:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-duration: .15s;
  transition-duration: .15s;
}

.duration-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-duration: .2s;
  transition-duration: .2s;
}

.duration-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-duration: .3s;
  transition-duration: .3s;
}

.duration-1000:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-duration: 1s;
  transition-duration: 1s;
}

.ease-out:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}

.select-all:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  -webkit-user-select: all;
  user-select: all;
}

.select-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  -webkit-user-select: none;
  user-select: none;
}

.ring-inset:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-inset: inset;
}

.group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  rotate: 180deg;
}

.group-data-\[collapsed\]\:hidden:is(:where(.group)[data-collapsed] *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  display: none;
}

.group-data-\[collapsed\]\:rotate-0:is(:where(.group)[data-collapsed] *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  rotate: 0deg;
}

.group-data-\[collapsed\]\:rounded-md:is(:where(.group)[data-collapsed] *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-radius: var(--radius-md);
}

.peer-checked\:border-ento-600:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-600);
}

.peer-checked\:bg-\[var\(--ui-color-action\)\]:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--ui-color-action);
}

.peer-checked\:bg-ento-50:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-50);
}

.peer-checked\:bg-ento-900:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-900);
}

.peer-checked\:bg-pastel-0:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-0);
}

.peer-checked\:bg-pastel-1:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-1);
}

.peer-checked\:bg-pastel-2:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-2);
}

.peer-checked\:bg-pastel-3:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-3);
}

.peer-checked\:bg-pastel-4:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-4);
}

.peer-checked\:bg-pastel-5:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-5);
}

.peer-checked\:bg-pastel-6:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-6);
}

.peer-checked\:bg-pastel-7:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-7);
}

.peer-checked\:bg-pastel-8:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-8);
}

.peer-checked\:bg-pastel-9:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-9);
}

.peer-checked\:bg-pastel-10:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-10);
}

.peer-checked\:font-medium:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.peer-checked\:text-ento-600:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-600);
}

.peer-checked\:text-ento-700:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-700);
}

.peer-checked\:text-ento-900:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-900);
}

.peer-checked\:shadow-xs:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.peer-focus\:bg-ento-900:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-900);
}

.peer-focus\:bg-pastel-0:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-pastel-0);
}

.peer-focus\:ring-2:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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);
}

.peer-focus\:ring-\[var\(--ui-color-focus-ring\)\]:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--ui-color-focus-ring);
}

.peer-focus\:ring-ento-300:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-300);
}

.peer-focus\:outline-hidden:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .peer-focus\:outline-hidden:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.peer-focus\:outline-none:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

.peer-disabled\:cursor-default:is(:where(.peer):disabled ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: default;
}

.peer-disabled\:border-app-gray-200:is(:where(.peer):disabled ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-gray-200);
}

.peer-disabled\:bg-app-gray-50:is(:where(.peer):disabled ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-50);
}

.peer-disabled\:text-app-gray-400:is(:where(.peer):disabled ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-app-gray-400);
}

.peer-disabled\:opacity-60:is(:where(.peer):disabled ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .6;
}

.marker\:text-gray-400 :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::marker, .marker\:text-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::marker {
  color: var(--color-gray-400);
}

.marker\:text-gray-400 :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-400);
}

.marker\:text-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-400);
}

.marker\:text-gray-500 :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::marker, .marker\:text-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::marker {
  color: var(--color-gray-500);
}

.marker\:text-gray-500 :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-500);
}

.marker\:text-gray-500:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-500);
}

.selection\:bg-\[\#fdf4ff\] :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::selection, .selection\:bg-\[\#fdf4ff\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::selection {
  background-color: #fdf4ff;
}

.selection\:text-\[\#8353FF\] :where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::selection, .selection\:text-\[\#8353FF\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::selection {
  color: #8353ff;
}

.file\:button-secondary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  border-radius: var(--radius-md);
  background-color: var(--color-app-gray-100);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: var(--spacing);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-app-gray-900);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  .file\:button-secondary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button:hover {
    background-color: var(--color-app-gray-300);
  }

  .file\:button-secondary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button:hover {
    color: var(--color-app-gray-900);
  }

  .file\:button-secondary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button:hover {
    text-decoration-line: none;
  }
}

.file\:button-secondary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300);
}

.file\:border-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.file\:bg-white:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  background-color: var(--color-white);
}

.file\:text-app-gray-700:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
  color: var(--color-app-gray-700);
}

.placeholder\:font-medium:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.placeholder\:text-app-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  color: var(--color-app-gray-400);
}

.placeholder\:text-app-slate-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  color: var(--color-app-slate-400);
}

.placeholder\:text-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::placeholder {
  color: var(--color-gray-400);
}

.before\:absolute:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  position: absolute;
}

.before\:left-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  left: calc(var(--spacing) * 2);
}

.before\:h-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  height: 100%;
}

.before\:-translate-x-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.before\:translate-y-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.before\:self-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  align-self: flex-start;
}

.before\:bg-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  background-color: var(--color-app-gray-300);
}

.before\:px-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  padding-inline: calc(var(--spacing) * 2);
}

.before\:pr-px:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  padding-right: 1px;
}

.before\:text-gray-400:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  color: var(--color-gray-400);
}

.before\:content-\[\'\/\'\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  --tw-content: "/";
  content: var(--tw-content);
}

.group-last\:before\:hidden:is(:where(.group):last-child *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  display: none;
}

.after\:absolute:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  position: absolute;
}

.after\:top-\[2px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  top: 2px;
}

.after\:left-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  left: calc(var(--spacing) * 2);
}

.after\:left-\[2px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  left: 2px;
}

.after\:box-content:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  box-sizing: content-box;
}

.after\:h-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
}

.after\:h-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 4);
}

.after\:h-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 5);
}

.after\:w-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
}

.after\:w-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 4);
}

.after\:w-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 5);
}

.after\:-translate-x-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.after\:translate-y-1\.5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing) * 1.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.after\:rounded-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-radius: 3.40282e38px;
}

.after\:border:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.after\:border-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.after\:border-app-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-color: var(--color-app-gray-200);
}

.after\:border-gray-200:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-color: var(--color-gray-200);
}

.after\:bg-app-gray-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  background-color: var(--color-app-gray-300);
}

.after\:bg-ento-900:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  background-color: var(--color-ento-900);
}

.after\:bg-white:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  background-color: var(--color-white);
}

.after\:transition-all:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.after\:content-\[\'\'\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  --tw-content: "";
  content: var(--tw-content);
}

.peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-color: var(--color-white);
}

.first\:pt-0:first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-top: 0;
}

.first\:before\:content-none:first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *):before {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}

.last\:mb-4:last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 4);
}

.last\:border-r-0:last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

.last\:border-b-0:last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

.focus-within\:border-ento-500:focus-within:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-500);
}

.focus-within\:bg-white:focus-within:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-white);
}

.focus-within\:ring-2:focus-within:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-within\:ring-ento-100:focus-within:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-100);
}

@media (hover: hover) {
  .hover\:cursor-pointer:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    cursor: pointer;
  }

  .hover\:border-app-blue-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-blue-50);
  }

  .hover\:border-app-gray-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-gray-50);
  }

  .hover\:border-app-gray-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-gray-100);
  }

  .hover\:border-app-gray-300:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-gray-300);
  }

  .hover\:border-app-gray-400:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-gray-400);
  }

  .hover\:border-app-purple-400:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-purple-400);
  }

  .hover\:border-app-red-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-red-50);
  }

  .hover\:border-app-yellow-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-app-yellow-50);
  }

  .hover\:border-ento-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-ento-100);
  }

  .hover\:border-ento-300:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-ento-300);
  }

  .hover\:border-gray-300:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-gray-300);
  }

  .hover\:bg-\[\#5924e2\]:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: #5924e2;
  }

  .hover\:bg-\[var\(--ui-color-action-hover\)\]:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--ui-color-action-hover);
  }

  .hover\:bg-app-blue-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-blue-50);
  }

  .hover\:bg-app-blue-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-blue-100);
  }

  .hover\:bg-app-blue-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-blue-700);
  }

  .hover\:bg-app-blue-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-blue-900);
  }

  .hover\:bg-app-emerald-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-emerald-100);
  }

  .hover\:bg-app-emerald-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-emerald-900);
  }

  .hover\:bg-app-gray-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-50);
  }

  .hover\:bg-app-gray-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-100);
  }

  .hover\:bg-app-gray-200:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-200);
  }

  .hover\:bg-app-gray-300:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-gray-300);
  }

  .hover\:bg-app-green-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-green-100);
  }

  .hover\:bg-app-green-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-green-700);
  }

  .hover\:bg-app-purple-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-purple-50);
  }

  .hover\:bg-app-purple-600:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-purple-600);
  }

  .hover\:bg-app-red-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-red-50);
  }

  .hover\:bg-app-red-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-red-100);
  }

  .hover\:bg-app-red-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-red-700);
  }

  .hover\:bg-app-red-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-red-900);
  }

  .hover\:bg-app-yellow-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-yellow-50);
  }

  .hover\:bg-app-yellow-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-yellow-700);
  }

  .hover\:bg-app-yellow-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-app-yellow-900);
  }

  .hover\:bg-ento-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-50);
  }

  .hover\:bg-ento-50\/20:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: #f5f3ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-ento-50\/20:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
      background-color: color-mix(in oklab, var(--color-ento-50) 20%, transparent);
    }
  }

  .hover\:bg-ento-50\/30:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: #f5f3ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-ento-50\/30:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
      background-color: color-mix(in oklab, var(--color-ento-50) 30%, transparent);
    }
  }

  .hover\:bg-ento-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-100);
  }

  .hover\:bg-ento-200:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-200);
  }

  .hover\:bg-ento-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-700);
  }

  .hover\:bg-ento-800:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-800);
  }

  .hover\:bg-ento-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-900);
  }

  .hover\:bg-ento-950:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-950);
  }

  .hover\:bg-gray-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-gray-50);
  }

  .hover\:bg-gray-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-gray-100);
  }

  .hover\:bg-gray-200:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-gray-200);
  }

  .hover\:bg-gray-300:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-gray-300);
  }

  .hover\:bg-green-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-green-100);
  }

  .hover\:bg-red-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-red-50);
  }

  .hover\:bg-red-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-red-100);
  }

  .hover\:bg-white:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-white);
  }

  .hover\:bg-yellow-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-yellow-100);
  }

  .hover\:text-app-blue-600:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-blue-600);
  }

  .hover\:text-app-blue-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-blue-700);
  }

  .hover\:text-app-blue-800:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-blue-800);
  }

  .hover\:text-app-blue-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-blue-900);
  }

  .hover\:text-app-gray-400:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-gray-400);
  }

  .hover\:text-app-gray-500:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-gray-500);
  }

  .hover\:text-app-gray-600:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-gray-600);
  }

  .hover\:text-app-gray-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-gray-700);
  }

  .hover\:text-app-gray-800:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-gray-800);
  }

  .hover\:text-app-gray-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-gray-900);
  }

  .hover\:text-app-indigo-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-indigo-900);
  }

  .hover\:text-app-purple-800:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-purple-800);
  }

  .hover\:text-app-red-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-red-700);
  }

  .hover\:text-app-red-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-red-900);
  }

  .hover\:text-app-slate-600:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-slate-600);
  }

  .hover\:text-app-yellow-50:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-yellow-50);
  }

  .hover\:text-app-yellow-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-app-yellow-700);
  }

  .hover\:text-ento-600:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-600);
  }

  .hover\:text-ento-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-700);
  }

  .hover\:text-ento-800:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-800);
  }

  .hover\:text-ento-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-900);
  }

  .hover\:text-ento-950:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-ento-950);
  }

  .hover\:text-gray-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-gray-700);
  }

  .hover\:text-gray-900:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-gray-900);
  }

  .hover\:text-green-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-green-700);
  }

  .hover\:text-indigo-600:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-indigo-600);
  }

  .hover\:text-inherit:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: inherit;
  }

  .hover\:text-red-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-red-700);
  }

  .hover\:text-white:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-white);
  }

  .hover\:text-yellow-700:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    color: var(--color-yellow-700);
  }

  .hover\:no-underline:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    text-decoration-line: none;
  }

  .hover\:underline:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    text-decoration-line: underline;
  }

  .hover\:opacity-60:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    opacity: .6;
  }

  .hover\:shadow-app:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
    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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --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-xs:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .hover\:transition-all:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .hover\:file\:bg-app-gray-100:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *)::file-selector-button {
    background-color: var(--color-app-gray-100);
  }
}

.focus\:cursor-text:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: text;
}

.focus\:border-app-purple-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-app-purple-500);
}

.focus\:border-ento-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-500);
}

.focus\:border-transparent:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: #0000;
}

.focus\:bg-app-gray-50:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-50);
}

.focus\:bg-app-gray-100:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-100);
}

.focus\:bg-ento-50:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-50);
}

.focus\:font-medium:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.focus\:ring-0:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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);
}

.focus\:ring-2:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-app-blue-300:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-blue-300);
}

.focus\:ring-app-blue-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-blue-500);
}

.focus\:ring-app-green-300:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-green-300);
}

.focus\:ring-app-purple-100:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-purple-100);
}

.focus\:ring-app-purple-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-purple-500);
}

.focus\:ring-app-red-300:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-app-red-300);
}

.focus\:ring-blue-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-blue-500);
}

.focus\:ring-ento-200:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-200);
}

.focus\:ring-ento-300:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-300);
}

.focus\:ring-ento-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-500);
}

.focus\:ring-offset-1:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-hidden:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .focus\:outline-hidden:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.focus\:outline-2:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

.focus\:outline-offset-0:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-offset: 0px;
}

.focus\:outline-\[\#ccbaff\]:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: #ccbaff;
}

.focus\:outline-\[var\(--ui-color-action\)\]:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--ui-color-action);
}

.focus\:outline-\[var\(--ui-color-focus-ring\)\]:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--ui-color-focus-ring);
}

.focus\:outline-ento-900:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-ento-900);
}

.focus\:outline-gray-200:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-gray-200);
}

.focus\:outline-indigo-600:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-indigo-600);
}

.focus\:outline-violet-500:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-violet-500);
}

.focus\:outline-none:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

.focus\:ring-inset:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-inset: inset;
}

.focus-visible\:ring-2:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-visible\:ring-ento-200:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-200);
}

.focus-visible\:ring-ento-300:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-300);
}

.focus-visible\:ring-ento-500:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-ring-color: var(--color-ento-500);
}

.focus-visible\:ring-offset-2:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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-visible\:outline-hidden:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .focus-visible\:outline-hidden:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.focus-visible\:outline-2:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

.focus-visible\:-outline-offset-2:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-offset: calc(2px * -1);
}

.focus-visible\:outline-offset-1:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-offset: 1px;
}

.focus-visible\:outline-\[var\(--ui-color-focus-ring\)\]:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--ui-color-focus-ring);
}

.focus-visible\:outline-ento-300:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-ento-300);
}

.focus-visible\:outline-ento-900:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-ento-900);
}

.focus-visible\:outline-gray-300:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-gray-300);
}

.focus-visible\:outline-green-300:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-green-300);
}

.focus-visible\:outline-indigo-600:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-indigo-600);
}

.focus-visible\:outline-red-300:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-red-300);
}

.focus-visible\:outline-yellow-300:focus-visible:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  outline-color: var(--color-yellow-300);
}

.active\:translate-y-px:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-translate-y: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.active\:cursor-grabbing:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: grabbing;
}

.active\:bg-\[\#5924e2\]:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: #5924e2;
}

.active\:bg-\[var\(--ui-color-action-hover\)\]:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--ui-color-action-hover);
}

.active\:bg-app-gray-50:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-50);
}

.active\:bg-app-gray-100:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-100);
}

.active\:bg-app-gray-300:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-app-gray-300);
}

.disabled\:cursor-default:disabled:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  cursor: default;
}

.disabled\:opacity-40:disabled:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .4;
}

.disabled\:opacity-50:disabled:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .5;
}

.aria-pressed\:border-indigo-600[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-indigo-600);
}

.aria-pressed\:bg-indigo-50[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-indigo-50);
}

.aria-pressed\:text-indigo-600[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-indigo-600);
}

.aria-pressed\:text-indigo-700[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-indigo-700);
}

.aria-\[current\=page\]\:border-indigo-600[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-indigo-600);
}

.aria-\[current\=page\]\:bg-indigo-50[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-indigo-50);
}

.aria-\[current\=page\]\:font-medium[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.aria-\[current\=page\]\:text-indigo-600[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-indigo-600);
}

.aria-\[current\=page\]\:text-indigo-700[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-indigo-700);
}

.data-\[dragging\]\:opacity-40[data-dragging]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  opacity: .4;
}

.data-\[over-bottom\]\:shadow-\[0_3px_0_-1px_theme\(colors\.ento\.900\)\][data-over-bottom]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0 3px 0 -1px var(--tw-shadow-color, #8353ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.data-\[over-top\]\:shadow-\[0_-3px_0_-1px_theme\(colors\.ento\.900\)\][data-over-top]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0 -3px 0 -1px var(--tw-shadow-color, #8353ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >= 576px) {
  .min-\[576px\]\:w-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 50%;
  }

  .min-\[576px\]\:max-w-\[540px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 540px;
  }

  .min-\[576px\]\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 640px) {
  .min-\[640px\]\:grid-cols-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 768px) {
  .min-\[768px\]\:col-span-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 2 / span 2;
  }

  .min-\[768px\]\:col-span-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 3 / span 3;
  }

  .min-\[768px\]\:col-span-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 4 / span 4;
  }

  .min-\[768px\]\:block:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    display: block;
  }

  .min-\[768px\]\:w-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 50%;
  }

  .min-\[768px\]\:w-1\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 33.3333%;
  }

  .min-\[768px\]\:w-1\/4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 25%;
  }

  .min-\[768px\]\:w-1\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 16.6667%;
  }

  .min-\[768px\]\:w-2\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 66.6667%;
  }

  .min-\[768px\]\:w-5\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 83.3333%;
  }

  .min-\[768px\]\:w-5\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 41.6667%;
  }

  .min-\[768px\]\:w-7\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 58.3333%;
  }

  .min-\[768px\]\:max-w-\[16\.666667\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 16.6667%;
  }

  .min-\[768px\]\:max-w-\[25\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 25%;
  }

  .min-\[768px\]\:max-w-\[58\.333333\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 58.3333%;
  }

  .min-\[768px\]\:max-w-\[83\.333333\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 83.3333%;
  }

  .min-\[768px\]\:max-w-\[720px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 720px;
  }

  .min-\[768px\]\:flex-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex: none;
  }

  .min-\[768px\]\:basis-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-basis: 0;
  }

  .min-\[768px\]\:grid-cols-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .min-\[768px\]\:grid-cols-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .min-\[768px\]\:grid-cols-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (width >= 920px) {
  .min-\[920px\]\:col-span-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 2 / span 2;
  }

  .min-\[920px\]\:col-span-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 4 / span 4;
  }

  .min-\[920px\]\:col-span-8:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 8 / span 8;
  }

  .min-\[920px\]\:mt-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    margin-top: 0;
  }

  .min-\[920px\]\:mr-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    margin-right: calc(var(--spacing) * 6);
  }

  .min-\[920px\]\:mb-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    margin-bottom: 0;
  }

  .min-\[920px\]\:ml-\[25\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    margin-left: 25%;
  }

  .min-\[920px\]\:block:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    display: block;
  }

  .min-\[920px\]\:flex:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    display: flex;
  }

  .min-\[920px\]\:grid:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    display: grid;
  }

  .min-\[920px\]\:inline:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    display: inline;
  }

  .min-\[920px\]\:h-full:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    height: 100%;
  }

  .min-\[920px\]\:max-h-none:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-height: none;
  }

  .min-\[920px\]\:min-h-\[420px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    min-height: 420px;
  }

  .min-\[920px\]\:min-h-screen:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    min-height: 100vh;
  }

  .min-\[920px\]\:w-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 50%;
  }

  .min-\[920px\]\:w-1\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 33.3333%;
  }

  .min-\[920px\]\:w-1\/4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 25%;
  }

  .min-\[920px\]\:w-1\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 16.6667%;
  }

  .min-\[920px\]\:w-1\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 8.33333%;
  }

  .min-\[920px\]\:w-2\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 66.6667%;
  }

  .min-\[920px\]\:w-3\/4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 75%;
  }

  .min-\[920px\]\:w-5\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 41.6667%;
  }

  .min-\[920px\]\:w-7\/12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 58.3333%;
  }

  .min-\[920px\]\:max-w-\[30\%\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 30%;
  }

  .min-\[920px\]\:max-w-\[484px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 484px;
  }

  .min-\[920px\]\:min-w-\[484px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    min-width: 484px;
  }

  .min-\[920px\]\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[920px\]\:grid-cols-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .min-\[920px\]\:grid-cols-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .min-\[920px\]\:grid-cols-5:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .min-\[920px\]\:grid-cols-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .min-\[920px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }

  .min-\[920px\]\:flex-row:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-direction: row;
  }

  .min-\[920px\]\:items-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    align-items: center;
  }

  .min-\[920px\]\:items-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    align-items: flex-start;
  }

  .min-\[920px\]\:justify-between:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    justify-content: space-between;
  }

  .min-\[920px\]\:gap-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 2);
  }

  .min-\[920px\]\:gap-4:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 4);
  }

  :where(.min-\[920px\]\:divide-x > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --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(.min-\[920px\]\:divide-y-0 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(0px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  }

  .min-\[920px\]\:button-primary-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-radius: var(--radius-md);
    background-color: var(--color-ento-900);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .min-\[920px\]\:button-primary-sm:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
      background-color: var(--color-ento-950);
      color: var(--color-white);
      text-decoration-line: none;
    }
  }

  .min-\[920px\]\:button-primary-sm:focus:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-ento-300);
  }

  .min-\[920px\]\:button-primary-sm:active:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    background-color: var(--color-ento-950);
  }

  .min-\[920px\]\:border-r:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .min-\[920px\]\:border-b-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .min-\[920px\]\:border-ento-300:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-color: var(--color-ento-300);
  }

  .min-\[920px\]\:p-6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    padding: calc(var(--spacing) * 6);
  }

  .min-\[920px\]\:p-12:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    padding: calc(var(--spacing) * 12);
  }

  .min-\[920px\]\:px-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .min-\[920px\]\:text-sm:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .min-\[920px\]\:text-xs:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}

@media (width >= 992px) {
  .min-\[992px\]\:w-1\/2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 50%;
  }

  .min-\[992px\]\:w-1\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 33.3333%;
  }

  .min-\[992px\]\:w-1\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 16.6667%;
  }

  .min-\[992px\]\:w-2\/3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 66.6667%;
  }

  .min-\[992px\]\:w-5\/6:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: 83.3333%;
  }

  .min-\[992px\]\:max-w-\[960px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 960px;
  }

  .min-\[992px\]\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[992px\]\:pr-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    padding-right: 0;
  }
}

@media (width >= 1024px) {
  .min-\[1024px\]\:col-span-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 2 / span 2;
  }

  .min-\[1024px\]\:grid-cols-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1200px) {
  .min-\[1200px\]\:max-w-\[1140px\]:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-width: 1140px;
  }
}

@media (width >= 40rem) {
  .sm\:absolute:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    position: absolute;
  }

  .sm\:col-span-1:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 1 / span 1;
  }

  .sm\:mb-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    margin-bottom: 0;
  }

  .sm\:grid:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    display: grid;
  }

  .sm\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-direction: row;
  }

  .sm\:flex-nowrap:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-wrap: nowrap;
  }

  .sm\:items-center:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    align-items: center;
  }

  .sm\:items-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    align-items: flex-start;
  }

  .sm\:justify-between:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    justify-content: space-between;
  }

  .sm\:gap-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 2);
  }

  .sm\:gap-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 3);
  }

  .sm\:self-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    align-self: auto;
  }

  .sm\:overflow-hidden:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    overflow: hidden;
  }
}

@media (width >= 48rem) {
  .md\:sticky:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    position: sticky;
  }

  .md\:top-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    top: 0;
  }

  .md\:ml-auto:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    margin-left: auto;
  }

  .md\:w-64:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: calc(var(--spacing) * 64);
  }

  .md\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-direction: row;
  }

  .md\:gap-2:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 2);
  }

  .md\:border-r:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .md\:border-b-0:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .md\:px-10:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    padding-inline: calc(var(--spacing) * 10);
  }

  .md\:pt-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    padding-top: calc(var(--spacing) * 3);
  }
}

@media (width >= 64rem) {
  .lg\:flex-row:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-direction: row;
  }

  .lg\:items-start:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    align-items: flex-start;
  }
}

@media (width >= 80rem) {
  .xl\:grid-cols-3:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.\[\&_img\]\:grayscale img:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --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, );
}

.\[\&_label\]\:text-sm label:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.\[\&_label\]\:font-medium label:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.\[\&_td\]\:py-1 td:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-block: var(--spacing);
}

.\[\&_td\]\:pr-3 td:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 3);
}

.\[\&\:has\(input\:checked\)\]\:border-ento-900:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-900);
}

.\[\&\:has\(input\:checked\)\]\:bg-ento-50:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-50);
}

.\[\&\:has\(input\:checked\)\]\:bg-ento-900:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-900);
}

.\[\&\:has\(input\:checked\)\]\:text-white:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-white);
}

.\[\&\:has\(input\:checked\)\]\:shadow-app:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #9ca3af33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.\[\&\:has\(input\:checked\)\]\:shadow-ento-900\/10:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  --tw-shadow-color: #8353ff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .\[\&\:has\(input\:checked\)\]\:shadow-ento-900\/10:has(input:checked):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ento-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}

.\[\&\:has\(input\:checked\)_i\]\:text-ento-900:has(input:checked) i:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-900);
}

.\[\&\:has\(input\:checked\)_p\]\:text-ento-800:has(input:checked) p:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-800);
}

.\[\&\:has\(input\:checked\)_span\:first-child\]\:border-ento-900:has(input:checked) span:first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-color: var(--color-ento-900);
}

.\[\&\:has\(input\:checked\)_span\:first-child\]\:bg-ento-100:has(input:checked) span:first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  background-color: var(--color-ento-100);
}

.\[\&\:has\(input\:checked\)_span\:last-child_span\]\:text-ento-900:has(input:checked) span:last-child span:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  color: var(--color-ento-900);
}

.\[\&\:has\(input\:disabled\)\]\:pointer-events-none:has(input:disabled):where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  pointer-events: none;
}

.\[\&\>\.relative\]\:px-0 > .relative:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  padding-inline: 0;
}

.\[\&\>\.ui--elements--alert\]\:mb-0 > .ui--elements--alert:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  margin-bottom: 0;
}

.\[\&\>\.ui--layout--action-group\]\:border-0 > .ui--layout--action-group:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.\[\&\>\:first-child\]\:min-w-0 > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  min-width: 0;
}

.\[\&\>\:first-child\]\:flex-1 > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  flex: 1;
}

@media (width >= 64rem) {
  .lg\:\[\&\>\:first-child\]\:max-h-\[calc\(100vh-13rem\)\] > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    max-height: calc(100vh - 13rem);
  }

  .lg\:\[\&\>\:first-child\]\:\[scrollbar-width\:thin\] > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    scrollbar-width: thin;
  }

  .lg\:\[\&\>\:first-child\]\:\[scrollbar-color\:transparent_transparent\] > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    scrollbar-color: transparent transparent;
  }

  .lg\:\[\&\>\:first-child\]\:overflow-y-auto > :first-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    overflow-y: auto;
  }

  .lg\:\[\&\>\:first-child\:hover\]\:\[scrollbar-color\:\#d1d5db_transparent\] > :first-child:hover:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    scrollbar-color: #d1d5db transparent;
  }

  .lg\:\[\&\>\:last-child\]\:sticky > :last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    position: sticky;
  }

  .lg\:\[\&\>\:last-child\]\:top-6 > :last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    top: calc(var(--spacing) * 6);
  }

  .lg\:\[\&\>\:last-child\]\:w-80 > :last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    width: calc(var(--spacing) * 80);
  }

  .lg\:\[\&\>\:last-child\]\:shrink-0 > :last-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    flex-shrink: 0;
  }
}

@media (width >= 40rem) {
  .sm\:\[\&\>\:only-child\]\:col-span-2 > :only-child:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
    grid-column: span 2 / span 2;
  }
}

.\[\&\>a\]\:justify-center > a:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: center;
}

.\[\&\>button\]\:w-full > button:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  width: 100%;
}

.\[\&\>button\]\:justify-center > button:where([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"]:not(.hub--table--layout), [data-component-utilities]) *) {
  justify-content: center;
}

@layer properties {
  :where([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document], :is([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document]) *), :where([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document], :is([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document]) *):before, :where([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document], :is([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document]) *):after, :where([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document], :is([class*="ui--"], [class*="hub--"], [data-component-utilities], [data-application-document]) *)::backdrop {
    --tw-border-style: solid;
    --tw-font-weight: initial;
    --tw-outline-style: solid;
    --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-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --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-space-y-reverse: 0;
    --tw-leading: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
  }
}

@layer theme;

:root {
  --ui-color-surface: #fff;
  --ui-color-surface-subtle: #f9fafb;
  --ui-color-surface-muted: #f3f4f6;
  --ui-color-border: #e5e7eb;
  --ui-color-text: #111827;
  --ui-color-text-secondary: #374151;
  --ui-color-text-muted: #6b7280;
  --ui-color-text-subtle: #9ca3af;
  --ui-color-text-inverse: #fff;
  --ui-color-action: #8353ff;
  --ui-color-action-hover: #5924e2;
  --ui-color-action-soft: #f3eeff;
  --ui-color-focus-ring: #ccbaff;
  --ui-color-status-neutral-surface: #f9fafb;
  --ui-color-status-neutral-text: #4b5563;
  --ui-color-status-neutral-border: #6b72801a;
  --ui-color-status-danger-surface: #fef2f2;
  --ui-color-status-danger-text: #b91c1c;
  --ui-color-status-danger-border: #dc26261a;
  --ui-color-status-warning-surface: #fefce8;
  --ui-color-status-warning-text: #854d0e;
  --ui-color-status-warning-border: #ca8a0433;
  --ui-color-status-success-surface: #f0fdf4;
  --ui-color-status-success-text: #15803d;
  --ui-color-status-success-border: #16a34a33;
  --ui-color-status-info-surface: #eff6ff;
  --ui-color-status-info-text: #1d4ed8;
  --ui-color-status-info-border: #1d4ed81a;
}

@media (width <= 550px) {
  .accounts--layout .card-col {
    margin: 0;
    padding: 0;
  }

  .accounts--layout .card-col > .card {
    border: none;
  }
}

.accounts--layout ul.messages {
  padding-left: 0;
}

.accounts--layout ul.messages li {
  list-style: none;
}

.accounts--layout .card-body label {
  color: #374151;
  margin-bottom: 8px;
  font-size: 14px;
}

.accounts--layout .form-group {
  margin-bottom: 16px;
}

.accounts--layout .form-check-label, .accounts--layout .form-check-input {
  cursor: pointer;
}

.accounts--layout .form-check {
  display: grid;
}

.accounts--layout .form-check input[type="checkbox"] {
  appearance: none;
  font: inherit;
  color: #374151;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  place-content: center;
  width: 1.15em;
  height: 1.15em;
  margin: 0;
  display: grid;
  transform: translateY(-.075em);
}

.accounts--layout .form-check input[type="checkbox"]:before {
  content: "";
  transform-origin: 0 100%;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: canvastext;
  width: .65em;
  height: .65em;
  transition: transform .12s ease-in-out;
  transform: scale(0);
  box-shadow: inset 1em 1em #6021ff;
}

.accounts--layout .form-check input[type="checkbox"]:checked:before {
  transform: scale(1);
}

.accounts--layout .form-check input[type="checkbox"]:focus {
  border-width: 2px;
  border-color: #8353ff;
  outline: none;
}

.accounts--layout .btn-primary {
  color: #fff;
  background-color: #8353ff;
  border: none;
  border-radius: 5px;
  width: 100%;
  height: 44px;
  padding: 8px 16px;
}

.accounts--layout .btn-primary:hover, .accounts--layout .btn-primary:focus, .accounts--layout .btn-primary:active {
  color: #fff;
  background-color: #f5f3ff !important;
}

.accounts--layout .btn-primary:active, .accounts--layout .btn-primary:focus {
  box-shadow: 0 0 0 .2rem #3f967580 !important;
}

.accounts--layout .btn-outline-primary {
  background-color: initial;
  color: #8353ff;
  border-color: #8353ff;
}

.accounts--layout .btn-outline-primary:hover, .accounts--layout .btn-outline-primary:focus, .accounts--layout .btn-outline-primary:active {
  background-color: #f4f4f4;
  border-color: #6021ff;
}

.accounts--layout .btn-outline-primary:active, .accounts--layout .btn-outline-primary:focus {
  color: #fff;
  background-color: #6021ff !important;
  border-color: #6021ff !important;
  box-shadow: 0 0 0 .2rem #6021ff !important;
}

.accounts--layout .btn-primary.disabled, .accounts--layout .btn-primary:disabled {
  color: #fff;
  background-color: #8353ff;
  border-color: #8353ff;
}

.accounts--layout .form-control {
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  outline: none;
  height: 44px;
  padding: 4px 16px 4px 12px;
  font-size: 16px;
}

.accounts--layout .form-control::placeholder {
  color: #9ca3af;
}

.accounts--layout .form-control:focus, .accounts--layout input#id_email:focus {
  border: none;
  outline: 0;
}

.accounts--layout .connect-box {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

:where(.accounts--layout) a {
  color: #8353ff;
  transition: all .2s;
}

:where(.accounts--layout) a:hover {
  color: #9c76ff;
}

.accounts--signup #id_captcha {
  border: none;
  height: 100%;
  padding: 0;
}

.advisor--central-heating--heatpump {
  display: contents;
}

.advisor--central-heating--heatpump .largeInput {
  width: 70px;
}

.advisor--central-heating--heatpump .chart-label, .advisor--central-heating--heatpump .settings-table {
  font-size: 14px;
}

.advisor--central-heating--heatpump .additional-information {
  font-size: 13px;
}

.advisor--chilled-water--efficiency {
  display: contents;
}

.advisor--chilled-water--efficiency .efficiency-description {
  height: 100px;
}

.advisor--chilled-water--schedule {
  display: contents;
}

.advisor--chilled-water--schedule .settings-table {
  font-size: 14px;
}

.advisor--chilled-water--schedule .hour-input {
  width: 25px;
}

.advisor--chilled-water--schedule .weekend-input {
  width: 45px;
}

.advisor--control--control-potential {
  display: contents;
}

.advisor--control--control-potential .settings-table {
  font-size: 14px;
}

.advisor--cooling--free-cooling {
  display: contents;
}

.advisor--cooling--free-cooling .settings-table {
  font-size: 14px;
}

.advisor--cooling--free-cooling .capacity-input {
  width: 40px;
}

.advisor--cooling--free-cooling .additional-information, .advisor--district-cooling--consumption .segment-row {
  font-size: 13px;
}

.advisor--district-cooling--consumption .segment-color {
  color: var(--segment-color);
}

.advisor--district-cooling--penalty .progress-container {
  position: relative;
}

.advisor--district-cooling--penalty .penalty-scale {
  background-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border: 1px solid gray;
  border-radius: .25rem;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.advisor--district-cooling--penalty .penalty-scale-band {
  text-align: center;
  color: var(--color-white, #fff);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.advisor--district-cooling--penalty .annotation-text {
  top: 100%;
  left: var(--penalty-left);
  position: absolute;
}

.advisor--district-cooling--penalty .annotation-number-1 {
  position: absolute;
  top: -40%;
  left: 0%;
}

.advisor--district-cooling--penalty .annotation-number-2 {
  top: -40%;
  left: var(--penalty-left);
  position: absolute;
}

.advisor--district-cooling--penalty .annotation-number-3 {
  position: absolute;
  top: -40%;
  left: 97%;
}

.advisor--district-cooling--penalty .annotation-threshold {
  height: 73%;
  top: 0%;
  left: var(--penalty-left);
  border-left: 3px dashed orange;
  position: absolute;
}

.advisor--district-cooling--penalty .annotation {
  width: 3px;
  height: 100%;
  top: 0%;
  left: var(--penalty-left);
  background-color: #000;
  position: absolute;
}

.advisor--district-cooling--penalty .number {
  font-size: 40px;
}

.advisor--district-cooling--penalty .nopadding {
  margin: 0;
  padding: 0;
}

.advisor--district-cooling--penalty .number2_padding {
  margin: 0;
  padding-top: 10px;
  padding-left: 8px;
}

.advisor--district-cooling--penalty [data-penalty-layout="card-container"] {
  padding: 0;
}

.advisor--district-cooling--penalty [data-penalty-layout="card"] {
  width: 100%;
}

.advisor--district-cooling--penalty [data-penalty-layout="muted"] {
  color: #6b7280;
}

.advisor--district-cooling--penalty [data-penalty-layout="current-row"] {
  margin: -10px;
  padding-bottom: 0;
}

.advisor--district-cooling--penalty [data-penalty-layout="value-column"] {
  margin: 0;
  padding-bottom: 0;
}

.advisor--district-cooling--penalty [data-penalty-layout="preceding-row"] {
  margin-top: -20px;
  padding-bottom: 0;
}

.advisor--district-cooling--penalty [data-penalty-layout="label-column"] {
  margin: 0;
  padding-left: 7px;
}

.advisor--district-cooling--penalty [data-penalty-layout="threshold-row"] {
  margin-top: 0;
  padding-bottom: 0;
}

.advisor--district-cooling--penalty [data-penalty-layout="bar"] {
  height: 55px;
}

.advisor--district-cooling--penalty [data-penalty-layout="progress-green"] {
  background-color: #1a9780;
  height: 40px;
}

.advisor--district-cooling--penalty [data-penalty-layout="bar-red"] {
  width: var(--penalty-width);
  background-color: red;
}

.advisor--district-cooling--penalty [data-penalty-layout="bar-neutral"] {
  width: var(--penalty-width);
  background-color: #d3d3d3;
}

.advisor--district-cooling--penalty .segment-row, .advisor--district-cooling--penalty .penalty-details {
  font-size: 13px;
}

.advisor--district-cooling--penalty .change-alert {
  color: red;
}

.advisor--district-cooling--penalty .change-neutral {
  color: #000;
}

.advisor--district-cooling--penalty .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--baseload {
  display: contents;
}

.advisor--district-heating--baseload .segment-details {
  font-size: 13px;
}

.advisor--district-heating--baseload .segment-change {
  color: var(--segment-color);
}

.advisor--district-heating--circulated-water .circulated-water-figure {
  width: 100%;
  max-width: 100%;
}

.advisor--district-heating--circulated-water .segment-row {
  font-size: 13px;
}

.advisor--district-heating--circulated-water .change-alert {
  color: red;
}

.advisor--district-heating--circulated-water .change-neutral {
  color: #000;
}

.advisor--district-heating--circulated-water .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--consumption .consumption-figure {
  width: 100%;
  max-width: 100%;
}

.advisor--district-heating--consumption .profile-figure {
  visibility: hidden;
}

.advisor--district-heating--consumption .segment-row {
  font-size: 13px;
}

.advisor--district-heating--consumption .change-alert {
  color: red;
}

.advisor--district-heating--consumption .change-neutral {
  color: #000;
}

.advisor--district-heating--consumption .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--consumption-daily .segment-row {
  font-size: 13px;
}

.advisor--district-heating--consumption-daily .change-alert {
  color: red;
}

.advisor--district-heating--consumption-daily .change-neutral {
  color: #000;
}

.advisor--district-heating--consumption-daily .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--consumption-monthly, .advisor--district-heating--heat-profile {
  font-size: 13px;
}

.advisor--district-heating--peak {
  display: contents;
}

.advisor--district-heating--peak .segment-details {
  font-size: 13px;
}

.advisor--district-heating--peak .segment-change {
  color: var(--segment-color);
}

.advisor--district-heating--penalty .progress-container {
  position: relative;
}

.advisor--district-heating--penalty .penalty-scale {
  background-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border: 1px solid gray;
  border-radius: .25rem;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.advisor--district-heating--penalty .penalty-scale-band {
  text-align: center;
  color: var(--color-white, #fff);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.advisor--district-heating--penalty .annotation-text {
  top: 100%;
  left: var(--penalty-left);
  position: absolute;
}

.advisor--district-heating--penalty .annotation-number-1 {
  position: absolute;
  top: -40%;
  left: 0%;
}

.advisor--district-heating--penalty .annotation-number-2 {
  top: -40%;
  left: var(--penalty-left);
  position: absolute;
}

.advisor--district-heating--penalty .annotation-number-3 {
  position: absolute;
  top: -40%;
  left: 97%;
}

.advisor--district-heating--penalty .annotation-threshold {
  height: 73%;
  top: 0%;
  left: var(--penalty-left);
  border-left: 3px dashed orange;
  position: absolute;
}

.advisor--district-heating--penalty .annotation {
  width: 3px;
  height: 100%;
  top: 0%;
  left: var(--penalty-left);
  background-color: #000;
  position: absolute;
}

.advisor--district-heating--penalty .number {
  font-size: 40px;
}

.advisor--district-heating--penalty .nopadding {
  margin: 0;
  padding: 0;
}

.advisor--district-heating--penalty .number2_padding {
  margin: 0;
  padding-top: 10px;
  padding-left: 8px;
}

.advisor--district-heating--penalty .cooling-trace-toggle {
  --trace-color: #8a5cff;
  cursor: pointer;
  background: #e5e7eb;
  border-radius: 9999px;
  width: 2.75rem;
  height: 1.5rem;
  transition: background-color .15s ease-in-out;
  position: relative;
}

.advisor--district-heating--penalty .cooling-trace-toggle:after {
  content: "";
  background: #fff;
  border-radius: 9999px;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .15s ease-in-out;
  position: absolute;
  top: 2px;
  left: 2px;
}

.advisor--district-heating--penalty .cooling-trace-input:checked + .cooling-trace-toggle {
  background: var(--trace-color);
}

.advisor--district-heating--penalty .cooling-trace-input:checked + .cooling-trace-toggle:after {
  transform: translate(1.25rem);
}

.advisor--district-heating--penalty .cooling-trace-name {
  color: #6b7280;
  font-family: soehne;
  font-size: 15px;
  font-weight: 400;
}

.advisor--district-heating--penalty .cooling-toggles-panel {
  width: min(100%, 280px);
}

.advisor--district-heating--penalty .cooling-toggles-column {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 4px;
  display: flex;
}

.advisor--district-heating--penalty .cooling-figure-row {
  margin-left: -4px;
  margin-right: -4px;
}

.advisor--district-heating--penalty .cooling-figure-row > div {
  padding-left: 0;
  padding-right: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="card-stack"] {
  flex-direction: column;
  gap: 1.5rem;
  padding: 0;
  display: flex;
}

.advisor--district-heating--penalty [data-penalty-layout="wide-card"] {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.advisor--district-heating--penalty [data-penalty-layout="card-body"] {
  padding: 1.5rem;
}

.advisor--district-heating--penalty [data-penalty-layout="card-container"] {
  padding: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="card"] {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.advisor--district-heating--penalty [data-penalty-layout="muted"] {
  color: #6b7280;
}

.advisor--district-heating--penalty [data-penalty-layout="positive"] {
  color: #047857;
}

.advisor--district-heating--penalty [data-penalty-layout="negative"] {
  color: red;
}

.advisor--district-heating--penalty [data-penalty-layout="current-row"] {
  margin: -10px;
  padding-bottom: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="value-column"] {
  margin: 0;
  padding-bottom: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="preceding-row"] {
  margin-top: -20px;
  padding-bottom: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="comparison-row"] {
  margin-top: 8px;
  padding-bottom: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="label-column"] {
  margin: 0;
  padding-left: 7px;
}

.advisor--district-heating--penalty [data-penalty-layout="threshold-row"] {
  margin-top: 0;
  padding-bottom: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="delta-heading"] {
  margin-bottom: 6px;
  margin-left: 2px;
}

.advisor--district-heating--penalty [data-penalty-layout="heading"] {
  margin: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="delta-bar"] {
  width: 70%;
  height: 55px;
}

.advisor--district-heating--penalty .circulated-bar {
  margin-top: 28px;
}

.advisor--district-heating--penalty [data-penalty-layout="return-bar"] {
  width: 90%;
  height: 55px;
}

.advisor--district-heating--penalty [data-penalty-layout="progress-green"] {
  background-color: #1a9780;
  height: 40px;
}

.advisor--district-heating--penalty [data-penalty-layout="progress-high"] {
  background-color: #ff0000e6;
  height: 40px;
}

.advisor--district-heating--penalty [data-penalty-layout="progress-low"] {
  background-color: #ff000080;
  height: 40px;
}

.advisor--district-heating--penalty [data-penalty-layout="bar-red"] {
  width: var(--penalty-width);
  background-color: red;
}

.advisor--district-heating--penalty [data-penalty-layout="bar-green"] {
  width: var(--penalty-width);
  background-color: #1a9780;
}

.advisor--district-heating--penalty [data-penalty-layout="bar-neutral"] {
  width: var(--penalty-width);
  background-color: #d3d3d3;
}

.advisor--district-heating--penalty [data-penalty-layout="toggles"] {
  max-height: 520px;
  padding-top: 30px;
  overflow: auto;
}

.advisor--district-heating--penalty [data-penalty-layout="circulation-explanation"] {
  margin-left: 30px;
  display: block;
}

.advisor--district-heating--penalty .segment-row, .advisor--district-heating--penalty .penalty-details {
  font-size: 13px;
}

.advisor--district-heating--penalty .change-alert {
  color: red;
}

.advisor--district-heating--penalty .change-neutral {
  color: #000;
}

.advisor--district-heating--penalty .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--schedule .segment-row {
  font-size: 13px;
}

.advisor--district-heating--schedule .change-alert {
  color: red;
}

.advisor--district-heating--schedule .change-neutral {
  color: #000;
}

.advisor--district-heating--schedule .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--summer-close .segment-row {
  font-size: 13px;
}

.advisor--district-heating--summer-close .summer-dates {
  font-size: 14px;
}

.advisor--district-heating--summer-close .segment-color {
  color: var(--segment-color);
}

.advisor--district-heating--summer-close-daily .daily-segment {
  font-size: 13px;
}

.advisor--district-heating--summer-close-daily .daily-segment.hide {
  display: none;
}

.advisor--district-heating--summer-close-daily .daily-dates {
  font-size: 14px;
}

.advisor--district-heating--summer-close-daily [data-potential-color="#b91c1c"] {
  color: #b91c1c;
}

.advisor--district-heating--summer-close-daily [data-potential-color="#ca8a04"] {
  color: #ca8a04;
}

.advisor--district-heating--summer-close-daily [data-potential-color="#047857"] {
  color: #047857;
}

.advisor--district-heating--temperature-setback {
  font-size: 14px;
}

.advisor--electricity--baseload .segment-details {
  font-size: 13px;
}

.advisor--electricity--baseload .segment-change, .advisor--electricity--baseload20250403 .segment-change {
  color: var(--segment-color);
}

.advisor--electricity--key-segments .segment-details {
  font-size: 13px;
}

.advisor--electricity--key-segments .segment-change {
  color: var(--segment-color);
  background-color: var(--segment-background);
}

.advisor--electricity--peak .segment-details {
  font-size: 13px;
}

.advisor--electricity--peak .segment-change {
  color: var(--segment-color);
}

.advisor--electricity--peak20250403 .segment-details {
  font-size: 13px;
}

.advisor--electricity--peak20250403 .segment-change {
  color: var(--segment-color);
}

.advisor--gas--baseload {
  display: contents;
}

.advisor--gas--baseload .daily-compare-hidden {
  display: none;
}

.advisor--gas--baseload .segment-details {
  font-size: 13px;
}

.advisor--gas--baseload .segment-change {
  color: var(--segment-color);
}

.advisor--gas--baseload .segment-daily-compare-chart .nsewdrag, .advisor--gas--baseload .segment-daily-compare-chart .nsdrag, .advisor--gas--baseload .segment-daily-compare-chart .ewdrag {
  cursor: pointer !important;
}

.advisor--gas--consumption {
  display: contents;
}

.advisor--gas--consumption .consumption-figure {
  width: 100%;
  max-width: 100%;
}

.advisor--gas--consumption .profile-figures {
  display: none;
}

.advisor--gas--consumption .segment-details {
  font-size: 13px;
}

.advisor--gas--consumption .segment-alert {
  color: red;
}

.advisor--gas--consumption .segment-neutral {
  color: #000;
}

.advisor--gas--consumption .segment-change {
  color: var(--segment-color);
}

.advisor--gas--heat-profile {
  font-size: 13px;
}

.advisor--gas--heat-pump {
  display: contents;
}

.advisor--gas--heat-pump .suggested-pump {
  width: 100%;
  max-width: 26rem;
}

.advisor--gas--heat-pump .pump-details {
  font-size: 13px;
}

.advisor--gas--heat-pump .pump-table {
  font-size: 14px;
}

.advisor--gas--peak {
  display: contents;
}

.advisor--gas--peak .segment-details {
  font-size: 13px;
}

.advisor--gas--peak .segment-change {
  color: var(--segment-color);
}

.advisor--gas--schedule {
  display: contents;
}

.advisor--gas--schedule .segment-details {
  font-size: 13px;
}

.advisor--gas--schedule .segment-alert {
  color: red;
}

.advisor--gas--schedule .segment-neutral {
  color: #000;
}

.advisor--gas--schedule .segment-change {
  color: var(--segment-color);
}

.advisor--gas--summer-close {
  display: contents;
}

.advisor--gas--summer-close .segment-details {
  font-size: 13px;
}

.advisor--gas--summer-close .segment-change {
  color: var(--segment-color);
}

.advisor--gas--summer-close .summer-params {
  font-size: 14px;
}

.advisor--gas--summer-close-daily {
  display: contents;
}

.advisor--gas--summer-close-daily .segment-details {
  font-size: 13px;
}

.advisor--gas--summer-close-daily .segment-change {
  color: var(--segment-color);
}

.advisor--gas--summer-close-daily .summer-params {
  font-size: 14px;
}

.advisor--gas--temperature-setback {
  display: contents;
}

.advisor--gas--temperature-setback .setback-tabular {
  font-variant-numeric: tabular-nums;
}

.advisor--gas--temperature-setback .setback-details {
  font-size: 13px;
}

.advisor--gas--temperature-setback .setback-note {
  font-size: 11px;
}

.advisor--gas--temperature-setback .hidden {
  display: none;
}

.advisor--heat-pump--consumption:not(.segment-details) {
  display: contents;
}

.advisor--heat-pump--consumption .progress-container {
  position: relative;
}

.advisor--heat-pump--consumption .progress {
  border: 1px solid gray;
  font-weight: 500;
}

.advisor--heat-pump--consumption .annotation-text {
  position: absolute;
  top: 100%;
}

.advisor--heat-pump--consumption .annotation-number-1 {
  position: absolute;
  top: -40%;
  left: 0%;
}

.advisor--heat-pump--consumption .annotation-number-2 {
  position: absolute;
  top: -40%;
}

.advisor--heat-pump--consumption .annotation-number-3 {
  position: absolute;
  top: -40%;
  left: 97%;
}

.advisor--heat-pump--consumption .annotation-threshold {
  border-left: 3px dashed orange;
  height: 73%;
  position: absolute;
  top: 0%;
}

.advisor--heat-pump--consumption .annotation {
  background-color: #000;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0%;
}

.advisor--heat-pump--consumption .number {
  font-size: 40px;
}

.advisor--heat-pump--consumption .nopadding {
  margin: 0;
  padding: 0;
}

.advisor--heat-pump--consumption .number2_padding {
  margin: 0;
  padding-top: 10px;
  padding-left: 8px;
}

.advisor--heat-pump--consumption .summary-container {
  padding-bottom: 0%;
  padding-left: 0;
}

.advisor--heat-pump--consumption .summary-card {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  flex-direction: column;
  width: 16rem;
  min-width: 0;
  max-width: 100%;
  display: flex;
  position: relative;
}

.advisor--heat-pump--consumption .summary-subtitle {
  color: #6b7280;
}

.advisor--heat-pump--consumption .summary-row {
  margin: -10px;
  padding-bottom: 0;
}

.advisor--heat-pump--consumption .summary-value {
  margin: 0;
  padding-bottom: 0;
}

.advisor--heat-pump--consumption.segment-details {
  font-size: 13px;
}

.advisor--heat-pump--consumption .segment-change {
  color: var(--segment-color);
}

.advisor--heat-pump--cop {
  display: contents;
}

.advisor--heat-pump--cop .progress-container {
  position: relative;
}

.advisor--heat-pump--cop .progress {
  border: 1px solid gray;
  font-weight: 500;
}

.advisor--heat-pump--cop .annotation-text {
  position: absolute;
  top: 100%;
}

.advisor--heat-pump--cop .annotation-number-1 {
  position: absolute;
  top: -40%;
  left: 0%;
}

.advisor--heat-pump--cop .annotation-number-2 {
  position: absolute;
  top: -40%;
}

.advisor--heat-pump--cop .annotation-number-3 {
  position: absolute;
  top: -40%;
  left: 97%;
}

.advisor--heat-pump--cop .annotation-threshold {
  border-left: 3px dashed orange;
  height: 73%;
  position: absolute;
  top: 0%;
}

.advisor--heat-pump--cop .annotation {
  background-color: #000;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0%;
}

.advisor--heat-pump--cop .number {
  font-size: 40px;
}

.advisor--heat-pump--cop .nopadding {
  margin: 0;
  padding: 0;
}

.advisor--heat-pump--cop .number2_padding {
  margin: 0;
  padding-top: 10px;
  padding-left: 8px;
}

.advisor--heat-pump--cop .summary-container {
  padding: 0 0 0%;
}

.advisor--heat-pump--cop .summary-card {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.advisor--heat-pump--cop .summary-subtitle {
  color: #6b7280;
}

.advisor--heat-pump--cop .summary-row {
  margin: -10px;
  padding-bottom: 0;
}

.advisor--heat-pump--cop .summary-value {
  margin: 0;
  padding-bottom: 0;
}

.advisor--heat-pump--cop .performance-help {
  cursor: help;
}

.advisor--heat-pump--cop .additional-information {
  font-size: 13px;
}

.advisor--indoor-climate--indoor-climate .dataTables_length {
  color: #9ca3af;
  background-color: #fff;
  padding: 16px;
  font-size: 14px;
}

.advisor--indoor-climate--indoor-climate .dataTables_wrapper {
  background-color: #fff !important;
}

.advisor--indoor-climate--indoor-climate .dataTables_length label {
  margin-bottom: 0;
}

.advisor--indoor-climate--indoor-climate #indoor_climate_overview_table tbody tr:hover {
  cursor: pointer;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="summary"] {
  padding: 0;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="summary-card"] {
  width: 100%;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="total"] {
  margin-top: -20px;
  padding-bottom: 0;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="label"] {
  margin: 0;
  padding-bottom: 0;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="count"] {
  margin: 0;
  padding-left: 7px;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="subtotal"] {
  margin-top: 0;
  padding-bottom: 0;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="full-width"] {
  width: 100%;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="history"] {
  padding-left: 2%;
  font-size: 13px;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="explanation"] {
  padding-left: 2%;
}

.advisor--indoor-climate--indoor-climate [data-climate-tone="muted"] {
  color: #6b7280;
}

.advisor--indoor-climate--indoor-climate [data-climate-tone="good"] {
  color: green;
}

.advisor--indoor-climate--indoor-climate [data-climate-tone="bad"] {
  color: red;
}

.advisor--indoor-climate--indoor-climate [data-climate-tone="medium"] {
  color: #e2bb0e;
}

.advisor--indoor-climate--show .comfort-1 {
  color: green;
}

.advisor--indoor-climate--show .comfort-2 {
  color: #84af1f;
}

.advisor--indoor-climate--show .comfort-3 {
  color: #dfb016;
}

.advisor--indoor-climate--show .comfort-4 {
  color: #d1681d;
}

.advisor--indoor-climate--show .comfort-5 {
  color: #c80c0c;
}

.advisor--indoor-climate--show .zone-name {
  color: #8353ff;
}

.advisor--indoor-climate--show-savings .comfort-1 {
  color: green;
}

.advisor--indoor-climate--show-savings .comfort-2 {
  color: #84af1f;
}

.advisor--indoor-climate--show-savings .comfort-3 {
  color: #dfb016;
}

.advisor--indoor-climate--show-savings .comfort-4 {
  color: #d1681d;
}

.advisor--indoor-climate--show-savings .comfort-5 {
  color: #c80c0c;
}

.advisor--indoor-climate--show-savings .zone-name {
  color: #8353ff;
}

.advisor--indoor-climate--show-savings .zone-tabular {
  font-variant-numeric: tabular-nums;
}

.advisor--indoor-climate--temperature-setback .dataTables_length {
  color: #9ca3af;
  background-color: #fff;
  padding: 16px;
  font-size: 14px;
}

.advisor--indoor-climate--temperature-setback .dataTables_wrapper {
  background-color: #fff !important;
}

.advisor--indoor-climate--temperature-setback .dataTables_length label {
  margin-bottom: 0;
}

.advisor--indoor-climate--temperature-setback #indoor_climate_overview_table tbody tr:hover {
  cursor: pointer;
}

.advisor--indoor-climate--temperature-setback .saving-1 {
  color: green;
}

.advisor--indoor-climate--temperature-setback .saving-2 {
  color: #84af1f;
}

.advisor--indoor-climate--temperature-setback .saving-3 {
  color: #dfb016;
}

.advisor--indoor-climate--temperature-setback .saving-4 {
  color: #d1681d;
}

.advisor--indoor-climate--temperature-setback .saving-5 {
  color: #c80c0c;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="summary"] {
  padding: 0;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="summary-card"] {
  width: 100%;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="total"] {
  margin-top: -20px;
  padding-bottom: 0;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="label"] {
  margin: 0;
  padding-bottom: 0;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="count"] {
  margin: 0;
  padding-left: 7px;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="subtotal"] {
  margin-top: 0;
  padding-bottom: 0;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="full-width"] {
  width: 100%;
}

.advisor--indoor-climate--temperature-setback [data-climate-tone="muted"] {
  color: #6b7280;
}

.advisor--indoor-climate--temperature-setback [data-climate-tone="good"] {
  color: green;
}

.advisor--indoor-climate--temperature-setback [data-climate-tone="bad"] {
  color: red;
}

.advisor--indoor-climate--temperature-setback [data-climate-tone="medium"] {
  color: #e2bb0e;
}

.advisor--lighting--baseload {
  display: contents;
}

.advisor--lighting--baseload .segment-details {
  font-size: 13px;
}

.advisor--lighting--baseload .segment-change {
  color: var(--segment-color);
}

.advisor--lighting--schedule {
  display: contents;
}

.advisor--lighting--schedule .segment-details, .advisor--lighting--schedule .additional-information {
  font-size: 13px;
}

.advisor--lighting--schedule .segment-change {
  color: var(--segment-color);
}

.advisor--lighting--schedule .settings-table {
  font-size: 14px;
}

.advisor--lighting--schedule .hour-input {
  width: 25px;
}

.advisor--lighting--schedule .weekend-input {
  width: 45px;
}

.advisor--shared--savings-icon {
  background-color: #f3f4f6;
}

.advisor--shared--savings-icon > i {
  color: #6b7280;
}

.advisor--shared--savings-icon.savings-medium {
  background-color: #fefce8;
}

.advisor--shared--savings-icon.savings-medium > i {
  color: #ca8a04;
}

.advisor--shared--savings-icon.savings-high {
  background-color: #fef2f2;
}

.advisor--shared--savings-icon.savings-high > i {
  color: #b91c1c;
}

html[data-component-scopes~="advisor--solar-pv--decreased-production"] {
  overflow: hidden;
}

.advisor--solar-pv--decreased-production [data-figure="production_plot"], .advisor--solar-pv--decreased-production [data-figure="production_plot"] .plot-container, .advisor--solar-pv--decreased-production [data-figure="production_plot"] .svg-container {
  overflow: clip;
}

.advisor--solar-pv--decreased-production .production-capacity-bar {
  width: var(--production-capacity);
}

.advisor--solar-pv--decreased-production .production-chart {
  overflow: clip;
}

.advisor--solar-pv--decreased-production .production-segment {
  font-size: 13px;
}

.advisor--solar-pv--decreased-production .segment-change {
  color: var(--segment-color);
}

.advisor--solar-pv--decreased-production .production-input {
  width: fit-content;
}

.advisor--solar-pv--decreased-production [data-production-input="capacity"] {
  width: 3.5rem;
  min-width: 3.5rem;
  max-width: 3.5rem;
}

.advisor--solar-pv--decreased-production [data-production-input="angle"] {
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
}

.advisor--solar-pv--pv-installation [data-pv-layout="performance"] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

.advisor--solar-pv--pv-installation [data-pv-layout="financial"] {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.advisor--solar-pv--pv-installation [data-pv-layout="system"] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.advisor--solar-pv--pv-installation [data-pv-layout="commercial"] {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2px;
  display: grid;
}

.advisor--solar-pv--pv-installation [data-pv-layout="input"] {
  width: fit-content;
}

.advisor--solar-pv--pv-installation [data-pv-input] {
  width: var(--pv-input-width);
  min-width: var(--pv-input-width);
  max-width: var(--pv-input-width);
  appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.advisor--solar-pv--pv-installation [data-pv-input="angle"] {
  --pv-input-width: 2.75rem;
}

.advisor--solar-pv--pv-installation [data-pv-input="roof"] {
  --pv-input-width: 4.25rem;
}

.advisor--solar-pv--pv-installation [data-pv-input="storage"] {
  --pv-input-width: 3.25rem;
}

.advisor--solar-pv--pv-installation [data-pv-input="price"] {
  --pv-input-width: 4rem;
}

.advisor--solar-pv--pv-installation [data-pv-input="investment"] {
  --pv-input-width: 4.5rem;
}

.advisor--solar-pv--pv-installation [data-pv-state="recalculator"] {
  display: none;
}

.advisor--solar-pv--pv-installation [data-pv-control="relaunch"] {
  height: 36px;
}

.advisor--solar-pv--pv-installation [data-pv-control="status"] {
  height: 32px;
}

.advisor--solar-pv--pv-installation [data-pv-control="reload"] {
  height: 32px;
  animation: 1s infinite blink;
}

.advisor--solar-pv--pv-installation .hidden {
  display: none;
}

.advisor--solar-pv--run {
  font-size: 13px;
}

.advisor--ventilation--on-off-control {
  display: contents;
}

.advisor--ventilation--on-off-control .segment-details, .advisor--ventilation--on-off-control .additional-information {
  font-size: 13px;
}

.advisor--ventilation--on-off-control .segment-change {
  color: var(--segment-color);
}

.advisor--ventilation--on-off-control .settings-table {
  font-size: 14px;
}

.advisor--ventilation--on-off-control .time-input {
  width: 25px;
}

.advisor--ventilation--schedule {
  display: contents;
}

.advisor--ventilation--schedule .segment-details {
  font-size: 13px;
}

.advisor--ventilation--schedule .segment-change {
  color: var(--segment-color);
}

.advisor--ventilation--schedule .settings-table {
  font-size: 14px;
}

.advisor--ventilation--schedule .hour-input {
  width: 25px;
}

.advisor--ventilation--schedule .weekend-input {
  width: 45px;
}

.advisor--ventilation--schedule-old {
  display: contents;
}

.advisor--ventilation--schedule-old .segment-details, .advisor--ventilation--schedule-old .additional-information {
  font-size: 13px;
}

.advisor--ventilation--schedule-old .segment-change {
  color: var(--segment-color);
}

.advisor--ventilation--schedule-old .settings-table {
  font-size: 14px;
}

.advisor--ventilation--schedule-old .hour-input {
  width: 25px;
}

.advisor--ventilation--schedule-old .weekend-input {
  width: 45px;
}

.advisor--water--baseload {
  display: contents;
}

.advisor--water--baseload .segment-details {
  font-size: 13px;
}

.advisor--water--baseload .segment-change {
  color: var(--segment-color);
}

.advisor--water--consumption:not(.segment-details) {
  display: contents;
}

.advisor--water--consumption.segment-details {
  font-size: 13px;
}

.advisor--water--consumption .segment-change {
  color: var(--segment-color);
}

.advisor--water--peak {
  display: contents;
}

.advisor--water--peak .segment-details {
  font-size: 13px;
}

.advisor--water--peak .segment-change {
  color: var(--segment-color);
}

.agents--workspace--app-switch {
  color: #fff;
  white-space: nowrap;
  background: #8353ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.agents--workspace--app-switch:hover {
  color: #fff;
  background: #7440ff;
  text-decoration: none;
}

.agents--workspace--app-switch[data-destination="Hub"] {
  color: #6433cc;
  background: none;
  padding: 0;
}

.agents--workspace--app-switch[data-destination="Hub"]:hover {
  color: #5725c8;
  background: none;
  text-decoration: underline;
}

.agents--workspace--app-switch:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #ccbaff;
}

.agents--workspace--catalog {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--catalog [data-part="body"] {
  padding: 50px 28px 30px;
  overflow-y: auto;
}

.agents--workspace--catalog h1 {
  letter-spacing: -.04em;
  margin: 0 0 8px;
  font-size: 21px;
  font-weight: 800;
}

.agents--workspace--catalog [data-part="intro"] {
  color: #626b76;
  margin: 0 0 24px;
  font-size: 12px;
}

.agents--workspace--catalog [data-part="filters"] {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
  display: flex;
}

.agents--workspace--catalog [data-part="filters"] a {
  color: #626b76;
  background: #f7f8fa;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 10px;
}

.agents--workspace--catalog [data-part="filters"] a[aria-current] {
  color: #6433cc;
  background: #f3eeff;
}

.agents--workspace--catalog section {
  margin-top: 28px;
}

.agents--workspace--catalog h2 {
  color: #606872;
  text-transform: uppercase;
  letter-spacing: .05em;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.agents--workspace--catalog h2 span {
  text-transform: none;
  letter-spacing: 0;
  color: #626b76;
  font-size: 10px;
}

.agents--workspace--catalog ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.agents--workspace--catalog li {
  border-bottom: 1px solid #e8eaec;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  display: flex;
}

.agents--workspace--catalog li:last-child {
  border: 0;
}

.agents--workspace--catalog li:hover {
  background: #fcfbff;
}

.agents--workspace--catalog li > a {
  color: #0b1319;
  flex: 1;
  min-width: 0;
}

.agents--workspace--catalog strong {
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.agents--workspace--catalog small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.agents--workspace--catalog [data-part="workflow-icon"] {
  background: #f7f8fa;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

.agents--workspace--catalog [data-part="runs"] {
  text-align: right;
}

.agents--workspace--catalog [data-part="workflow-status"] {
  color: #626b76;
  background: #f7f8fa;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
}

.agents--workspace--catalog [data-part="run-link"] {
  color: #6433cc;
  border: 1px solid #d8c9ff;
  border-radius: 6px;
  flex: none;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 700;
}

.agents--workspace--catalog [data-part="empty"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  padding: 20px;
}

.agents--workspace--catalog [data-part="empty"] h2 {
  text-transform: none;
  color: #0b1319;
  font-size: 13px;
  font-weight: 600;
}

.agents--workspace--catalog [data-part="empty"] p {
  color: #626b76;
  margin-top: 10px;
  font-size: 12px;
}

@media (width <= 640px) {
  .agents--workspace--catalog [data-part="body"] {
    padding: 26px 18px;
  }

  .agents--workspace--catalog [data-part="runs"] {
    display: none;
  }
}

.agents--workspace--catalog [data-part="scope-note"] {
  color: #6433cc;
  background: #f3eeff;
  border: 1px solid #d8c9ff;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px 16px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--catalog [data-part="scope-note"] strong {
  font-size: 12px;
}

.agents--workspace--catalog [data-part="scope-note"] p {
  margin: 4px 0 0;
}

.agents--workspace--catalog [data-part="scope-note"] [data-part="clear-org"] {
  color: #6433cc;
  background: #fff;
  border: 1px solid #d8c9ff;
  border-radius: 8px;
  flex: none;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
}

.agents--workspace--catalog [data-part="scope-note"] [data-part="clear-org"]:hover {
  background: #fcfbff;
}

.agents--workspace--changeset-detail {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--changeset-detail > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--changeset-detail > header a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--changeset-detail [data-part="body"] {
  padding: 28px;
  overflow-y: auto;
}

.agents--workspace--changeset-directory {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--changeset-directory > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--changeset-directory > header a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--changeset-directory [data-part="body"] {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 36px 28px;
  overflow-y: auto;
}

.agents--workspace--changeset-directory h1 {
  letter-spacing: -.04em;
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 800;
}

.agents--workspace--changeset-directory input {
  border: 1px solid #e8eaec;
  border-radius: 7px;
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
}

.agents--workspace--changeset-directory ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.agents--workspace--changeset-directory li {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  padding: 12px 14px;
  font-size: 12px;
}

.agents--workspace--changeset-directory li:last-child {
  border-bottom: 0;
}

.agents--workspace--changeset-directory li:hover {
  background: #fcfbff;
}

.agents--workspace--changeset-directory li a {
  color: #0b1319;
  display: block;
}

.agents--workspace--changeset-directory li strong {
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.agents--workspace--changeset-directory li small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

@media (width <= 640px) {
  .agents--workspace--changeset-directory [data-part="body"] {
    padding: 24px 18px;
  }
}

.agents--workspace--chart {
  color: #0b1319;
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 16px 0;
  padding: 14px;
  display: block;
}

.agents--workspace--chart > header, .agents--workspace--chart [data-part="toolbar"], .agents--workspace--chart [data-part="dialog-head"] {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.agents--workspace--chart > header > div {
  flex: 1;
  min-width: 0;
}

.agents--workspace--chart h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.agents--workspace--chart header p, .agents--workspace--chart [data-part="context"] {
  color: #626b76;
  margin: 2px 0 0;
  font-size: 11px;
}

.agents--workspace--chart button, .agents--workspace--chart select, .agents--workspace--chart [data-part="toolbar"] a {
  color: #0b1319;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  padding: 5px 9px;
  font-size: 11px;
}

.agents--workspace--chart button:hover, .agents--workspace--chart [data-part="toolbar"] a:hover {
  background: #f3eeff;
}

.agents--workspace--chart button:focus-visible, .agents--workspace--chart select:focus-visible, .agents--workspace--chart a:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #b99aff;
}

.agents--workspace--chart [data-part="plot"] {
  width: 100%;
  height: 330px;
  min-height: 240px;
}

.agents--workspace--chart [data-part="legend"] {
  flex-wrap: wrap;
  gap: 5px;
  margin: 4px 0;
  display: flex;
}

.agents--workspace--chart [data-part="legend"] button[aria-pressed="false"] {
  color: #626b76;
  background: #f3f4f6;
  text-decoration: line-through;
}

.agents--workspace--chart [data-part="toolbar"] {
  margin: 8px 0;
}

.agents--workspace--chart [data-part="toolbar"] label {
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: flex;
}

.agents--workspace--chart [data-part="toolbar"] a {
  text-decoration: none;
}

.agents--workspace--chart [data-part="summary"] {
  margin: 7px 0;
  font-size: 11px;
}

.agents--workspace--chart [data-part="data-table"] {
  margin-top: 10px;
}

.agents--workspace--chart [data-part="data-table"] summary {
  cursor: pointer;
}

.agents--workspace--chart [data-part="table"] {
  max-height: 330px;
  overflow: auto;
}

.agents--workspace--chart table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.agents--workspace--chart th, .agents--workspace--chart td {
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #e8eaec;
  padding: 5px 7px;
}

.agents--workspace--chart th {
  background: #fff;
  position: sticky;
  top: 0;
}

.agents--workspace--chart [data-part="dialog"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  width: min(96vw, 1200px);
  max-width: none;
  padding: 16px;
}

.agents--workspace--chart [data-part="dialog"]::backdrop {
  background: #0b131970;
}

.agents--workspace--chart [data-part="dialog-head"] {
  justify-content: space-between;
}

.agents--workspace--chart [data-part="expanded-plot"] {
  width: 100%;
  height: min(72vh, 680px);
}

.agents--workspace--chart [hidden] {
  display: none !important;
}

@media (width <= 640px) {
  .agents--workspace--chart {
    padding: 10px;
  }

  .agents--workspace--chart [data-part="plot"] {
    height: 270px;
  }

  .agents--workspace--chart [data-part="dialog"] {
    padding: 8px;
  }
}

.agents--workspace--composer form {
  background: #fff;
  border: 1px solid #dedee5;
  border-radius: 10px;
  transition: border-color .15s;
  overflow: hidden;
}

.agents--workspace--composer form:focus-within, .agents--workspace--composer form[data-submitting] {
  border-color: #a386ed;
  box-shadow: 0 0 0 3px #f3eeff;
}

.agents--workspace--composer textarea {
  resize: none;
  background: none;
  border: 0;
  outline: none;
  width: 100%;
  max-height: 200px;
  padding: 14px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.agents--workspace--composer textarea:focus-visible {
  outline: none;
}

.agents--workspace--composer textarea::placeholder {
  color: #858a94;
}

.agents--workspace--composer form[data-submitting] textarea {
  cursor: progress;
  background: #fcfaff;
}

.agents--workspace--composer [data-part="toolbar"] {
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}

.agents--workspace--composer [data-part="attach"] {
  color: #606872;
  cursor: pointer;
  border: 1px solid #e8eaec;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 10px;
  position: relative;
  overflow: hidden;
}

.agents--workspace--composer [data-part="attach"]:focus-within {
  outline: 2px solid #8353ff;
}

.agents--workspace--composer form[data-submitting] [data-part="attach"] {
  opacity: .5;
  pointer-events: none;
}

.agents--workspace--composer input[type="file"] {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  position: absolute;
  inset: 0;
}

.agents--workspace--composer [data-part="hint"] {
  color: #626b76;
  font-size: 10px;
}

.agents--workspace--composer button[type="submit"] {
  color: #fff;
  background: #8353ff;
  border: 0;
  border-radius: 7px;
  margin-left: auto;
  padding: 6px 10px;
  font-size: 11px;
}

.agents--workspace--composer button[data-submitting] {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.agents--workspace--composer button[data-submitting]:before {
  content: "";
  border: 2px solid #fff8;
  border-top-color: #fff;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  animation: .7s linear infinite agent-send-spin;
}

.agents--workspace--composer button:disabled {
  opacity: .45;
  cursor: default;
}

.agents--workspace--composer button[data-submitting]:disabled {
  opacity: 1;
  cursor: progress;
}

.agents--workspace--composer [data-part="note"] {
  color: #626b76;
  text-align: center;
  margin: 8px 0 0;
  font-size: 10px;
}

.agents--workspace--composer [data-part="attachments"] {
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 10px;
  display: flex;
}

.agents--workspace--composer [data-part="attachments"] button {
  color: #6433cc;
  overflow-wrap: anywhere;
  background: #f3eeff;
  border: 0;
  border-radius: 4px;
  max-width: 100%;
  padding: 4px 8px;
  font-size: 10px;
}

@media (width <= 640px) {
  .agents--workspace--composer [data-part="hint"] {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agents--workspace--composer button[data-submitting]:before {
    animation: none;
  }
}

@keyframes agent-send-spin {
  to {
    transform: rotate(360deg);
  }
}

.agents--workspace--conversation {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.agents--workspace--conversation [data-part="scroll"] {
  overscroll-behavior: contain;
  scroll-behavior: auto;
  flex: 1;
  min-height: 0;
  padding: 24px 28px;
  overflow-y: auto;
}

.agents--workspace--conversation [data-part="scroll"] > div {
  max-width: 860px;
  margin: 0 auto;
}

.agents--workspace--conversation [data-part="composer"] {
  background: #fff;
  flex: none;
  padding: 12px 22px 14px;
}

.agents--workspace--conversation [data-part="connection"] {
  color: #854d0e;
  background: #fefce8;
  padding: 8px 20px;
  font-size: 11px;
}

.agents--workspace--conversation [data-part="latest"] {
  color: #6433cc;
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  align-self: center;
  padding: 6px 12px;
  font-size: 11px;
  position: absolute;
  bottom: 160px;
  box-shadow: 0 2px 8px #0b131912;
}

.agents--workspace--conversation [hidden] {
  display: none !important;
}

@media (width >= 1100px) {
  .agents--workspace--conversation .agents--workspace--investigation [data-part="resource-dock"] {
    z-index: 5;
    margin: 0;
    position: absolute;
    top: 20px;
    right: 24px;
  }

  .agents--workspace--conversation [data-part="scroll"], .agents--workspace--conversation [data-part="composer"] {
    padding-right: 316px;
  }

  .agents--workspace--conversation [data-part="composer"] > div {
    max-width: 860px;
    margin: 0 auto;
  }
}

@media (width >= 1100px) and (width <= 1199px) {
  .agents--workspace--conversation .agents--workspace--investigation [data-part="resource-dock"] {
    right: 16px;
  }
}

@media (width <= 640px) {
  .agents--workspace--conversation [data-part="scroll"] {
    padding: 20px 16px;
  }

  .agents--workspace--conversation [data-part="composer"] {
    padding: 10px 16px;
  }
}

.agents--workspace--inbox {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--inbox [data-part="new"] a[data-part="outside-org"] {
  color: #6433cc;
  background: none;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 400;
}

.agents--workspace--inbox [data-part="new"] {
  padding: 14px 12px 8px;
}

.agents--workspace--inbox [data-part="new"] a {
  text-align: center;
  color: #fff;
  background: #8353ff;
  border-radius: 8px;
  padding: 7px 8px;
  font-size: 12px;
  font-weight: 600;
  display: block;
}

.agents--workspace--inbox [data-part="new"] a:hover {
  background: #7440ff;
}

.agents--workspace--inbox form {
  padding: 0 12px 12px;
}

.agents--workspace--inbox input {
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 6px;
  width: 100%;
  padding: 7px 8px;
  font-size: 11px;
}

.agents--workspace--inbox [data-part="list"] {
  flex: 1;
  padding: 0 6px 16px;
  overflow-y: auto;
}

.agents--workspace--inbox [data-part="sessions-label"] {
  color: #0b1319;
  margin: 10px 10px 2px;
  font-size: 12px;
  font-weight: 600;
}

.agents--workspace--inbox [data-part="sessions-hint"] {
  color: #626b76;
  margin: 0 10px 14px;
  font-size: 10px;
}

.agents--workspace--inbox [data-part="search-label"] {
  color: #626b76;
  margin: 8px;
  font-size: 11px;
}

.agents--workspace--inbox [data-part="hit"] {
  color: #0b1319;
  padding: 6px 10px;
  display: block;
}

.agents--workspace--inbox small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.agents--workspace--inbox details > summary {
  color: #626b76;
  text-transform: uppercase;
  letter-spacing: .04em;
  justify-content: space-between;
  margin: 18px 10px 6px;
  font-size: 10px;
  display: flex;
}

.agents--workspace--inbox footer {
  border-top: 1px solid #e8eaec;
  align-items: center;
  gap: 9px;
  padding: 14px 16px;
  display: flex;
}

.agents--workspace--inbox [data-part="tools"] {
  border-top: 1px solid #e8eaec;
  padding: 8px 12px;
}

.agents--workspace--inbox [data-part="tools"] a {
  color: #626b76;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.agents--workspace--inbox [data-part="tools"] a:hover, .agents--workspace--inbox [data-part="tools"] a[aria-current] {
  color: #6433cc;
  background: #f3eeff;
}

.agents--workspace--inbox footer strong {
  font-size: 11px;
  font-weight: 600;
}

.agents--workspace--inbox [data-part="avatar"] {
  color: #fff;
  background: #8353ff;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 11px;
  display: grid;
}

.agents--workspace--inbox-group {
  margin-top: 18px;
}

.agents--workspace--inbox-group h2 {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #626b76;
  justify-content: space-between;
  margin: 0 0 5px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.agents--workspace--inbox-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.agents--workspace--inbox-group a {
  color: #0b1319;
  border-radius: 6px;
  gap: 7px;
  padding: 8px 9px;
  display: flex;
}

.agents--workspace--inbox-group a:hover {
  background: #f0f1f3;
}

.agents--workspace--inbox-group a[aria-current] {
  background: #f3eeff;
}

.agents--workspace--inbox-group a > div {
  min-width: 0;
}

.agents--workspace--inbox-group strong {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.agents--workspace--inbox-group small {
  color: #626b76;
  align-items: baseline;
  gap: 5px;
  margin-top: 2px;
  font-size: 10px;
  display: flex;
}

.agents--workspace--inbox-group small span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.agents--workspace--inbox-group small time {
  color: #626b76;
  white-space: nowrap;
  flex: none;
}

.agents--workspace--inbox-group [data-part="dot"] {
  border: 1px solid #a7adb4;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 5px;
}

.agents--workspace--inbox-group[data-tone="active"] [data-part="dot"] {
  background: #8353ff;
  border-color: #8353ff;
}

.agents--workspace--inbox-group[data-tone="attention"] [data-part="dot"] {
  background: #9b7b0d;
  border-color: #9b7b0d;
  border-radius: 2px;
}

.agents--workspace--inbox-group [data-part="empty"] {
  color: #626b76;
  padding: 5px 10px;
  font-size: 10px;
}

.agents--workspace--investigation {
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.75;
}

.agents--workspace--investigation h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.agents--workspace--investigation [data-part="user"] {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 26px;
  display: flex;
}

.agents--workspace--investigation [data-part="user"] p {
  white-space: normal;
  flex: 1;
  min-width: 0;
  margin: 0;
}

.agents--workspace--investigation [data-part="message-time"] {
  color: #626b76;
  white-space: nowrap;
  flex: none;
  font-size: 10px;
  line-height: 1.8;
}

.agents--workspace--investigation [data-part="avatar"] {
  color: #fff;
  background: #8353ff;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 9px;
  display: grid;
}

.agents--workspace--investigation [data-part="plan"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 0 0 26px 12px;
  padding: 12px;
}

.agents--workspace--investigation [data-part="plan-heading"] {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.agents--workspace--investigation [data-part="plan-heading"] h2 {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #626b76;
  font-size: 10px;
  font-weight: 500;
}

.agents--workspace--investigation [data-part="plan-heading"] span {
  color: #626b76;
  font-size: 10px;
}

.agents--workspace--investigation [data-part="plan"] ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.agents--workspace--investigation [data-part="plan"] li {
  color: #626b76;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  font-size: 11px;
  display: flex;
}

.agents--workspace--investigation [data-part="plan"] li[data-state="running"], .agents--workspace--investigation [data-part="plan"] li[data-state="in_progress"] {
  color: #0b1319;
  background: #f3eeff;
  font-weight: 600;
}

.agents--workspace--investigation [data-part="findings"] {
  color: #34404b;
  margin: 0 0 20px 18px;
}

.agents--workspace--investigation [data-part="findings"] ul {
  margin: 4px 0 0;
  padding-left: 18px;
}

.agents--workspace--investigation [data-part="marker"] {
  background: #fff;
  border: 1px solid #d5d9dd;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
}

.agents--workspace--investigation [data-state="completed"] > [data-part="marker"], .agents--workspace--investigation [data-state="completed"] > div > [data-part="marker"] {
  background: #e6f8f0;
  border-color: #027d5f;
}

.agents--workspace--investigation [data-state="running"] > [data-part="marker"], .agents--workspace--investigation [data-state="running"] > div > [data-part="marker"] {
  border: 2px solid #e4d9ff;
  border-top-color: #8353ff;
  animation: 1s linear infinite agent-spin;
}

.agents--workspace--investigation [data-part="timeline"] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.agents--workspace--investigation [data-part="step"] {
  border-left: 1px solid #e8eaec;
  margin-left: 17px;
  padding: 0 0 24px 18px;
}

.agents--workspace--investigation [data-part="step-heading"] {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.agents--workspace--investigation [data-part="step-heading"] > [data-part="marker"] {
  position: absolute;
  left: -24px;
}

.agents--workspace--investigation [data-part="step-status"] {
  color: #626b76;
  white-space: nowrap;
  margin-left: auto;
  font-size: 10px;
}

.agents--workspace--investigation [data-part="step-status"] time, .agents--workspace--investigation [data-state="pending"] {
  color: #626b76;
}

.agents--workspace--investigation details {
  margin: 7px 0;
}

.agents--workspace--investigation summary {
  color: #626b76;
  font-size: 11px;
}

.agents--workspace--investigation [data-part="tool-group"] {
  background: #fbfbfc;
  border: 1px solid #e8eaec;
  border-radius: 7px;
  margin: 12px 0;
}

.agents--workspace--investigation [data-part="tool-group"] > summary {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.agents--workspace--investigation [data-part="tool-group"] > summary::-webkit-details-marker {
  display: none;
}

.agents--workspace--investigation [data-part="tool-group"] > summary:before {
  content: "";
  border-bottom: 1px solid;
  border-right: 1px solid;
  flex: none;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
}

.agents--workspace--investigation [data-part="tool-group"][open] > summary:before {
  transform: rotate(45deg);
}

.agents--workspace--investigation [data-part="tool-group-icon"] {
  color: #8353ff;
  font-size: 15px;
  line-height: 1;
}

.agents--workspace--investigation [data-part="tool-group-running"] {
  color: #8353ff;
  margin-left: auto;
  font-weight: 500;
}

.agents--workspace--investigation [data-part="tool-list"] {
  border-top: 1px solid #e8eaec;
  padding: 5px 9px 9px;
}

.agents--workspace--investigation [data-part="tool"] {
  background: #f7f8fa;
  border: 1px solid #f0f1f3;
  border-radius: 5px;
  overflow: hidden;
}

.agents--workspace--investigation [data-part="tool"][data-state="running"] {
  background: #f8f5ff;
  border-color: #ded0ff;
}

.agents--workspace--investigation [data-part="tool"][data-state="failed"] {
  border-color: #f3bac9;
}

.agents--workspace--investigation [data-part="tool"] summary {
  align-items: center;
  gap: 7px;
  padding: 5px 9px;
  list-style: none;
  display: flex;
}

.agents--workspace--investigation [data-part="tool"] summary::-webkit-details-marker {
  display: none;
}

.agents--workspace--investigation [data-part="tool"] summary:before {
  content: "";
  border-bottom: 1px solid #626b76;
  border-right: 1px solid #626b76;
  flex: none;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
}

.agents--workspace--investigation [data-part="tool"][open] summary:before {
  transform: rotate(45deg);
}

.agents--workspace--investigation [data-part="tool"] strong {
  color: #7546d5;
  font-weight: 500;
}

.agents--workspace--investigation [data-part="tool"] summary > span:last-child {
  text-align: right;
  margin-left: auto;
  font-size: 10px;
}

.agents--workspace--investigation [data-part="tool"] h3 {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #626b76;
  margin: 10px 10px 0;
  font-size: 9px;
}

.agents--workspace--investigation [data-part="markdown"] {
  color: #3c454c;
  margin-top: 16px;
}

.agents--workspace--investigation [data-part="markdown"] p {
  margin: 0 0 12px;
}

.agents--workspace--investigation [data-answer] {
  color: #26313a;
  font-size: 13px;
  line-height: 1.7;
}

.agents--workspace--investigation [data-answer] > :first-child {
  margin-top: 0;
}

.agents--workspace--investigation [data-answer] > :last-child {
  margin-bottom: 0;
}

.agents--workspace--investigation [data-answer] p + p, .agents--workspace--investigation [data-answer] p + ul, .agents--workspace--investigation [data-answer] p + ol, .agents--workspace--investigation [data-answer] ul + p, .agents--workspace--investigation [data-answer] ol + p {
  margin-top: 12px;
}

.agents--workspace--investigation [data-part="markdown"] h1, .agents--workspace--investigation [data-part="markdown"] h2, .agents--workspace--investigation [data-part="markdown"] h3 {
  color: #0b1319;
  margin: 22px 0 9px;
  font-size: 15px;
  font-weight: 700;
}

.agents--workspace--investigation [data-part="markdown"] ul, .agents--workspace--investigation [data-part="markdown"] ol {
  margin: 0 0 16px;
  padding-left: 20px;
}

.agents--workspace--investigation [data-answer] li + li {
  margin-top: 4px;
}

.agents--workspace--investigation [data-answer] strong {
  color: #0b1319;
}

.agents--workspace--investigation [data-part="markdown"] a {
  color: #7546d5;
  text-decoration: underline;
}

.agents--workspace--investigation [data-part="markdown"] table {
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
  width: max-content;
  min-width: 100%;
  max-width: 100%;
  margin: 14px 0 18px;
  font-size: 11px;
  line-height: 1.45;
  display: block;
  overflow-x: auto;
}

.agents--workspace--investigation [data-part="markdown"] [data-part="table-scroll"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  max-width: 100%;
  margin: 14px 0 18px;
  overflow-x: auto;
}

.agents--workspace--investigation [data-part="markdown"] [data-part="table-scroll"] table {
  max-width: none;
  margin: 0;
  display: table;
}

.agents--workspace--investigation [data-part="markdown"] td, .agents--workspace--investigation [data-part="markdown"] th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border-bottom: 1px solid #e8eaec;
  padding: 7px 10px;
}

.agents--workspace--investigation [data-part="markdown"] thead th {
  color: #34404b;
  background: #f7f8fa;
  font-weight: 700;
}

.agents--workspace--investigation [data-part="markdown"] tbody tr:last-child td {
  border-bottom: 0;
}

.agents--workspace--investigation [data-part="markdown"] tbody tr:hover {
  background: #faf8ff;
}

.agents--workspace--investigation [data-part="markdown"] [data-numeric="true"] {
  text-align: right;
}

.agents--workspace--investigation [data-part="markdown"] th button {
  width: 100%;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  text-align: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 0;
  display: inline-flex;
}

.agents--workspace--investigation [data-part="markdown"] th[data-numeric="true"] button {
  justify-content: flex-end;
}

.agents--workspace--investigation [data-part="markdown"] th button:after {
  content: "";
  border-bottom: 1px solid #9ba3af;
  border-right: 1px solid #9ba3af;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  transform: rotate(45deg);
}

.agents--workspace--investigation [data-part="markdown"] th[aria-sort="ascending"] button:after {
  border-color: #7546d5;
  transform: rotate(225deg);
}

.agents--workspace--investigation [data-part="markdown"] th[aria-sort="descending"] button:after {
  border-color: #7546d5;
}

.agents--workspace--investigation [data-part="markdown"] th button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #8353ff;
}

.agents--workspace--investigation [data-part="working"] {
  color: #8353ff;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 11px;
  display: flex;
}

.agents--workspace--investigation [data-part="pulse"] {
  background: #8353ff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.4s infinite agent-pulse;
}

.agents--workspace--investigation [data-part="inline-review"] {
  background: #fbf9ff;
  border: 1px solid #d9c9f7;
  border-left: 4px solid #8353ff;
  border-radius: 12px;
  margin: 18px 0 26px;
  padding: 16px;
  box-shadow: 0 5px 20px #5428a50c;
}

.agents--workspace--investigation [data-part="inline-review-heading"] {
  cursor: pointer;
  color: #626b76;
  letter-spacing: .04em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.agents--workspace--investigation [data-part="inline-review-heading"]::-webkit-details-marker {
  display: none;
}

.agents--workspace--investigation [data-part="inline-review-heading"] > span:last-child {
  color: #8051dc;
  letter-spacing: 0;
  text-transform: none;
  background: #f0e8ff;
  border-radius: 999px;
  flex: none;
  padding: 4px 8px;
}

.agents--workspace--investigation [data-part="inline-review-heading"] > span:first-child {
  color: #3b2462;
}

.agents--workspace--investigation [data-part="inline-review"][data-changeset-status="applied"] [data-part="inline-review-heading"] > span:last-child {
  color: #18734b;
  background: #e7f7ef;
}

.agents--workspace--investigation [data-part="inline-review"][data-changeset-status="rejected"] [data-part="inline-review-heading"] > span:last-child {
  color: #b63653;
  background: #fff0f2;
}

.agents--workspace--investigation [data-part="inline-review"][open] [data-part="inline-review-heading"] > span:last-child > span {
  display: inline-block;
  transform: rotate(180deg);
}

.agents--workspace--investigation [data-part="inline-review-body"] {
  border-top: 1px solid #e8ddfa;
  margin-top: 14px;
  padding-top: 13px;
}

.agents--workspace--investigation [data-part="inline-review-body"] > a {
  color: #7546d5;
  margin-bottom: 14px;
  font-size: 11px;
  display: inline-block;
}

.agents--workspace--investigation [data-part="inline-review"] article {
  max-width: none;
}

.agents--workspace--investigation [data-part="inline-review"] h1 {
  font-size: 15px;
  line-height: 1.4;
}

.agents--workspace--investigation [data-part="inline-review-pending"] {
  color: #626b76;
  font-size: 11px;
}

.agents--workspace--investigation [data-part="inline-review-pending"] strong {
  color: #0b1319;
  font-size: 13px;
  display: block;
}

.agents--workspace--investigation [data-part="inline-review-pending"] p {
  margin: 6px 0 0;
}

.agents--workspace--investigation [data-part="resource-dock"] {
  color: #20232b;
  background: #fff;
  border: 1px solid #e6e2ee;
  border-radius: 18px;
  width: min(286px, 100%);
  margin: 20px 0 0 auto;
  overflow: hidden;
  box-shadow: 0 10px 36px #25113d17, 0 2px 8px #25113d0a;
}

.agents--workspace--investigation [data-part="resource-dock"] > summary {
  color: #34313d;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  margin: 0;
  padding: 10px 13px;
  font-size: 11px;
  font-weight: 700;
  list-style: none;
  display: flex;
}

.agents--workspace--investigation [data-part="resource-dock"] > summary::-webkit-details-marker {
  display: none;
}

.agents--workspace--investigation [data-part="resource-icon"] {
  color: #7546d5;
  background: #f2ebff;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 14px;
  display: grid;
}

.agents--workspace--investigation [data-part="resource-count"] {
  color: #7546d5;
  background: #f3eeff;
  border-radius: 9px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.agents--workspace--investigation [data-part="resource-chevron"] {
  color: #8b8794;
  margin-left: auto;
  transition: transform .15s;
}

.agents--workspace--investigation [data-part="resource-dock"]:not([open]) [data-part="resource-chevron"] {
  transform: rotate(180deg);
}

.agents--workspace--investigation [data-part="resource-body"] {
  max-height: min(48vh, 360px);
  padding: 0 12px 10px;
  overflow-y: auto;
}

.agents--workspace--investigation [data-part="resource-body"] section {
  border-top: 1px solid #efedf2;
  padding: 9px 0 4px;
}

.agents--workspace--investigation [data-part="resource-body"] h2 {
  color: #62606a;
  letter-spacing: .04em;
  text-transform: uppercase;
  justify-content: space-between;
  margin: 0 0 5px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.agents--workspace--investigation [data-part="resource-body"] a {
  color: #34313d;
  border-radius: 7px;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 5px 6px;
  display: flex;
}

.agents--workspace--investigation [data-part="resource-body"] a:hover {
  color: #6433cc;
  background: #f7f3ff;
}

.agents--workspace--investigation [data-part="resource-changeset"] {
  background: #faf7ff;
  border: 1px solid #e5d9fb;
  margin-top: 4px;
}

.agents--workspace--investigation [data-part="resource-changeset"] [data-part="resource-type"] {
  color: #6840b5;
  background: #eee5ff;
}

.agents--workspace--investigation [data-part="resource-body"] a strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.agents--workspace--investigation [data-part="resource-body"] a small {
  color: #62606a;
  flex: none;
  font-size: 9px;
}

.agents--workspace--investigation [data-part="resource-type"] {
  color: #625b69;
  background: #f4f4f6;
  border-radius: 4px;
  flex: none;
  padding: 2px 4px;
  font-size: 9px;
}

.agents--workspace--investigation [data-part="resource-body"] > p {
  color: #62606a;
  border-top: 1px solid #efedf2;
  margin: 0;
  padding: 10px 5px 2px;
  font-size: 10px;
}

.agents--workspace--investigation [data-part="resource-footer"] {
  background: #fcfbfe;
  border-top: 1px solid #eae5f2;
  padding: 10px 12px 12px;
}

.agents--workspace--investigation [data-part="resource-session-state"] {
  color: #77717e;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  display: flex;
}

.agents--workspace--investigation [data-part="resource-session-state"] strong {
  color: #494053;
  font-weight: 700;
}

.agents--workspace--investigation [data-part="resource-actions"] {
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.agents--workspace--investigation [data-part="resource-actions"]:not(:has(form)) {
  display: none;
}

.agents--workspace--investigation [data-part="resource-actions"] form {
  flex: 1;
  min-width: 0;
}

.agents--workspace--investigation [data-part="resource-actions"] button {
  white-space: nowrap;
  width: 100%;
  min-height: 30px;
  padding: 5px 7px;
  font-size: 10px;
}

.agents--workspace--investigation [data-part="workflow-action"] button {
  color: #6433cc;
  background: #f1eaff;
  box-shadow: inset 0 0 0 1px #e4d6ff;
}

.agents--workspace--investigation [data-part="workflow-action"] button:hover {
  color: #5725c8;
  background: #e9ddff;
}

.agents--workspace--investigation [data-part="done-action"] button {
  background: var(--color-ento-900);
  color: #fff;
}

.agents--workspace--investigation [data-part="done-action"] button:hover {
  background: var(--color-ento-950);
}

.agents--workspace--investigation [data-part="input"], .agents--workspace--investigation [data-part="approval"], .agents--workspace--investigation [data-part="error"] {
  background: #fefce8;
  border: 1px solid #e9d997;
  border-radius: 8px;
  margin: 20px 0;
  padding: 14px;
}

.agents--workspace--investigation [data-part="error"] {
  background: #fff0f2;
  border-color: #f3bac9;
}

.agents--workspace--investigation [data-part="input"] label, .agents--workspace--investigation [data-part="approval"] label {
  margin: 10px 0;
  display: block;
}

.agents--workspace--investigation [data-part="input"] input, .agents--workspace--investigation [data-part="input"] select, .agents--workspace--investigation [data-part="input"] textarea, .agents--workspace--investigation [data-part="approval"] textarea {
  background: #fff;
  border: 1px solid #d5d9dd;
  border-radius: 4px;
  width: 100%;
  padding: 6px;
  display: block;
}

.agents--workspace--investigation [data-part="approval"] form > div {
  gap: 8px;
  display: flex;
}

.agents--workspace--investigation [data-part="approval"] button {
  color: #fff;
  background: #8353ff;
  border: 0;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--investigation [data-part="approval"] button[value="reject"] {
  color: #6b3445;
  background: #fff;
  border: 1px solid #d5d9dd;
}

@media (prefers-reduced-motion: reduce) {
  .agents--workspace--investigation [data-part="marker"], .agents--workspace--investigation [data-part="pulse"] {
    animation: none !important;
  }
}

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

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

.agents--workspace--report-detail {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--report-detail > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--report-detail > header a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--report-detail [data-part="body"] {
  padding: 25px;
  overflow-y: auto;
}

.agents--workspace--report-detail [data-part="heading"] {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.agents--workspace--report-detail h1 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 20px;
  font-weight: 800;
}

.agents--workspace--report-detail p {
  color: #626b76;
  margin: 3px 0;
  font-size: 11px;
}

.agents--workspace--report-detail [data-part="actions"] {
  gap: 8px;
  display: flex;
}

.agents--workspace--report-detail [data-part="actions"] a, .agents--workspace--report-detail button {
  color: #6433cc;
  background: #fff;
  border: 1px solid #d8c9ff;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--report-detail iframe {
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  width: 100%;
  height: 72vh;
  min-height: 650px;
  display: block;
}

.agents--workspace--report-detail [data-part="theme"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  max-width: 580px;
  margin-top: 18px;
  padding: 14px;
}

.agents--workspace--report-detail [data-part="theme"] summary {
  color: #6433cc;
  font-size: 12px;
  font-weight: 700;
}

.agents--workspace--report-detail [data-part="theme"] form {
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.agents--workspace--report-detail [data-part="theme"] label {
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}

.agents--workspace--report-detail [data-part="theme"] input:not([type="checkbox"]), .agents--workspace--report-detail [data-part="theme"] select, .agents--workspace--report-detail [data-part="theme"] textarea {
  border: 1px solid #dce0e5;
  border-radius: 5px;
  width: 100%;
  padding: 7px;
  font-size: 11px;
}

.agents--workspace--report-detail [data-part="theme"] button {
  color: #fff;
  background: #8353ff;
  border-color: #8353ff;
  width: fit-content;
}

.agents--workspace--report-detail [data-part="delete"] {
  margin-top: 20px;
}

.agents--workspace--report-detail [data-part="delete"] button {
  color: #9c3550;
  border-color: #efc8d2;
}

@media (width <= 640px) {
  .agents--workspace--report-detail [data-part="body"] {
    padding: 18px;
  }

  .agents--workspace--report-detail [data-part="heading"] {
    display: block;
  }
}

.agents--workspace--report-directory {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--report-directory > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--report-directory > header a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--report-directory [data-part="body"] {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 36px 28px;
  overflow-y: auto;
}

.agents--workspace--report-directory h1 {
  letter-spacing: -.04em;
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 800;
}

.agents--workspace--report-directory input {
  border: 1px solid #e8eaec;
  border-radius: 7px;
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
}

.agents--workspace--report-directory ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.agents--workspace--report-directory li {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  padding: 12px 14px;
  font-size: 12px;
}

.agents--workspace--report-directory li:last-child {
  border-bottom: 0;
}

.agents--workspace--report-directory li:hover {
  background: #fcfbff;
}

.agents--workspace--report-directory li a {
  color: #0b1319;
  display: block;
}

.agents--workspace--report-directory li strong {
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.agents--workspace--report-directory li small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

@media (width <= 640px) {
  .agents--workspace--report-directory [data-part="body"] {
    padding: 24px 18px;
  }
}

.agents--workspace--workflow-create {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--workflow-create > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--workflow-create > header a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--workflow-create [data-part="body"] {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 32px 28px;
  overflow-y: auto;
}

.agents--workspace--workflow-create h1 {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 22px;
  font-weight: 800;
}

.agents--workspace--workflow-create p {
  color: #626b76;
  margin: 5px 0 18px;
  font-size: 12px;
}

.agents--workspace--workflow-create nav {
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 18px;
  display: flex;
}

.agents--workspace--workflow-create nav a {
  color: #6433cc;
  background: #f3eeff;
  border-radius: 5px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 600;
}

.agents--workspace--workflow-create form {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.agents--workspace--workflow-create form label {
  color: #3f4852;
  flex-direction: column;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.agents--workspace--workflow-create form input, .agents--workspace--workflow-create form textarea, .agents--workspace--workflow-create form select {
  color: #0b1319;
  background: #fff;
  border: 1px solid #dce0e5;
  border-radius: 6px;
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 400;
}

.agents--workspace--workflow-create form textarea {
  min-height: 300px;
  font-family: ui-monospace, monospace;
  line-height: 1.5;
}

.agents--workspace--workflow-create form button {
  color: #fff;
  background: #8353ff;
  border: 0;
  border-radius: 7px;
  align-self: flex-start;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-create .errorlist {
  color: #a32743;
  font-size: 11px;
}

@media (width <= 640px) {
  .agents--workspace--workflow-create [data-part="body"] {
    padding: 24px 18px;
  }
}

.agents--workspace--workflow-detail {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--workflow-detail > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--workflow-detail > header a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--workflow-detail [data-part="body"] {
  padding: 34px 28px 60px;
  overflow-y: auto;
}

.agents--workspace--workflow-detail [data-part="heading"] {
  max-width: 960px;
  margin: 0 auto 22px;
}

.agents--workspace--workflow-detail [data-part="eyebrow"] {
  color: #8353ff;
  font-size: 10px;
  font-weight: 700;
}

.agents--workspace--workflow-detail h1 {
  letter-spacing: -.04em;
  margin: 5px 0 7px;
  font-size: 24px;
  font-weight: 800;
}

.agents--workspace--workflow-detail h2 {
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 700;
}

.agents--workspace--workflow-detail h3 {
  margin: 20px 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-detail p {
  color: #626b76;
  margin: 8px 0;
  font-size: 12px;
}

.agents--workspace--workflow-detail [data-part="status"] {
  color: #6433cc;
  background: #f3eeff;
  border-radius: 5px;
  margin-top: 8px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
}

.agents--workspace--workflow-detail [data-part="columns"] {
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 18px;
  max-width: 960px;
  margin: auto;
  display: grid;
}

.agents--workspace--workflow-detail section {
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 9px;
  margin-bottom: 18px;
  padding: 20px;
}

.agents--workspace--workflow-detail form {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.agents--workspace--workflow-detail form label {
  color: #3f4852;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.agents--workspace--workflow-detail form label[data-part="checkbox"] {
  flex-direction: row;
  align-items: center;
}

.agents--workspace--workflow-detail form input:not([type="checkbox"]), .agents--workspace--workflow-detail form textarea, .agents--workspace--workflow-detail form select {
  color: #0b1319;
  background: #fff;
  border: 1px solid #dce0e5;
  border-radius: 6px;
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 400;
}

.agents--workspace--workflow-detail form textarea {
  min-height: 230px;
  font-family: ui-monospace, monospace;
  line-height: 1.5;
}

.agents--workspace--workflow-detail form small {
  color: #626b76;
  font-size: 10px;
  font-weight: 400;
}

.agents--workspace--workflow-detail [data-part="primary-button"] {
  color: #fff;
  background: #8353ff;
  border: 0;
  border-radius: 7px;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-detail [data-part="primary-button"]:hover {
  background: #7440ff;
}

.agents--workspace--workflow-detail [data-part="edit-actions"] {
  gap: 8px;
  display: flex;
}

.agents--workspace--workflow-detail [data-part="edit-actions"] button:not([data-part="primary-button"]) {
  color: #6433cc;
  background: #fff;
  border: 1px solid #d8c9ff;
  border-radius: 7px;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-detail [data-part="preview-notice"] {
  color: #6433cc;
  background: #faf7ff;
  border: 1px solid #d8c9ff;
  border-radius: 6px;
  max-width: 960px;
  margin: 0 auto 16px;
  padding: 10px 12px;
}

.agents--workspace--workflow-detail [data-part="error"] {
  color: #a32743;
}

.agents--workspace--workflow-detail ul, .agents--workspace--workflow-detail ol {
  color: #3f4852;
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
}

.agents--workspace--workflow-detail li {
  margin: 6px 0;
}

.agents--workspace--workflow-detail [data-part="secondary"] ul {
  padding: 0;
  list-style: none;
}

.agents--workspace--workflow-detail [data-part="secondary"] li {
  border-bottom: 1px solid #e8eaec;
  padding: 8px 0;
}

.agents--workspace--workflow-detail [data-part="secondary"] li:last-child {
  border-bottom: 0;
}

.agents--workspace--workflow-detail [data-part="secondary"] a {
  color: #6433cc;
  font-weight: 600;
}

.agents--workspace--workflow-detail [data-part="secondary"] small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.agents--workspace--workflow-detail [data-part="schedule"] {
  border-top: 1px solid #e8eaec;
  padding: 15px 0;
}

.agents--workspace--workflow-detail [data-part="schedule"] h3 {
  margin-top: 0;
}

.agents--workspace--workflow-detail [data-part="schedule"] button, .agents--workspace--workflow-detail [data-part="new-schedule"] button {
  color: #6433cc;
  background: #fff;
  border: 1px solid #d8c9ff;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-detail [data-part="delete-schedule"] {
  margin-top: 8px;
}

.agents--workspace--workflow-detail [data-part="delete-schedule"] button {
  color: #9c3550;
  border-color: #efc8d2;
}

.agents--workspace--workflow-detail [data-part="new-schedule"] {
  border-top: 1px solid #e8eaec;
  padding-top: 14px;
}

.agents--workspace--workflow-detail [data-part="new-schedule"] summary {
  color: #6433cc;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-detail [data-part="new-schedule"] form {
  margin-top: 14px;
}

@media (width <= 780px) {
  .agents--workspace--workflow-detail [data-part="columns"] {
    grid-template-columns: 1fr;
  }

  .agents--workspace--workflow-detail [data-part="body"] {
    padding: 24px 18px;
  }
}

.agents--workspace--workflow-directory {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.agents--workspace--workflow-directory > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--workflow-directory [data-part="body"] {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 36px 28px;
  overflow-y: auto;
}

.agents--workspace--workflow-directory h1 {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 23px;
  font-weight: 800;
}

.agents--workspace--workflow-directory [data-part="heading"] {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.agents--workspace--workflow-directory [data-part="heading"] a {
  color: #fff;
  white-space: nowrap;
  background: #8353ff;
  border-radius: 7px;
  padding: 7px 11px;
  font-size: 11px;
  font-weight: 700;
}

.agents--workspace--workflow-directory p {
  color: #626b76;
  margin: 5px 0 22px;
  font-size: 12px;
}

.agents--workspace--workflow-directory nav {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.agents--workspace--workflow-directory nav a {
  color: #626b76;
  background: #f7f8fa;
  border-radius: 5px;
  padding: 4px 9px;
  font-size: 10px;
}

.agents--workspace--workflow-directory nav a[aria-current] {
  color: #6433cc;
  background: #f3eeff;
}

.agents--workspace--workflow-directory section {
  margin-top: 28px;
}

.agents--workspace--workflow-directory h2 {
  color: #626b76;
  text-transform: uppercase;
  letter-spacing: .04em;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 9px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.agents--workspace--workflow-directory h2 small {
  color: #8b929a;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.agents--workspace--workflow-directory ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.agents--workspace--workflow-directory li {
  border-bottom: 1px solid #e8eaec;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  display: flex;
}

.agents--workspace--workflow-directory li:last-child {
  border-bottom: 0;
}

.agents--workspace--workflow-directory li:hover {
  background: #fcfbff;
}

.agents--workspace--workflow-directory li a {
  color: #0b1319;
  flex: 1;
}

.agents--workspace--workflow-directory li strong {
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.agents--workspace--workflow-directory li small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.agents--workspace--workflow-directory li span {
  color: #626b76;
  font-size: 10px;
}

.agents--workspace--workflow-directory [data-part="empty"] {
  color: #626b76;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  padding: 20px;
  font-size: 12px;
}

@media (width <= 640px) {
  .agents--workspace--workflow-directory [data-part="body"] {
    padding: 24px 18px;
  }
}

.agents--workspace--workspace {
  --agent-border: #e8eaec;
  --agent-muted: #626b76;
  --agent-purple: #8353ff;
  color: #0b1319;
  background: #fff;
  grid-template-rows: 56px minmax(0, 1fr);
  grid-template-columns: 224px minmax(0, 1fr);
  height: 100dvh;
  font: 13px / 1.55 Plus Jakarta Sans, sans-serif;
  display: grid;
  overflow: hidden;
}

.agents--workspace--workspace * {
  box-sizing: border-box;
}

.agents--workspace--workspace button, .agents--workspace--workspace input, .agents--workspace--workspace textarea, .agents--workspace--workspace select {
  font: inherit;
}

.agents--workspace--workspace button, .agents--workspace--workspace summary {
  cursor: pointer;
}

.agents--workspace--workspace a {
  text-decoration: none;
}

.agents--workspace--workspace :focus-visible {
  outline-offset: 2px;
  outline: 3px solid #ccbaff;
}

.agents--workspace--workspace [data-part="brand"] {
  border-right: 1px solid var(--agent-border);
  border-bottom: 1px solid var(--agent-border);
  color: #666d76;
  background: #fafafb;
  grid-area: 1 / 1;
  align-items: center;
  gap: 16px;
  padding: 0 18px;
  font-size: 12px;
  display: flex;
}

.agents--workspace--workspace [data-part="topbar"] {
  border-bottom: 1px solid var(--agent-border);
  grid-area: 1 / 2;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0 20px;
  display: flex;
}

.agents--workspace--workspace [data-part="org-selector"] {
  flex: 0 200px;
  min-width: 0;
  max-width: 200px;
}

.agents--workspace--workspace [data-part="org-selector"] select {
  border: 1px solid var(--agent-border);
  color: #0b1319;
  background: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 4px 8px;
  font-size: 11px;
  display: block;
}

.agents--workspace--workspace [data-part="clear-org"] {
  flex: none;
  align-items: center;
  display: flex;
}

.agents--workspace--workspace [data-part="topbar-session"] {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.agents--workspace--workspace [data-part="topbar-session"] h1 {
  color: #20232b;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.agents--workspace--workspace [data-part="topbar-share"] {
  flex: none;
  position: relative;
}

.agents--workspace--workspace [data-part="topbar-share"] button {
  border-radius: 8px;
  width: 30px;
  height: 30px;
}

.agents--workspace--workspace [data-part="topbar-share"] button[data-copied] {
  color: #6433cc;
  background: #f5f0ff;
}

.agents--workspace--workspace [data-part="topbar-share"] button[data-copied]:after {
  content: "Copied";
  z-index: 8;
  border: 1px solid var(--agent-border);
  color: #0b1319;
  white-space: nowrap;
  background: #fff;
  border-radius: 6px;
  padding: 4px 7px;
  font-size: 10px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 2px 8px #0b131912;
}

.agents--workspace--workspace [data-part="topbar-share"] [role="status"]:not(.sr-only) {
  z-index: 8;
  color: #4b4652;
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 7px;
  width: 210px;
  padding: 7px 9px;
  font-size: 10px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 2px 8px #0b131912;
}

.agents--workspace--workspace [data-part="switch"] {
  flex: none;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.agents--workspace--workspace [data-part="inbox"] {
  border-right: 1px solid var(--agent-border);
  background: #fafafb;
  grid-area: 2 / 1;
  min-height: 0;
}

.agents--workspace--workspace [data-part="main"] {
  grid-area: 2 / 2;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.agents--workspace--workspace [data-part="mobile-nav"] {
  display: none;
}

.agents--workspace--workspace [data-part="skip"] {
  z-index: 100;
  background: #fff;
  padding: 8px;
  position: absolute;
  top: -100px;
  left: 240px;
}

.agents--workspace--workspace [data-part="skip"]:focus {
  top: 8px;
}

@media (width >= 1600px) {
  .agents--workspace--workspace {
    grid-template-columns: 248px minmax(0, 1fr);
  }
}

@media (width <= 959px) {
  .agents--workspace--workspace {
    grid-template-columns: 208px minmax(0, 1fr);
  }
}

@media (width <= 640px) {
  .agents--workspace--workspace {
    grid-template-rows: 56px auto minmax(0, 1fr);
    grid-template-columns: 1fr auto;
  }

  .agents--workspace--workspace [data-part="brand"] {
    border-right: 0;
  }

  .agents--workspace--workspace [data-part="mobile-nav"] {
    grid-area: 1 / 1;
    justify-content: flex-end;
    align-items: center;
    padding-right: 12px;
    display: flex;
  }

  .agents--workspace--workspace [data-part="brand"] {
    padding-right: 80px;
  }

  .agents--workspace--workspace [data-part="topbar"] {
    flex-wrap: wrap;
    grid-area: 2 / 1 / auto / 3;
    gap: 8px;
    padding: 8px 12px;
  }

  .agents--workspace--workspace [data-part="topbar-session"] {
    flex-basis: 100%;
    order: 3;
  }

  .agents--workspace--workspace [data-part="org-selector"] {
    flex-basis: 180px;
  }

  .agents--workspace--workspace [data-part="switch"] {
    z-index: 1;
  }

  .agents--workspace--workspace [data-part="mobile-nav"] button {
    font-size: 11px;
  }

  .agents--workspace--workspace [data-part="inbox"] {
    display: none;
  }

  .agents--workspace--workspace [data-part="main"] {
    grid-column: 1 / 3;
  }

  .agents--workspace--workspace[data-inbox-open] [data-part="inbox"] {
    z-index: 6;
    grid-area: 3 / 1 / auto / 3;
    display: block;
  }

  .agents--workspace--workspace [data-part="main"] {
    grid-row: 3;
  }
}

.base--documents--legacy #support-link {
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.base--documents--legacy-main [data-legacy-navigation] a {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-600, oklch(44.6% .03 256.802));
  text-decoration-line: none;
  display: block;
}

@media (hover: hover) {
  .base--documents--legacy-main [data-legacy-navigation] a:hover {
    background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  }
}

.base--documents--legacy-main [data-legacy-navigation] a:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.base--documents--legacy-main [data-legacy-navigation] a.active {
  color: var(--color-ento-900, #8353ff);
}

.base--documents--legacy-main [data-legacy-navigation] a .fas {
  width: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  display: inline-block;
}

.base--documents--legacy-navbar {
  border-bottom: 1px solid #e4e4e4;
  height: 75px;
}

.base--documents--legacy-styles h1 {
  margin-top: 1rem;
  font-size: 1.7rem;
  font-weight: 400;
}

.base--documents--legacy-styles h1 .small {
  font-size: 1rem;
}

.base--documents--legacy-styles h2 {
  font-size: 1.1rem;
  font-weight: thin;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.base--documents--legacy-styles h3, .base--documents--legacy-styles h6 {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
}

.base--documents--legacy-styles .big-number {
  margin-bottom: 0;
  font-size: 1.5rem;
  display: block;
}

.base--documents--legacy-styles .big-number small {
  font-size: 1.1rem;
}

.base--documents--legacy-styles .caption {
  color: #a4a4a4;
  font-size: 14px;
}

.base--documents--legacy-styles .nav-link {
  color: #666;
  font-size: 15px;
  font-weight: 600;
}

.base--documents--legacy-styles .nav-link.active {
  color: #8353ff !important;
}

.base--documents--legacy-styles .nav-link .fas {
  text-align: center;
  width: 2em;
}

.base--documents--legacy-styles .bg-success {
  background-color: #1a9780 !important;
}

.base--documents--legacy-styles .text-success {
  color: #1a9780 !important;
}

.base--documents--legacy-styles .dataTables_filter {
  float: right !important;
}

.base--documents--legacy-styles svg.main-svg, .base--documents--legacy-styles svg.main-svg * {
  overflow: visible !important;
}

.base--documents--legacy-styles ul.messages {
  padding-left: 0;
}

.base--documents--legacy-styles ul.messages li {
  list-style: none;
}

.base--documents--legacy-styles .input-inline {
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  width: 50px;
}

.base--documents--legacy-styles .no-wrap {
  white-space: nowrap;
}

.base--documents--legacy-styles .hide {
  display: none;
}

.base--metrics--index .table td {
  text-align: right;
}

.base--metrics--index .metric-group-start {
  border-left: 2px solid #dee2e6;
}

.base--metrics--index .metric-group-end {
  border-right: 2px solid #dee2e6;
}

.base--metrics--index .metric-time {
  white-space: nowrap;
}

[data-component-scopes~="base-metrics"] .navbar-nav .nav-item a.nav-link {
  line-height: 30px;
}

[data-component-scopes~="base-metrics"] .dl-btn a {
  color: #212529;
}

[data-component-scopes~="base-metrics"] .dl-btn a:hover {
  color: #47a883;
  text-decoration: none;
}

[data-component-scopes~="base-metrics"] .dropdown-item.active {
  background-color: #eee;
}

[data-component-scopes~="base-metrics"] .helptext {
  color: #333;
  font-size: 12px;
}

.base--presentation--logs {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.base--presentation--progress {
  color: #fff;
  width: 250px;
  height: 12px;
  font-family: Bitstream Vera Sans Mono, Monaco, Courier New, Courier, monospace;
  font-size: 12px;
  display: inline-block;
  position: relative;
}

.base--presentation--progress .progress-bar-background {
  background-color: #79aec8;
  border-radius: .25rem;
  position: absolute;
  left: 0;
  right: 0;
}

.base--presentation--progress .progress-bar-pct {
  left: 0;
  right: var(--remaining);
  background-color: #417690;
  border-radius: .25rem;
  padding-left: 5px;
  position: absolute;
}

.base--presentation--progress .progress-bar-left {
  position: absolute;
  left: 2px;
}

.base--presentation--progress .progress-bar-right {
  position: absolute;
  right: 2px;
}

.base--presentation--revision-table[data-part="scroll"] {
  max-width: 100%;
  overflow-x: auto;
}

.base--presentation--revision-table .copy-link {
  cursor: pointer;
  border-bottom: 1px dotted;
}

.base--presentation--revision-table.revisions .code-block {
  width: 600px;
  height: 170px;
}

.base--presentation--revision-table.revisions > tbody > tr > td {
  border: none;
  padding-bottom: 2em;
}

.base--resources--advisor-runs .nbsp {
  white-space: nowrap;
}

.base--resources--advisor-runs .advisor-runs--table {
  font-family: monospace;
  font-size: 85%;
}

.base--resources--advisor-runs .advisor-runs-scroll {
  overflow: scroll;
}

.base--resources--advisor-runs .computation-icon {
  display: inline-block;
}

.base--resources--computations .nbsp {
  white-space: nowrap;
}

.base--resources--computations.computations, .base--resources--computations .computations--table, .base--resources--computations .pagination {
  font-family: monospace;
  font-size: 85%;
}

.base--resources--computations .progress-bar {
  color: #fff;
  height: 12px;
  font-family: Bitstream Vera Sans Mono, Monaco, Courier New, Courier, monospace;
  font-size: 12px;
  display: inline-block;
  position: relative;
}

.base--resources--computations .progress-bar-background {
  background-color: #79aec8;
  border-radius: .25rem;
  position: absolute;
  left: 0;
  right: 0;
}

.base--resources--computations .progress-bar-pct {
  background-color: #417690;
  border-radius: .25rem;
  padding-left: 5px;
  position: absolute;
  left: 0;
}

.base--resources--computations .progress-bar-left {
  position: absolute;
  left: 2px;
}

.base--resources--computations .progress-bar-right {
  position: absolute;
  right: 2px;
}

.base--resources--computations .computations-scroll {
  overflow: scroll;
}

.base--resources--computations .computations-pagination {
  overflow-wrap: anywhere;
  text-align: center;
  width: 100%;
}

.base--resources--data label {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.base--resources--data .freq {
  float: right;
  padding: 1em 2em;
}

.base--resources--data .uplot table.legend {
  display: block;
}

.base--resources--data .uplot table.legend tr {
  display: block !important;
}

.base--resources--data .uplot table.legend tr td {
  text-align: left;
}

.base--resources--data .uplot .legend.inline * {
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  margin-left: 12px;
}

.base--resources--data #source-data {
  margin-top: 3em;
}

.base--resources--data ul.messages {
  padding-left: 0;
}

.base--resources--data ul.messages li {
  text-align: center;
  list-style: none;
}

.base--resources--data .data-truncated, .base--resources--data .data-sanitized {
  display: none;
}

.base--resources--data .data-truncated.data-truncated--visible, .base--resources--data .data-sanitized.data-sanitized--visible {
  display: block;
}

.base--resources--data#uplot-controller .alert {
  margin: 0;
  padding: 6px;
}

.base--resources--data .data-control-label {
  margin: 0;
}

.base--resources--data .data-columns {
  resize: both;
}

.base--resources--data .data-hidden {
  display: none;
}

.base--resources--data .loader {
  border: 5px solid #47a883;
  border-top-color: #ddd;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  margin: 4em auto;
  animation: 2s linear infinite base-data-spin;
}

@keyframes base-data-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

[data-component-scopes~="base-resources"] .nav-link.active {
  color: #8353ff !important;
}

[data-component-scopes~="base-resources"] .navbar-nav .nav-item a.nav-link {
  line-height: 1em;
}

[data-component-scopes~="base-resources"] .navbar-nav .nav-item .nav-link.active {
  color: #47a883;
  border-bottom: none;
}

.base--resources--layout.split {
  flex-direction: row;
  display: flex;
}

.base--resources--layout .gutter.gutter-horizontal {
  cursor: ew-resize;
  background-color: #e1e1e1;
}

.base--resources--layout .column {
  overflow: scroll;
}

.base--resources--layout #jstree-controller {
  padding: .75rem .75rem 4em;
}

.base--resources--layout [data-resource-tab] {
  border-bottom-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
  border-color: #0000;
  border-bottom-width: 2px;
  text-decoration-line: none;
  display: block;
}

@media (hover: hover) {
  .base--resources--layout [data-resource-tab]:hover {
    color: var(--color-gray-700, oklch(37.3% .034 259.733));
  }
}

.base--resources--layout [data-resource-tab]:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.base--resources--layout [data-resource-tab].active {
  border-color: var(--color-ento-900, #8353ff);
  color: var(--color-ento-900, #8353ff);
}

.base--resources--layout #tabs-controller .title {
  font-weight: 500;
  display: inline-block;
}

.base--resources--layout .loader {
  border: 5px solid #47a883;
  border-top-color: #ddd;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  margin: 4em auto;
  animation: 2s linear infinite base-resource-spin;
}

@keyframes base-resource-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.base--resources--layout #jstree-controller #jstree .fa, .base--resources--layout #jstree .far {
  color: #a4a4a4;
}

.base--resources--layout #jstree-controller .jstree-grid-wrapper {
  position: block;
  font-family: Titillium Web, sans-serif, Arial;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  overflow: visible;
}

.base--resources--layout #jstree-controller .jstree-grid-header {
  padding: .5em;
}

.base--resources--layout #jstree-controller .jstree-grid-separator {
  width: 4px;
  height: 37px;
}

.base--resources--layout #jstree-controller div.jstree-grid-header-regular {
  background: #eee;
  font-size: 1rem;
  font-weight: 500;
}

.base--resources--layout #jstree-controller div.jstree-grid-cell-root-jstree {
  height: 25px;
  margin: 0 1px 0 2px;
}

.base--resources--layout #jstree-controller .bold {
  font-weight: 500;
}

.base--resources--layout .resource-source {
  color: #999;
}

.base--resources--layout .is-site {
  color: #47a883 !important;
}

.base--resources--layout .color-162a8d {
  color: #162a8d !important;
}

.base--resources--layout .color-8d8316 {
  color: #8d8316 !important;
}

.base--resources--layout .color-be1313 {
  color: #be1313 !important;
}

[data-component-scopes~="base-resources"] .subsection-heading {
  font-size: 1.5rem;
}

[data-component-scopes~="base-resources"] .hide {
  display: none;
}

.base--resources--layout .resource-shortcuts {
  max-width: 460px;
}

.base--resources--layout .resource-shortcuts button {
  width: min(100%, 220px);
}

@media (width <= 767px) {
  .base--resources--layout.split {
    flex-direction: column;
  }

  .base--resources--layout .column {
    width: 100% !important;
    height: auto !important;
  }

  .base--resources--layout #jstree-column {
    max-height: 35vh;
  }

  .base--resources--layout .gutter {
    display: none;
  }
}

.base--resources--metadata ul.messages {
  padding-left: 0;
}

.base--resources--metadata ul.messages li {
  list-style: none;
}

.base--resources--metadata .errorlist {
  color: #721c24;
}

.base--resources--metadata table {
  width: 500px;
}

.base--resources--metadata th, .base--resources--metadata td {
  vertical-align: top;
  padding-bottom: .5em;
  font-size: 90%;
}

.base--resources--metadata th {
  text-align: right;
  width: 150px;
  padding-right: 1em;
}

.base--resources--metadata .helptext {
  font-color: #888;
  font-size: 75%;
}

.base--resources--metadata input[type="submit"], .base--resources--metadata .resource-address {
  width: 100%;
}

.base--resources--pagination li > :is(a, span) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  margin-left: -1px;
  display: block;
}

.base--resources--pagination a[href]:hover, .base--resources--pagination [aria-current="page"] {
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
}

.base--resources--pagination a:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-500, #b698ff);
  position: relative;
}

.base--resources--pagination [aria-disabled="true"] {
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

.base--resources--revisions table.revisions {
  font-family: Roboto, Lucida Grande, Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.base--resources--revisions table.revisions th, .base--resources--revisions table.revisions td {
  vertical-align: top;
  padding: 8px;
}

.base--resources--revisions table.revisions table.revision th, .base--resources--revisions table.revisions table.revision td {
  border-bottom: 1px solid #eee;
}

.base--resources--setup-proxy .proxy-spacer {
  flex-grow: 1;
}

.base--resources--setup-proxy .hide {
  display: none;
}

.base--resources--setup-proxy-error .proxy-spacer {
  flex-grow: 1;
}

.base--signup--confirm .confirmation-icon {
  color: #47a883;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) input[type="time"] {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) input[type="text"] {
  color: #374151;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) input {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) table.dataTable > tbody > tr.group-header > * {
  border: 1px solid #d7d5da;
  padding: 8px;
  color: #000 !important;
  box-shadow: inset 0 0 0 9999px #f3eeff !important;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) #site-table-holiday.dataTable > tbody > tr > * {
  border: none;
  padding: 0;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) #site-table-holiday thead {
  display: none;
}

:where(body[data-component-scopes~="control--bulk-schedule--holiday-form"], .control--bulk-schedule--holiday-form) #site-table-holiday.dataTable > tbody > tr.selected > * {
  box-shadow: None;
}

.control--bulk-schedule--holiday-form table, .control--bulk-schedule--holiday-form thead, .control--bulk-schedule--holiday-form #site-table-holiday thead tr {
  width: 100%;
}

.control--bulk-schedule--holiday-form .group-checkbox {
  margin-right: 10px;
}

.control--bulk-schedule--show .tab-button-active {
  color: #8353ff !important;
  background-color: #f5f3ff !important;
}

.control--bulk-schedule--show [data-control-url] {
  cursor: pointer;
}

.control--bulk-schedule--show .hidden {
  display: none;
}

table.control--bulk-schedule--update-temperatures-form {
  color: #374151;
  width: 100%;
  font-weight: 400 !important;
}

.control--bulk-schedule--update-temperatures-form thead {
  font-weight: 400 !important;
}

.control--bulk-schedule--update-temperatures-form th {
  border: 1px solid #e5e7eb;
  font-weight: 400;
}

.control--bulk-schedule--update-temperatures-form .site-name {
  font-weight: 500;
}

.control--bulk-schedule--update-temperatures-form input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

.control--bulk-schedule--update-temperatures-form input[type="time"] {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

.control--bulk-schedule--update-temperatures-form input[type="text"] {
  color: #374151;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
}

.control--bulk-schedule--update-temperatures-form input {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

.control--bulk-schedule--update-temperatures-form.dataTable > tbody > tr.group-header > * {
  border: 1px solid #d7d5da;
  padding: 8px;
  color: #000 !important;
  box-shadow: inset 0 0 0 9999px #f3eeff !important;
}

.control--bulk-schedule--update-temperatures-form.dataTable > tbody > tr.group-header {
  margin-bottom: 3px;
}

.control--bulk-schedule--update-temperatures-form.dataTable > tbody > tr.group-header:hover {
  cursor: pointer;
}

.control--bulk-schedule--update-temperatures-form .group-checkbox {
  margin-right: 10px;
}

:where(body[data-component-scopes~="control--bulk-schedule--vacation-form"], .control--bulk-schedule--vacation-form) input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

:where(body[data-component-scopes~="control--bulk-schedule--vacation-form"], .control--bulk-schedule--vacation-form) input[type="time"] {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

:where(body[data-component-scopes~="control--bulk-schedule--vacation-form"], .control--bulk-schedule--vacation-form) input[type="text"] {
  color: #374151;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
}

:where(body[data-component-scopes~="control--bulk-schedule--vacation-form"], .control--bulk-schedule--vacation-form) input {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

:where(body[data-component-scopes~="control--bulk-schedule--vacation-form"], .control--bulk-schedule--vacation-form) table.dataTable > tbody > tr.group-header > * {
  border: 1px solid #d7d5da;
  padding: 8px;
  color: #000 !important;
  box-shadow: inset 0 0 0 9999px #f3eeff !important;
}

:where(body[data-component-scopes~="control--bulk-schedule--vacation-form"], .control--bulk-schedule--vacation-form) table.dataTable > tbody > tr.group-header {
  margin-bottom: 3px;
}

.control--bulk-schedule--vacation-form .group-checkbox, .control--bulk-schedule--week-form .group-checkbox {
  margin-right: 10px;
}

.control--main-overview--show .tab-button-active {
  color: #8353ff !important;
  background-color: #f5f3ff !important;
}

.control--main-overview--table .dataTables_length, .dataTables_wrapper:has( > .control--main-overview--table) .dataTables_length {
  color: #9ca3af;
  background-color: #fff;
  padding: 16px;
  font-size: 14px;
}

.control--main-overview--table .dataTables_wrapper, .dataTables_wrapper:has( > .control--main-overview--table) {
  background-color: #fff !important;
}

.control--main-overview--table .dataTables_length label, .dataTables_wrapper:has( > .control--main-overview--table) .dataTables_length label {
  margin-bottom: 0;
}

.control--main-overview--table #zones-dashboard {
  width: 70%;
}

#orchestrators-dashboard.control--main-overview--table {
  border-radius: 10px;
  width: 100%;
}

.control--navigation--circuit-menu .tab-button-active, .control--navigation--overview-menu .tab-button-active {
  color: "#8353FF" !important;
  background-color: "#F5F3FF" !important;
}

body[data-component-scopes~="control--navigation--show-top"] [data-dialog-part="body"] {
  background-color: #f1f1f1;
}

.control--navigation--show-top .active-link-control, .control--navigation--show-top .active-link-control:hover {
  color: #8353ff;
  border-bottom: 2px solid #8353ff;
}

.control--navigation--show-top .active-tab-control {
  color: #fff;
  background-color: #8353ff;
}

.control--navigation--show-top .active-tab-control:hover {
  color: #fff;
}

.control--navigation--sidebar .separate-vertically > :not(:last-child):after {
  content: "|";
  margin: 0 6px;
}

.control--navigation--sidebar .hidden {
  display: none;
}

:where(body[data-component-scopes~="control--onboarding--form"], .control--onboarding--form) input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

:where(body[data-component-scopes~="control--onboarding--form"], .control--onboarding--form) input[type="time"], :where(body[data-component-scopes~="control--onboarding--form"], .control--onboarding--form) input {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

.control--overview--show .spinner-grow {
  animation-duration: 2.5s;
}

body[data-component-scopes~="control--overview--show-top"] [data-dialog-part="body"] {
  background-color: #f1f1f1;
}

.control--overview--show-top .active-link-control, .control--overview--show-top .active-link-control:hover {
  color: #8353ff;
  border-bottom: 2px solid #8353ff;
}

.control--overview--show-top .active-tab-control {
  color: #fff;
  background-color: #8353ff;
}

.control--overview--show-top .active-tab-control:hover {
  color: #fff;
}

.control--overview--show-top .tab-button-active {
  color: #8353ff !important;
  background-color: #f5f3ff !important;
}

.control--overview--show-top .control-link {
  cursor: pointer;
}

:where(body[data-component-scopes~="control--schedules--form"], .control--schedules--form) input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

:where(body[data-component-scopes~="control--schedules--form"], .control--schedules--form) input[type="time"], :where(body[data-component-scopes~="control--schedules--form"], .control--schedules--form) input {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

:where(body[data-component-scopes~="control--schedules--form"], .control--schedules--form) input[name="setpoint_comfort"], :where(body[data-component-scopes~="control--schedules--form"], .control--schedules--form) input[name="setpoint_saving"] {
  width: 64px !important;
}

.control--schedules--form [data-control-url] {
  cursor: pointer;
}

.hub--action-pages--form select {
  color: #374151;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.hub--action-pages--form select:focus, .hub--action-pages--form input[type="date"]:focus, .hub--action-pages--form textarea:focus {
  outline: 2px solid #8353ff;
}

.hub--action-pages--form input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("/static/hub/images/calendar.svg");
  width: 16px;
  height: 16px;
}

.hub--action-pages--form .baseline::-webkit-datetime-edit-fields-wrapper {
  content: "";
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--action-pages--form .installation::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--action-pages--form .reporting::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--action-pages--form .input-form {
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}

.hub--action-pages--form input.input-form, .hub--action-pages--form select.input-form {
  height: 40px;
}

.hub--action-pages--form .input-form.dates {
  padding-left: 6px;
}

.hub--action-pages--form label {
  margin-bottom: 0;
}

.hub--action-pages--index-top-segment .savings-context {
  font-size: 12px;
}

@keyframes hub-ai-suggestions-index-blink {
  0%, 49% {
    background-color: #8353ff;
  }

  50%, to {
    background-color: #5924e2;
  }
}

.hub--ai-suggestions--index .button-primary-md.blink-button, .hub--ai-suggestions--index .button-primary-md.blink-button:hover {
  background-color: #8353ff !important;
  transition: none !important;
  animation: 1s infinite hub-ai-suggestions-index-blink !important;
}

.hub--ai-suggestions--index .suggestion-generator {
  font-size: 100%;
}

.hub--ai-suggestions--index .hidden {
  display: none;
}

.hub--ai-suggestions--show .markdown ul {
  padding-left: 20px;
  list-style-type: disc;
}

.hub--ai-suggestions--show .markdown ol {
  padding-left: 20px;
  list-style-type: decimal;
}

.hub--ai-suggestions--show .markdown {
  line-height: 2;
  font-family: soehne !important;
}

.hub--alert-review--index [hidden] {
  display: none !important;
}

.hub--alert-review--show .potential-placeholder {
  height: 518px;
}

.hub--alert-review--show .potential-placeholder .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--alert-review--show .savings-high {
  color: #b91d1d;
  background-color: #fff2f2;
}

.hub--alert-review--show .savings-medium {
  color: #ca8a04;
  background-color: #fefce8;
}

.hub--alert-review--show .savings-low {
  color: #047857;
  background-color: #ecfef6;
}

.hub--alert-review--show .savings-none {
  color: #6b7280;
  background-color: #f3f4f6;
}

.hub--alert-review--show .markdown ul {
  padding-left: 20px;
  list-style-type: disc;
}

.hub--alert-review--show .markdown ol {
  padding-left: 20px;
  list-style-type: decimal;
}

.hub--alert-review--show .markdown {
  line-height: 2;
  font-family: soehne !important;
}

.hub--alert-review--show .hidden {
  display: none;
}

.hub--automat-orgs--show progress::-moz-progress-bar {
  background: #8353ff;
}

.hub--automat-orgs--show progress::-webkit-progress-value {
  background: #8353ff;
}

.hub--automat-orgs--show progress {
  color: #8353ff;
}

.hub--automat-orgs--show a {
  color: #8353ff;
  transition: all .2s;
}

.hub--automat-orgs--show a:hover {
  color: #9c76ff;
}

.hub--benchmark--td-metric.multiple-potentials {
  border-bottom: 1px dotted gray;
}

.hub--benchmark-cells--show .table-metric-popover {
  width: 100%;
}

.hub--building-camera--show {
  background-color: var(--color-slate-50, oklch(98.4% .003 247.858));
  min-height: 100vh;
  color: var(--color-slate-900, oklch(20.8% .042 265.755));
}

.hub--building-camera--show [hidden] {
  display: none !important;
}

.hub--building-camera--show header {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  padding: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.hub--building-camera--show h1 {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.hub--building-camera--show h2 {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.hub--building-camera--show a {
  text-underline-offset: 2px;
  text-decoration-line: underline;
}

.hub--building-camera--show [data-part="permissions"] {
  min-height: calc(100dvh - 5rem);
  max-width: var(--container-xl, 36rem);
  justify-content: center;
  gap: calc(var(--spacing, .25rem) * 4);
  padding: calc(var(--spacing, .25rem) * 6);
  padding-bottom: calc(var(--spacing, .25rem) * 12);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.hub--building-camera--show [data-part="permissions"] > p:first-child {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-indigo-700, oklch(45.7% .24 277.023));
}

.hub--building-camera--show [data-part="permissions"] > progress {
  height: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  accent-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.hub--building-camera--show [data-part="permissions"] > h2 {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.hub--building-camera--show [data-part="permissions"] > button {
  min-height: calc(var(--spacing, .25rem) * 11);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-white, #fff);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) {
  .hub--building-camera--show [data-part="permissions"] > button:hover {
    background-color: var(--color-indigo-500, oklch(58.5% .233 277.117));
  }
}

.hub--building-camera--show [data-part="permissions"] > button:disabled {
  cursor: wait;
  background-color: var(--color-indigo-400, oklch(67.3% .182 276.935));
}

.hub--building-camera--show [data-part="permissions"] > button:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.hub--building-camera--show [data-part="permissions"] > [role="status"] {
  min-height: calc(var(--spacing, .25rem) * 6);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
}

.hub--building-camera--show [data-part="viewport"] {
  background-color: var(--color-slate-900, oklch(20.8% .042 265.755));
  height: 60dvh;
  min-height: 24rem;
  position: relative;
  overflow: hidden;
}

.hub--building-camera--show video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hub--building-camera--show [data-part="fullscreen-toggle"] {
  top: calc(var(--spacing, .25rem) * 16);
  right: calc(var(--spacing, .25rem) * 3);
  z-index: 10;
  min-height: calc(var(--spacing, .25rem) * 11);
  border-radius: var(--radius-md, .375rem);
  background-color: #0f172bcc;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .hub--building-camera--show [data-part="fullscreen-toggle"] {
    background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 80%, transparent);
  }
}

.hub--building-camera--show [data-part="fullscreen-toggle"] {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-white, #fff);
  --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);
}

.hub--building-camera--show [data-part="fullscreen-toggle"]:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-white, #fff);
}

.hub--building-camera--show[data-camera-only] {
  z-index: 50;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.hub--building-camera--show[data-camera-only] > :not([data-part="viewport"]) {
  display: none;
}

.hub--building-camera--show[data-camera-only] [data-part="viewport"] {
  width: 100%;
  height: 100dvh;
  min-height: 0;
}

.hub--building-camera--show[data-camera-only] [data-part="camera-note"], .hub--building-camera--show[data-camera-only] [data-part="bearing"] {
  display: none;
}

.hub--building-camera--show[data-camera-only] [data-part="fullscreen-toggle"] {
  top: max(.75rem, env(safe-area-inset-top));
  right: max(.75rem, env(safe-area-inset-right));
}

.hub--building-camera--show [data-part="camera-note"] {
  inset-inline: 0;
  background-color: #0f172bcc;
  position: absolute;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .hub--building-camera--show [data-part="camera-note"] {
    background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 80%, transparent);
  }
}

.hub--building-camera--show [data-part="camera-note"] {
  padding: calc(var(--spacing, .25rem) * 3);
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-white, #fff);
}

.hub--building-camera--show [data-part="bearing"] {
  inset-inline: 0;
  background-color: #0f172bcc;
  position: absolute;
  bottom: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .hub--building-camera--show [data-part="bearing"] {
    background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 80%, transparent);
  }
}

.hub--building-camera--show [data-part="bearing"] {
  padding: calc(var(--spacing, .25rem) * 2);
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-white, #fff);
}

.hub--building-camera--show [data-part="overlay"] {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hub--building-camera--show [data-part="overlay"] article {
  pointer-events: auto;
  width: calc(var(--spacing, .25rem) * 64);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  max-width: calc(100% - 1rem);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-top-style: var(--tw-border-style);
  border-color: #ffffffb3;
  border-top-width: 4px;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .hub--building-camera--show [data-part="overlay"] article {
    border-color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
  }
}

.hub--building-camera--show [data-part="overlay"] article {
  border-top-color: var(--color-indigo-500, oklch(58.5% .233 277.117));
  background-color: #fffffff2;
}

@supports (color: color-mix(in lab, red, red)) {
  .hub--building-camera--show [data-part="overlay"] article {
    background-color: color-mix(in oklab, var(--color-white, #fff) 95%, transparent);
  }
}

.hub--building-camera--show [data-part="overlay"] article {
  padding: calc(var(--spacing, .25rem) * 2.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --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);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  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, );
}

.hub--building-camera--show [data-part="overlay"] [data-field="updated"] {
  display: none;
}

.hub--building-camera--show [data-part="controls"], .hub--building-camera--show [data-part="nearby"], .hub--building-camera--show footer {
  max-width: var(--container-5xl, 64rem);
  margin-inline: auto;
}

:where(:is(.hub--building-camera--show [data-part="controls"], .hub--building-camera--show [data-part="nearby"], .hub--building-camera--show footer) > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.hub--building-camera--show [data-part="controls"], .hub--building-camera--show [data-part="nearby"], .hub--building-camera--show footer {
  padding: calc(var(--spacing, .25rem) * 4);
}

.hub--building-camera--show [data-part="controls"] {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  flex-wrap: wrap;
  display: flex;
}

.hub--building-camera--show [data-part="data-filter"] {
  min-height: calc(var(--spacing, .25rem) * 11);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-slate-300, oklch(86.9% .022 252.894));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  display: inline-flex;
}

.hub--building-camera--show [data-part="data-filter"] input {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  accent-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.hub--building-camera--show [data-part="controls"] > p {
  width: 100%;
}

.hub--building-camera--show article {
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-slate-200, oklch(92.9% .013 255.508));
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 5);
  --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);
}

.hub--building-camera--show [data-part="nearby"] article {
  margin-block: calc(var(--spacing, .25rem) * 3);
}

:where(.hub--building-camera--show [data-part="nearby"] article > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.hub--building-camera--show [data-part="card-title"] {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--color-slate-950, oklch(12.9% .042 264.695));
}

.hub--building-camera--show [data-part="card-title"] a {
  -webkit-text-decoration-color: var(--color-indigo-300, oklch(78.5% .115 274.713));
  -webkit-text-decoration-color: var(--color-indigo-300, oklch(78.5% .115 274.713));
  text-decoration-color: var(--color-indigo-300, oklch(78.5% .115 274.713));
  text-decoration-thickness: 2px;
}

@media (hover: hover) {
  .hub--building-camera--show [data-part="card-title"] a:hover {
    color: var(--color-indigo-700, oklch(45.7% .24 277.023));
  }
}

.hub--building-camera--show [data-part="organization"] {
  margin-top: calc(var(--spacing, .25rem) * 3);
}

.hub--building-camera--show [data-part="organization"] > span {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: .625rem;
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wider, .05em);
  letter-spacing: var(--tracking-wider, .05em);
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
  text-transform: uppercase;
  display: block;
}

.hub--building-camera--show [data-part="organization"] > strong {
  margin-top: var(--spacing, .25rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-slate-800, oklch(27.9% .041 260.031));
  display: block;
}

.hub--building-camera--show [data-field="metadata"] {
  margin-top: var(--spacing, .25rem);
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
}

.hub--building-camera--show [data-field="distance"] {
  margin-top: calc(var(--spacing, .25rem) * 3);
  background-color: var(--color-slate-100, oklch(96.8% .007 247.896));
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: var(--spacing, .25rem);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-slate-700, oklch(37.2% .044 257.287));
  border-radius: 3.40282e38px;
  display: inline-flex;
}

.hub--building-camera--show dl {
  margin-top: calc(var(--spacing, .25rem) * 5);
  gap: calc(var(--spacing, .25rem) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-slate-200, oklch(92.9% .013 255.508));
  padding-top: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hub--building-camera--show dl > div {
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-slate-50, oklch(98.4% .003 247.858));
  padding: calc(var(--spacing, .25rem) * 3);
}

.hub--building-camera--show dl > [data-part="primary-metric"] {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-indigo-100, oklch(93% .034 272.788));
  background-color: var(--color-indigo-50, oklch(96.2% .018 272.314));
  grid-column: span 2 / span 2;
}

.hub--building-camera--show dt {
  --tw-leading: var(--leading-tight, 1.25);
  font-size: .6875rem;
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
}

.hub--building-camera--show dd {
  margin-top: var(--spacing, .25rem);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-slate-900, oklch(20.8% .042 265.755));
  --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, );
}

.hub--building-camera--show [data-part="primary-metric"] dd {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  color: var(--color-indigo-950, oklch(25.7% .09 281.288));
}

.hub--building-camera--show [data-part="rank-value"] {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  flex-wrap: wrap;
  display: flex;
}

.hub--building-camera--show [data-field="percentile"] {
  background-color: var(--color-indigo-100, oklch(93% .034 272.788));
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: .625rem;
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  color: var(--color-indigo-800, oklch(39.8% .195 277.366));
  text-transform: uppercase;
  border-radius: 3.40282e38px;
}

.hub--building-camera--show [data-field="percentile"]:empty {
  display: none;
}

.hub--building-camera--show [data-part="overlay"] [data-part="card-title"] {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}

.hub--building-camera--show [data-part="overlay"] [data-part="organization"] {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
}

.hub--building-camera--show [data-part="overlay"] [data-part="organization"] > strong {
  margin-top: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.hub--building-camera--show [data-part="overlay"] [data-field="distance"] {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * .5);
}

.hub--building-camera--show [data-part="overlay"] dl {
  margin-top: calc(var(--spacing, .25rem) * 2);
  gap: calc(var(--spacing, .25rem) * 1.5);
  padding-top: calc(var(--spacing, .25rem) * 2);
}

.hub--building-camera--show [data-part="overlay"] dl > div {
  padding: calc(var(--spacing, .25rem) * 1.5);
}

.hub--building-camera--show [data-part="overlay"] dt {
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
  font-size: .625rem;
}

.hub--building-camera--show [data-part="overlay"] dd {
  --tw-leading: var(--leading-tight, 1.25);
  font-size: .6875rem;
  line-height: var(--leading-tight, 1.25);
}

.hub--building-camera--show [data-part="overlay"] [data-part="primary-metric"] dd {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.hub--building-camera--show [data-part="nearby"] > p, .hub--building-camera--show footer, .hub--building-camera--show [data-field="metadata"], .hub--building-camera--show [data-field="updated"] {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
}

[data-controller~="hub--building-maps--map"].building-map-active {
  z-index: 0;
  min-height: 24rem;
}

.hub--card-group-columns--district-heating[data-savings-level="high"] {
  background-color: #b91c1c;
}

.hub--card-group-columns--district-heating[data-savings-level="medium"] {
  background-color: #ca8a04;
}

.hub--card-group-columns--district-heating[data-savings-level="low"] {
  background-color: #047857;
}

.hub--card-group-columns--electricity[data-savings-level="high"] {
  background-color: #b91c1c;
}

.hub--card-group-columns--electricity[data-savings-level="medium"] {
  background-color: #ca8a04;
}

.hub--card-group-columns--electricity[data-savings-level="low"] {
  background-color: #047857;
}

.hub--card-group-columns--gas[data-savings-level="high"] {
  background-color: #b91c1c;
}

.hub--card-group-columns--gas[data-savings-level="medium"] {
  background-color: #ca8a04;
}

.hub--card-group-columns--gas[data-savings-level="low"] {
  background-color: #047857;
}

.hub--card-group-columns--pv-production[data-savings-level="high"] {
  background-color: #b91c1c;
}

.hub--card-group-columns--pv-production[data-savings-level="medium"] {
  background-color: #ca8a04;
}

.hub--card-group-columns--pv-production[data-savings-level="low"] {
  background-color: #047857;
}

.hub--card-group-columns--water[data-savings-level="high"] {
  background-color: #b91c1c;
}

.hub--card-group-columns--water[data-savings-level="medium"] {
  background-color: #ca8a04;
}

.hub--card-group-columns--water[data-savings-level="low"] {
  background-color: #047857;
}

.hub--climate-reports--control-potential .back-link {
  color: #212529;
}

.hub--climate-reports--control-potential .back-link:hover {
  text-decoration: none;
}

.hub--climate-reports--hvac-report .back-link {
  color: #212529;
}

.hub--climate-reports--hvac-report .back-link:hover {
  text-decoration: none;
}

.hub--climate-reports--hvac-report .vertical-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.hub--climate-reports--hvac-report .container_size_200 {
  width: 1000px;
  height: 1000px;
}

.hub--climate-reports--hvac-report .container_debug {
  background-color: #ff0;
  border: 1px solid #000;
}

.hub--climate-reports--hvac-report .container_90 {
  transform: rotate(-90deg);
}

.hub--climate-reports--hvac-report .scroll-horizontal {
  width: 100%;
  overflow-x: auto;
}

.hub--climate-reports--hvac-report .no-scroll-horizontal {
  width: 100%;
  overflow-x: hidden;
}

.hub--climate-reports--hvac-report .scroll-vertical {
  height: 600px;
  overflow-y: hidden;
}

.hub--climate-reports--hvac-report .scroll-vertical:hover {
  padding-right: 1px;
  overflow-y: auto;
}

.hub--climate-reports--hvac-report .no-scroll-vertical {
  height: 600px;
  overflow-y: hidden;
}

.hub--climate-reports--hvac-report .sticky {
  z-index: 10000;
  position: sticky;
  top: 0;
}

.hub--climate-reports--hvac-report table[id^="balace-table"]:not(.dataTable) {
  display: block;
  overflow-x: auto;
}

.hub--climate-reports--indoor-climate .climate-card {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  min-width: 0;
}

.hub--climate-reports--indoor-climate .climate-summary {
  margin-top: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (width >= 64rem) {
  .hub--climate-reports--indoor-climate .climate-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.hub--climate-reports--indoor-climate .climate-distributions {
  margin-top: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (width >= 80rem) {
  .hub--climate-reports--indoor-climate .climate-distributions {
    grid-template-columns: 3fr 1fr;
  }
}

.hub--climate-reports--indoor-climate .climate-temperatures {
  margin-top: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (width >= 48rem) {
  .hub--climate-reports--indoor-climate .climate-temperatures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hub--climate-reports--indoor-comfort .comfort-chart {
  display: block;
}

.hub--climate-reports--indoor-comfort .hidden {
  display: none !important;
}

.hub--climate-reports--indoor-comfort .rotate-180 {
  transform: rotate(180deg);
}

.hub--climate-reports--temperature-setback .back-link {
  color: #212529;
}

.hub--climate-reports--temperature-setback .back-link:hover {
  text-decoration: none;
}

.hub--climate-reports--temperature-setback .sensor-metric {
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  flex: 1;
  margin: 0 .5rem;
  padding: 1rem;
}

.hub--climate-reports--temperature-setback .sensor-metric:first-child {
  margin-left: 0;
}

.hub--climate-reports--temperature-setback .sensor-metric:last-child {
  margin-right: 0;
}

.hub--climate-reports--temperature-setback .site-metric {
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.hub--climate-reports--temperature-setback .report-title {
  color: #111827;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.hub--climate-reports--temperature-setback-card {
  min-width: 0;
}

.hub--climate-reports--temperature-setback-card .setback-summary {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (width >= 40rem) {
  .hub--climate-reports--temperature-setback-card .setback-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 80rem) {
  .hub--climate-reports--temperature-setback-card .setback-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.hub--climate-reports--temperature-setback-card .setback-card {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  min-width: 0;
  height: 100%;
}

.hub--climate-reports--temperature-setback-card .setback-chart {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

.modal-fullscreen:has(.hub--controller--top) {
  width: calc(100% - 2em);
  max-width: 100%;
  height: calc(100% - 2em);
  margin: 1em;
}

.hub--data-generate--report-preview .report-preview tfoot td.dt-right {
  font-weight: 700;
}

[data-controller~="hub--document-interactions--data-health-pill"] .hub-health-expanded {
  transform: rotate(180deg);
}

.hub--document-interactions--epc-tooltip-portal {
  z-index: 50;
  max-width: calc(100vw - 20px);
  position: fixed;
}

.hub--document-interactions--hover-tooltip-popup {
  z-index: 9999;
  color: #fff;
  background: #111827;
  border-radius: .25rem;
  max-width: min(280px, 100vw - 20px);
  padding: .5rem .75rem;
  font-size: .875rem;
  position: fixed;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

body[data-component-scopes~="hub-mobile-selector-open"] {
  overflow: hidden !important;
}

[data-component-scopes~="hub-mobile-selector-open"] #mobile-bottom-nav {
  display: none !important;
}

[data-component-scopes~="hub-mobile-site-selector-open"] .plotly-chart-container {
  visibility: hidden;
}

body[data-component-scopes~="hub-pane-resizing"] {
  cursor: col-resize !important;
}

[data-controller~="hub--document-interactions--resizable"] .hub-pane-collapsed {
  width: 2.5em !important;
}

[data-controller~="hub--document-interactions--sidebar-frame"]:not([data-sidebar-open]) #sidebar {
  width: 0 !important;
}

[data-sidebar-open] #overlay {
  opacity: 1;
  pointer-events: all;
}

[data-sidebar-open] #sidebar {
  overscroll-behavior: contain;
  overflow-y: auto;
}

body[data-component-scopes~="hub-sidebar-open"], body[data-component-scopes~="hub-sidebar-open"] main.overflow-y-auto {
  overflow: hidden !important;
}

[data-component-scopes~="hub-sidebar-resizing"] * {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.hub-sidebar-org-restored ul {
  display: block;
}

[data-controller~="hub--document-interactions--toggle"] .hub-toggle-expanded {
  transform: rotate(180deg);
}

@media screen {
  html.hub--documents--document, html.hub--documents--document > body {
    height: 100%;
    overflow: hidden;
  }
}

.hub--documents--document #remote-modal-turbo-frame > .remote-frame-spinner, .hub--documents--document #sidebar-turbo-frame > .remote-frame-spinner {
  margin: 2em auto;
  display: block;
}

.hub--documents--document #nd-launcher {
  display: none !important;
}

.hub--documents--document #nd-widget {
  bottom: 0 !important;
}

.hub--documents--document #notiondesk-toggle[aria-expanded="true"] {
  color: #fff;
  background: #191919;
  position: relative;
}

.hub--documents--document #notiondesk-toggle[aria-expanded="true"]:hover {
  color: #fff;
  background: #292929;
}

.hub--documents--document #notiondesk-toggle .notiondesk-close-icon {
  display: none;
}

.hub--documents--document #notiondesk-toggle[aria-expanded="true"] .notiondesk-learn-icon, .hub--documents--document #notiondesk-toggle[aria-expanded="true"] .notiondesk-label {
  visibility: hidden;
}

.hub--documents--document #notiondesk-toggle[aria-expanded="true"] .notiondesk-close-icon {
  font-size: 1.25rem;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hub--documents--mobile [data-part="bottom-navigation-spacer"] {
  height: 80px;
}

.hub--documents--mobile-styles[data-component-scopes~="hub--documents--mobile-styles"] body.mobile-modal-open .plotly-chart-container {
  visibility: hidden;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .active-nav-link {
  color: #8353ff;
  background-color: #f5f3ff;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .dropdown-toggle .btn {
  width: 100%;
  height: 32px;
  padding: 0;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: auto;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .no-scrollbar::-webkit-scrollbar {
  display: none;
}

.hub--documents--navbar [data-part="unpadded-link"] {
  padding: 0 !important;
}

.hub--documents--subnavs.subnav {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
}

.hub--documents--subnavs.subnav--sidebar {
  height: 100vh;
  left: 100px;
}

.hub--documents--subnavs.subnav.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.hub--documents--topbar #autocomplete-search {
  position: relative;
}

.hub--documents--topbar #autocomplete-search > ul {
  z-index: 2000;
  position: absolute;
  right: 0;
}

[data-controller~="hub--electricity-contracts--form"] .contract-field-hidden {
  display: none;
}

.hub--empty-states--memberships [data-visibility="hidden"], .hub--empty-states--shared-by-us [data-visibility="hidden"] {
  visibility: hidden;
}

@media print {
  .hub--energy-label-pages--show .h-\[1px\] {
    page-break-after: avoid;
  }

  .hub--energy-label-pages--show .w-8, .hub--energy-label-pages--show .h-8 {
    display: none !important;
  }
}

@media (width >= 920px) {
  .epc-supersede-review th[data-column-key="decision"], .epc-supersede-review td[data-label="Replace with newer?"] {
    white-space: nowrap;
    width: 1%;
  }

  .epc-supersede-review td[data-label="Replace with newer?"] {
    text-align: right;
  }
}

.epc-supersede-decision-bar {
  margin-top: -1px;
}

.epc-supersede-projects::backdrop {
  background-color: #11182773;
}

@media (width <= 919px) {
  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) table, :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) tbody, :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) tr, :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) td {
    width: 100%;
    display: block;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) colgroup, :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) thead th:not([data-bulk-header]) {
    display: none;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) thead, :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) thead tr, :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) thead th[data-bulk-header] {
    width: 100%;
    display: block;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) tr + tr {
    border-top: 1px solid #e5e7eb;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) td {
    border: 0;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .75rem;
    display: grid;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) td:before {
    content: attr(data-label);
    color: #6b7280;
    font-size: .75rem;
    font-weight: 500;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) td[colspan] {
    display: block;
  }

  :is(.epc-supersede-review:has(.hub--energy-label-pages--supersede-review-summary), .hub--energy-label-pages--supersede-review-summary + .epc-supersede-review) td[colspan]:before {
    content: none;
  }
}

.events-section .hub--events--event.event {
  border: 1px solid oklch(92.8% .006 264.531);
}

.hub--feature-flags--edit [data-part="heading"] {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hub--feature-flags--edit [data-part="spacer"] {
  flex-grow: 1;
}

.hub--form-controls--selectpicker-control {
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.hub--form-controls--selectpicker {
  vertical-align: middle;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  display: inline-block;
  position: relative;
}

.hub--form-controls--selectpicker[data-width="fit"] {
  width: auto;
}

.hub--form-controls--selectpicker .toggle {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  width: 100%;
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .hub--form-controls--selectpicker .toggle:hover {
    background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  }
}

.hub--form-controls--selectpicker .toggle:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 1px;
  outline-width: 2px;
  outline-color: var(--color-ento-500, #b698ff);
}

.hub--form-controls--selectpicker .toggle:disabled {
  cursor: not-allowed;
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

.hub--form-controls--selectpicker .toggle {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.25rem;
}

.hub--form-controls--selectpicker .toggle[aria-invalid="true"] {
  border-color: var(--color-red-500, oklch(63.7% .237 25.331));
}

.hub--form-controls--selectpicker.open .toggle {
  border-color: var(--color-ento-500, #b698ff);
  background-color: var(--color-white, #fff);
}

.hub--form-controls--selectpicker.placeholder .text {
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.hub--form-controls--selectpicker .text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.hub--form-controls--selectpicker .caret {
  border-top: .3em solid;
  border-inline: .3em solid #0000;
  flex-shrink: 0;
  width: 0;
  height: 0;
}

.hub--form-controls--selectpicker[data-size="sm"] .toggle {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
}

.hub--form-controls--selectpicker[data-variant="plain"] .toggle {
  gap: calc(var(--spacing, .25rem) * 1.5);
  border-style: var(--tw-border-style);
  width: auto;
  max-width: 100%;
  padding-inline: var(--spacing, .25rem);
  padding-block: calc(var(--spacing, .25rem) * .5);
  background-color: #0000;
  border-width: 0;
  border-radius: .25rem;
}

@media (hover: hover) {
  .hub--form-controls--selectpicker[data-variant="plain"] .toggle:hover {
    background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  }
}

.hub--form-controls--selectpicker[data-variant="plain"].open .toggle {
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
}

.hub--form-controls--selectpicker .menu {
  z-index: 50;
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: var(--tracking-normal, 0em);
  letter-spacing: var(--tracking-normal, 0em);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  text-transform: none;
  --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);
  box-sizing: border-box;
  flex-direction: column;
  max-width: calc(100vw - 1rem);
  margin: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: auto;
  overflow: hidden;
}

.hub--form-controls--selectpicker.open .menu {
  display: flex;
}

.hub--form-controls--selectpicker input[type="search"] {
  margin: calc(var(--spacing, .25rem) * 2);
  margin-bottom: var(--spacing, .25rem);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  flex-shrink: 0;
  display: block;
}

.hub--form-controls--selectpicker input[type="search"]:focus {
  border-color: var(--color-ento-500, #b698ff);
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  --tw-ring-color: var(--color-ento-100, #f3eeff);
  --tw-outline-style: none;
  outline-style: none;
}

.hub--form-controls--selectpicker input[type="search"] {
  box-sizing: border-box;
  width: calc(100% - 1rem);
  font: inherit;
  line-height: 1.25rem;
}

.hub--form-controls--selectpicker .actions {
  margin-inline: calc(var(--spacing, .25rem) * 2);
  margin-block: var(--spacing, .25rem);
  flex-shrink: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hub--form-controls--selectpicker .actions button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
}

@media (hover: hover) {
  .hub--form-controls--selectpicker .actions button:hover {
    background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  }
}

.hub--form-controls--selectpicker .actions button {
  font: inherit;
}

.hub--form-controls--selectpicker .actions button:first-child {
  border-top-left-radius: var(--radius-md, .375rem);
  border-bottom-left-radius: var(--radius-md, .375rem);
}

.hub--form-controls--selectpicker .actions button:last-child {
  border-top-right-radius: var(--radius-md, .375rem);
  border-bottom-right-radius: var(--radius-md, .375rem);
  margin-left: -1px;
}

.hub--form-controls--selectpicker .options {
  overscroll-behavior: contain;
  min-height: 0;
  padding-inline: 0;
  padding-block: var(--spacing, .25rem);
  flex: 1;
  margin: 0;
  list-style-type: none;
  overflow-y: auto;
}

.hub--form-controls--selectpicker .options:focus {
  outline: none;
}

.hub--form-controls--selectpicker [role="option"] {
  cursor: pointer;
  align-items: baseline;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: var(--spacing, .25rem);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  position: relative;
}

.hub--form-controls--selectpicker [role="option"].grouped {
  padding-left: calc(var(--spacing, .25rem) * 8);
}

.hub--form-controls--selectpicker [role="option"].active {
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
}

.hub--form-controls--selectpicker [role="option"][aria-selected="true"] {
  color: var(--color-ento-900, #8353ff);
}

.hub--form-controls--selectpicker [role="option"][aria-disabled] {
  cursor: not-allowed;
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

.hub--form-controls--selectpicker [role="option"] small {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.hub--form-controls--selectpicker [role="option"] .label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hub--form-controls--selectpicker:not([data-multiple]) [role="option"][aria-selected="true"] {
  background-color: var(--color-ento-50, #f5f3ff);
}

.hub--form-controls--selectpicker:not([data-multiple]) [role="option"][aria-selected="true"].active {
  background-color: var(--color-ento-100, #f3eeff);
}

.hub--form-controls--selectpicker[data-multiple] [role="option"] {
  padding-right: calc(var(--spacing, .25rem) * 10);
}

.hub--form-controls--selectpicker[data-multiple] [role="option"][aria-selected="true"] {
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
}

.hub--form-controls--selectpicker[data-multiple] [role="option"][aria-selected="true"]:after {
  right: calc(var(--spacing, .25rem) * 4);
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
  content: "";
  border: 2px solid;
  border-width: 0 2px 2px 0;
  width: .35rem;
  height: .7rem;
  position: absolute;
  top: 50%;
  transform: translateY(-65%) rotate(45deg);
}

.hub--form-controls--selectpicker .group {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-top: var(--spacing, .25rem);
  padding-bottom: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.hub--form-controls--selectpicker .divider {
  margin-block: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  height: 1px;
}

.hub--form-controls--selectpicker .empty {
  margin-inline: calc(var(--spacing, .25rem) * 2);
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
  border-radius: .25rem;
}

.hub--form-controls--selectpicker [hidden] {
  display: none !important;
}

@media (forced-colors: active) {
  .hub--form-controls--selectpicker [role="option"].active {
    outline: 2px solid highlight;
  }
}

.hub--generated-report--generated-table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
}

:where(.hub--generated-report--generated-table) :where(th, td) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  vertical-align: top;
}

:where(.hub--generated-report--generated-table) :where(th) {
  text-align: left;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

:where(.hub--generated-report--generated-table) :where(tbody tr:nth-child(odd)) {
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
}

.hub--hvac-report-parts--tree, .hub--hvac-report-parts--tree ul, .hub--hvac-report-parts--tree li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.hub--hvac-report-parts--tree {
  text-align: center;
  margin: 0 0 1em;
}

.hub--hvac-report-parts--tree, .hub--hvac-report-parts--tree ul {
  display: table;
}

.hub--hvac-report-parts--tree ul {
  width: 100%;
}

.hub--hvac-report-parts--tree li {
  vertical-align: top;
  padding: .5em 0;
  display: table-cell;
}

.hub--hvac-report-parts--tree li:before {
  content: "";
  outline: 1px solid #666;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hub--hvac-report-parts--tree li:first-child:before {
  left: 50%;
}

.hub--hvac-report-parts--tree li:last-child:before {
  right: 50%;
}

.hub--hvac-report-parts--tree code, .hub--hvac-report-parts--tree span {
  border: .1em solid #666;
  border-radius: .2em;
  margin: 0 .2em .5em;
  padding: .2em .5em;
  display: inline-block;
  position: relative;
}

.hub--hvac-report-parts--tree code {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-overflow: ellipsis;
  font-size: xx-small;
}

.hub--hvac-report-parts--tree ul:before, .hub--hvac-report-parts--tree code:before, .hub--hvac-report-parts--tree span:before {
  content: "";
  outline: 1px solid #666;
  height: .5em;
  position: absolute;
  left: 50%;
}

.hub--hvac-report-parts--tree ul:before {
  top: -.5em;
}

.hub--hvac-report-parts--tree code:before, .hub--hvac-report-parts--tree span:before {
  top: -.55em;
}

.hub--hvac-report-parts--tree > li {
  margin-top: 0;
}

.hub--hvac-report-parts--tree > li:before, .hub--hvac-report-parts--tree > li:after, .hub--hvac-report-parts--tree > li > code:before, .hub--hvac-report-parts--tree > li > span:before {
  outline: none;
}

.hub--hvacs--edit .footer-spacer {
  flex-grow: 1;
}

.hub--hvacs--new .modal-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hub--hvacs--new .footer-spacer {
  flex-grow: 1;
}

.modal-fullscreen:has(.hub--hvacs--top) {
  width: calc(100% - 2em);
  max-width: 100%;
  height: calc(100% - 2em);
  margin: 1em;
}

.hub--indoor-comfort--comfort-profile-form input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

.hub--indoor-comfort--comfort-profile-form input[type="time"] {
  background: none;
  border-radius: 4px;
  padding: 1px 4px;
}

.hub--indoor-comfort--comfort-profile-form input[type="text"], .hub--indoor-comfort--comfort-profile-form input[type="number"] {
  color: #374151;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
}

.hub--indoor-comfort--comfort-profile-form input:focus {
  border-color: #8b5cf6;
  outline: none;
  box-shadow: 0 0 0 3px #8b5cf61a;
}

.hub--indoor-comfort--comfort-profile-form .checkbox-group {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  max-height: 200px;
  padding: 12px;
  overflow-y: auto;
}

.hub--indoor-comfort--comfort-profile-form .checkbox-item {
  border-bottom: 1px solid #f3f4f6;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.hub--indoor-comfort--comfort-profile-form .checkbox-item:last-child {
  border-bottom: none;
}

.hub--indoor-comfort--comfort-profile-form .checkbox-item input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
}

.hub--indoor-comfort--comfort-profile-form .checkbox-item label {
  cursor: pointer;
  color: #374151;
  margin: 0;
  font-size: 14px;
}

.hub--indoor-comfort--comfort-profile-form table.dataTable > tbody > tr.group-header > * {
  border: 1px solid #d7d5da;
  padding: 8px;
  color: #000 !important;
  box-shadow: inset 0 0 0 9999px #f3eeff !important;
}

.hub--indoor-comfort--comfort-profile-form table.dataTable > tbody > tr.group-header {
  margin-bottom: 3px;
}

.hub--indoor-comfort--comfort-settings .delete-form {
  display: inline;
}

.hub--indoor-comfort--index .tab-content.hidden {
  display: none !important;
}

.hub--indoor-comfort--opening-hours .delete-form {
  display: inline;
}

.hub--indoor-comfort--sites-overview [style*="--comfort-width:"] {
  width: var(--comfort-width);
}

@media (width <= 550px) {
  .hub--join--layout .card-col {
    margin: 0;
    padding: 0;
  }

  .hub--join--layout .card-col > .card {
    border: none;
  }
}

.hub--join--layout ul.messages {
  padding-left: 0;
}

.hub--join--layout ul.messages li {
  list-style: none;
}

.hub--join--layout .card-body label {
  color: #374151;
  margin-bottom: 8px;
  font-size: 14px;
}

.hub--join--layout .form-group {
  margin-bottom: 16px;
}

.hub--join--layout .form-check-label, .hub--join--layout .form-check-input {
  cursor: pointer;
}

.hub--join--layout .form-check {
  display: grid;
}

.hub--join--layout .form-check input[type="checkbox"] {
  appearance: none;
  font: inherit;
  color: #374151;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  place-content: center;
  width: 1.15em;
  height: 1.15em;
  margin: 0;
  display: grid;
  transform: translateY(-.075em);
}

.hub--join--layout .form-check input[type="checkbox"]:before {
  content: "";
  transform-origin: 0 100%;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: canvastext;
  width: .65em;
  height: .65em;
  transition: transform .12s ease-in-out;
  transform: scale(0);
  box-shadow: inset 1em 1em #6021ff;
}

.hub--join--layout .form-check input[type="checkbox"]:checked:before {
  transform: scale(1);
}

.hub--join--layout .form-check input[type="checkbox"]:focus {
  border-width: 2px;
  border-color: #8353ff;
  outline: none;
}

.hub--join--layout .btn-primary {
  color: #fff;
  background-color: #8353ff;
  border: none;
  border-radius: 5px;
  width: 100%;
  height: 44px;
  padding: 8px 16px;
}

.hub--join--layout .btn-primary:hover, .hub--join--layout .btn-primary:focus, .hub--join--layout .btn-primary:active {
  color: #fff;
  background-color: #f5f3ff !important;
}

.hub--join--layout .btn-primary:active, .hub--join--layout .btn-primary:focus {
  box-shadow: 0 0 0 .2rem #3f967580 !important;
}

.hub--join--layout .btn-outline-primary {
  background-color: initial;
  color: #8353ff;
  border-color: #8353ff;
}

.hub--join--layout .btn-outline-primary:hover, .hub--join--layout .btn-outline-primary:focus, .hub--join--layout .btn-outline-primary:active {
  background-color: #f4f4f4;
  border-color: #6021ff;
}

.hub--join--layout .btn-outline-primary:active, .hub--join--layout .btn-outline-primary:focus {
  color: #fff;
  background-color: #6021ff !important;
  border-color: #6021ff !important;
  box-shadow: 0 0 0 .2rem #6021ff !important;
}

.hub--join--layout .btn-primary.disabled, .hub--join--layout .btn-primary:disabled {
  color: #fff;
  background-color: #8353ff;
  border-color: #8353ff;
}

.hub--join--layout a {
  color: #8353ff;
  transition: all .2s;
}

.hub--join--layout a:hover {
  color: #9c76ff;
}

.hub--join--layout .form-control {
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  outline: none;
  height: 44px;
  padding: 4px 16px 4px 12px;
  font-size: 16px;
}

.hub--join--layout .form-control::placeholder {
  color: #9ca3af;
}

.hub--join--layout .form-control:focus, .hub--join--layout input#id_email:focus {
  border: none;
  outline: 0;
}

.hub--join--layout .connect-box {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hub--manual-readings--back {
  min-height: 44px;
}

.hub--manual-readings--form [data-part="advanced-toggle"] {
  min-height: 48px;
}

.hub--manual-readings--picker [data-part="meter"] {
  min-height: 64px;
}

.hub--meter-contracts--district-heating-show > turbo-frame > .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--meter-contracts--district-heating-show [data-figure="penalty_lookup_temperature"] {
  min-height: 360px;
}

.hub--meter-contracts--electricity-show > turbo-frame > .spinner-grow, .hub--meter-contracts--water-show > turbo-frame > .spinner-grow, .hub--meter-data--show > turbo-frame > .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--meter-data--show-main-segment > .dropdown-toggle {
  background-color: #f8f9fa;
}

.hub--meter-details--freq-period-row select, .hub--meter-details--freq-period-row input:not([type="hidden"]):not([type="checkbox"]) {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  height: 31px;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  border-radius: .25rem;
  display: block;
}

:is(.hub--meter-details--freq-period-row select, .hub--meter-details--freq-period-row input:not([type="hidden"]):not([type="checkbox"])):focus {
  border-color: var(--color-ento-500, #b698ff);
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-100, #f3eeff);
}

:is(.hub--meter-details--freq-period-row select, .hub--meter-details--freq-period-row input:not([type="hidden"]):not([type="checkbox"])):disabled {
  cursor: not-allowed;
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.hub--meter-details--freq-period-row select, .hub--meter-details--freq-period-row input:not([type="hidden"]):not([type="checkbox"]) {
  box-sizing: border-box;
  font: inherit;
  font-size: .875rem;
  line-height: 1.25rem;
}

.hub--meter-details--freq-period-row select {
  min-width: 15rem;
  padding-inline-end: 1.75rem;
}

.hub--meter-details--freq-period-row input[type="checkbox"] {
  width: calc(var(--spacing, .25rem) * 3.5);
  height: calc(var(--spacing, .25rem) * 3.5);
  accent-color: var(--color-ento-900, #8353ff);
}

.modal-fullscreen:has(.hub--meter-details--top) {
  width: calc(100% - 2em);
  max-width: 100%;
  height: calc(100% - 2em);
  margin: 1em;
}

.hub--meter-manual-readings--index div.dataTables_scrollBody {
  border-left: none !important;
}

.hub--meter-manual-readings--index table.dataTable {
  border-collapse: collapse !important;
}

.hub--meter-manual-readings--index #readings, .hub--meter-manual-readings--index #audit {
  width: 100%;
}

.hub--meter-manual-readings--index table.dataTable tbody td.select-checkbox:before, .hub--meter-manual-readings--index table.dataTable tbody th.select-checkbox:before, .hub--meter-manual-readings--index table.dataTable tr.selected td.select-checkbox:before, .hub--meter-manual-readings--index table.dataTable tr.selected th.select-checkbox:before, .hub--meter-manual-readings--index table.dataTable tr.selected td.select-checkbox:after, .hub--meter-manual-readings--index table.dataTable tr.selected th.select-checkbox:after {
  content: "";
  border: none;
}

.hub--meter-manual-readings--index .readings-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  margin-bottom: .75rem;
  display: flex;
}

.hub--meter-manual-readings--index .readings-toolbar .dataTables_filter {
  float: none;
  margin-left: auto;
}

.hub--meter-peak-power--report-preview .report-preview tfoot td.dt-right {
  font-weight: 700;
}

.hub--meter-virtual-meter-rules--index-chart-segment > .mt-8 {
  width: 100%;
  height: 400px;
}

.hub--meter-weather-data--show > turbo-frame > .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--mobile--alert .markdown ul {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 20px;
  list-style-type: disc;
}

.hub--mobile--alert .markdown ol {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}

.hub--mobile--alert .markdown strong {
  font-weight: 500;
}

.hub--mobile--alert .markdown {
  font-size: 16px;
  line-height: 1.4;
  font-family: soehne !important;
}

.hub--mobile--alert .ai-message .message-content {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  max-width: 90%;
  padding: .75rem;
  display: inline-block;
}

.hub--mobile--alert-figure [data-part="current"] {
  color: #dc3545;
}

.hub--mobile--alert-figure [data-part="reference"] {
  color: #1a9780;
}

.hub--mobile--data, .hub--mobile--data-chart.chart {
  min-height: 250px;
}

.hub--mobile--performance [data-part="reporting"] {
  border-color: currentColor;
}

.hub--mobile--performance img[hidden] {
  display: none;
}

@keyframes hub-mobile-site-slide-up {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.hub--navigation--mobile-site-picker .animate-slide-up {
  animation: .3s ease-out hub-mobile-site-slide-up;
}

.hub--navigation--mobile-site-picker [data-part="picker"] {
  min-height: 48px;
}

.hub--navigation--mobile-site-picker [data-part="modal"] {
  isolation: isolate;
}

.hub--navigation--mobile-site-picker [data-part="sheet"] {
  height: 80vh;
  max-height: 80vh;
}

.hub--navigation--mobile-site-picker [data-part="sites"] {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  min-height: 0;
}

@keyframes hub-mobile-org-slide-up {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.hub--navigation--mobile-top-bar .animate-slide-up {
  animation: .3s ease-out hub-mobile-org-slide-up;
}

.hub--navigation--mobile-top-bar [data-part="sheet"] {
  max-height: 60dvh;
}

.hub--navigation--mobile-top-bar [data-part="organizations"] {
  min-height: 0;
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.hub--navigation--org-selector .hub--form-controls--selectpicker > .toggle {
  font-size: 16px;
}

.hub--navigation--org-selector select {
  color: unset !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

:where(.hub--org-review--markdown-section) .org-review-comment-panel {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin-top: 4mm;
  padding: 12px 14px;
}

:where(.hub--org-review--markdown-section) .org-review-comment-panel h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown, :where(.hub--org-review--markdown-section) .org-review-comment-placeholder {
  color: #6b7280;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown p {
  margin: 0 0 7px;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown p:last-child {
  margin-bottom: 0;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown ul, :where(.hub--org-review--markdown-section) .org-review-generated-markdown ol {
  margin: 0 0 8px;
  padding-left: 18px;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown ul {
  list-style: outside;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown ol {
  list-style: decimal;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown li {
  margin: 0 0 5px;
  padding-left: 2px;
  display: list-item;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown li::marker {
  color: #6b4ee6;
  font-size: .9em;
}

:where(.hub--org-review--markdown-section) .org-review-generated-markdown li:last-child, :where(.hub--org-review--markdown-section) .org-review-generated-markdown ul:last-child, :where(.hub--org-review--markdown-section) .org-review-generated-markdown ol:last-child {
  margin-bottom: 0;
}

:where(.hub--org-review--markdown-section) .org-review-executive-summary {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin-top: 6mm;
  padding: 12px 14px;
}

:where(.hub--org-review--markdown-section) .org-review-executive-summary h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 600;
}

:where(.hub--org-review--markdown-section) .org-review-markdown-header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

:where(.hub--org-review--markdown-section) .org-review-markdown-header h3 {
  margin-bottom: 8px;
}

:where(.hub--org-review--markdown-section) .org-review-markdown-edit-link {
  color: #374151;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

:where(.hub--org-review--markdown-section) .org-review-markdown-edit-link:hover {
  color: #17172a;
  text-decoration: none;
}

:where(.hub--org-review--markdown-section) .org-review-markdown-version {
  color: #9ca3af;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 10px;
  font-weight: 600;
}

@media print {
  :where(.hub--org-review--markdown-section) .org-review-markdown-edit-link, :where(.hub--org-review--markdown-section) .org-review-markdown-version {
    display: none !important;
  }
}

:where(.hub--org-review--markdown-section-form) .org-review-comment-panel {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin-top: 4mm;
  padding: 12px 14px;
}

:where(.hub--org-review--markdown-section-form) .org-review-comment-panel h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
}

:where(.hub--org-review--markdown-section-form) .org-review-executive-summary {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin-top: 6mm;
  padding: 12px 14px;
}

:where(.hub--org-review--markdown-section-form) .org-review-executive-summary h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 600;
}

:where(.hub--org-review--markdown-section-form) .org-review-markdown-header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

:where(.hub--org-review--markdown-section-form) .org-review-markdown-header h3 {
  margin-bottom: 8px;
}

:where(.hub--org-review--markdown-section-form) .org-review-markdown-form textarea {
  resize: vertical;
  min-height: 150px;
}

:where(.hub--org-review--markdown-section-form) .org-review-markdown-form-actions {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

@media print {
  :where(.hub--org-review--markdown-section-form) .org-review-markdown-form-actions {
    display: none !important;
  }
}

:where(.hub--org-review--report).org-review-shell {
  background: #f3f4f6;
  padding: 32px 0;
}

:where(.hub--org-review--report) .org-review-page {
  color: #223;
  page-break-after: always;
  break-after: page;
  background: #fff;
  width: 210mm;
  min-height: 297mm;
  margin: 0 auto 24px;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 42px #0f172a1f;
}

:where(.hub--org-review--report) .org-review-page:last-child {
  page-break-after: auto;
  break-after: auto;
}

:where(.hub--org-review--report) .org-review-page--energy .org-review-content {
  padding: 14mm 18mm;
}

:where(.hub--org-review--report) .org-review-page--energy .org-review-page-header {
  margin-bottom: 5mm;
}

:where(.hub--org-review--report) .org-review-page--energy .org-review-grid {
  margin-bottom: 4mm;
}

:where(.hub--org-review--report) .org-review-page--energy .org-review-card {
  padding: 10px 12px;
}

:where(.hub--org-review--report) .org-review-page--landscape {
  width: 297mm;
  min-height: 210mm;
}

:where(.hub--org-review--report) .org-review-page--appendix {
  overflow: visible;
}

:where(.hub--org-review--report) .org-review-cover {
  color: #17172a;
  background: #fff;
  padding: 0;
  display: block;
}

:where(.hub--org-review--report) .org-review-cover-hero {
  color: #fff;
  background: #17172a;
  min-height: 98mm;
  padding: 24mm 24mm 18mm;
  position: relative;
}

:where(.hub--org-review--report) .org-review-cover-hero:after {
  content: "";
  background: linear-gradient(90deg, #6b4ee6 0%, #6b4ee600 100%);
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 24mm;
  right: 24mm;
}

:where(.hub--org-review--report) .org-review-cover-body {
  padding: 10mm 24mm 20mm;
}

:where(.hub--org-review--report) .org-review-logo {
  width: 118px;
  height: auto;
}

:where(.hub--org-review--report) .org-review-partner-logo {
  object-fit: contain;
  max-width: 132px;
  max-height: 42px;
  position: absolute;
  top: 24mm;
  right: 24mm;
}

:where(.hub--org-review--report) .org-review-kicker {
  color: #ffffff8c;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-title {
  color: #fff;
  letter-spacing: -.04em;
  max-width: 560px;
  margin: 14px 0 20px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.05;
}

:where(.hub--org-review--report) .org-review-subtitle {
  color: #ffffffb8;
  margin: 0;
  font-size: 17px;
}

:where(.hub--org-review--report) .org-review-cover-map {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  height: 92mm;
  margin: 0 0 10mm;
  position: relative;
  overflow: hidden;
}

:where(.hub--org-review--report) .org-review-cover-map-canvas {
  width: 100%;
  height: 100%;
  min-height: 92mm;
}

:where(.hub--org-review--report) .org-review-cover-map-empty {
  color: #6b7280;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 24px;
  font-size: 14px;
  display: flex;
}

:where(.hub--org-review--report) [hidden] {
  display: none !important;
}

:where(.hub--org-review--report) .org-review-cover-panel {
  background: #ffffff0f;
  border-top: 1px solid #ffffff24;
  border-bottom: 1px solid #ffffff24;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr) minmax(0, 1.1fr);
  gap: 0;
  margin-top: 14mm;
  padding: 18px 0;
  display: grid;
}

:where(.hub--org-review--report) .org-review-cover-panel > div {
  border-right: 1px solid #ffffff24;
  padding: 0 18px;
}

:where(.hub--org-review--report) .org-review-cover-panel > div:first-child {
  padding-left: 18px;
}

:where(.hub--org-review--report) .org-review-cover-panel > div:last-child {
  border-right: 0;
  padding-right: 18px;
}

:where(.hub--org-review--report) .org-review-panel-label {
  color: #ffffff8a;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-panel-value {
  color: #fff;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-cover-toc {
  grid-template-columns: 24mm 1fr;
  gap: 8px;
  display: grid;
}

:where(.hub--org-review--report) .org-review-cover-toc-title {
  color: #6b4ee6;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-cover-toc-list {
  columns: 2;
  column-gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(.hub--org-review--report) .org-review-cover-toc-list li {
  break-inside: avoid;
  color: #374151;
  margin: 0 0 7px;
  font-size: 12px;
}

:where(.hub--org-review--report) .org-review-cover-toc-list a {
  color: inherit;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}

:where(.hub--org-review--report) .org-review-cover-toc-list a:hover {
  color: #6b4ee6;
  text-decoration: none;
}

:where(.hub--org-review--report) .org-review-cover-toc-list a span:first-child {
  padding-right: 8px;
}

:where(.hub--org-review--report) .org-review-cover-toc-list a span:last-child {
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
}

:where(.hub--org-review--report) .org-review-content {
  padding: 18mm 20mm;
}

:where(.hub--org-review--report) .org-review-page-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8mm;
  padding-bottom: 0;
  display: flex;
}

:where(.hub--org-review--report) .org-review-page-label {
  color: #6b4ee6;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-heading {
  color: #17172a;
  letter-spacing: -.03em;
  margin: 6px 0 0;
  font-size: 28px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-heading-note {
  color: #6b7280;
  max-width: 118mm;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

:where(.hub--org-review--report) .org-review-heading-details {
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 10px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-heading-detail {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-heading-detail-label {
  color: #9ca3af;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-heading-detail-value {
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-site-groups {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-site-groups-label {
  color: #9ca3af;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-right: 2px;
  font-size: 9px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-tag {
  color: #0284c7;
  background: #f0f9ff;
  border-radius: 6px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  display: inline-flex;
}

:where(.hub--org-review--report) .org-review-tag--hash:before {
  content: "#";
}

:where(.hub--org-review--report) .org-review-period {
  color: #6b7280;
  text-align: right;
  font-size: 13px;
}

:where(.hub--org-review--report) .org-review-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 6mm;
  display: grid;
}

:where(.hub--org-review--report) .org-review-card {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px 14px;
}

:where(.hub--org-review--report) .org-review-card-label {
  color: #6b7280;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-card-value {
  color: #17172a;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

:where(.hub--org-review--report) .org-review-card-value--improved {
  color: #047857;
}

:where(.hub--org-review--report) .org-review-card-value--worse {
  color: #b91c1c;
}

:where(.hub--org-review--report) .org-review-card-value--flat, :where(.hub--org-review--report) .org-review-card-value--none {
  color: #374151;
}

:where(.hub--org-review--report) .org-review-card-note {
  color: #6b7280;
  letter-spacing: 0;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

:where(.hub--org-review--report) .org-review-section {
  margin-top: 12mm;
  padding-top: 0;
}

:where(.hub--org-review--report) .org-review-section--compact {
  margin-top: 4mm;
  padding-top: 0;
}

:where(.hub--org-review--report) .org-review-section h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-muted {
  color: #6b7280;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

:where(.hub--org-review--report) .org-review-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 12px;
  font-size: 13px;
}

:where(.hub--org-review--report) .org-review-table th, :where(.hub--org-review--report) .org-review-table td {
  text-align: left;
  border-bottom: 1px solid #ececf2;
  padding: 10px 8px;
}

:where(.hub--org-review--report) .org-review-table th {
  color: #6b7280;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-appendix-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.35;
}

:where(.hub--org-review--report) .org-review-appendix-table th, :where(.hub--org-review--report) .org-review-appendix-table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ececf2;
  padding: 5px 6px;
}

:where(.hub--org-review--report) .org-review-appendix-table th {
  color: #6b7280;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-appendix-table td {
  color: #374151;
  overflow-wrap: anywhere;
}

:where(.hub--org-review--report) .org-review-appendix-table tbody tr {
  break-inside: avoid;
  page-break-inside: avoid;
}

:where(.hub--org-review--report) .org-review-appendix-table .org-review-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

:where(.hub--org-review--report) .org-review-appendix-comment-byline {
  color: #6b7280;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 8px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-appendix-comment-text {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.05em;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

:where(.hub--org-review--report) .org-review-appendix-status {
  white-space: nowrap;
  border-radius: 999px;
  padding: 4px 6px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

:where(.hub--org-review--report) .org-review-appendix-status--alerting {
  color: #dc2626;
  background: #fef2f2;
}

:where(.hub--org-review--report) .org-review-appendix-status--investigate {
  color: #2563eb;
  background: #eff6ff;
}

:where(.hub--org-review--report) .org-review-appendix-status--priority {
  color: #a16207;
  background: #fefce8;
}

:where(.hub--org-review--report) .org-review-empty {
  color: #6b7280;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-top: 8px;
  padding: 14px;
  font-size: 13px;
}

:where(.hub--org-review--report) .org-review-performance-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 2mm;
}

:where(.hub--org-review--report) .org-review-performance-table th {
  color: #6b7280;
  letter-spacing: .1em;
  text-align: right;
  text-transform: uppercase;
  padding: 0 8px 8px;
  font-size: 10px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-performance-table th:first-child, :where(.hub--org-review--report) .org-review-performance-table td:first-child {
  text-align: left;
}

:where(.hub--org-review--report) .org-review-performance-table td {
  color: #4b5563;
  text-align: right;
  vertical-align: middle;
  padding: 7px 8px;
  font-size: 13px;
  font-weight: 500;
}

:where(.hub--org-review--report) .org-review-performance-group-row td {
  color: #17172a;
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-performance-tag-row td {
  color: #64748b;
  border-bottom-color: #f1f5f9;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

:where(.hub--org-review--report) .org-review-performance-tag-label {
  color: #64748b;
  padding-left: 18px;
  font-weight: 600;
  display: inline-block;
}

:where(.hub--org-review--report) .org-review-energy-label {
  color: #4b5563;
  align-items: center;
  gap: 9px;
  font-weight: 600;
  display: inline-flex;
}

:where(.hub--org-review--report) .org-review-energy-dot {
  background: var(--org-review-energy-color);
  border-radius: 999px;
  width: 9px;
  height: 9px;
  display: inline-block;
}

:where(.hub--org-review--report) .org-review-energy-dot--electricity {
  --org-review-energy-color: #8353ff;
}

:where(.hub--org-review--report) .org-review-energy-dot--heating {
  --org-review-energy-color: #ec4899;
}

:where(.hub--org-review--report) .org-review-energy-dot--water {
  --org-review-energy-color: #3b82f6;
}

:where(.hub--org-review--report) .org-review-energy-dot--solar {
  --org-review-energy-color: #fcd34d;
}

:where(.hub--org-review--report) .org-review-energy-dot--gas {
  --org-review-energy-color: #f97316;
}

:where(.hub--org-review--report) .org-review-energy-dot--other {
  --org-review-energy-color: #9ca3af;
}

:where(.hub--org-review--report) .org-review-performance-pill {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 48px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

:where(.hub--org-review--report) .org-review-performance-pill--improved {
  color: #059669;
  background: #ecfdf5;
}

:where(.hub--org-review--report) .org-review-performance-pill--worse {
  color: #ef4444;
  background: #fef2f2;
}

:where(.hub--org-review--report) .org-review-performance-pill--flat, :where(.hub--org-review--report) .org-review-performance-pill--none {
  color: #6b7280;
  background: #f8fafc;
}

:where(.hub--org-review--report) .org-review-coverage {
  grid-template-columns: 1fr 44px;
  align-items: center;
  gap: 8px;
  min-width: 120px;
  display: grid;
}

:where(.hub--org-review--report) .org-review-coverage-track {
  background: #f1f5f9;
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

:where(.hub--org-review--report) .org-review-coverage-bar {
  border-radius: inherit;
  height: 100%;
  width: var(--org-review-coverage);
  background: #168348;
}

:where(.hub--org-review--report) .org-review-coverage-value {
  color: #6b7280;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-projects {
  margin-top: 10mm;
}

:where(.hub--org-review--report) .org-review-projects h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-project-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

:where(.hub--org-review--report) .org-review-project-card {
  background: var(--org-review-project-background);
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px;
}

:where(.hub--org-review--report) .org-review-project-card--alerts {
  --org-review-project-background: #fef2f2;
  --org-review-project-accent: #dc2626;
}

:where(.hub--org-review--report) .org-review-project-card--planned {
  --org-review-project-background: #eef2ff;
  --org-review-project-accent: #4f46e5;
}

:where(.hub--org-review--report) .org-review-project-card--implemented {
  --org-review-project-background: #ecfdf5;
  --org-review-project-accent: #047857;
}

:where(.hub--org-review--report) .org-review-project-card--summary {
  --org-review-project-background: #f0edfb;
  --org-review-project-accent: #6b4ee6;
}

:where(.hub--org-review--report) .org-review-project-label {
  color: #6b7280;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

:where(.hub--org-review--report) .org-review-project-count {
  color: var(--org-review-project-accent);
  background: #ffffffb8;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

:where(.hub--org-review--report) .org-review-project-main {
  letter-spacing: -.04em;
  color: var(--org-review-project-accent);
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

:where(.hub--org-review--report) .org-review-project-main span {
  letter-spacing: 0;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  display: block;
}

:where(.hub--org-review--report) .org-review-project-pills {
  flex-wrap: nowrap;
  gap: 6px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-project-pill {
  white-space: nowrap;
  color: var(--org-review-project-accent);
  background: #fff;
  border-radius: 8px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-verification {
  margin-top: 6mm;
}

:where(.hub--org-review--report) .org-review-verification-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-verification-title {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-verification-status {
  color: #6b7280;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 700;
}

:where(.hub--org-review--report) .org-review-verification-status--decrease {
  color: #047857;
  background: #ecfdf5;
}

:where(.hub--org-review--report) .org-review-verification-status--increase {
  color: #b91c1c;
  background: #fef2f2;
}

:where(.hub--org-review--report) .org-review-verification-status--none {
  color: #6b7280;
  background: #f8fafc;
}

:where(.hub--org-review--report) .org-review-verification-layout {
  display: block;
}

:where(.hub--org-review--report) .org-review-verification-main {
  display: none;
}

:where(.hub--org-review--report) .org-review-verification-label {
  color: #9ca3af;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-verification-value {
  color: #b91c1c;
  letter-spacing: -.04em;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

:where(.hub--org-review--report) .org-review-verification-value--decrease {
  color: #047857;
}

:where(.hub--org-review--report) .org-review-verification-value--none {
  color: #374151;
}

:where(.hub--org-review--report) .org-review-verification-pills {
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-verification-pill {
  color: #6b7280;
  background: #f8fafc;
  border-radius: 8px;
  padding: 5px 7px;
  font-size: 11px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-verification-chart {
  min-height: 58mm;
}

:where(.hub--org-review--report) .org-review-verification-chart [data-figure] {
  width: 100%;
  height: 58mm;
}

:where(.hub--org-review--report) .org-review-change-section {
  margin-top: 5mm;
}

:where(.hub--org-review--report) .org-review-change-panel {
  background: #fff;
  padding: 0;
}

:where(.hub--org-review--report) .org-review-change-panel h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-waterfall {
  width: 100%;
  height: 40mm;
  display: block;
}

:where(.hub--org-review--report) .org-review-comment-panel {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin-top: 4mm;
  padding: 12px 14px;
}

:where(.hub--org-review--report) .org-review-comment-panel h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-generated-markdown, :where(.hub--org-review--report) .org-review-comment-placeholder {
  color: #6b7280;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

:where(.hub--org-review--report) .org-review-generated-markdown p {
  margin: 0 0 7px;
}

:where(.hub--org-review--report) .org-review-generated-markdown p:last-child {
  margin-bottom: 0;
}

:where(.hub--org-review--report) .org-review-generated-markdown ul, :where(.hub--org-review--report) .org-review-generated-markdown ol {
  margin: 0 0 8px;
  padding-left: 18px;
}

:where(.hub--org-review--report) .org-review-generated-markdown ul {
  list-style: outside;
}

:where(.hub--org-review--report) .org-review-generated-markdown ol {
  list-style: decimal;
}

:where(.hub--org-review--report) .org-review-generated-markdown li {
  margin: 0 0 5px;
  padding-left: 2px;
  display: list-item;
}

:where(.hub--org-review--report) .org-review-generated-markdown li::marker {
  color: #6b4ee6;
  font-size: .9em;
}

:where(.hub--org-review--report) .org-review-generated-markdown li:last-child, :where(.hub--org-review--report) .org-review-generated-markdown ul:last-child, :where(.hub--org-review--report) .org-review-generated-markdown ol:last-child {
  margin-bottom: 0;
}

:where(.hub--org-review--report) .org-review-executive-summary {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin-top: 6mm;
  padding: 12px 14px;
}

:where(.hub--org-review--report) .org-review-executive-summary h3 {
  color: #17172a;
  letter-spacing: -.02em;
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-markdown-header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-markdown-header h3 {
  margin-bottom: 8px;
}

:where(.hub--org-review--report) .org-review-markdown-edit-link {
  color: #374151;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

:where(.hub--org-review--report) .org-review-markdown-edit-link:hover {
  color: #17172a;
  text-decoration: none;
}

:where(.hub--org-review--report) .org-review-markdown-version {
  color: #9ca3af;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 10px;
  font-weight: 600;
}

:where(.hub--org-review--report) .org-review-markdown-form textarea {
  resize: vertical;
  min-height: 150px;
}

:where(.hub--org-review--report) .org-review-markdown-form-actions {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

:where(.hub--org-review--report) .org-review-callout {
  background: #f0edfb;
  border-left: 4px solid #6b4ee6;
  border-radius: 12px;
  margin-top: 16mm;
  padding: 18px 20px;
}

:where(.hub--org-review--report) .org-review-footer {
  color: #9ca3af;
  justify-content: space-between;
  font-size: 11px;
  display: flex;
  position: absolute;
  bottom: 12mm;
  left: 20mm;
  right: 20mm;
}

:where(.hub--org-review--report) .gm-style .gm-style-iw-c {
  color: #17172a;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

:where(.hub--org-review--report) .org-review-column-6 {
  width: 6%;
}

:where(.hub--org-review--report) .org-review-column-7 {
  width: 7%;
}

:where(.hub--org-review--report) .org-review-column-8 {
  width: 8%;
}

:where(.hub--org-review--report) .org-review-column-9 {
  width: 9%;
}

:where(.hub--org-review--report) .org-review-column-10 {
  width: 10%;
}

:where(.hub--org-review--report) .org-review-column-13 {
  width: 13%;
}

:where(.hub--org-review--report) .org-review-column-14 {
  width: 14%;
}

:where(.hub--org-review--report) .org-review-column-18 {
  width: 18%;
}

:where(.hub--org-review--report) .org-review-column-21 {
  width: 21%;
}

:where(.hub--org-review--report) .org-review-column-32 {
  width: 32%;
}

@page org-review-portrait {
  size: A4;
  margin: 0;
}

@page org-review-landscape {
  size: A4 landscape;
  margin: 0;
}

@media print {
  html[data-component-scopes~="hub--org-review--report"], body[data-component-scopes~="hub--org-review--report"] {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #fff !important;
    height: auto !important;
    overflow: visible !important;
  }

  body[data-component-scopes~="hub--org-review--report"] #maincontent-frame, body[data-component-scopes~="hub--org-review--report"] #maincontent-frame > .flex, body[data-component-scopes~="hub--org-review--report"] #maincontent-frame > .flex > .flex, body[data-component-scopes~="hub--org-review--report"] main {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
  }

  body[data-component-scopes~="hub--org-review--report"] nav, body[data-component-scopes~="hub--org-review--report"] aside, body[data-component-scopes~="hub--org-review--report"] .navbar, body[data-component-scopes~="hub--org-review--report"] .sidebar, body[data-component-scopes~="hub--org-review--report"] .topbar, body[data-component-scopes~="hub--org-review--report"] #sidebar-frame, body[data-component-scopes~="hub--org-review--report"] #remote-modal, body[data-component-scopes~="hub--org-review--report"] main > [data-page-container], body[data-component-scopes~="hub--org-review--report"] main > .p-4, body[data-component-scopes~="hub--org-review--report"] button, body[data-component-scopes~="hub--org-review--report"] .btn, body[data-component-scopes~="hub--org-review--report"] .button-primary-sm, body[data-component-scopes~="hub--org-review--report"] .button-secondary-sm, :where(.hub--org-review--report) .org-review-markdown-edit-link, :where(.hub--org-review--report) .org-review-markdown-form-actions, :where(.hub--org-review--report) .org-review-markdown-version {
    display: none !important;
  }

  :where(.hub--org-review--report).org-review-shell {
    page: org-review-portrait;
    background: #fff;
    width: auto;
    max-width: none;
    padding: 0;
  }

  :where(.hub--org-review--report) .org-review-page {
    box-sizing: border-box;
    box-shadow: none;
    break-after: auto;
    break-before: page;
    page-break-after: auto;
    page-break-before: always;
    transform-origin: 0 0;
    width: 210mm;
    height: 297mm;
    min-height: 297mm;
    margin: 0;
    overflow: hidden;
    transform: scale(1.25);
  }

  :where(.hub--org-review--report) .org-review-page:first-child {
    break-before: auto;
    page-break-before: auto;
  }

  :where(.hub--org-review--report) .org-review-page--landscape {
    page: org-review-landscape;
    width: 297mm;
    height: 210mm;
    min-height: 210mm;
  }

  :where(.hub--org-review--report) .org-review-page:last-child {
    break-after: avoid !important;
    page-break-after: avoid !important;
  }

  :where(.hub--org-review--report) .org-review-page--appendix {
    overflow: hidden;
  }

  :where(.hub--org-review--report) .org-review-page--appendix .org-review-content {
    padding: 12mm 10mm;
  }
}

.hub--overlays--popovers-popup {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  width: max-content;
  max-width: calc(100vw - 1rem);
  max-height: calc(100vh - 1rem);
  padding: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  --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);
  max-width: min(36rem, 100vw - 1rem);
  margin: 0;
  position: fixed;
  overflow: auto;
}

.hub--overlays--popovers-popup .popover-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  background-color: #0000;
  border-width: 0;
  padding: 0;
}

.hub--overlays--popovers-popup .popover-body {
  color: inherit;
  padding: 0;
}

.hub--overlays--popovers-popup table {
  border-collapse: collapse;
  width: 100%;
}

.hub--overlays--popovers-popup td, .hub--overlays--popovers-popup th {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  text-align: left;
}

.hub--overlays--popovers-popup a {
  color: var(--color-ento-500, #b698ff);
  text-decoration-line: underline;
}

.hub--overlays--popovers-popup[data-kind="tooltip"] {
  max-width: var(--container-xs, 20rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-gray-900, oklch(21% .034 264.665));
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-white, #fff);
  border-width: 0;
}

.hub--planned-actions--editor select {
  color: #374151;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.hub--planned-actions--editor select:focus, .hub--planned-actions--editor input[type="date"]:focus, .hub--planned-actions--editor textarea:focus {
  outline: 2px solid #8353ff;
}

.hub--planned-actions--editor input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("/static/hub/images/calendar.svg");
  width: 16px;
  height: 16px;
}

.hub--planned-actions--editor .baseline::-webkit-datetime-edit-fields-wrapper {
  content: "";
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--planned-actions--editor .installation::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--planned-actions--editor .reporting::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--planned-actions--editor .input-form {
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}

.hub--planned-actions--editor input.input-form, .hub--planned-actions--editor select.input-form {
  height: 40px;
}

.hub--planned-actions--editor .input-form.dates {
  padding-left: 6px;
}

.hub--planned-actions--editor label {
  margin-bottom: 0;
}

.hub--planned-actions--verify-multiple-form select {
  color: #374151;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.hub--planned-actions--verify-multiple-form select:focus, .hub--planned-actions--verify-multiple-form input[type="date"]:focus, .hub--planned-actions--verify-multiple-form textarea:focus {
  outline: 2px solid #8353ff;
}

.hub--planned-actions--verify-multiple-form input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("/static/hub/images/calendar.svg");
  width: 16px;
  height: 16px;
}

.hub--planned-actions--verify-multiple-form .baseline::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--planned-actions--verify-multiple-form .installation::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--planned-actions--verify-multiple-form .reporting::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--planned-actions--verify-multiple-form .input-form {
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}

.hub--planned-actions--verify-multiple-form input.input-form, .hub--planned-actions--verify-multiple-form select.input-form {
  height: 40px;
}

.hub--planned-actions--verify-multiple-form .input-form.dates {
  padding-left: 6px;
}

.hub--planned-actions--verify-multiple-form label {
  margin-bottom: 0;
}

.hub--planned-actions--verify-multiple-form .planned-actions-list {
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  max-height: 200px;
  padding: 8px;
  overflow-y: auto;
}

.hub--planned-actions--verify-multiple-form .planned-action-item {
  border-bottom: 1px solid #e5e7eb;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  padding: 8px 12px;
  transition: background-color .15s ease-in-out;
  display: flex;
}

.hub--planned-actions--verify-multiple-form .planned-action-item:hover {
  background-color: #f9fafb;
}

.hub--planned-actions--verify-multiple-form .planned-action-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.hub--portfolio-reports--index .report-heading {
  margin-top: 5rem;
  margin-bottom: 3rem;
}

.hub--portfolio-reports--index .consumption-chart {
  width: 150px;
}

.hub--portfolio-reports--index .report-info-icon {
  font-size: 24px;
}

.hub--portfolio-reports--index .report-info {
  font-size: 14px;
}

.hub--portfolio-reports--index .report-page-break {
  page-break-after: always;
}

.hub--portfolio-reports--index .report-rule {
  color: #e4e4e4;
}

.hub--portfolio-reports--index .report-frame-loading {
  height: 650px;
}

.hub--portfolio-reports--index .report-spinner [data-ui-spinner] {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--portfolio-reports--index .report-action {
  font-size: 16px;
}

.hub--portfolio-reports--index .report-comments {
  background-color: #eaecf0;
}

.hub--portfolio-reports--index .report-comment-meta {
  font-size: 13px;
}

.hub--portfolio-reports--index .savings-color {
  color: var(--savings-color);
}

body[data-component-scopes~="hub--portfolio-reports--index-print"] {
  background: #fff !important;
}

[data-component-scopes~="hub--portfolio-reports--index-print"] .top-nav {
  display: none;
}

.hub--portfolio-reports--index .report-chart-error {
  color: #7f1d1d;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: .375rem;
  margin-block: 1rem;
  padding: .75rem 1rem;
}

.hub--portfolio-reports--meters table:not(.dataTable) {
  display: block;
  overflow-x: auto;
}

body[data-component-scopes~="hub--portfolio-reports--org-summary-v2"] {
  background-color: #f8fafc;
}

.hub--portfolio-reports--org-summary-v2 .text-avatar {
  font-family: Times Newer Roman, serif;
  font-weight: 500;
  line-height: 14px;
}

.hub--portfolio-reports--org-summary-v2 path.ygrid.crisp {
  stroke-dasharray: 2 1 !important;
  stroke: #d1d5db !important;
  stroke-width: 1px !important;
}

.hub--portfolio-reports--org-summary-v2 .yzl.zl.crisp {
  stroke: #d1d5db !important;
  stroke-width: 1px !important;
}

.hub--portfolio-reports--org-summary-v2 :is(.ytitle, .bartext.bartext-inside, .bartext.bartext-outside) {
  font-size: 13px !important;
}

.hub--portfolio-reports--org-summary-v2 .bartext.bartext-outside {
  fill: #000 !important;
  font-weight: 400 !important;
}

.hub--portfolio-reports--org-summary-v2 .gtitle {
  font-weight: 600 !important;
}

.hub--portfolio-reports--org-summary-v2 .container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.hub--portfolio-reports--org-summary-v2 .page-break-after {
  page-break-after: always;
}

.hub--portfolio-reports--org-summary-v2 .loading-container {
  height: 650px;
}

.hub--portfolio-reports--org-summary-v2 .loading-spinner [data-ui-spinner] {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--portfolio-reports--org-summary-v2 .manual-print-hidden {
  display: none;
}

.hub--portfolio-reports--org-summary-v2 .print-preview-container {
  min-height: 100vh;
  padding: 2rem;
}

.hub--portfolio-reports--org-summary-v2 .printable-area {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  max-width: 210mm;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 10px 25px #0000001a, 0 4px 6px #0000000d;
}

.hub--portfolio-reports--org-summary-v2 .printable-area:before {
  color: #fff;
  z-index: 10;
  background-color: #3b82f6;
  border-radius: 4px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  position: absolute;
  top: -2.5rem;
  left: 0;
}

.hub--portfolio-reports--org-summary-v2 :is(.toc-list, .toc-list ol) {
  list-style-type: none;
}

.hub--portfolio-reports--org-summary-v2 .toc-list {
  padding: 0;
}

.hub--portfolio-reports--org-summary-v2 .toc-list ol {
  padding-inline-start: 2ch;
}

.hub--portfolio-reports--org-summary-v2 .toc-list li > a {
  grid-template-columns: auto max-content;
  align-items: end;
  text-decoration: none;
  display: grid;
}

.hub--portfolio-reports--org-summary-v2 .toc-list li > a > .page {
  text-align: right;
}

.hub--portfolio-reports--org-summary-v2 a {
  margin-bottom: 16px;
}

.hub--portfolio-reports--org-summary-v2 .visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.hub--portfolio-reports--org-summary-v2 .toc-list li > a > .title {
  position: relative;
  overflow: hidden;
}

.hub--portfolio-reports--org-summary-v2 .toc-list li > a .leaders:after {
  content: " . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . ";
  text-align: right;
  padding-left: .25ch;
  position: absolute;
}

.hub--portfolio-reports--org-summary-v2 .report-savings-bar {
  width: clamp(0%, calc(100% * var(--savings-ratio)), 100%);
}

html[data-component-scopes~="hub--portfolio-reports--org-summary-v2"] {
  scroll-behavior: smooth;
}

body[data-component-scopes~="hub--portfolio-reports--org-summary-v2"][data-component-scopes~="hub--portfolio-reports--org-summary-v2-print"] nav {
  display: none;
}

@media print {
  body[data-component-scopes~="hub--portfolio-reports--org-summary-v2"] {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background: #fff !important;
  }

  .hub--portfolio-reports--org-summary-v2 .container {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-component-scopes~="hub--portfolio-reports--org-summary-v2"] :is(nav, .navbar), .hub--portfolio-reports--org-summary-v2 :is(.btn, button) {
    display: none !important;
  }

  .hub--portfolio-reports--org-summary-v2 .page-break-after {
    page-break-after: always !important;
    break-after: always !important;
  }

  .hub--portfolio-reports--org-summary-v2 img {
    max-width: 100% !important;
  }

  .hub--portfolio-reports--org-summary-v2 :is(.text-gray-900, .text-gray-700, .text-gray-500) {
    color: #000 !important;
  }

  .hub--portfolio-reports--org-summary-v2 :is(.bg-emerald-700, .bg-emerald-900) {
    -webkit-print-color-adjust: exact;
    background-color: #047857 !important;
  }

  .hub--portfolio-reports--org-summary-v2 .text-white {
    -webkit-print-color-adjust: exact;
    color: #fff !important;
  }

  .hub--portfolio-reports--org-summary-v2 .printable-area:before {
    display: none !important;
  }

  .hub--portfolio-reports--org-summary-v2 .print-preview-container {
    background: #fff !important;
    padding: 0 !important;
  }

  .hub--portfolio-reports--org-summary-v2 .printable-area {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    max-width: none !important;
  }
}

.hub--portfolio-reports--org-summary-v2 .report-chart-error {
  color: #7f1d1d;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: .375rem;
  margin-block: 1rem;
  padding: .75rem 1rem;
}

body[data-component-scopes~="hub--portfolio-reports--plant"] {
  background-color: #f8fafc;
}

body[data-component-scopes~="hub--portfolio-reports--plant"][data-component-scopes~="hub--portfolio-reports--plant-print"] .top-nav {
  display: none;
}

.hub--portfolio-reports--plant {
  color: #111827;
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-family: soehne, sans-serif;
  line-height: 1.5;
}

.hub--portfolio-reports--plant .report-panel {
  background: #fff;
  margin-bottom: 3rem;
  padding: 2.5rem;
}

.hub--portfolio-reports--plant p {
  margin: 0 0 1rem;
}

.hub--portfolio-reports--plant text {
  font-family: soehne, sans-serif;
}

.hub--portfolio-reports--plant .report-navigation {
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hub--portfolio-reports--plant .report-navigation a {
  color: #4b5563;
  border-radius: .375rem;
  padding: .5rem 1rem;
  text-decoration: none;
  display: block;
}

.hub--portfolio-reports--plant .report-navigation a:hover, .hub--portfolio-reports--plant .report-navigation a[aria-current] {
  color: #8353ff;
  background: #f5f3ff;
}

.hub--portfolio-reports--plant .report-logos {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.hub--portfolio-reports--plant .report-cover h1 {
  margin: 0 0 1rem;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 600;
  line-height: 1.125;
}

.hub--portfolio-reports--plant h2, .hub--portfolio-reports--plant h3 {
  margin: 0 0 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.hub--portfolio-reports--plant .report-summary {
  grid-template-columns: 1fr 2fr;
  gap: 1.5rem;
  display: grid;
}

.hub--portfolio-reports--plant .report-panel > div {
  min-width: 0;
}

.hub--portfolio-reports--plant .report-total {
  font-size: 2.25rem;
  font-weight: 600;
}

.hub--portfolio-reports--plant .report-comparison {
  color: #6b7280;
  font-size: .875rem;
}

.hub--portfolio-reports--plant .report-machine-choice {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.hub--portfolio-reports--plant label {
  font-weight: 600;
}

.hub--portfolio-reports--plant select, .hub--portfolio-reports--plant button {
  max-width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: .375rem;
  padding: .5rem .75rem;
}

.hub--portfolio-reports--plant button {
  color: #fff;
  cursor: pointer;
  background: #8353ff;
}

.hub--portfolio-reports--plant :is(a, select, button):focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8353ff;
}

@media (width <= 767px) {
  .hub--portfolio-reports--plant .report-panel {
    padding: 1rem;
  }

  .hub--portfolio-reports--plant .report-summary {
    grid-template-columns: 1fr;
  }
}

.hub--portfolio-reports--plant .text-avatar {
  font-family: Times Newer Roman, serif;
  font-weight: 500;
  line-height: 14px;
}

.hub--portfolio-reports--plant path.ygrid.crisp {
  stroke-dasharray: 2 1 !important;
  stroke: #d1d5db !important;
  stroke-width: 1px !important;
}

.hub--portfolio-reports--plant .yzl.zl.crisp {
  stroke: #d1d5db !important;
  stroke-width: 1px !important;
}

.hub--portfolio-reports--plant :is(.ytitle, .bartext.bartext-inside, .bartext.bartext-outside) {
  font-size: 13px !important;
}

.hub--portfolio-reports--plant .bartext.bartext-outside {
  fill: #000 !important;
  font-weight: 400 !important;
}

.hub--portfolio-reports--plant .gtitle {
  font-weight: 600 !important;
}

.hub--portfolio-reports--plant .report-partner-logo {
  width: 200px;
  max-width: 60%;
}

.hub--portfolio-reports--plant .report-ento-logo {
  width: 80px;
  max-width: 25%;
}

.hub--portfolio-subnav--index::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

.hub--portfolio-subnav--index ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

.hub--portfolio-subnav--index::-webkit-scrollbar-thumb {
  background-color: #00000047;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 1px #ffffff80;
}

.hub--portfolio-subnav--index ::-webkit-scrollbar-thumb {
  background-color: #00000047;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 1px #ffffff80;
}

.hub--potentials--preview #chatbox {
  margin-top: 0;
  display: block;
  position: static;
}

.hub--potentials--preview .chat-popup-button {
  display: none;
}

.hub--potentials--show .potential-placeholder {
  height: 518px;
}

.hub--potentials--show [data-advisor="electricity"][data-potential="baseload"], .hub--potentials--show [data-advisor="electricity"][data-potential="peak"], .hub--potentials--show [data-advisor="gas"][data-potential="baseload"] {
  height: 476px;
}

.hub--potentials--show [data-advisor="electricity"][data-potential="profile"], .hub--potentials--show [data-advisor="water"][data-potential="profile"], .hub--potentials--show [data-advisor="gas"][data-potential="profile"] {
  height: 376px;
}

.hub--potentials--show [data-advisor="electricity"][data-potential="pv_installation"] {
  height: 554.48px;
}

.hub--potentials--show [data-advisor="district_heating"][data-potential="penalty"] {
  height: 378.19px;
}

.hub--potentials--show [data-advisor="district_heating"][data-potential="baseload"] {
  height: 452px;
}

.hub--potentials--show [data-advisor="district_heating"][data-potential="summer_close"] {
  height: 693px;
}

.hub--potentials--show [data-advisor="district_heating"][data-potential="heat_profile"] {
  height: 751px;
}

.hub--potentials--show [data-advisor="pv_production"][data-potential="decreased_production"], .hub--potentials--show [data-advisor="solar_pv"][data-potential="decreased_production"] {
  height: 541px;
}

.hub--potentials--show [data-advisor="water"][data-potential="baseload"] {
  height: 522px;
}

.hub--potentials--show [data-advisor="gas"][data-potential="peak"] {
  height: 500px;
}

.hub--potentials--show [data-advisor="gas"][data-potential="summer_close"] {
  height: 876px;
}

.hub--potentials--show [data-advisor="gas"][data-potential="heat_profile"] {
  height: 823px;
}

.hub--potentials--show .potential-placeholder > .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--potentials--show details > summary {
  list-style: none;
  display: block;
}

.hub--potentials--show details > summary::-webkit-details-marker {
  display: none;
}

.hub--potentials--show details > summary:focus-visible {
  outline: 2px solid var(--color-ento-900);
  outline-offset: -2px;
}

@keyframes hub-potentials-show-actions-blink {
  0%, 49% {
    background-color: #e4e4e4;
  }

  50%, to {
    background-color: #fff;
  }
}

.hub--potentials--show-actions .recalculation {
  font-size: 100%;
}

.hub--potentials--show-actions .recalculation-state {
  display: none;
}

.hub--potentials--show-actions .recalculation-state > button, .hub--potentials--show-actions .recalculation-state > div {
  height: 30px;
}

.hub--potentials--show-actions .recalculate-check {
  animation: 1s infinite hub-potentials-show-actions-blink;
}

.hub--proposed-actions--editor select {
  color: #374151;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.hub--proposed-actions--editor select:focus, .hub--proposed-actions--editor input[type="date"]:focus, .hub--proposed-actions--editor textarea:focus {
  outline: 2px solid #8353ff;
}

.hub--proposed-actions--editor input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("/static/hub/images/calendar.svg");
  width: 16px;
  height: 16px;
}

.hub--proposed-actions--editor .baseline::-webkit-datetime-edit-fields-wrapper {
  content: "";
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--proposed-actions--editor .installation::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--proposed-actions--editor .reporting::-webkit-datetime-edit-fields-wrapper {
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--proposed-actions--editor .input-form {
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}

.hub--proposed-actions--editor input.input-form, .hub--proposed-actions--editor select.input-form {
  height: 40px;
}

.hub--proposed-actions--editor .input-form.dates {
  padding-left: 6px;
}

.hub--proposed-actions--editor label {
  margin-bottom: 0;
}

.hub--public-sites--chart {
  min-height: 250px;
}

.hub--public-sites--header[data-part="organization-logo"] {
  max-width: 150px;
  max-height: 60px;
}

.hub--public-sites--header[data-part="ento-logo"] {
  width: 100px;
}

.hub--public-sites--performance [data-part="comparison-bar"] {
  height: var(--bar-height);
}

.hub--report-tables--operat-download-action, .hub--report-tables--pv-installation-download-action {
  overflow: hidden auto;
}

.hub--reports--dgnb-content table:not(.dataTable) {
  display: block;
  overflow-x: auto;
}

.hub--roadmap-pages--show {
  display: contents;
}

.hub--roadmap-pages--show .electricity-pattern {
  background-image: repeating-linear-gradient(90deg, #8b5cf6, #8b5cf6 2px, #a78bfa 2px 4px);
}

.hub--roadmap-pages--show .heating-solid {
  background-color: #ef4444;
}

.hub--roadmap-pages--show .progress-animate {
  transition: width 1s ease-in-out;
}

.hub--roadmap-pages--show .energy-pill-hover {
  cursor: pointer;
}

.hub--roadmap-pages--show .energy-pill-hover:hover {
  transition: transform .2s ease-in-out;
  transform: scale(1.05);
}

.hub--roadmap-pages--show .energy-share {
  width: var(--share);
}

.hub--roadmap-pages--show .remaining-share {
  flex: 1;
}

.hub--roadmap-pages--show .electricity-color {
  background-color: #8353ff;
}

.hub--roadmap-pages--show .gas-color {
  background-color: #f97317;
}

.hub--roadmap-pages--show .heating-color {
  background-color: #ec4999;
}

.hub--roadmap-pages--show [data-part="timeline-line"] {
  z-index: 1;
  top: 6.5px;
}

.hub--roadmap-pages--show [data-part="timeline-circle"] {
  z-index: 5;
  position: relative;
}

.hub--roadmap-pages--show [data-part="planning-overview"] {
  max-width: 100%;
  overflow-x: hidden;
}

.hub--roadmap-pages--show .inline-form {
  display: inline;
}

.hub--roadmap-pages--show .roadmap-figure {
  width: 100%;
}

.hub--roadmap-pages--story-host #epc-scale-tooltip {
  display: block;
  position: relative;
}

.hub--role-simulation--edit .role-simulation-json {
  white-space: pre;
  font-family: monospace;
}

.hub--role-simulation--edit [data-part="heading"] {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hub--role-simulation--edit [data-part="spacer"] {
  flex-grow: 1;
}

.hub--root-cause-conversations--index .spinner-border {
  width: 14px;
  height: 14px;
}

.hub--root-cause-conversations--show .markdown ul {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 20px;
  list-style-type: disc;
}

.hub--root-cause-conversations--show .markdown ol {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}

.hub--root-cause-conversations--show .markdown p {
  margin-bottom: 1em;
}

.hub--root-cause-conversations--show .markdown strong {
  font-weight: 500;
}

.hub--root-cause-conversations--show .markdown {
  line-height: 1.6;
  font-family: soehne !important;
}

.hub--root-cause-conversations--show .user-message {
  text-align: right;
}

.hub--root-cause-conversations--show .user-message .message-content {
  color: #374151;
  background-color: #fff;
  border-radius: .5rem;
  max-width: 80%;
  padding: .75rem;
  display: inline-block;
}

.hub--root-cause-conversations--show .ai-message .message-content {
  width: 100%;
}

.hub--root-cause-conversations--show .spinner-border {
  width: 14px;
  height: 14px;
}

.hub--root-cause-conversations--show .root-cause-refresh > [data-hub--site-advisor-model--recalculator-target="button"], .hub--root-cause-conversations--show .root-cause-refresh > [data-hub--site-advisor-model--recalculator-target="done"] {
  display: none;
}

.hub--root-cause-conversations--show .root-cause-refresh > [data-hub--site-advisor-model--recalculator-target="status"] {
  display: block;
}

.hub--root-cause-conversations--show .root-cause-refresh form[data-root-cause-refresh] {
  display: inline;
}

.hub--root-cause-conversations--show .root-cause-refresh .recalculate-check {
  animation: 1s infinite hub-root-cause-refresh-blink;
}

@keyframes hub-root-cause-refresh-blink {
  0%, 49% {
    background-color: #e4e4e4;
  }

  50%, to {
    background-color: #fff;
  }
}

.hub--search--index {
  white-space: nowrap;
}

[data-controller~="hub--search-builder--presets"] {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-block: .75rem;
  display: flex;
}

[data-controller~="hub--search-builder--presets"] .sb-preset-select, [data-controller~="hub--search-builder--presets"] .hub--form-controls--selectpicker {
  width: min(100%, 20rem);
}

.hub--settings-advisors--computation-summary .spinner-border {
  width: 14px;
  height: 14px;
}

:where(.hub--settings-advisors--config) .form-config-content {
  width: 100%;
}

:where(.hub--settings-advisors--config) .advisor-config-form {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-wrapper, :where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-wrapper > fieldset.module.aligned {
  width: 100%;
  max-width: none;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-children {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  display: grid;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-wrapper, :where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group, :where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-row, :where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-row-inner, :where(.hub--settings-advisors--config) .advisor-config-form .rjf-input-group {
  width: 100%;
  max-width: none;
  margin-bottom: 0;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-inner {
  width: 100%;
  max-width: none;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group .rjf-form-group-children {
  grid-column: 1 / -1;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-children > .rjf-form-group {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  grid-column: 1 / -1;
  margin-top: .25rem;
  padding: 1rem 1rem .25rem;
}

:where(.hub--settings-advisors--config) .advisor-config-form[data-pv-installation-parameters] .rjf-form-group-children > .rjf-form-group {
  display: none;
}

:where(.hub--settings-advisors--config) .advisor-config-form[data-pv-installation-parameters].pv-installation-parameters-open .rjf-form-group-children > .rjf-form-group {
  display: block;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-children > .rjf-form-group > .rjf-form-group-inner > .rjf-form-group-title {
  color: #111827;
  margin-bottom: .25rem;
  font-size: 15px;
  font-weight: 600;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-children > .rjf-form-group .rjf-collapse-button {
  display: none;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-title {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-description, :where(.hub--settings-advisors--config) .advisor-config-form .rjf-help-text {
  color: #6b7280;
  font-size: 12px;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-error-text {
  color: #dc2626;
  font-size: 12px;
}

:where(.hub--settings-advisors--config) .advisor-config-form input[type="text"], :where(.hub--settings-advisors--config) .advisor-config-form input[type="number"], :where(.hub--settings-advisors--config) .advisor-config-form input[type="email"], :where(.hub--settings-advisors--config) .advisor-config-form select, :where(.hub--settings-advisors--config) .advisor-config-form textarea {
  color: #374151;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  max-width: none;
  padding: 8px 12px;
  font-size: 14px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

:where(.hub--settings-advisors--config) .advisor-config-form input:focus, :where(.hub--settings-advisors--config) .advisor-config-form select:focus, :where(.hub--settings-advisors--config) .advisor-config-form textarea:focus {
  border-color: #8353ff;
  outline: none;
  box-shadow: 0 0 0 2px #8353ff1a;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-check-input label {
  cursor: pointer;
  align-items: center;
  gap: .75rem;
  margin-bottom: 0;
  display: flex;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-check-input input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  background-color: #e5e7eb;
  border: 0;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 2.75rem;
  height: 1.5rem;
  margin: 0;
  transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  position: relative;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-check-input input[type="checkbox"]:before {
  content: "";
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .2s ease-in-out;
  position: absolute;
  top: 2px;
  left: 2px;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-check-input input[type="checkbox"]:checked:before {
  border-color: #fff;
  transform: translate(1.25rem);
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-check-input input[type="checkbox"]:checked {
  background-color: #8353ff;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-check-input input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #8353ff4d;
}

@media (width <= 1024px) {
  :where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-children {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 640px) {
  :where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-group-children {
    grid-template-columns: minmax(0, 1fr);
  }

  :where(.hub--settings-advisors--config) .advisor-config-form input, :where(.hub--settings-advisors--config) .advisor-config-form select, :where(.hub--settings-advisors--config) .advisor-config-form textarea {
    font-size: 16px;
  }
}

:where(.hub--settings-advisors--config) .advisor-config-form .has-info .rjf-help-text {
  display: none;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-info {
  vertical-align: -1px;
  margin-left: .3rem;
  display: inline-flex;
  position: relative;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-info-button {
  color: #9ca3af;
  cursor: help;
  background: none;
  border: 0;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-info-button:hover, :where(.hub--settings-advisors--config) .advisor-config-form .advisor-info-button:focus-visible {
  color: #5924e2;
  outline: 2px solid #ddd6fe;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-info-tooltip {
  z-index: 1050;
  color: #fff;
  white-space: normal;
  pointer-events: none;
  background: #1f2937;
  border-radius: .4rem;
  width: max-content;
  max-width: min(18rem, 70vw);
  padding: .5rem .7rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  display: none;
  position: fixed;
  box-shadow: 0 4px 10px #1f293726;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-info:hover .advisor-info-tooltip, :where(.hub--settings-advisors--config) .advisor-config-form .advisor-info:focus-within .advisor-info-tooltip {
  display: block;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-row.is-disabled label {
  color: #9ca3af;
}

:where(.hub--settings-advisors--config) .advisor-config-form .rjf-form-row.is-disabled input {
  opacity: .6;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-site-field label {
  color: #374151;
  margin-bottom: .25rem;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

:where(.hub--settings-advisors--config) .advisor-config-form .advisor-site-field .hub--form-controls--selectpicker .toggle {
  color: #374151;
  padding: 4px 8px;
  font-size: 13px !important;
  font-weight: 400 !important;
}

:where(.hub--settings-advisors--config) .advisor-config-cards {
  font-size: 13px;
  line-height: 1.4;
}

:where(.hub--settings-advisors--config) .advisor-config-cards fieldset > .rjf-form-group > .rjf-form-group-inner {
  box-shadow: none;
  border: 0;
  margin: 0;
  padding: 0;
}

:where(.hub--settings-advisors--config) .advisor-config-cards fieldset > .rjf-form-group > .rjf-form-group-inner > .rjf-form-group-children {
  grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
  align-items: start;
  gap: .75rem;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-group-children > .rjf-form-group {
  background: none;
  border: 0;
  grid-column: auto;
  margin: 0;
  padding: 0;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-group:not([data-group^="__group__alert"]) + .rjf-form-group[data-group^="__group__alert"] {
  grid-column-start: 1;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-group-children > .rjf-form-group > .rjf-form-group-inner {
  box-shadow: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  margin: 0;
  padding: 0;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-group-children > .rjf-form-group > .rjf-form-group-inner > .rjf-form-group-title {
  color: #374151;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  border-radius: .5rem .5rem 0 0;
  margin: 0;
  padding: .5rem .75rem;
  font-size: 13px;
  font-weight: 600;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-collapse-button {
  display: none;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-group-inner .rjf-form-group-inner > .rjf-form-group-children {
  flex-direction: column;
  gap: .6rem;
  padding: .75rem;
  display: flex;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-row {
  padding: 0;
  display: block;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-row > .rjf-form-row-inner {
  padding: 0;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-row-inner > div:not(.rjf-check-input):not(.rjf-multiselect-field) {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-row label {
  float: none;
  color: #374151;
  flex: auto;
  width: auto;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-form-row label + .rjf-input-group {
  flex: none;
  width: auto;
  min-width: 0;
  display: block;
}

:where(.hub--settings-advisors--config) .advisor-config-cards input[type="text"], :where(.hub--settings-advisors--config) .advisor-config-cards input[type="number"], :where(.hub--settings-advisors--config) .advisor-config-cards select {
  padding: 4px 8px;
  font-size: 13px;
}

:where(.hub--settings-advisors--config) .advisor-config-cards input[type="number"] {
  width: 5.5rem;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-check-input label {
  gap: .6rem;
  font-size: 13px;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-check-input input[type="checkbox"] {
  width: 2.2rem;
  height: 1.2rem;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-check-input input[type="checkbox"]:before {
  width: .95rem;
  height: .95rem;
}

:where(.hub--settings-advisors--config) .advisor-config-cards .rjf-check-input input[type="checkbox"]:checked:before {
  transform: translate(1rem);
}

.hub--settings-allocate-meters--index {
  display: contents;
}

.hub--settings-allocate-meters--index .allocation-container {
  width: 100%;
  max-width: 980px;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  margin-inline: auto;
}

.hub--settings-allocate-meters--index .allocation-filter {
  min-width: 0;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  display: flex;
}

.hub--settings-allocate-meters--index .allocation-filter > label {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
  align-items: center;
  margin: 0;
  display: flex;
}

.hub--settings-allocate-meters--index .allocation-filter > :is(input, select) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
  flex: 1;
}

.hub--settings-allocate-meters--index .allocation-filter > :is(input, select):focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300, #ccbaff);
  position: relative;
}

:where(.hub--settings-allocate-meters--index) input[type="checkbox"] {
  accent-color: #1a9780;
}

:where(.hub--settings-allocate-meters--index) table tr:first-child td {
  border-top: none;
}

:where(.hub--settings-allocate-meters--index) .meter-group-field select {
  color: #222;
  background-color: #0000;
  border: none;
  padding: 0;
}

:where(.hub--settings-allocate-meters--index) .site-allocation-fields .site-name input, :where(.hub--settings-allocate-meters--index) .site-allocation-fields .google-place input {
  border: 0;
  border-bottom: 1px solid #0000;
  border-radius: 0;
  margin-top: -8px;
  padding: 0;
  background-color: #0000 !important;
}

:where(.hub--settings-allocate-meters--index) .site-allocation-fields .site-name input:hover, :where(.hub--settings-allocate-meters--index) .site-allocation-fields .google-place input:hover {
  border-bottom: 1px dashed #dee2e6;
}

:where(.hub--settings-allocate-meters--index) .site-allocation-fields .site-name input:focus, :where(.hub--settings-allocate-meters--index) .site-allocation-fields .google-place input:focus {
  border-color: none;
  box-shadow: none;
  outline: 0;
}

.hub--settings-allocate-meters--index .allocation-cell {
  vertical-align: top;
  border-left: 1px dashed #dee2e6;
}

@media (width <= 767px) {
  .hub--settings-allocate-meters--index #rows-table > tbody > tr > td {
    width: 100%;
    display: block;
  }
}

.hub--settings-allocate-meters--pagination li > :is(a, span) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  margin-left: -1px;
  display: block;
}

.hub--settings-allocate-meters--pagination a[href]:hover, .hub--settings-allocate-meters--pagination [aria-current="page"] {
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
}

.hub--settings-allocate-meters--pagination a:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-500, #b698ff);
  position: relative;
}

.hub--settings-allocate-meters--pagination [aria-disabled="true"] {
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

.hub--settings-api-keys--add {
  flex-justify: left;
}

.hub--settings-api-keys--add .footer-spacer {
  flex-grow: 1;
}

.hub--settings-budgets--edit {
  flex-justify: left;
}

.hub--settings-budgets--edit .footer-spacer {
  flex-grow: 1;
}

.hub--settings-budgets--field > label {
  display: block;
}

.hub--settings-budgets--field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .hub--settings-budgets--field textarea {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  width: 100%;
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  display: block;
}

:is(.hub--settings-budgets--field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .hub--settings-budgets--field textarea)::placeholder {
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

:is(.hub--settings-budgets--field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .hub--settings-budgets--field textarea):focus {
  border-color: var(--color-ento-500, #b698ff);
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-100, #f3eeff);
}

:is(.hub--settings-budgets--field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .hub--settings-budgets--field textarea):disabled {
  cursor: not-allowed;
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

.hub--settings-budgets--field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .hub--settings-budgets--field textarea {
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1.25rem;
}

:is(.hub--settings-budgets--field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .hub--settings-budgets--field textarea)[aria-invalid="true"] {
  border-color: var(--color-red-500, oklch(63.7% .237 25.331));
}

.hub--settings-budgets--manual-budget-table {
  display: contents;
}

:where(.hub--settings-budgets--manual-budget-table) .manual-budget-input {
  -moz-appearance: textfield;
  width: 100%;
}

:where(.hub--settings-budgets--manual-budget-table) .manual-budget-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:where(.hub--settings-budgets--manual-budget-table) .manual-budget-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:where(.hub--settings-budgets--manual-budget-table) .hidden {
  display: none !important;
}

.hub--settings-budgets--new {
  flex-justify: left;
}

.hub--settings-budgets--new .footer-spacer {
  flex-grow: 1;
}

.hub--settings-budgets--period-dates .period-grid {
  grid-template-columns: repeat(12, minmax(80px, 1fr));
}

:where(.hub--settings-configuration--form-fields) select {
  font-size: 14px !important;
}

:where(.hub--settings-configuration--form-fields) .form-control:disabled {
  color: oklch(70.7% .022 261.325);
  background-color: oklch(96.7% .003 264.542);
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) h2 {
  font-size: 18px !important;
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) .section-heading {
  margin: 0 0 1em;
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) form label {
  font-weight: 500;
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) .form-group {
  margin-top: 1em;
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) ul.messages {
  margin: 0;
  padding: 0;
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) ul.messages li {
  margin: 0;
  list-style: none;
}

:where(.hub--settings-configuration--layout, body[data-component-scopes~="hub--settings-configuration--layout"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout"] #settings-subnav) ul.errorlist {
  color: #dc3545;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) .section-heading {
  margin: 0 0 1em;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) .hub--settings-configuration--menu a.current {
  border-right: 4px solid #8353ff;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) form label {
  font-weight: 500;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) .form-group {
  margin-top: 1em;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) ul.messages {
  margin: 0;
  padding: 0;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) ul.messages li {
  margin: 0;
  list-style: none;
}

:where(.hub--settings-configuration--layout-fluid, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #remote-modal, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #sidebar-frame, body[data-component-scopes~="hub--settings-configuration--layout-fluid"] #settings-subnav) ul.errorlist {
  color: #dc3545;
}

.hub--settings-configuration--menu a {
  border-radius: var(--radius-md, .375rem);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  text-decoration-line: none;
  display: block;
}

@media (hover: hover) {
  .hub--settings-configuration--menu a:hover {
    background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
    color: var(--color-gray-700, oklch(37.3% .034 259.733));
    text-decoration-line: none;
  }
}

.hub--settings-configuration--menu a:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.hub--settings-configuration--menu a.current {
  background-color: var(--color-ento-50, #f5f3ff);
  color: var(--color-ento-900, #8353ff);
}

.hub--settings-data-integration-project-actions--edit-activity, .hub--settings-data-integration-project-actions--new-activity {
  width: min(640px, 100vw - 2rem);
  overflow: hidden auto;
}

.hub--settings-data-integration-project-actions--new-project {
  width: min(980px, 100vw - 2rem);
  overflow: hidden auto;
}

.hub--settings-data-integration-project-actions--new-site-activity {
  width: min(560px, 100vw - 2rem);
  overflow: hidden auto;
}

.hub--settings-data-integration-projects--project-table .stage-width {
  width: var(--stage-width);
}

:where(.hub--settings-data-integration-projects--show) .data-integration-project-layout {
  gap: 1.5rem;
  display: grid;
}

@media (width >= 1280px) {
  :where(.hub--settings-data-integration-projects--show) .data-integration-project-layout {
    grid-template-columns: minmax(0, 1fr) 6px auto;
  }

  :where(.hub--settings-data-integration-projects--show) .data-integration-project-sidebar {
    width: 380px;
  }
}

:where(.hub--settings-data-integration-projects--show) .data-integration-project-resize-handle {
  display: none;
}

@media (width >= 1280px) {
  :where(.hub--settings-data-integration-projects--show) .data-integration-project-resize-handle {
    display: block;
  }
}

:where(.hub--settings-data-integration-projects--show) .project-edit-icon {
  opacity: 0;
  transition: opacity .15s;
}

:where(.hub--settings-data-integration-projects--show) .project-edit-trigger:hover .project-edit-icon, :where(.hub--settings-data-integration-projects--show) .project-edit-trigger:focus-visible .project-edit-icon {
  opacity: 1;
}

:where(.hub--settings-data-integration-status--coverage-summary) .data-integration-summary-tooltip {
  opacity: 0;
  visibility: hidden;
}

:where(.hub--settings-data-integration-status--coverage-summary) .data-integration-summary:hover .data-integration-summary-tooltip {
  opacity: 1;
  visibility: visible;
}

.hub--settings-data-integration-status--sign-off-stages {
  overflow: hidden auto;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle {
  opacity: 0;
  position: absolute;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle-ui {
  background: #e5e7eb;
  border-radius: 9999px;
  flex: none;
  width: 2.25rem;
  height: 1.25rem;
  transition: background .15s;
  position: relative;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle-ui:after {
  content: "";
  background: #fff;
  border-radius: 9999px;
  width: 1rem;
  height: 1rem;
  transition: transform .15s;
  position: absolute;
  top: .125rem;
  left: .125rem;
  box-shadow: 0 1px 2px #0003;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle:checked + .sign-off-toggle-ui {
  background: #7c3aed;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle:focus-visible + .sign-off-toggle-ui {
  outline-offset: 2px;
  outline: 2px solid #8353ff;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .status-action-mode-unmark_complete .sign-off-toggle:checked + .sign-off-toggle-ui {
  background: #dc2626;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle[data-initial-checked="true"]:checked + .sign-off-toggle-ui {
  background: #15803d;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle[data-initial-checked="true"]:not(:checked) + .sign-off-toggle-ui {
  background: #f59e0b;
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle:checked + .sign-off-toggle-ui:after {
  transform: translate(1rem);
}

:where(.hub--settings-data-integration-status--sign-off-stages) .sign-off-toggle:indeterminate + .sign-off-toggle-ui {
  background: #f59e0b;
}

.hub--settings-data-integration-status--stage-cell [data-segmented] {
  background: conic-gradient(var(--segment-stops));
}

.hub--settings-data-integration-status--stage-cell [data-segmented] > i {
  text-shadow: -1px 0 #000000bf, 0 1px #000000bf, 1px 0 #000000bf, 0 -1px #000000bf;
}

.hub--settings-data-integration-status--stage-summary-bars .stage-width {
  width: var(--stage-width);
}

:where(.hub--settings-data-integration-status--stage-summary-bars) .data-integration-summary-tooltip {
  opacity: 0;
  visibility: hidden;
}

:where(.hub--settings-data-integration-status--stage-summary-bars).data-integration-summary:hover .data-integration-summary-tooltip {
  opacity: 1;
  visibility: visible;
}

.hub--settings-district-heating-contracts--assign-by-utility-provider .assignment-table-content {
  min-width: 800px;
}

.hub--settings-district-heating-contracts--assign-by-utility-provider .assignment-table-content select {
  min-width: 180px;
}

.hub--settings-district-heating-contracts--assign-by-utility-provider .assignment-table-content th span, .hub--settings-district-heating-contracts--assign-by-utility-provider .assignment-table-content .hub--table--table-navigation .text-gray-400 {
  color: #374151;
}

.hub--settings-district-heating-contracts--edit {
  flex-justify: left;
}

.hub--settings-district-heating-contracts--edit .footer-spacer {
  flex-grow: 1;
}

.hub--settings-district-heating-contracts--new {
  flex-justify: left;
}

.hub--settings-district-heating-contracts--new .footer-spacer {
  flex-grow: 1;
}

.hub--settings-electricity-contracts--edit {
  flex-justify: left;
}

.hub--settings-electricity-contracts--edit .footer-spacer {
  flex-grow: 1;
}

.hub--settings-electricity-contracts--new {
  flex-justify: left;
}

.hub--settings-electricity-contracts--new .footer-spacer {
  flex-grow: 1;
}

.hub--settings-estimated-meters--setup.modal-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hub--settings-estimated-meters--setup .footer-spacer {
  flex-grow: 1;
}

.hub--settings-import-flows--index {
  width: 100%;
}

:where(.hub--settings-import-flows--new-google-place) #map {
  height: 300px;
}

.hub--settings-import-flows--show-imported {
  width: 100%;
}

:where(.hub--settings-import-flows--show-imported) .text-disabled {
  color: #aaa;
}

:where(.hub--settings-import-flows--show-prepared) [data-controller~="hub--widgets--suggestion"] [data-toggle="popover"] {
  padding-left: 0;
  padding-right: 0;
}

:where(.hub--settings-import-flows--show-prepared) .suggestion-indicator--match {
  background-color: #1a9780;
}

:where(.hub--settings-import-flows--show-prepared) .suggestion-indicator--mismatch {
  background-color: #ffc107;
}

:where(.hub--settings-import-flows--show-prepared) .suggestion-indicator--disabled {
  background-color: #ccc;
}

:where(.hub--settings-import-flows--show-prepared) input[type="checkbox"] {
  accent-color: #1a9780;
}

.hub--settings-import-flows--show-prepared .prepared-cell {
  vertical-align: middle;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-buch.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-buch-kursiv.woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-kraftig.woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: soehne;
  src: url("../fonts/soehne-dreiviertelfett.woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@page settings-integration-documentation {
  size: A4;
  margin: 16mm 18mm 20mm;

  @bottom-left {
    vertical-align: top;
    padding-top: 3mm;
    border-top: 1px solid #e5e7eb;
    color: #9ca3af;
    font-family: soehne, arial, sans-serif;
    font-size: 9px;
  }

  @bottom-right {
    content: "Page " counter(page) " of " counter(pages) " · ento.ai";
    vertical-align: top;
    padding-top: 3mm;
    border-top: 1px solid #e5e7eb;
    color: #9ca3af;
    font-family: soehne, arial, sans-serif;
    font-size: 9px;
  }
}

body.hub--settings-integrations-catalog--documentation-print {
  page: settings-integration-documentation;
  color: #374151;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background: #f3f4f6;
  margin: 0;
  font-family: soehne, arial, sans-serif;
}

:where(.hub--settings-integrations-catalog--documentation-print) .sheet {
  box-sizing: border-box;
  background: #fff;
  width: 210mm;
  min-height: 297mm;
  margin: 24px auto;
  padding: 16mm 18mm 20mm;
  box-shadow: 0 18px 42px #0f172a1f;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-header {
  border-bottom: 2px solid #8353ff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 12px;
  display: flex;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-identity {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-logo {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 6px;
  display: inline-flex;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-logo img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-kicker {
  color: #8353ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-size: 10px;
  font-weight: 600;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-title {
  color: #1f2937;
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 600;
}

:where(.hub--settings-integrations-catalog--documentation-print) .ento-logo {
  flex-shrink: 0;
  width: 92px;
  height: auto;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-description {
  color: #6b7280;
  margin: 12px 0 0;
  font-size: 12px;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-meta {
  color: #9ca3af;
  margin: 4px 0 24px;
  font-size: 10px;
}

:where(.hub--settings-integrations-catalog--documentation-print) .doc-footer {
  color: #9ca3af;
  border-top: 1px solid #e5e7eb;
  justify-content: space-between;
  margin-top: 24px;
  padding-top: 8px;
  font-size: 9px;
  display: flex;
}

:where(.hub--settings-integrations-catalog--documentation-print) .markdown {
  font-size: 12px;
}

:where(.hub--settings-integrations-catalog--documentation-print) .markdown h2 {
  color: #8353ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-top: 1px solid #e5e7eb;
  margin-top: 20px;
  padding-top: 8px;
  font-size: 11px;
  font-weight: 600;
}

:where(.hub--settings-integrations-catalog--documentation-print) .markdown h3 {
  color: #1f2937;
  margin-top: 14px;
  font-size: 13px;
}

:where(.hub--settings-integrations-catalog--documentation-print) .markdown code {
  font-size: 11px;
}

:where(.hub--settings-integrations-catalog--documentation-print) .markdown h2, :where(.hub--settings-integrations-catalog--documentation-print) .markdown h3 {
  break-after: avoid;
  page-break-after: avoid;
}

:where(.hub--settings-integrations-catalog--documentation-print) .markdown table, :where(.hub--settings-integrations-catalog--documentation-print) .markdown pre, :where(.hub--settings-integrations-catalog--documentation-print) .markdown img {
  break-inside: avoid;
  page-break-inside: avoid;
}

@media print {
  body.hub--settings-integrations-catalog--documentation-print {
    background: #fff;
  }

  :where(.hub--settings-integrations-catalog--documentation-print) .sheet {
    width: auto;
    min-height: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }

  :where(.hub--settings-integrations-catalog--documentation-print) .doc-footer {
    display: none;
  }
}

.hub--settings-meters--coverage-pill {
  width: var(--coverage-width);
}

.hub--settings-meters--remove-tags-action {
  overflow-x: hidden;
}

.hub--settings-meters--remove-tags-action.overflow-auto {
  overflow-y: auto;
}

.hub--settings-meters--remove-tags-action.overflow-scroll {
  overflow-y: scroll;
}

.hub--settings-meters--remove-tags-action.overflow-visible {
  overflow-y: visible;
}

.hub--settings-meters--remove-tags-action.overflow-hidden {
  overflow-y: hidden;
}

.hub--settings-onboarding-files--changes.meter-change {
  margin-left: 4em;
}

.hub--settings-site-description-templates--form {
  flex-justify: left;
}

.hub--settings-site-description-templates--form .footer-spacer {
  flex-grow: 1;
}

:is([data-dialog-part="content"], .ui--overlays--modal > [data-part="panel"]):has(#remote-modal-turbo-frame > .hub--settings-technician-email-templates--editor) {
  flex-direction: column;
  height: calc(100dvh - 3.5rem);
  max-height: calc(100dvh - 3.5rem);
  display: flex;
  overflow: hidden;
}

#sidebar:has(#sidebar-turbo-frame > .hub--settings-technician-email-templates--editor), [data-sidebar-open] #sidebar:has(#sidebar-turbo-frame > .hub--settings-technician-email-templates--editor) {
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  overflow: hidden;
}

#sidebar-turbo-frame:has( > .hub--settings-technician-email-templates--editor), :is([data-dialog-part="content"], .ui--overlays--modal > [data-part="panel"]):has(#remote-modal-turbo-frame > .hub--settings-technician-email-templates--editor) > #remote-modal-turbo-frame {
  flex: auto;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.hub--settings-technician-email-templates--editor:not(.editor-body) {
  flex-shrink: 0;
}

.hub--settings-technician-email-templates--editor.editor-body {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  padding: 1.5rem;
  overflow: hidden;
}

.hub--settings-technician-email-templates--editor .footer-spacer {
  flex-grow: 1;
}

.hub--settings-technician-email-templates--editor .editor-slot {
  height: 100%;
  min-height: 0;
  position: relative;
  container-type: inline-size;
}

.hub--settings-technician-email-templates--editor .editor-form {
  min-height: 0;
  position: absolute;
  inset: 0;
  overflow: auto;
}

.hub--settings-technician-email-templates--editor .message-field textarea {
  field-sizing: content;
  resize: none;
  min-height: 8rem;
}

@container (width >= 768px) {
  .hub--settings-technician-email-templates--editor .editor-form {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .hub--settings-technician-email-templates--editor .editor-columns {
    flex: auto;
    height: 100%;
    min-height: 0;
  }

  .hub--settings-technician-email-templates--editor .editor-main {
    flex-direction: column;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .hub--settings-technician-email-templates--editor .message-field {
    flex-direction: column;
    flex: 0 auto;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .hub--settings-technician-email-templates--editor .message-field > :not(textarea) {
    flex-shrink: 0;
  }

  .hub--settings-technician-email-templates--editor .message-field textarea {
    flex: 0 auto;
    overflow: auto;
  }

  .hub--settings-technician-email-templates--editor .editor-side {
    min-width: 0;
    min-height: 0;
    overflow: auto;
  }
}

.hub--settings-utility-mapping--index.utility-water {
  --utility-color: #2f80ed;
}

.hub--settings-utility-mapping--index.utility-district_heating {
  --utility-color: #ec4899;
}

.hub--settings-water-contracts--edit {
  flex-justify: left;
}

.hub--settings-water-contracts--edit .footer-spacer {
  flex-grow: 1;
}

.hub--settings-water-contracts--new {
  flex-justify: left;
}

.hub--settings-water-contracts--new .footer-spacer {
  flex-grow: 1;
}

.hub--shared--loading [data-ui-spinner] {
  animation-duration: 2.5s;
}

.hub--shared--loading [data-part="placeholder"] {
  height: 100em;
}

.hub--shared--roadmap-trial-empty-state [data-part="panel"], .hub--shared--roadmap-trial-epc-empty-state [data-part="panel"] {
  background: #fff;
  box-shadow: 0 4px 32px #0000001a;
}

.hub--site-advisor-overview--meter-table-v2 > tbody > tr:first-child > td {
  border-top: none;
}

:where(.hub--site-advisor-overview--meter-table-v2) > :where(tbody) > :where(tr) > :where(td) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  vertical-align: middle;
}

.hub--site-advisor-overview--meter-table-v2 .meter-selection {
  accent-color: #8a5cff;
}

.hub--site-advisor-overview--meter-table-v2 {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
}

.hub--site-advisor-overview--meter-table-v2 .meter-name {
  width: 100%;
  max-width: 0;
}

.hub--site-advisor-overview--meter-table-v2 .with-badge > .truncate {
  flex: none;
  max-width: calc(100% - 3.25rem);
}

.hub--site-advisor-overview--meter-table-v2 .resolution-badge {
  flex-wrap: wrap;
  flex: auto;
  place-content: flex-start flex-end;
  min-width: 2.5rem;
  max-height: 1.5rem;
  display: flex;
  overflow: hidden;
}

.hub--site-advisor-overview--meter-table-v2 .resolution-badge-icon {
  flex: none;
  width: 2.5rem;
}

.hub--site-advisor-overview--meter-table-v2 .resolution-badge-icon > .ui--elements--badge {
  justify-content: center;
  width: 100%;
}

.hub--site-advisor-overview--meter-table-v2 .resolution-badge > .ui--elements--badge {
  z-index: 1;
  white-space: nowrap;
  margin-left: -2.5rem;
  position: relative;
}

.hub--site-advisor-overview--show .meter-details-toggle .chevron-up, .hub--site-advisor-overview--show .compare-details-toggle .chevron-up, .hub--site-advisor-overview--show details[open] > .meter-details-toggle .chevron-down, .hub--site-advisor-overview--show details[open] > .compare-details-toggle .chevron-down {
  display: none;
}

.hub--site-advisor-overview--show details[open] > .meter-details-toggle .chevron-up, .hub--site-advisor-overview--show details[open] > .compare-details-toggle .chevron-up {
  display: inline;
}

.hub--site-advisor-overview--show .meter-details-toggle, .hub--site-advisor-overview--show .compare-details-toggle {
  width: fit-content;
  margin-inline: auto;
  list-style: none;
}

.hub--site-advisor-overview--show summary::-webkit-details-marker {
  display: none;
}

.hub--site-bbr--index {
  display: contents;
}

.hub--site-bbr--index .hub-datatable div.dataTables_wrapper div.dataTables_info {
  position: relative;
  color: oklch(70.7% .022 261.325) !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
}

.hub--site-bbr--index .bbr-actions {
  flex-wrap: wrap;
  gap: .5rem;
  padding: 16px 16px 0;
  display: flex;
}

.hub--site-bbr--index .dataTables_info {
  color: oklch(70.7% .022 261.325) !important;
  font-size: 12px !important;
}

.hub--site-bbr--index #entities-table_wrapper {
  padding: 12px 16px 16px !important;
}

.hub--site-bbr--index .hidden {
  display: none;
}

.hub--site-bbr--node .node-indent {
  padding-left: calc(var(--node-level) * 1em);
}

.hub--site-benchmark--show .benchmark-electricity {
  --benchmark-color: #8353ff;
  --benchmark-soft: #f3eeff;
}

.hub--site-benchmark--show .benchmark-heating {
  --benchmark-color: #ec4899;
  --benchmark-soft: #fce7f3;
}

.hub--site-benchmark--show .benchmark-water {
  --benchmark-color: #3b82f6;
  --benchmark-soft: #eff6ff;
}

.hub--site-benchmark--show .benchmark-gas {
  --benchmark-color: #f97316;
  --benchmark-soft: #fff7ed;
}

.hub--site-benchmark--show .benchmark-solar {
  --benchmark-color: #fcd34d;
  --benchmark-soft: #fefce8;
}

.hub--site-benchmark--show .benchmark-savings {
  --benchmark-color: #059669;
  --benchmark-soft: #ecfdf5;
}

.hub--site-benchmark--show .benchmark-default {
  --benchmark-color: #8353ff;
  --benchmark-soft: #f9fafb;
}

.hub--site-benchmark--show summary {
  background: linear-gradient(to right, var(--benchmark-soft), #fff);
}

.hub--site-benchmark--show .benchmark-icon {
  background-color: var(--benchmark-soft);
  color: var(--benchmark-color);
}

@font-face {
  font-family: site-conversation-soehne;
  src: url("/static/fonts/soehne-buch.woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: site-conversation-soehne;
  src: url("/static/fonts/soehne-buch-kursiv.woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: site-conversation-soehne;
  src: url("/static/fonts/soehne-dreiviertelfett.woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: site-conversation-soehne;
  src: url("/static/fonts/soehne-dreiviertelfett-kursiv.woff2");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: site-conversation-soehne;
  src: url("/static/fonts/soehne-kraftig.woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: site-conversation-soehne;
  src: url("/static/fonts/soehne-kraftig-kursiv.woff2");
  font-weight: 500;
  font-style: italic;
}

.hub--site-conversation--show .link-reset {
  color: #be123c;
  text-align: center;
  white-space: nowrap;
  background-color: #fff1f2;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 14px;
  display: inline-flex;
}

.hub--site-conversation--show #chatbox ul {
  max-height: 500px;
  overflow-y: auto;
}

.hub--site-conversation--show .chatbox-wrapper {
  z-index: 9;
  border-radius: 4px;
  max-width: 300px;
  margin-top: -62px;
  font-family: site-conversation-soehne, Open Sans, sans-serif;
  display: none;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.hub--site-conversation--show .chatbox-wrapper.is-open {
  display: block;
}

.hub--site-conversation--show .chatbox-header {
  text-align: center;
  color: #fff;
  background-color: #8353ff;
  border-radius: 4px 4px 0 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.hub--site-conversation--show .close-button {
  z-index: 0;
  color: #fff;
  background: none;
  border: 0;
  font-size: 24px;
  position: absolute;
  top: 4px;
  bottom: 8px;
  right: 8px;
}

.hub--site-conversation--show .chatbox-body {
  background-color: #fff;
  max-height: 400px;
  padding: 16px;
  overflow: scroll;
}

.hub--site-conversation--show .message-box {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 100%;
  margin-top: 16px;
  padding: 12px;
  font-size: 14px;
}

.hub--site-conversation--show ::placeholder {
  color: #898d90;
}

.hub--site-conversation--show .send-button {
  color: #fff;
  text-align: center;
  background-color: #8353ff;
  border: 0;
  border-radius: 4px;
  width: 50%;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}

.hub--site-conversation--show .chatbox-body-messages-wrapper {
  gap: 8px;
  height: 100%;
  display: grid;
}

.hub--site-conversation--show .chat-message-user {
  color: #fff;
  background-color: #8353ff;
  border-radius: 10px 10px 0;
  margin-top: 8px;
  padding: 8px;
  font-size: 14px;
}

.hub--site-conversation--show .chat-message-user-wrapper {
  justify-content: end;
  gap: 8px;
  width: 100%;
  display: grid;
}

.hub--site-conversation--show .chat-message-bot {
  color: #0b1319;
  background-color: #f3f3f3;
  border-radius: 10px 10px 10px 0;
  max-width: 80%;
  margin-top: 8px;
  padding: 8px;
  font-size: 14px;
}

.hub--site-conversation--show .chat-message-suggestion {
  color: #8353ff;
  cursor: pointer;
  text-align: inherit;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  background-color: #f3eeff;
  border: 0;
  border-radius: 10px 10px 0;
  padding: 8px;
  display: inline-flex;
}

.hub--site-conversation--show .chat-message-suggestion:hover {
  color: #fff;
  background-color: #8353ff;
  transition: background-color .3s;
}

.hub--site-conversation--show .chat-message-suggestion-wrapper {
  justify-content: end;
  gap: 8px;
  display: grid;
}

.hub--site-conversation--show .chat-popup-button {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: inherit;
  background-color: #8353ff;
  border: 0;
  border-radius: 4px;
  gap: 12px;
  padding: 12px 16px;
  display: inline-flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.hub--site-conversation--show .chat-brand {
  letter-spacing: 1px;
}

.hub--site-conversation--show .chat-message {
  list-style-type: none;
}

.hub--site-conversation--show .chat-form {
  flex-direction: column;
  justify-content: end;
  width: 100%;
  display: flex;
  bottom: 0;
}

.hub--site-conversation--show .chat-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.hub--site-iaq--comfort-chart-modal .comfort-title {
  color: #8353ff;
}

.hub--site-iaq--show {
  --iaq-hover-good: #10b981;
  --iaq-hover-okay: #f59e0b;
  --iaq-hover-poor: #ef4444;
}

.hub--site-iaq--show [style*="--comfort-width:"] {
  width: var(--comfort-width);
}

.hub--site-iaq--show [style*="--comfort-left:"] {
  left: var(--comfort-left);
  transform: translate(-50%);
}

.hub--site-iaq--show .axis-start {
  left: 2%;
  transform: translate(-50%);
}

.hub--site-iaq--show .axis-end {
  right: 2%;
  transform: translate(50%);
}

.hub--site-iaq--show .axis-co2-start {
  left: 5%;
  transform: translate(-50%);
}

.hub--site-iaq--show .axis-co2-end {
  right: 5%;
  transform: translate(50%);
}

.hub--site-iaq--show .axis-humidity-end {
  right: 3%;
  transform: translate(50%);
}

.hub--site-iaq--show .hidden {
  display: none !important;
}

.hub--site-iaq--show .rotate-180 {
  transform: rotate(180deg);
}

.hub--site-iaq--show .js-plotly-plot .plotly .scatterlayer .point {
  cursor: pointer !important;
}

.hub--site-iaq--zone-timeseries .comfort-1 {
  color: green;
}

.hub--site-iaq--zone-timeseries .comfort-2 {
  color: #84af1f;
}

.hub--site-iaq--zone-timeseries .comfort-3 {
  color: #dfb016;
}

.hub--site-iaq--zone-timeseries .comfort-4 {
  color: #d1681d;
}

.hub--site-iaq--zone-timeseries .comfort-5 {
  color: #c80c0c;
}

.hub--site-iaq--zone-timeseries .comfort-title {
  color: #8353ff;
}

.hub--site-iaq--zone-timeseries [style*="--comfort-width:"] {
  width: var(--comfort-width);
}

.hub--site-nem--equipment-model-editor input[name="area_m2"] {
  appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  width: 4.25rem;
}

.hub--site-nem--equipment-model-equipment-row .equipment-editable-grid {
  grid-template-columns: max-content minmax(0, 1fr) max-content;
}

.hub--site-nem--equipment-model-equipment-row .hidden {
  display: none;
}

.hub--site-nem--nem-equipment-capacity input[type="number"] {
  appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  width: 3.25rem;
  min-width: 3.25rem;
  max-width: 3.25rem;
}

.hub--site-nem--nem-equipment-capacity input[name^="units_"] {
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
}

.hub--site-nem--nem-savings-overview-tile .savings-bar {
  width: var(--bar-width);
}

.hub--site-nem--nem-unknown-consumption-chat .spinner-border-sm {
  width: 14px;
  height: 14px;
}

html[data-component-scopes~="hub--site-nem--show"] {
  overflow: hidden;
}

.hub--site-nem--show [data-figure] {
  overflow: clip;
}

.hub--site-nem--show [data-figure] .plot-container, .hub--site-nem--show [data-figure] .svg-container {
  min-height: inherit;
}

.hub--site-nem--show .legend-heating {
  background-color: #ea580c;
}

.hub--site-nem--show .legend-constant {
  background-color: #7c3aed;
}

.hub--site-nem--show .legend-scheduled {
  background-color: #ca8a04;
}

.hub--site-nem--show .legend-hot-water {
  background-color: #fb7185;
}

.hub--site-nem--show .legend-cooling {
  background-color: #0891b2;
}

.hub--site-nem--show .legend-process {
  background-color: #b45309;
}

.hub--site-nem--show .legend-equipment {
  background-color: #0369a1;
}

.hub--site-nem--show .legend-teal {
  background-color: #0f766e;
}

.hub--site-nem--show .legend-red {
  background-color: #dc2626;
}

.hub--site-nem--show .legend-rose {
  background-color: #e11d48;
}

.hub--site-nem--show .legend-blue {
  background-color: #2563eb;
}

.hub--site-nem--show .legend-amber {
  background-color: #f59e0b;
}

.hub--site-nem--show .legend-unassigned-constant {
  background-color: #5c6770;
}

.hub--site-nem--show .legend-unassigned-dynamic {
  background-color: #8a959e;
}

.hub--site-roadmap-planner--wide-card .timeline-line {
  z-index: 1;
  top: 6.5px;
}

.hub--site-roadmap-planner--wide-card .timeline-circle {
  z-index: 5;
  position: relative;
}

.hub--sites--analysis {
  display: contents;
}

.hub--sites--card-group .top-table th, .hub--sites--card-group .top-table td {
  padding: 1em;
}

.hub--sites--card-group .site-table th, .hub--sites--card-group .site-table td {
  vertical-align: middle;
  border-top: none;
}

.hub--sites--card-group .w-1px {
  width: 1px;
}

.hub--sites--card-group .w-100px {
  width: 100px !important;
}

.hub--sites--card-group .status-alerts {
  border-left: 5px solid #dc3545;
}

.hub--sites--card-group .status-priority {
  border-left: 5px solid #ffc107;
}

.hub--sites--card-group .status-investigate {
  border-left: 5px solid #666;
}

.hub--sites--card-group .group-total {
  background: #f2f2f2;
  border-left: 5px solid #f2f2f2;
}

.hub--sites--data .energy-label-unknown {
  vertical-align: center;
  font-size: 18px;
}

.hub--sites--data .energy-label-image {
  filter: grayscale();
  height: 18px;
  display: inline;
}

.hub--sites--data .hours-calendar {
  cursor: pointer;
}

.hub--sites--data .site-streetview {
  object-fit: cover;
}

.hub--sites--data [data-performance-placeholder] {
  height: 650px;
}

.hub--sites--data [data-site-spinner] [data-ui-spinner] {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--sites--data {
  display: contents;
}

.hub--sites--edit .hidden-file-input {
  display: none;
}

.hub--sites--edit .summary-buttons {
  margin-top: -.5em;
}

.hub--sites--edit {
  display: contents;
}

.hub--sites--energy-label-modal .fa-file-pdf {
  vertical-align: middle;
  font-size: 20px;
}

.hub--sites--energy-label-preview .modal {
  opacity: 1;
  display: block;
  position: relative;
}

.hub--sites--energy-label-preview .modal-dialog {
  transform: none;
}

.hub--sites--form-sections {
  container-type: inline-size;
}

.hub--sites--form-sections .site-active-row {
  cursor: pointer;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .875rem 1rem;
  display: flex;
}

.hub--sites--form-sections .site-active-row-copy {
  min-width: 0;
}

.hub--sites--form-sections .site-active-row-label {
  color: #374151;
  font-size: .95rem;
  font-weight: 600;
  display: block;
}

.hub--sites--form-sections .site-active-row-help {
  color: #6b7280;
  margin-top: .2rem;
  font-size: .875rem;
  display: block;
}

.hub--sites--form-sections .site-active-row-save-note {
  color: #9ca3af;
  margin-top: .15rem;
  font-size: .8rem;
  display: block;
}

.hub--sites--form-sections .site-active-toggle {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.hub--sites--form-sections .site-active-toggle input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.hub--sites--form-sections .site-active-toggle-slider {
  background: #d1d5db;
  border-radius: 9999px;
  width: 2.75rem;
  height: 1.5rem;
  transition: background-color .15s;
  position: relative;
}

.hub--sites--form-sections .site-active-toggle-slider:after {
  content: "";
  background: #fff;
  border-radius: 9999px;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .15s;
  position: absolute;
  top: .125rem;
  left: .125rem;
  box-shadow: 0 1px 2px #0000001f;
}

.hub--sites--form-sections .site-active-toggle input:checked + .site-active-toggle-slider {
  background: #10b981;
}

.hub--sites--form-sections .site-active-toggle input:checked + .site-active-toggle-slider:after {
  transform: translate(1.25rem);
}

.hub--sites--form-sections .site-active-toggle-text {
  color: #374151;
  min-width: 5.5rem;
  margin-left: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.hub--sites--form-sections .site-active-toggle-text-off, .hub--sites--form-sections .site-active-toggle input:not(:checked) ~ .site-active-toggle-text .site-active-toggle-text-on {
  display: none;
}

.hub--sites--form-sections .site-active-toggle input:not(:checked) ~ .site-active-toggle-text .site-active-toggle-text-off {
  color: #6b7280;
  display: inline;
}

.hub--sites--form-sections .site-form-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem 1rem;
  display: grid;
}

.hub--sites--form-sections .site-form-grid .form-group, .hub--sites--form-sections .site-form-grid .bootstrap-tagsinput {
  margin-bottom: 0;
}

@container (width >= 700px) {
  .hub--sites--form-sections .site-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hub--sites--form-sections .site-form-span-full {
    grid-column: 1 / -1;
  }
}

@container (width <= 699px) {
  .hub--sites--form-sections .site-active-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hub--sites--form-sections .site-active-toggle-text {
    min-width: 0;
  }
}

.hub--sites--portfolio .separate-vertically > :not(:last-child):after {
  content: "|";
  margin: 0 6px;
}

.hub--sites--portfolio [data-hub--sites--portfolio-cards-target="search"] {
  color: #374151 !important;
}

.hub--overlays--popovers-popup.hub--sites--portfolio {
  border: none;
  padding: 0;
}

.hub--sites--portfolio .savings {
  color: #6b7280;
  background-color: #f3f4f6;
}

.hub--sites--portfolio .savings-high {
  color: #b91c1c;
  background-color: #fef2f2;
}

.hub--sites--portfolio .savings-medium {
  color: #ca8a04;
  background-color: #fefce8;
}

.hub--sites--portfolio .savings-low {
  color: #047857;
  background-color: #ecfdf5;
}

.hub--sites--portfolio-layout#portfolio-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  height: 100vh;
}

.hub--sites--portfolio-layout #portolio-table td {
  vertical-align: top;
  padding: 0;
}

.hub--sites--portfolio-layout #left {
  background: #f0f0f0;
  width: 50%;
}

.hub--sites--portfolio-layout #right {
  background: #e0e0ff;
}

.hub--sites--portfolio-layout #gutter {
  cursor: col-resize;
  background: #ccc;
  width: 5px;
}

.hub--sites--portfolio-layout .portfolio-collapsed {
  width: 2.5em;
}

.hub--sites--portfolio-layout #portfolio-table-gutter {
  width: 4px;
}

.hub--sites--portfolio-layout .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--sites--room-sensors .spinner-grow {
  animation-duration: 2.5s;
}

.hub--sites--show .site-description {
  white-space: pre-line;
  max-height: 230px;
  overflow-y: scroll;
}

.hub--sites--show .site-streetview {
  object-fit: cover;
}

.hub--sites--show [data-performance-placeholder] {
  height: 474px;
}

.hub--sites--show [data-site-spinner] [data-ui-spinner] {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--sites--show {
  display: contents;
}

.hub--sites--show-layout .button-scrolled {
  display: none;
}

.hub--sites--show-layout #toc {
  z-index: 1;
  top: 1em;
}

.hub--sites--show-layout #toc .nav-link {
  color: #000;
  border: 0;
}

.hub--sites--show-layout #toc .nav-link.active {
  font-weight: inherit;
  border-left: 3px solid #8353ff;
}

.hub--sites--show-layout #toc > .nav-item > .nav-link {
  color: #a4a4a4;
  text-transform: uppercase;
  margin-top: 1rem;
  font-size: 14px;
}

.hub--sites--show-layout #toc > .nav-item:first-child > .nav-link {
  margin-top: 0;
}

.hub--sites--show-layout #toc > .nav-item > .nav > .nav-item > .nav-link {
  font-size: 15px;
}

.hub--sites--show-layout #toc > .nav-item > .nav > .nav-item > .nav-link.active {
  font-size: 15px;
  font-weight: 500;
}

.hub--sites--show-layout :target {
  scroll-margin-top: 64px;
}

.hub--sites--show-layout {
  display: contents;
}

.hub--sites--tasks-to-do .TimelineItem {
  padding-top: 0;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.hub--sites--tasks-to-do .dashboard-changelog .TimelineItem:before {
  width: 1px;
}

.hub--sites--tasks-to-do .TimelineItem:before {
  content: "";
  background-color: red;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hub--sites--tasks-to-do {
  display: contents;
}

.modal-fullscreen:has(.hub--sites--top) {
  width: calc(100% - 2em);
  max-width: 100%;
  height: calc(100% - 2em);
  margin: 1em;
}

body[data-component-scopes~="hub-stream-redirect"] {
  pointer-events: none;
  opacity: .5;
}

.hub--sustainability--locked-content {
  background: #fff;
  box-shadow: 0 4px 32px #0000001a;
}

.hub--sustainability--portfolio [data-turbo="false"] {
  max-height: 75vh;
  overflow: auto;
}

.hub--sustainability--portfolio [data-turbo="false"] thead {
  z-index: 2;
  position: sticky;
  top: 0;
}

.hub--table--action-dialog [data-part="progress"] {
  width: var(--progress);
}

.hub--table--action-modal.hidden {
  display: none !important;
}

.hub--table--actions [data-visibility="hidden"] {
  visibility: hidden;
}

.hub--table--actions .hidden {
  display: none !important;
}

.hub--table--actions [data-ui--overlays--dropdown-target="menu"] {
  min-width: calc(var(--spacing, .25rem) * 40);
  padding-inline: 0;
  padding-block: calc(var(--spacing, .25rem) * 2);
  --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);
  border-radius: .25rem;
}

.hub--table--actions [data-ui--overlays--dropdown-target="menu"] hr {
  margin-block: calc(var(--spacing, .25rem) * 2);
}

.hub--table--actions [data-ui--overlays--dropdown-target="menu"] > div {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4);
  line-height: calc(var(--spacing, .25rem) * 4);
}

.hub--table--actions [data-ui--overlays--dropdown-target="menu"] button {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: var(--spacing, .25rem);
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  color: var(--color-gray-800, oklch(27.8% .033 256.848));
  border-radius: 0;
}

@media (hover: hover) {
  .hub--table--actions [data-ui--overlays--dropdown-target="menu"] button:hover {
    background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  }
}

.hub--table--actions [data-ui--overlays--dropdown-target="menu"] button:disabled {
  cursor: default;
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
  background-color: #0000;
}

.hub--table--checkbox-cell input[type="checkbox"] {
  accent-color: #8a5cff;
}

.hub--table--column-chooser .hidden {
  display: none !important;
}

.hub--table--column-header {
  width: var(--column-width, auto);
}

.hub--table--column-header [data-part="sort-indicator"] {
  font-size: 11px;
}

.hub--table--column-header [data-part="sort-indicator"] [data-direction="asc"] {
  height: 10px;
}

.hub--table--column-header [data-part="sort-indicator"] [data-active="false"] {
  color: #e6e7e9;
}

.hub--table--controls input::-webkit-calendar-picker-indicator {
  font-size: 14px;
}

.hub--table--date-filter.hidden, .hub--table--date-filter .hidden {
  display: none !important;
}

.hub--table--default-action-dialog {
  overflow: hidden auto;
}

.hub--table--default-action-dialog[data-overflow="visible"] {
  overflow-y: visible;
}

.hub--table--default-action-dialog[data-overflow="hidden"] {
  overflow-y: hidden;
}

.hub--table--default-action-dialog[data-overflow="scroll"] {
  overflow-y: scroll;
}

.hub--table--epc-comparison-filter.hidden, .hub--table--epc-comparison-filter .hidden, .hub--table--epc-rating-filter.hidden, .hub--table--epc-rating-filter .hidden, .hub--table--filter-chooser .hidden {
  display: none !important;
}

.hub--table--header-rows input[type="checkbox"] {
  accent-color: #8a5cff;
}

[data-component-scopes~="hub--table--layout"] .popover {
  width: auto;
  max-width: none;
}

[data-component-scopes~="hub--table--layout"] ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

[data-component-scopes~="hub--table--layout"] ::-webkit-scrollbar-thumb {
  background-color: #00000047;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 1px #ffffff80;
}

.hub--table--layout table.table-fixed td, .hub--table--layout table.table-fixed th {
  overflow: hidden;
}

.hub--table--layout table.table-fixed td .flex > * {
  flex-shrink: 0;
}

.hub--table--layout .selection-column {
  width: 50px;
}

.hub--table--layout .actions-column {
  width: 80px;
}

.hub--table--radio-filter.hidden, .hub--table--radio-filter .hidden, .hub--table--range-filter.hidden, .hub--table--range-filter .hidden, .hub--table--saved-views .hidden, .hub--table--select-filter.hidden, .hub--table--select-filter .hidden, .hub--table--stale-status-filter.hidden, .hub--table--stale-status-filter .hidden, .hub--table--text-filter.hidden, .hub--table--text-filter .hidden {
  display: none !important;
}

:is([data-dialog-part="content"], .ui--overlays--modal > [data-part="panel"]):has(#remote-modal-turbo-frame > .hub--technical-tasks--new) {
  flex-direction: column;
  height: calc(100dvh - 3.5rem);
  max-height: calc(100dvh - 3.5rem);
  display: flex;
  overflow: hidden;
}

#sidebar:has(#sidebar-turbo-frame > .hub--technical-tasks--new), [data-sidebar-open] #sidebar:has(#sidebar-turbo-frame > .hub--technical-tasks--new) {
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  overflow: hidden;
}

#sidebar-turbo-frame:has( > .hub--technical-tasks--new), :is([data-dialog-part="content"], .ui--overlays--modal > [data-part="panel"]):has(#remote-modal-turbo-frame > .hub--technical-tasks--new) > #remote-modal-turbo-frame {
  flex: auto;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.hub--technical-tasks--new:not(.composer-body) {
  flex-shrink: 0;
}

.hub--technical-tasks--new.composer-body {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  padding: 1.5rem;
  overflow: hidden;
}

.hub--technical-tasks--new .composer-slot {
  height: 100%;
  min-height: 0;
  position: relative;
  container-type: inline-size;
}

.hub--technical-tasks--new .composer {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 1.5rem;
  min-height: 0;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: auto;
}

.hub--technical-tasks--new .composer-form {
  min-width: 0;
}

.hub--technical-tasks--new .field {
  margin-bottom: 1.25rem;
}

.hub--technical-tasks--new .field:last-child {
  margin-bottom: 0;
}

.hub--technical-tasks--new .field-label {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 .375rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  display: block;
}

.hub--technical-tasks--new .field-hint {
  color: #6b7280;
  margin: .375rem 0 0;
  font-size: .875rem;
  line-height: 1.25rem;
}

.hub--technical-tasks--new .field-error {
  color: #dc2626;
  margin: .25rem 0 0;
  font-size: .875rem;
  line-height: 1.25rem;
}

.hub--technical-tasks--new .layout-note {
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  margin: -.25rem 0 1.25rem;
  padding: .625rem .75rem;
  font-size: .875rem;
  line-height: 1.35;
}

.hub--technical-tasks--new .message-images {
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.hub--technical-tasks--new .message-images:empty {
  display: none;
}

.hub--technical-tasks--new .message-image {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  width: 5.5rem;
  max-width: 5.5rem;
  overflow: hidden;
}

.hub--technical-tasks--new .message-image img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 4.5rem;
  display: block;
}

.hub--technical-tasks--new .message-image span {
  color: #4b5563;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .25rem .375rem .375rem;
  font-size: .6875rem;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}

.hub--technical-tasks--new .extra-images {
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: .75rem;
  padding: .75rem;
}

.hub--technical-tasks--new .field-error ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hub--technical-tasks--new .hub--form-controls--selectpicker .toggle {
  background: #fff;
  border-color: #d1d5db;
  border-radius: .375rem;
  font-size: .875rem;
}

.hub--technical-tasks--new select.input-primary {
  background-color: #fff;
}

.hub--technical-tasks--new .extra-images input[type="file"] {
  color: #374151;
  width: 100%;
  font-size: .875rem;
  display: block;
}

.hub--technical-tasks--new .extra-images .message-images {
  margin-top: .75rem;
}

.hub--technical-tasks--new .preview-panel {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.hub--technical-tasks--new .preview-toolbar {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  padding: .75rem 1rem;
  display: flex;
}

.hub--technical-tasks--new .preview-subject {
  color: #111827;
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.35;
}

.hub--technical-tasks--new .preview-caption {
  color: #6b7280;
  margin: .125rem 0 0;
  font-size: .75rem;
  line-height: 1.25rem;
}

.hub--technical-tasks--new .preview-stage {
  box-sizing: border-box;
  flex: auto;
  min-height: 22rem;
  padding: .75rem;
  overflow: hidden;
}

.hub--technical-tasks--new .preview-loading.hide, .hub--technical-tasks--new .task-message.hide {
  display: none;
}

.hub--technical-tasks--new .preview-loading {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  flex-direction: column;
  gap: .5rem;
  height: 100%;
  padding: 1.25rem;
  display: flex;
}

.hub--technical-tasks--new .skeleton-line, .hub--technical-tasks--new .skeleton-block {
  background: #e5e7eb;
  border-radius: 999px;
  display: block;
}

.hub--technical-tasks--new .skeleton-line {
  width: 100%;
  height: .625rem;
}

.hub--technical-tasks--new .skeleton-line.is-short {
  width: 42%;
}

.hub--technical-tasks--new .skeleton-line.is-mid {
  width: 72%;
}

.hub--technical-tasks--new .skeleton-block {
  border-radius: .5rem;
  flex: 1;
  margin-top: .5rem;
}

.hub--technical-tasks--new .preview-error {
  color: #dc2626;
  font-size: .875rem;
  line-height: 1.35;
}

.hub--technical-tasks--new .task-message {
  transform-origin: 0 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  width: 125%;
  height: 125%;
  display: block;
  transform: scale(.8);
}

@container (width >= 720px) {
  .hub--technical-tasks--new .composer {
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
  }

  .hub--technical-tasks--new .composer-form {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: auto;
  }

  .hub--technical-tasks--new .field-grow {
    flex-direction: column;
    flex: auto;
    display: flex;
  }

  .hub--technical-tasks--new .field-grow textarea {
    resize: none;
    flex: 1;
    min-height: 6.5rem;
    overflow: auto;
  }

  .hub--technical-tasks--new .preview-panel {
    height: 100%;
  }

  .hub--technical-tasks--new .preview-stage {
    min-height: 0;
  }
}

.hub--technical-tasks--new-action .task-spacer {
  flex-grow: 1;
}

.hub--technical-tasks--new-confirmed {
  --hub-technical-task-confirmed: 1;
}

[data-controller~="hub--utility-coverage--map"] .utility-mapping-map-tooltip {
  color: #374151;
  max-width: 14rem;
  padding: .375rem .5rem;
  font-size: .6875rem;
  line-height: 1rem;
}

[data-controller~="hub--utility-coverage--map"] .utility-mapping-map :is(.gm-style-iw-c, .gm-style-iw-d) {
  padding: 0 !important;
  overflow: hidden !important;
}

.hub--verification-model--show .hidden {
  display: none;
}

.hub--verification-pages--detail {
  display: contents;
}

.hub--verification-pages--detail .verification-plot {
  position: relative;
  overflow: hidden !important;
}

.hub--verification-pages--detail .verification-plot-limited {
  max-width: 1000px;
}

.hub--verification-pages--detail .verification-statistics {
  font-size: 13px;
}

body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] {
  background: #fff !important;
}

body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] [data-dialog-part="header"], body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] [data-dialog-part="footer"], body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] .top-nav, body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] [data-dismiss="modal"] {
  display: none !important;
}

body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] .modal-dialog {
  max-width: 100% !important;
  margin: 0 !important;
}

body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] [data-dialog-part="content"] {
  box-shadow: none !important;
  border: none !important;
}

body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] [data-page-container] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px !important;
}

@media print {
  .hub--verification-pages--detail[data-print-layout="true"] .h-\[1px\] {
    page-break-after: avoid;
  }

  .hub--verification-pages--detail[data-print-layout="true"] .w-8, .hub--verification-pages--detail[data-print-layout="true"] .h-8 {
    display: none !important;
  }
}

.hub--verification-pages--form select {
  color: #374151;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.hub--verification-pages--form select:focus, .hub--verification-pages--form input[type="date"]:focus, .hub--verification-pages--form textarea:focus {
  outline: 2px solid #8353ff;
}

.hub--verification-pages--form input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("/static/hub/images/calendar.svg");
  width: 16px;
  height: 16px;
}

.hub--verification-pages--form .baseline::-webkit-datetime-edit-fields-wrapper {
  content: "";
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--verification-pages--form .reporting::-webkit-datetime-edit-fields-wrapper {
  color: #059669;
  border-radius: 4px;
  padding: 2px 8px;
}

.hub--verification-pages--form .input-form {
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
}

.hub--verification-pages--form input.input-form, .hub--verification-pages--form textarea.input-form, .hub--verification-pages--form select.input-form {
  padding: 8px;
}

.hub--verification-pages--form div.input-form {
  padding: 6px;
}

.hub--verification-pages--form input.input-form, .hub--verification-pages--form select.input-form {
  height: 40px;
}

.hub--verification-pages--form .input-form.dates {
  padding-left: 6px;
}

.hub--verification-pages--show .hidden {
  display: none;
}

@media print {
  .hub--verification-pages--show #show-section {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-color: #fff !important;
  }
}

.hub--verifications--progress-bar > div {
  width: var(--progress);
}

.hub--virtual-meters--new .footer-spacer {
  flex-grow: 1;
}

.hub--widgets--google-place .input-group {
  align-items: stretch;
  gap: 0;
  display: flex;
}

.hub--widgets--google-place .input-group > div:first-child > span {
  border-top-left-radius: var(--radius-md, .375rem);
  border-bottom-left-radius: var(--radius-md, .375rem);
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}

.hub--widgets--google-place .input-group > input:not([type="hidden"]) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--radius-md, .375rem);
  border-bottom-right-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  flex: 1;
  min-width: 0;
  margin: 0;
}

input.hub--widgets--google-place-map-section {
  height: 41px;
  margin-top: 10px;
  margin-left: 10px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 18px;
}

div.hub--widgets--google-place-map-section {
  height: 400px;
}

ul.hub--widgets--google-place-map-section .google-place-choice {
  width: 60px;
}

.hub--widgets--site [data-hub--widgets--site-picker-target="table"].dataTable {
  margin-bottom: 0 !important;
}

.hub--widgets--site [data-hub--widgets--site-picker-target="map"] {
  height: 400px;
}

.hub--widgets--site [data-part="site-row"], .hub--widgets--site [data-part="bottom-buttons"] {
  align-items: center;
}

.hub--widgets--site [data-part="select-site"] {
  width: 60px;
}

.hub--widgets--site .input-group {
  align-items: stretch;
  gap: 0;
  display: flex;
}

.hub--widgets--site .input-group > div:first-child > span {
  border-top-left-radius: var(--radius-md, .375rem);
  border-bottom-left-radius: var(--radius-md, .375rem);
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}

.hub--widgets--site .input-group > input:not([type="hidden"]) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--radius-md, .375rem);
  border-bottom-right-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  flex: 1;
  min-width: 0;
  margin: 0;
}

.hub--widgets--with-suggestion > :is(input, select) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
  flex: 1;
}

.hub--widgets--with-suggestion > :is(input, select):focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-300, #ccbaff);
}

.integrations-clipboard-fallback {
  opacity: 0;
  position: fixed;
}

[data-controller~="integrations--behaviors--data-source-search"] .hidden {
  display: none;
}

.modal-dialog:has(.integrations--csv--new) {
  width: 800px;
}

.integrations--csv--new [data-authorization-link] {
  color: #8353ff;
}

.integrations--data-sources--change-api-key .footer-spacer {
  flex-grow: 1;
}

.integrations--data-sources--computation-summary .spinner-border {
  width: 14px;
  height: 14px;
}

.modal-dialog:has(.integrations--data-sources--new), .modal-dialog:has(.integrations--default--new) {
  width: 800px;
}

.integrations--default--new [data-authorization-link] {
  color: #8353ff;
}

.integrations--eforsyning--edit-authorization .footer-spacer, .integrations--eforsyning--import-authorization .footer-spacer {
  flex-grow: 1;
}

.modal-dialog:has(.integrations--eforsyning--new) {
  width: 800px;
}

.integrations--eforsyning--reauthenticate .footer-spacer {
  flex-grow: 1;
}

.modal-dialog:has(.integrations--eloverblik--done) {
  width: 800px;
}

.integrations--eloverblik--done [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--eloverblik--new) {
  width: 800px;
}

.integrations--eloverblik--new [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--eloverblik--processing) {
  width: 800px;
}

.integrations--eloverblik--show [data-renew-authorization] {
  background-color: #8353ff;
}

.integrations--guest-uploads--show .dropzone {
  color: gray;
  border-width: 1px;
  border-color: #ddd;
  min-height: 0;
  padding: 0;
}

.modal-dialog:has(.integrations--hjorring-vand--edit-authorization) {
  width: 800px;
}

.integrations--hjorring-vand--edit-authorization .footer-spacer, .integrations--hjorring-vand--import-authorization .footer-spacer, .integrations--hjorring-vand--reauthenticate .footer-spacer {
  flex-grow: 1;
}

.modal-dialog:has(.integrations--huawei-fusion-solar-oauth--done), .modal-dialog:has(.integrations--huawei-fusion-solar-oauth--error), .modal-dialog:has(.integrations--huawei-fusion-solar-oauth--new) {
  width: 800px;
}

.ingest-dropzone {
  color: oklch(70.7% .022 261.325);
  background: #f8f8f8 !important;
  border: 1px dashed #ddd !important;
  border-radius: 6px !important;
  min-height: 120px !important;
  padding: 0 !important;
}

.ingest-dropzone .dz-message {
  margin: 0 !important;
}

.integrations--internal-sftp--connection-info .blurred-text {
  filter: blur(3px);
  cursor: pointer;
}

.integrations--internal-sftp--connection-info .blurred-text:hover {
  filter: blur(3px);
}

.integrations--internal-sftp--connection-info .blurred-text.revealed {
  filter: none;
}

.integrations-sftp-copy-fallback {
  opacity: 0;
  position: fixed;
}

.integrations--internal-sftp--download-files-action {
  overflow: hidden auto;
}

.integrations--internal-sftp--download-files-action[data-overflow="scroll"] {
  overflow-y: scroll;
}

.integrations--internal-sftp--download-files-action[data-overflow="hidden"] {
  overflow-y: hidden;
}

.integrations--internal-sftp--download-files-action[data-overflow="visible"] {
  overflow-y: visible;
}

.integrations--internal-sftp--upload-dropzones .dropzone {
  color: oklch(70.7% .022 261.325);
  background: #f8f8f8 !important;
  border: 1px dashed #ddd !important;
  border-radius: 6px !important;
  min-height: 120px !important;
  padding: 0 !important;
}

.integrations--internal-sftp--upload-dropzones .dropzone .dz-message {
  margin: 0 !important;
}

.integrations--internal-sftp--upload-dropzones .dropzone.dz-started .dz-message {
  display: block !important;
}

.integrations--internal-sftp--workbench .dataframe th, .integrations--internal-sftp--workbench .dataframe td {
  white-space: nowrap;
}

.integrations--internal-sftp--workbench .parser-kwargs {
  font-family: monospace;
  font-size: 12px;
}

.integrations--internal-sftp--workbench .dataframe thead tr {
  text-align: right;
}

.modal-dialog:has(.integrations--metry--done) {
  width: 800px;
}

.integrations--metry--done [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--metry--new) {
  width: 800px;
}

.integrations--metry--new [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--metry--processing), .modal-dialog:has(.integrations--mqtt--new) {
  width: 800px;
}

:where(.integrations--mqtt--show) .connection-tab.active {
  color: #8353ff;
  background-color: #f5f3ff;
}

.integrations-mqtt-copy-fallback {
  opacity: 0;
  position: fixed;
}

.integrations--mqtt--workbench .dataframe th, .integrations--mqtt--workbench .dataframe td {
  white-space: nowrap;
}

.integrations--mqtt--workbench .parser-kwargs {
  font-family: monospace;
  font-size: 12px;
}

.integrations--mqtt--workbench .dataframe thead tr {
  text-align: right;
}

.modal-dialog:has(.integrations--others--new) {
  width: 800px;
}

.integrations--others--new [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--schneider-resource-advisor--new), .modal-dialog:has(.integrations--techem--new), .modal-dialog:has(.integrations--utility-api2--done) {
  width: 800px;
}

.integrations--utility-api2--done [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--utility-api2--error) {
  width: 800px;
}

.integrations--utility-api2--error [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--utility-api2--new) {
  width: 800px;
}

.integrations--utility-api2--new [data-authorization-link] {
  color: #8353ff;
}

.modal-dialog:has(.integrations--utility-api2--processing) {
  width: 800px;
}

.integrations--utility-api2--show [data-renew-authorization] {
  background-color: #8353ff;
}

:where(body[data-component-scopes~="integrations--utility-api2--show"], .integrations--utility-api2--show) .active {
  color: #28a745;
}

.strategy--epc-planning--show [data-progress-bar] {
  width: 0%;
}

.strategy--epc-planning--show [data-payback], .strategy--epc-planning--show .hidden {
  display: none;
}

.strategy--epc-project-selection--show [data-progress-bar] {
  width: 0%;
}

.strategy--epc-project-selection--show [data-initial-hidden], .strategy--epc-project-selection--show .hidden {
  display: none;
}

.strategy--projects--non-selected-table .project-title-cell {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  width: 550px;
  max-width: 550px;
}

.strategy--projects--non-selected-table .project-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.strategy--projects--non-selected-table .project-description {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.strategy--projects--planned-board [data-strategy--projects--kanban-target="lane"] {
  flex: none;
  width: 20rem;
}

.strategy--projects--planned-board [data-strategy--projects--kanban-target="card"] {
  flex: none;
  height: 14rem;
  min-height: 0;
  max-height: 14rem;
}

.strategy--projects--planned-table .project-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 400px;
}

.strategy--reduction-goals--form .bs-ok-default:after {
  border-color: #8353ff !important;
}

.strategy--reduction-goals--form :focus {
  outline: none;
}

.strategy--reduction-goals--form .goal-type-btn, .strategy--reduction-goals--form .regulation-type-btn {
  position: relative;
}

.strategy--reduction-goals--form .goal-type-btn input[type="radio"], .strategy--reduction-goals--form .regulation-type-btn input[type="radio"] {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
}

.strategy--reduction-goals--form select {
  color: #374151;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.strategy--reduction-goals--form select:focus, .strategy--reduction-goals--form input[type="number"]:focus {
  outline: 2px solid #8353ff;
}

.strategy--reduction-goals--form input[type="number"] {
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}

.strategy--reduction-goals--form .hidden {
  display: none;
}

[data-component-scopes~="strategy--roadmap--board"] .popover {
  width: auto;
  max-width: none;
}

.strategy--roadmap--consumption-chart .chart-plot, .strategy--roadmap--epc-distribution-chart .chart-plot {
  width: 100%;
}

.strategy--roadmap--show .electricity-pattern {
  background-image: repeating-linear-gradient(90deg, #8b5cf6, #8b5cf6 2px, #a78bfa 2px 4px);
}

.strategy--roadmap--show .heating-solid {
  background-color: #ef4444;
}

.strategy--roadmap--show .progress-animate {
  transition: width 1s ease-in-out;
}

.strategy--roadmap--show .dataTable {
  border-collapse: collapse !important;
}

.strategy--roadmap--show .button-select-strategy {
  color: #374151;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  min-width: 150px;
  font-weight: 500;
  font-size: 16px !important;
}

.strategy--roadmap--show .button-select-strategy:hover {
  background-color: #e5e7eb;
}

.strategy--roadmap--show .button-select-strategy:focus {
  border: 0;
  outline: 2px solid #000;
}

.strategy--roadmap--show .button-strategy-selector3 {
  color: #374151;
  background-color: #fff;
  min-width: 150px;
  font-weight: 500;
  font-size: 16px !important;
}

.strategy--roadmap--show .button-strategy-selector2 {
  color: #374151;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  min-width: 150px;
  font-weight: 500;
  font-size: 16px !important;
}

.strategy--roadmap--show .button-strategy-selector:hover, .strategy--roadmap--show .button-strategy-selector2:hover {
  background-color: #e5e7eb;
}

.strategy--roadmap--show .energy-share, .strategy--roadmap--show [data-goal-progress] {
  width: var(--share);
}

.strategy--roadmap--show .electricity {
  background-color: #8353ff;
}

.strategy--roadmap--show .gas {
  background-color: #f97317;
}

.strategy--roadmap--show .district-heating {
  background-color: #ec4999;
}

.strategy--roadmap--show .heating-remainder {
  flex: 1;
}

.strategy--roadmap--show .delete-goal {
  display: inline;
}

.ui--atlas-component-references--component-references {
  padding: calc(var(--spacing, .25rem) * 3);
}

.ui--atlas-component-references--component-references + .ui--atlas-component-references--component-references {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
}

.ui--atlas-component-references--component-references h3 {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, oklch(21% .034 264.665));
}

.ui--atlas-component-references--component-references [role="status"] {
  font-size: var(--text-xs, .75rem);
  line-height: calc(var(--spacing, .25rem) * 5);
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.ui--atlas-component-references--component-references [role="status"]:empty {
  display: none;
}

.ui--atlas-explorer--explorer {
  background: var(--ui-color-surface-subtle);
  height: 100dvh;
  color: var(--ui-color-text);
  flex-direction: column;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.ui--atlas-explorer--explorer [hidden] {
  display: none !important;
}

.ui--atlas-explorer--explorer [data-component-row] [data-tree-label] {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ui--atlas-explorer--explorer summary > [data-component-row] {
  width: calc(100% - 1rem);
}

.ui--atlas-explorer--explorer [data-component-files] {
  align-items: center;
  gap: var(--spacing, .25rem);
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
}

.ui--atlas-explorer--explorer [data-component-files] svg {
  width: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 3);
}

.ui--atlas-explorer--explorer #atlas-navigation {
  container-type: inline-size;
}

.ui--atlas-explorer--explorer #components-view, .ui--atlas-explorer--explorer #reference-components-view {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.ui--atlas-explorer--explorer #component-total {
  margin-top: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-gray-600, oklch(44.6% .03 256.802));
}

.ui--atlas-explorer--explorer #component-search {
  z-index: 10;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  background-color: var(--color-white, #fff);
  position: sticky;
  top: 0;
}

.ui--atlas-explorer--explorer #families [data-tree-count] {
  color: var(--color-gray-600, oklch(44.6% .03 256.802));
}

.ui--atlas-explorer--explorer #families [data-component-kind="behavior"] svg {
  color: var(--color-amber-600, oklch(66.6% .179 58.318));
}

.ui--atlas-explorer--explorer #families [data-component-kind="styles"] svg {
  color: var(--color-blue-600, oklch(54.6% .245 262.881));
}

.ui--atlas-explorer--explorer #explorer-panel > summary {
  padding-right: calc(var(--spacing, .25rem) * 12);
}

.ui--atlas-explorer--explorer #toggle-sidebar, .ui--atlas-explorer--explorer #mobile-workspace-switcher {
  display: none;
}

@container (width <= 199px) {
  .ui--atlas-explorer--explorer #atlas-navigation [data-pane] > details > summary {
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 10);
  }

  .ui--atlas-explorer--explorer #atlas-navigation [data-pane] > [data-pane-actions] {
    top: calc(var(--spacing, .25rem) * 9);
    right: auto;
    left: calc(var(--spacing, .25rem) * 4);
  }
}

.ui--atlas-explorer--explorer #explorer-resize {
  display: none;
}

@media (width >= 1024px) {
  .ui--atlas-explorer--explorer #explorer-resize {
    display: block;
  }
}

@media (width <= 1023px) {
  .ui--atlas-explorer--explorer #toggle-sidebar {
    display: inline-flex;
  }

  .ui--atlas-explorer--explorer #mobile-workspace-switcher {
    justify-content: center;
    align-items: center;
    gap: var(--spacing, .25rem);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
    background-color: var(--color-white, #fff);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: var(--spacing, .25rem);
    flex-shrink: 0;
    display: flex;
  }

  .ui--atlas-explorer--explorer #mobile-workspace-switcher button {
    border-radius: var(--radius-md, .375rem);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: var(--spacing, .25rem);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-600, oklch(44.6% .03 256.802));
  }

  @media (hover: hover) {
    .ui--atlas-explorer--explorer #mobile-workspace-switcher button:hover {
      background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
    }
  }

  .ui--atlas-explorer--explorer #mobile-workspace-switcher button:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
  }

  .ui--atlas-explorer--explorer #mobile-workspace-switcher button[aria-pressed="true"] {
    background-color: var(--color-indigo-50, oklch(96.2% .018 272.314));
    color: var(--color-indigo-700, oklch(45.7% .24 277.023));
  }

  .ui--atlas-explorer--explorer > header > [data-part="brand"] {
    width: auto;
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }
}

.ui--atlas-explorer--explorer[data-resizing] {
  -webkit-user-select: none;
  user-select: none;
}

.ui--atlas-explorer--explorer[data-resizing] iframe {
  pointer-events: none;
}

.ui--atlas-explorer--explorer {
  --workspace-sidebar-width: 12rem;
}

@media (width >= 640px) {
  .ui--atlas-explorer--explorer {
    --workspace-sidebar-width: 15rem;
  }
}

@media (width >= 1024px) {
  .ui--atlas-explorer--explorer {
    --workspace-sidebar-width: var(--atlas-sidebar-width, 18rem);
  }
}

.ui--atlas-model-picker--model-picker {
  gap: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  display: flex;
}

.ui--atlas-model-picker--model-picker details {
  position: relative;
}

.ui--atlas-model-picker--model-picker summary {
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.ui--atlas-model-picker--model-picker summary:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-indigo-500, oklch(58.5% .233 277.117));
}

.ui--atlas-model-picker--model-picker [data-picker-panel] {
  z-index: 50;
  margin-top: var(--spacing, .25rem);
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 2);
  --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);
  flex-direction: column;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.ui--atlas-model-picker--model-picker details:not([open]) [data-picker-panel] {
  display: none;
}

.ui--atlas-model-picker--model-picker input[type="search"], .ui--atlas-model-picker--model-picker select {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.ui--atlas-model-picker--model-picker select {
  cursor: pointer;
}

.ui--atlas-model-picker--model-picker option {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
}

.ui--atlas-model-picker--model-picker [role="status"] {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.ui--atlas-source-code--source-code {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.ui--atlas-source-code--source-code [data-part="navigation"] {
  gap: var(--spacing, .25rem);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 2);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: flex;
}

.ui--atlas-source-code--source-code [data-part="navigation"] a, .ui--atlas-source-code--source-code [data-part="navigation"] button {
  cursor: pointer;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
  border: 0;
  border-radius: .25rem;
}

@media (hover: hover) {
  :is(.ui--atlas-source-code--source-code [data-part="navigation"] a, .ui--atlas-source-code--source-code [data-part="navigation"] button):hover {
    background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
    color: var(--color-gray-900, oklch(21% .034 264.665));
  }
}

:is(.ui--atlas-source-code--source-code [data-part="navigation"] a, .ui--atlas-source-code--source-code [data-part="navigation"] button):focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

:is(.ui--atlas-source-code--source-code [data-part="navigation"] a, .ui--atlas-source-code--source-code [data-part="navigation"] button)[aria-current="location"] {
  background-color: var(--color-indigo-50, oklch(96.2% .018 272.314));
  color: var(--color-indigo-700, oklch(45.7% .24 277.023));
}

.ui--atlas-source-code--source-code [data-part="document"] {
  overscroll-behavior: contain;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.ui--atlas-source-code--source-code [data-part="document"] > section {
  min-width: 0;
}

:where(.ui--atlas-source-code--source-code [data-part="document"] > section > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.ui--atlas-source-code--source-code [data-part="document"] > section {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  padding: calc(var(--spacing, .25rem) * 5);
}

.ui--atlas-source-code--source-code [data-part="document"] > section > h3 {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, oklch(21% .034 264.665));
}

.ui--atlas-workspace--inspector-columns {
  flex: 1;
  grid-template-rows: minmax(480px, 80dvh) minmax(480px, 80dvh);
  min-height: 0;
  display: grid;
  overflow: auto;
}

.ui--atlas-workspace--inspector-columns .ui--workspace--resize-handle[data-variant="column"] {
  display: none;
}

.ui--atlas-workspace--inspector-columns .ui--atlas-workspace--inspector-column:is([data-variant="preview"], [data-variant="settings"], [data-variant="parameters"]) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ui--atlas-workspace--inspector-columns[data-variant="parameters"] {
  grid-template-rows: repeat(2, minmax(480px, 80dvh)) minmax(320px, 50dvh);
}

@media (width <= 1023px) {
  .ui--atlas-workspace--inspector-columns[data-mobile-pane] {
    display: block;
    overflow: hidden;
  }

  .ui--atlas-workspace--inspector-columns[data-mobile-pane] > .ui--atlas-workspace--inspector-column {
    height: 100%;
    display: none;
  }

  .ui--atlas-workspace--inspector-columns[data-mobile-pane][data-mobile-pane="source"] > [data-variant="settings"], .ui--atlas-workspace--inspector-columns[data-mobile-pane][data-mobile-pane="canvas"] > [data-variant="preview"], .ui--atlas-workspace--inspector-columns[data-mobile-pane][data-mobile-pane="controls"] > [data-variant="parameters"] {
    display: flex;
  }
}

@media (width >= 1024px) {
  .ui--atlas-workspace--inspector-columns {
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) 8px var(--params-width, 320px);
    overflow: hidden;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] {
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: var(--source-track, var(--source-width, 320px)) var(--source-divider, 8px) minmax(0, 1fr) var(--parameters-divider, 8px) var(--parameters-track, var(--parameters-width, 224px));
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > * {
    grid-row: 1;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > [data-variant="parameters"] {
    --column-expand-icon: "‹";
    grid-column: 5;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > .ui--workspace--resize-handle:has( + [data-variant="parameters"]) {
    grid-column: 4;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > [data-variant="preview"] {
    grid-column: 3;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > [data-variant="settings"] + .ui--workspace--resize-handle {
    grid-column: 2;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > [data-variant="settings"] {
    grid-column: 1;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"][data-controls-hidden] {
    grid-template-columns: var(--source-track, var(--source-width, 320px)) var(--source-divider, 8px) minmax(0, 1fr);
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"]:has( > [data-variant="parameters"] > [data-pane-view] > [data-pane] > details:not([open])) {
    --parameters-track: calc(var(--spacing) * 9);
    --parameters-divider: 0px;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"]:has( > [data-variant="parameters"] > [data-pane-view] > [data-pane] > details:not([open])) > .ui--workspace--resize-handle:has( + [data-variant="parameters"]) {
    display: none;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"]:has( > [data-variant="settings"] > [data-pane-view] > [data-pane] > details:not([open])) {
    --source-track: calc(var(--spacing) * 9);
    --source-divider: 0px;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"]:has( > [data-variant="settings"] > [data-pane-view] > [data-pane] > details:not([open])) > [data-variant="settings"] + .ui--workspace--resize-handle {
    display: none;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > :is([data-variant="parameters"], [data-variant="settings"]) > [data-pane-view] > [data-pane]:has( > details:not([open])) {
    flex: 1;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > :is([data-variant="parameters"], [data-variant="settings"]) > [data-pane-view] > [data-pane]:has( > details:not([open])) > details > summary {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-style: var(--tw-border-style);
    height: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 3);
    border-width: 0;
    flex-direction: column;
    list-style: none;
    display: flex;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > :is([data-variant="parameters"], [data-variant="settings"]) > [data-pane-view] > [data-pane]:has( > details:not([open])) > details > summary::-webkit-details-marker {
    display: none;
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > :is([data-variant="parameters"], [data-variant="settings"]) > [data-pane-view] > [data-pane]:has( > details:not([open])) > details > summary:before {
    content: var(--column-expand-icon, "›");
    font-size: var(--text-xl, 1.25rem);
    line-height: calc(var(--spacing, .25rem) * 5);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }

  .ui--atlas-workspace--inspector-columns[data-variant="parameters"] > :is([data-variant="parameters"], [data-variant="settings"]) > [data-pane-view] > [data-pane]:has( > details:not([open])) > details > summary > [data-pane-label] {
    white-space: nowrap;
    writing-mode: vertical-rl;
  }

  .ui--atlas-workspace--inspector-columns .ui--workspace--resize-handle[data-variant="column"] {
    display: block;
  }
}

.ui--atlas-workspace--preview-frame > [data-part="viewport"] {
  resize: horizontal;
  width: 100%;
  min-width: 240px;
  max-width: 100%;
}

@media (width <= 600px) {
  .ui--atlas-workspace--preview-frame {
    padding: 12px;
  }
}

.ui--atlas-workspace--preview-frame[data-variant="inspector"] [data-part="viewport"] {
  resize: none;
  min-width: 0;
  max-width: none;
}

.ui--controls--field[data-bound-field][hidden] {
  display: none !important;
}

.ui--controls--field[data-bound-field][data-hide-label] > label {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ui--controls--field[data-bound-field][data-checkbox] {
  grid-template-columns: auto 1fr;
  align-items: center;
}

.ui--controls--field[data-bound-field][data-checkbox] > input {
  grid-row-start: 1;
  grid-column-start: 1;
}

.ui--controls--field[data-bound-field][data-checkbox] > label {
  grid-row-start: 1;
  grid-column-start: 2;
}

.ui--controls--field[data-bound-field][data-checkbox] > .helptext, .ui--controls--field[data-bound-field][data-checkbox] > .errorlist {
  grid-column: span 2 / span 2;
}

.ui--controls--field[data-bound-field] > label, .ui--controls--field[data-bound-field] legend {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  display: block;
}

.ui--controls--field[data-bound-field] > fieldset {
  gap: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  border-width: 0;
  min-width: 0;
  padding: 0;
  display: grid;
}

.ui--controls--field[data-bound-field] > .helptext, .ui--controls--field[data-bound-field] > fieldset > .helptext {
  order: 2;
}

.ui--controls--field[data-bound-field] > .errorlist, .ui--controls--field[data-bound-field] > fieldset > .errorlist {
  order: 3;
}

.ui--controls--field[data-bound-field] [data-ui-native-input]:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  width: 100%;
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-900, oklch(21% .034 264.665));
  display: block;
}

.ui--controls--field[data-bound-field] [data-ui-native-input]:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.ui--controls--field[data-bound-field] [data-ui-native-input]:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea):disabled {
  cursor: not-allowed;
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.ui--controls--field[data-bound-field] [data-ui-native-input]:where(input[type="checkbox"], input[type="radio"]) {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
  accent-color: var(--color-ento-900, #8353ff);
}

.ui--controls--field[data-bound-field]:not([data-checkbox]) [data-ui-native-input]:where(input[type="checkbox"], input[type="radio"]) {
  margin-inline-end: .5rem;
}

.ui--controls--field[data-bound-field] .input-group > [data-ui-native-input]:not([type="hidden"]) {
  flex: 1;
  width: 0;
  min-width: 0;
}

.ui--controls--field[data-bound-field] [data-ui-native-input]:where(input[type="checkbox"]) {
  border-radius: .25rem;
}

.ui--controls--field[data-bound-field] .helptext {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

.ui--controls--field[data-bound-field] .errorlist {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-red-700, oklch(50.5% .213 27.518));
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ui--controls--field[data-bound-field] [aria-invalid="true"] {
  border-color: var(--color-red-500, oklch(63.7% .237 25.331));
}

.ui--controls--preset[data-variant="list"] {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  overflow-wrap: break-word;
  color: var(--color-gray-600, oklch(44.6% .03 256.802));
  border-radius: .25rem;
  display: flex;
}

.ui--controls--preset[data-variant="list"]:before {
  content: "";
  width: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 3);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
}

.ui--controls--preset[data-variant="list"]:hover:not(:disabled) {
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  color: var(--color-gray-900, oklch(21% .034 264.665));
}

.ui--controls--preset[data-variant="list"][aria-pressed="true"] {
  background-color: var(--color-indigo-50, oklch(96.2% .018 272.314));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-indigo-700, oklch(45.7% .24 277.023));
}

.ui--controls--preset[data-variant="list"][aria-pressed="true"]:before {
  border-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
  background-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
  --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);
  --tw-ring-color: var(--color-white, #fff);
  --tw-ring-inset: inset;
}

.ui--controls--preset[data-variant="list"]:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: calc(2px * -1);
  outline-width: 2px;
  outline-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
  position: relative;
}

.ui--controls--preset[data-variant="list"]:disabled {
  opacity: .5;
}

.ui--controls--preset-group[data-variant="list"] {
  gap: calc(var(--spacing, .25rem) * .5);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding: var(--spacing, .25rem);
  flex-direction: column;
  display: flex;
}

.ui--controls--tab {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  white-space: nowrap;
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
}

@media (hover: hover) {
  .ui--controls--tab:hover {
    color: var(--color-gray-800, oklch(27.8% .033 256.848));
  }
}

.ui--controls--tab:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.ui--controls--tab:not([data-disabled]) {
  cursor: pointer;
}

.ui--controls--tab[data-variant="default"] {
  border-bottom-style: var(--tw-border-style);
  padding-block: calc(var(--spacing, .25rem) * 2);
  border-color: #0000;
  border-bottom-width: 2px;
}

.ui--controls--tab[data-variant="default"][aria-selected="true"] {
  border-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
  color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.ui--controls--tab[data-variant="compact"] {
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4);
  line-height: calc(var(--spacing, .25rem) * 4);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ui--controls--tab[data-variant="compact"][aria-selected="true"] {
  background-color: var(--color-indigo-100, oklch(93% .034 272.788));
  color: var(--color-indigo-700, oklch(45.7% .24 277.023));
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ui--controls--tab-list {
  align-items: center;
  min-width: 0;
  display: flex;
}

.ui--controls--tab-list[data-variant="default"] {
  gap: calc(var(--spacing, .25rem) * 5);
}

.ui--controls--tab-list[data-variant="compact"] {
  gap: calc(var(--spacing, .25rem) * .5);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  padding: calc(var(--spacing, .25rem) * .5);
}

.ui--controls--tab-panel {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.ui--controls--tab-panel[data-variant="fill"] {
  flex-direction: column;
  display: flex;
}

.ui--controls--tab-panel[hidden] {
  display: none;
}

.ui--controls--tag-input {
  min-height: calc(var(--spacing, .25rem) * 9);
  cursor: text;
  align-items: center;
  gap: var(--spacing, .25rem);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% .01 258.338));
  background-color: var(--color-white, #fff);
  width: 100%;
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: var(--spacing, .25rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-900, oklch(21% .034 264.665));
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-sizing: border-box;
  flex-wrap: wrap;
  display: flex;
}

.ui--controls--tag-input:focus-within {
  border-color: var(--color-ento-500, #b698ff);
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-100, #f3eeff);
}

.ui--controls--tag-input[data-invalid] {
  border-color: var(--color-red-500, oklch(63.7% .237 25.331));
}

.ui--controls--tag-input[data-disabled] {
  cursor: not-allowed;
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
}

.ui--controls--tag-input .tokens {
  display: contents;
}

.ui--controls--tag-input .tag {
  align-items: center;
  gap: var(--spacing, .25rem);
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4);
  line-height: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-white, #fff);
  background-color: #5bc0de;
  border-radius: .25rem;
  display: inline-flex;
}

.ui--controls--tag-input .tag button {
  width: calc(var(--spacing, .25rem) * 3.5);
  height: calc(var(--spacing, .25rem) * 3.5);
  cursor: pointer;
  border-radius: var(--radius-sm, .25rem);
  border-style: var(--tw-border-style);
  color: var(--color-white, #fff);
  opacity: .9;
  background-color: #0000;
  border-width: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

@media (hover: hover) {
  .ui--controls--tag-input .tag button:hover {
    opacity: 1;
  }
}

.ui--controls--tag-input .tag button:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-white, #fff);
}

.ui--controls--tag-input .tag button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.ui--controls--tag-input .tag button svg {
  width: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 3);
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
}

.ui--controls--tag-input .editor {
  min-width: calc(var(--spacing, .25rem) * 24);
  flex: 1;
  display: flex;
}

.ui--controls--tag-input .editor input {
  border-style: var(--tw-border-style);
  width: 100%;
  min-width: 0;
  padding-inline: var(--spacing, .25rem);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-900, oklch(21% .034 264.665));
  background-color: #0000;
  border-width: 0;
}

.ui--controls--tag-input .editor input::placeholder {
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

.ui--controls--tag-input .editor input:disabled {
  cursor: not-allowed;
}

.ui--controls--tag-input .editor input {
  font: inherit;
  box-shadow: none;
  outline: none;
}

.ui--elements--alert {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sky-200, oklch(90.1% .058 230.902));
  background-color: var(--color-sky-50, oklch(97.7% .013 236.62));
  min-width: 0;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-sky-900, oklch(39.1% .09 240.876));
  overflow-wrap: anywhere;
  position: relative;
}

.ui--elements--alert[data-variant="warning"] {
  border-color: var(--color-amber-200, oklch(92.4% .12 95.746));
  background-color: var(--color-amber-50, oklch(98.7% .022 95.277));
  color: var(--color-amber-900, oklch(41.4% .112 45.904));
}

.ui--elements--alert[data-variant="error"] {
  border-color: var(--color-red-200, oklch(88.5% .062 18.334));
  background-color: var(--color-red-50, oklch(97.1% .013 17.38));
  color: var(--color-red-900, oklch(39.6% .141 25.723));
}

.ui--elements--alert[data-variant="success"] {
  border-color: var(--color-emerald-200, oklch(90.5% .093 164.15));
  background-color: var(--color-emerald-50, oklch(97.9% .021 166.113));
  color: var(--color-emerald-900, oklch(37.8% .077 168.94));
}

.ui--elements--alert[data-variant="neutral"] {
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
}

.ui--elements--alert :where(a) {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: inherit;
  text-decoration-line: underline;
}

.ui--elements--alert :where(a):focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: currentColor;
}

.ui--elements--alert :where(pre) {
  overflow-x: auto;
}

.ui--elements--alert > :last-child {
  margin-bottom: 0;
}

.ui--elements--badge {
  align-items: center;
  gap: var(--spacing, .25rem);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
  font-size: var(--text-xs, .75rem);
  line-height: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  display: inline-flex;
}

.ui--elements--badge[data-color="zinc"] {
  color: var(--ui-color-status-neutral-text);
  background: var(--ui-color-status-neutral-surface);
  box-shadow: inset 0 0 0 1px var(--ui-color-status-neutral-border);
}

.ui--elements--badge[data-color="red"] {
  color: var(--ui-color-status-danger-text);
  background: var(--ui-color-status-danger-surface);
  box-shadow: inset 0 0 0 1px var(--ui-color-status-danger-border);
}

.ui--elements--badge[data-color="amber"] {
  color: var(--ui-color-status-warning-text);
  background: var(--ui-color-status-warning-surface);
  box-shadow: inset 0 0 0 1px var(--ui-color-status-warning-border);
}

.ui--elements--badge[data-color="green"] {
  color: var(--ui-color-status-success-text);
  background: var(--ui-color-status-success-surface);
  box-shadow: inset 0 0 0 1px var(--ui-color-status-success-border);
}

.ui--elements--badge[data-color="blue"] {
  color: var(--ui-color-status-info-text);
  background: var(--ui-color-status-info-surface);
  box-shadow: inset 0 0 0 1px var(--ui-color-status-info-border);
}

.ui--elements--badge[data-variant="metric"] {
  justify-content: center;
  width: 100%;
}

.ui--elements--code {
  border-radius: var(--radius-md, .375rem);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  overflow-wrap: anywhere;
  color: var(--ui-color-text-secondary);
  background: var(--ui-color-surface-muted);
  box-shadow: inset 0 0 0 1px var(--ui-color-border);
  display: inline;
}

.ui--elements--heading {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, oklch(21% .034 264.665));
}

.ui--elements--heading[data-variant="section"] {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}

.ui--elements--heading[data-variant="dialog"] {
  text-align: center;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  margin: 0;
}

.ui--elements--spinner {
  width: calc(var(--spacing, .25rem) * 8);
  height: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  vertical-align: middle;
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .ui--elements--spinner {
    animation: none;
  }
}

.ui--elements--spinner[data-variant*="small"] {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
}

.ui--elements--spinner[data-variant^="pulse"] {
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  border-style: var(--tw-border-style);
  background-color: currentColor;
  border-width: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ui--elements--spinner[data-variant^="pulse"] {
    animation: none;
  }
}

.ui--elements--spinner[hidden] {
  display: none;
}

[data-ui--overlays--dropdown-target="menu"] {
  max-width: calc(100vw - 1rem);
  max-height: calc(100dvh - 1rem);
  min-width: calc(var(--spacing, .25rem) * 40);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  padding: var(--spacing, .25rem);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  --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);
  margin: 0;
  position: fixed;
  inset: auto;
  overflow: auto;
}

[data-ui--overlays--dropdown-target="menu"]:not(:popover-open) {
  display: none;
}

[data-ui--overlays--dropdown-target="menu"] :where(hr) {
  margin-block: var(--spacing, .25rem);
  border-style: var(--tw-border-style);
  border-width: 0;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
}

:where([data-ui--overlays--dropdown-target="menu"]) :is(a, button) {
  cursor: pointer;
  border-style: var(--tw-border-style);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: inherit;
  background-color: #0000;
  border-width: 0;
  border-radius: .25rem;
  text-decoration-line: none;
  display: block;
}

@media (hover: hover) {
  :where([data-ui--overlays--dropdown-target="menu"]) :is(a, button):hover {
    background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  }
}

:where([data-ui--overlays--dropdown-target="menu"]) :is(a, button):focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.ui--overlays--dropdown-trigger:after {
  content: "";
  vertical-align: middle;
  border-inline: .3em solid #0000;
  border-top: .3em solid;
  margin-inline-start: .4em;
  display: inline-block;
}

.ui--overlays--modal {
  width: calc(100% - 2rem);
  max-width: var(--container-lg, 32rem);
  border-style: var(--tw-border-style);
  text-align: left;
  background-color: #0000;
  border-width: 0;
  margin: auto;
  padding: 0;
  overflow: visible;
}

.ui--overlays--modal::backdrop {
  background-color: #00000080;
}

@supports (color: color-mix(in lab, red, red)) {
  .ui--overlays--modal::backdrop {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ui--overlays--modal[data-size="lg"] {
  max-width: var(--container-3xl, 48rem);
}

.ui--overlays--modal[data-size="xl"] {
  max-width: var(--container-6xl, 72rem);
}

.ui--overlays--modal[data-size="full"] {
  max-width: none;
}

.ui--overlays--modal[data-variant="preview"] {
  display: block;
  position: relative;
  overflow: visible;
}

.ui--overlays--modal [data-part="panel"] {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  background-color: var(--color-white, #fff);
  max-height: calc(100vh - 2em);
  padding: calc(var(--spacing, .25rem) * 4);
  --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);
  overflow-y: auto;
}

.ui--overlays--modal [data-part="initial-content"] {
  padding: calc(var(--spacing, .25rem) * 6);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-600, oklch(44.6% .03 256.802));
}

.ui--overlays--modal-button {
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
  --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);
  --tw-ring-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  --tw-ring-inset: inset;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) {
  .ui--overlays--modal-button:hover {
    background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  }
}

.ui--overlays--modal-button:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-ento-300, #ccbaff);
}

.ui--overlays--modal-button[data-variant="secondary"] {
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
  color: var(--color-gray-900, oklch(21% .034 264.665));
  --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);
}

@media (hover: hover) {
  .ui--overlays--modal-button[data-variant="secondary"]:hover {
    background-color: var(--color-gray-200, oklch(92.8% .006 264.531));
    color: var(--color-gray-700, oklch(37.3% .034 259.733));
  }
}

.ui--overlays--modal-button[data-variant="primary"] {
  background-color: var(--color-ento-500, #b698ff);
  color: var(--color-white, #fff);
  --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);
}

@media (hover: hover) {
  .ui--overlays--modal-button[data-variant="primary"]:hover {
    background-color: var(--color-ento-950, #5924e2);
  }
}

.ui--tables--table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, oklch(37.3% .034 259.733));
}

:where(.ui--tables--table) :where(th, td) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 3);
  vertical-align: top;
}

:where(.ui--tables--table) :where(th) {
  text-align: left;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

:where(.ui--tables--table) :where(thead th) {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
  border-bottom-style: var(--tw-border-style);
  vertical-align: bottom;
  border-bottom-width: 2px;
}

:where(.ui--tables--table) :where(caption) {
  padding-block: calc(var(--spacing, .25rem) * 3);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, oklch(55.1% .027 264.364));
  caption-side: bottom;
}

:where(.ui--tables--table[data-variant="compact"]) :where(th, td) {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: var(--spacing, .25rem);
}

:where(.ui--tables--table[data-borders="all"]) :where(th, td) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
}

:where(.ui--tables--table[data-borders="none"]) :where(th, td) {
  border: 0;
}

:where(.ui--tables--table[data-striped]) :where(tbody > tr:nth-child(odd)) {
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
}

:where(.ui--tables--table[data-hover]) :where(tbody > tr:hover) {
  background-color: var(--color-gray-100, oklch(96.7% .003 264.542));
}

.ui--workspace--code-block [data-code-link] {
  text-underline-offset: 4px;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

.ui--workspace--code-block [data-code-link]:hover {
  text-decoration-style: solid;
}

.ui--workspace--code-block [data-code-link]:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-color: var(--color-indigo-500, oklch(58.5% .233 277.117));
  border-radius: .25rem;
}

.ui--workspace--code-block [data-token="comment"] {
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
  font-style: italic;
}

.ui--workspace--code-block [data-token="keyword"] {
  color: var(--color-purple-700, oklch(49.6% .265 301.924));
}

.ui--workspace--code-block [data-token="string"] {
  color: var(--color-emerald-700, oklch(50.8% .118 165.612));
}

.ui--workspace--code-block [data-token="number"] {
  color: var(--color-amber-700, oklch(55.5% .163 48.998));
}

.ui--workspace--code-block [data-token="name"] {
  color: var(--color-sky-700, oklch(50% .134 242.749));
}

.ui--workspace--code-block [data-token="operator"] {
  color: var(--color-rose-700, oklch(51.4% .222 16.935));
}

.ui--workspace--code-block [data-token="inserted"] {
  color: var(--color-emerald-700, oklch(50.8% .118 165.612));
}

.ui--workspace--code-block [data-token="deleted"] {
  color: var(--color-rose-700, oklch(51.4% .222 16.935));
}

.ui--workspace--code-block [data-token="error"] {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-red-700, oklch(50.5% .213 27.518));
}

.ui--workspace--collapsible-panel:is([data-variant="preview"], [data-variant="tabs"]) {
  flex-direction: column;
  display: flex;
}

.ui--workspace--collapsible-panel:is([data-variant="preview"], [data-variant="tabs"]) > details[open] {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ui--workspace--collapsible-panel:is([data-variant="preview"], [data-variant="tabs"]) > details[open] > summary {
  flex-shrink: 0;
}

.ui--workspace--collapsible-panel:is([data-variant="preview"], [data-variant="tabs"]) > details[open]::details-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary {
  border-color: var(--color-indigo-200, oklch(87% .065 274.039));
  background-color: #e0e7ffb3;
}

@supports (color: color-mix(in lab, red, red)) {
  .ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary {
    background-color: color-mix(in oklab, var(--color-indigo-100, oklch(93% .034 272.788)) 70%, transparent);
  }
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary {
  color: var(--color-indigo-950, oklch(25.7% .09 281.288));
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary ::marker, .ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary::marker {
  color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary ::-webkit-details-marker {
  color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary::-webkit-details-marker {
  color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

@media (hover: hover) {
  .ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary:hover {
    background-color: var(--color-indigo-100, oklch(93% .034 272.788));
  }
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > summary {
  box-shadow: inset 3px 0 0 var(--color-indigo-500);
}

.ui--workspace--collapsible-panel[data-variant="parameters"] > details > [data-pane-body] {
  background-color: #eef2ff99;
}

@supports (color: color-mix(in lab, red, red)) {
  .ui--workspace--collapsible-panel[data-variant="parameters"] > details > [data-pane-body] {
    background-color: color-mix(in oklab, var(--color-indigo-50, oklch(96.2% .018 272.314)) 60%, transparent);
  }
}

.ui--workspace--pane-view {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ui--workspace--pane-view [data-pane-managed] {
  flex: 0 0 var(--pane-height);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.ui--workspace--pane-view [data-pane-managed] > details {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.ui--workspace--pane-view [data-pane-managed] > details > summary {
  flex-shrink: 0;
}

.ui--workspace--pane-view [data-pane-managed] > details[open] {
  flex-direction: column;
  display: flex;
}

.ui--workspace--pane-view [data-pane-managed] > details[open]::details-content {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ui--workspace--pane-view [data-pane-managed] > details > [data-pane-body] {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.ui--workspace--pane-view > [data-pane-managed]:first-child > details > summary {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
}

.ui--workspace--pane-view [data-pane-sash] {
  z-index: 20;
  height: calc(var(--spacing, .25rem) * 2);
  cursor: row-resize;
  touch-action: none;
  position: absolute;
  inset-inline: 0;
  transform: translateY(-50%);
}

.ui--workspace--pane-view [data-pane-sash]:after {
  content: "";
  height: calc(var(--spacing, .25rem) * .5);
  inset-inline: 0;
  background-color: #0000;
  position: absolute;
  top: 50%;
}

.ui--workspace--pane-view [data-pane-sash]:hover:after, .ui--workspace--pane-view [data-pane-sash]:focus-visible:after {
  background-color: var(--color-indigo-500, oklch(58.5% .233 277.117));
}

.ui--workspace--pane-view [data-pane-sash]:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}

.ui--workspace--pane-view[data-resizing] {
  cursor: row-resize;
  -webkit-user-select: none;
  user-select: none;
}

.ui--workspace--pane-view[data-resizing] iframe {
  pointer-events: none;
}

.ui--workspace--resize-handle[data-variant="column"] {
  width: calc(var(--spacing, .25rem) * 2);
  cursor: col-resize;
  touch-action: none;
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  flex-shrink: 0;
  position: relative;
}

.ui--workspace--resize-handle[data-variant="column"]:after {
  background-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  content: "";
  inset-block: 0;
  width: 1px;
  position: absolute;
  left: 50%;
}

.ui--workspace--resize-handle[data-variant="default"] {
  height: calc(var(--spacing, .25rem) * 2);
  min-height: calc(var(--spacing, .25rem) * 2);
  cursor: row-resize;
  touch-action: none;
  background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
  flex-shrink: 0;
  position: relative;
}

.ui--workspace--resize-handle[data-variant="default"]:after {
  background-color: var(--color-gray-200, oklch(92.8% .006 264.531));
  content: "";
  inset-inline: 0;
  border-radius: 2px;
  width: 24px;
  height: 1px;
  position: absolute;
  top: 50%;
}

.drawer-hidden .ui--workspace--resize-handle[data-variant="default"] {
  display: none;
}

.dock-right .ui--workspace--resize-handle[data-variant="default"] {
  cursor: col-resize;
  width: 8px;
  height: auto;
}

.dock-right .ui--workspace--resize-handle[data-variant="default"]:after {
  width: 2px;
  height: 24px;
  top: calc(50% - 12px);
  left: 3px;
}

@media (width <= 850px) {
  .dock-right .ui--workspace--resize-handle[data-variant="default"] {
    cursor: row-resize;
    width: auto;
    height: 8px;
  }

  .dock-right .ui--workspace--resize-handle[data-variant="default"]:after {
    width: 24px;
    height: 2px;
    top: 3px;
    left: calc(50% - 12px);
  }
}

.ui--workspace--resize-handle:hover:after {
  background-color: var(--color-indigo-400, oklch(67.3% .182 276.935));
}

.ui--workspace--resize-handle:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: calc(2px * -1);
  outline-width: 2px;
  outline-color: var(--color-indigo-600, oklch(51.1% .262 276.966));
}

[data-resizing]:has(.ui--workspace--resize-handle) {
  -webkit-user-select: none;
  user-select: none;
}

[data-resizing]:has(.ui--workspace--resize-handle) iframe {
  pointer-events: none;
}

.ui--workspace--workspace-header > [data-part="brand"] {
  width: var(--workspace-sidebar-width, 18rem);
}

@media (width <= 600px) {
  .ui--workspace--workspace-sidebar {
    z-index: 20;
    position: absolute;
    top: 64px;
    bottom: 0;
    left: 0;
    box-shadow: 8px 0 24px #0002;
  }
}

.ui--workspace--workspace-sidebar[data-variant="persistent"] {
  z-index: auto;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  width: var(--workspace-sidebar-width, 18rem);
  padding-top: calc(var(--spacing, .25rem) * 3);
  position: static;
}

.ui--workspace--workspace-sidebar[data-variant="panes"] {
  width: var(--workspace-sidebar-width, 18rem);
}

@media (width <= 1023px) {
  .sidebar-hidden .ui--workspace--workspace-sidebar {
    display: none;
  }

  .ui--workspace--workspace-sidebar[data-variant="panes"] {
    z-index: 20;
    --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);
    width: min(18rem, 100vw - 3rem);
    position: absolute;
    top: 3.5rem;
    bottom: 0;
    left: 0;
  }
}

@media (width >= 1024px) {
  .ui--workspace--workspace-sidebar[data-variant="panes"] {
    z-index: auto;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: static;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}