/*! 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-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-border-style: solid;
  --tw-font-weight: initial;
  --tw-tracking: initial;
  --tw-ordinal: initial;
  --tw-slashed-zero: initial;
  --tw-numeric-figure: initial;
  --tw-numeric-spacing: initial;
  --tw-numeric-fraction: initial;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-color: initial;
  --tw-shadow-alpha: 100%;
  --tw-inset-shadow: 0 0 #0000;
  --tw-inset-shadow-color: initial;
  --tw-inset-shadow-alpha: 100%;
  --tw-ring-color: initial;
  --tw-ring-shadow: 0 0 #0000;
  --tw-inset-ring-color: initial;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-inset: initial;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-outline-style: solid;
  --tw-blur: initial;
  --tw-brightness: initial;
  --tw-contrast: initial;
  --tw-grayscale: initial;
  --tw-hue-rotate: initial;
  --tw-invert: initial;
  --tw-opacity: initial;
  --tw-saturate: initial;
  --tw-sepia: initial;
  --tw-drop-shadow: initial;
  --tw-drop-shadow-color: initial;
  --tw-drop-shadow-alpha: 100%;
  --tw-drop-shadow-size: initial;
  --tw-content: "";
}

: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-700: oklch(50.5% .213 27.518);
  --color-amber-50: oklch(98.7% .022 95.277);
  --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-700: oklch(50.8% .118 165.612);
  --color-sky-100: oklch(95.1% .026 236.824);
  --color-sky-700: oklch(50% .134 242.749);
  --color-indigo-50: oklch(96.2% .018 272.314);
  --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-500: oklch(60.6% .25 292.717);
  --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-900: oklch(21% .034 264.665);
  --color-zinc-100: oklch(96.7% .001 286.375);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --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);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --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-ento-100: #f3eeff;
  --color-ento-300: #ccbaff;
  --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]) .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]) .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-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-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-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]) .z-10 {
  z-index: 10;
}

: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]) .col-span-2 {
  grid-column: span 2 / span 2;
}

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

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

: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]) .mt-0 {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

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

: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]) .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]) .table {
  display: table;
}

: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-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-80 {
  height: calc(var(--spacing) * 80);
}

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

: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]) .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-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-\[16px\] {
  min-height: 16px;
}

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

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

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

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

: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-56 {
  width: calc(var(--spacing) * 56);
}

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

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

: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]) .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-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]) .min-w-0 {
  min-width: 0;
}

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

: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-\[300px\] {
  min-width: 300px;
}

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

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

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

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

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

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

: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]) .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]) .cursor-col-resize {
  cursor: col-resize;
}

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

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

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

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

:where(html[data-component-document]) .list-none {
  list-style-type: 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]) .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-center {
  align-items: center;
}

: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;
}

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

: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-\[1px\] {
  gap: 1px;
}

: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-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-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]) .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-y-0 {
  row-gap: 0;
}

: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]) .self-end {
  align-self: flex-end;
}

:where(html[data-component-document]) .self-start {
  align-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-y-auto {
  overflow-y: auto;
}

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

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

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

: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-t-md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

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

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

: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-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-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

: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-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-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-solid {
  --tw-border-style: solid;
  border-style: solid;
}

: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-transparent {
  border-color: #0000;
}

: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-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-emerald-50 {
  background-color: var(--color-emerald-50);
}

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

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

: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-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-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-zinc-100 {
  background-color: var(--color-zinc-100);
}

:where(html[data-component-document]) .object-contain {
  object-fit: contain;
}

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

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

: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]) .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-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]) .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-4 {
  padding-block: calc(var(--spacing) * 4);
}

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

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

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

: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]) .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-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-1 {
  padding-bottom: var(--spacing);
}

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

: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-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-9 {
  padding-left: calc(var(--spacing) * 9);
}

: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]) .align-middle {
  vertical-align: middle;
}

:where(html[data-component-document]) .font-mono {
  font-family: var(--font-mono);
}

: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-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]) .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

: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-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]) .break-all {
  word-break: break-all;
}

:where(html[data-component-document]) .whitespace-nowrap {
  white-space: nowrap;
}

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

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

:where(html[data-component-document]) .text-current {
  color: currentColor;
}

:where(html[data-component-document]) .text-emerald-700 {
  color: var(--color-emerald-700);
}

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

: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-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-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-white {
  color: var(--color-white);
}

:where(html[data-component-document]) .text-yellow-700 {
  color: var(--color-yellow-700);
}

:where(html[data-component-document]) .uppercase {
  text-transform: uppercase;
}

: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]) .no-underline {
  text-decoration-line: none;
}

:where(html[data-component-document]) .underline {
  text-decoration-line: underline;
}

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

: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-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-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-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-gray-200 {
  --tw-ring-color: var(--color-gray-200);
}

: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]) .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]) .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]) .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]) .peer-checked\:bg-\[var\(--ui-color-action\)\]:is(:where(.peer):checked ~ *) {
  background-color: var(--ui-color-action);
}

: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\:outline-none:is(:where(.peer):focus ~ *) {
  --tw-outline-style: none;
  outline-style: none;
}

: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]) .placeholder\:text-gray-400::placeholder {
  color: var(--color-gray-400);
}

: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\: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]) .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-\[2px\]:after {
  content: var(--tw-content);
  left: 2px;
}

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

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

: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-gray-200:after {
  content: var(--tw-content);
  border-color: var(--color-gray-200);
}

: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\:before\:content-none:first-child:before {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}

@media (hover: hover) {
  :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-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-yellow-100:hover {
    background-color: var(--color-yellow-100);
  }

  :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\: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]) .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-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-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-ento-300:focus-visible {
  outline-color: var(--color-ento-300);
}

: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\: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]) .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);
}

@media (width >= 40rem) {
  :where(html[data-component-document]) .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  :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]) .\[\&\>\: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]) .\[\&\>button\]\:w-full > button {
  width: 100%;
}

@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;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities]), :where([class*="ui--"], [class*="hub--table--"], [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-700: oklch(50.5% .213 27.518);
  --color-amber-50: oklch(98.7% .022 95.277);
  --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-700: oklch(50.8% .118 165.612);
  --color-sky-100: oklch(95.1% .026 236.824);
  --color-sky-700: oklch(50% .134 242.749);
  --color-indigo-50: oklch(96.2% .018 272.314);
  --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-500: oklch(60.6% .25 292.717);
  --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-900: oklch(21% .034 264.665);
  --color-zinc-100: oklch(96.7% .001 286.375);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --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);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --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-ento-100: #f3eeff;
  --color-ento-300: #ccbaff;
  --color-ento-900: #8353ff;
  --color-ento-950: #5924e2;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after, :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):before, :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

html:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), :host:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-decoration: underline dotted;
}

h1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), h2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), h3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), h4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), h5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), h6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-size: inherit;
  font-weight: inherit;
}

a:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), strong:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-weight: bolder;
}

code:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), kbd:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), samp:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), pre:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-size: 80%;
}

sub:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), sup:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  bottom: -.25em;
}

sup:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  top: -.5em;
}

table:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:-moz-focusring:where(:not(iframe)):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline: auto;
}

progress:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  vertical-align: baseline;
}

summary:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: list-item;
}

ol:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), ul:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), menu:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  list-style: none;
}

img:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), svg:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), video:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), canvas:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), audio:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), iframe:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), embed:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), object:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  vertical-align: middle;
  display: block;
}

img:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), video:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-width: 100%;
  height: auto;
}

button:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), input:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), select:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), optgroup:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), textarea:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup option:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline-start: 20px;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::file-selector-button {
  margin-inline-end: 4px;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::placeholder {
  opacity: 1;
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::placeholder {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}

textarea:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  resize: vertical;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit {
  display: inline-flex;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-year-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-month-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-day-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-second-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-calendar-picker-indicator {
  line-height: 1;
}

:-moz-ui-invalid:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  box-shadow: none;
}

button:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), input:where([type="button"], [type="reset"], [type="submit"]):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  appearance: button;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::file-selector-button {
  appearance: button;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-inner-spin-button {
  height: auto;
}

:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-outer-spin-button {
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: none !important;
}

.pointer-events-none:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  pointer-events: none;
}

.collapse:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  visibility: collapse;
}

.visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  visibility: visible;
}

.sr-only:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  position: absolute;
}

.fixed:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  position: fixed;
}

.relative:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  position: relative;
}

.static:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  position: static;
}

.inset-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  inset: 0;
}

.inset-x-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  inset-inline: 0;
}

.inset-y-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  inset-block: 0;
}

.inset-y-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  inset-block: auto;
}

.top-1\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  top: calc(var(--spacing) * 1.5);
}

.top-1\/2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  top: 50%;
}

.top-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  top: calc(var(--spacing) * 2);
}

.top-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  top: 100%;
}

.right-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  right: 0;
}

.right-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  right: calc(var(--spacing) * 2);
}

.right-\[16px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  right: 16px;
}

.bottom-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  bottom: calc(var(--spacing) * 6);
}

.left-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  left: 0;
}

.left-1\/2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  left: 50%;
}

.left-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  left: calc(var(--spacing) * 3);
}

.z-10:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  z-index: 10;
}

.z-40:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  z-index: 40;
}

.z-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  z-index: 50;
}

.col-span-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  grid-column: span 2 / span 2;
}

.col-span-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  grid-column: 1 / -1;
}

.m-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin: 0;
}

.my-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 2);
}

.my-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-block: calc(var(--spacing) * 3);
}

.mt-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-top: 0;
}

.mt-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 2);
}

.mt-4\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-top: calc(var(--spacing) * 4) !important;
}

.mt-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-top: auto;
}

.mr-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 2);
}

.mr-4\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-right: calc(var(--spacing) * 4) !important;
}

.mb-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-bottom: 0;
}

.mb-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 2);
}

.mb-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 4);
}

.mb-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-bottom: calc(var(--spacing) * 6);
}

.ml-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-left: var(--spacing);
}

.ml-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 2);
}

.ml-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  margin-left: calc(var(--spacing) * 3);
}

.block:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: block;
}

.contents:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: contents;
}

.flex:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: flex;
}

.grid:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: grid;
}

.hidden:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: none;
}

.inline:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: inline;
}

.inline-block:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: inline-block;
}

.inline-flex:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: inline-flex;
}

.table:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  display: table;
}

.size-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}

.size-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}

.size-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}

.size-7:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}

.size-8:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}

.size-9:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}

.size-12:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}

.size-24:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
}

.h-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: calc(var(--spacing) * 5);
}

.h-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: calc(var(--spacing) * 6);
}

.h-7:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: calc(var(--spacing) * 7);
}

.h-8:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: calc(var(--spacing) * 8);
}

.h-80:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: calc(var(--spacing) * 80);
}

.h-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  height: 100%;
}

.max-h-\[184px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-height: 184px;
}

.max-h-\[200px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-height: 200px;
}

.max-h-\[260px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-height: 260px;
}

.max-h-\[330px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-height: 330px;
}

.max-h-\[334px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-height: 334px;
}

.max-h-\[calc\(100vh-2em\)\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-height: calc(100vh - 2em);
}

.min-h-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: 0;
}

.min-h-14:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 14);
}

.min-h-24:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 24);
}

.min-h-48:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 48);
}

.min-h-56:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 56);
}

.min-h-72:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: calc(var(--spacing) * 72);
}

.min-h-\[16px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: 16px;
}

.min-h-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-height: 100%;
}

.w-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 3);
}

.w-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 5);
}

.w-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 6);
}

.w-8:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 8);
}

.w-9:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 9);
}

.w-56:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 56);
}

.w-72:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: calc(var(--spacing) * 72);
}

.w-\[242px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: 242px;
}

.w-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: auto;
}

.w-fit:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: fit-content;
}

.w-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: 100%;
}

.max-w-8:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-width: calc(var(--spacing) * 8);
}

.max-w-40:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-width: calc(var(--spacing) * 40);
}

.max-w-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-width: 100%;
}

.max-w-lg:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-width: var(--container-lg);
}

.max-w-md:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  max-width: var(--container-md);
}

.min-w-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 0;
}

.min-w-64:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: calc(var(--spacing) * 64);
}

.min-w-\[200px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 200px;
}

.min-w-\[250px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 250px;
}

.min-w-\[300px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 300px;
}

.min-w-\[350px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 350px;
}

.min-w-\[480px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 480px;
}

.min-w-\[720px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 720px;
}

.flex-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex: 1;
}

.shrink-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex-shrink: 0;
}

.flex-grow:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex-grow: 1;
}

.border-collapse:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-collapse: collapse;
}

.-translate-x-1\/2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.transform:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.cursor-col-resize:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  cursor: col-resize;
}

.cursor-default:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  cursor: default;
}

.cursor-grab:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  cursor: grab;
}

.cursor-pointer:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  cursor: pointer;
}

.\[scrollbar-width\:none\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  scrollbar-width: none;
}

.list-none:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  list-style-type: none;
}

.grid-cols-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex-direction: column;
}

.flex-row:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex-direction: row;
}

.flex-nowrap:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex-wrap: nowrap;
}

.flex-wrap:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex-wrap: wrap;
}

.items-center:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  align-items: center;
}

.items-start:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  align-items: flex-start;
}

.items-stretch:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  align-items: stretch;
}

.justify-between:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  justify-content: space-between;
}

.justify-center:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  justify-content: center;
}

.justify-start:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  justify-content: flex-start;
}

.gap-0\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * .5);
}

.gap-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: var(--spacing);
}

.gap-1\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 1.5);
}

.gap-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 2);
}

.gap-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 3);
}

.gap-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 4);
}

.gap-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 5);
}

.gap-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 6);
}

.gap-8:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: calc(var(--spacing) * 8);
}

.gap-\[1px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  gap: 1px;
}

:where(.space-y-0\.5 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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-2 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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-3 > :not(:last-child)):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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)));
}

.gap-x-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: 0;
}

.gap-x-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: var(--spacing);
}

.gap-x-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 2);
}

.gap-x-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 3);
}

.gap-x-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 4);
}

.gap-x-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 5);
}

.gap-x-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  column-gap: calc(var(--spacing) * 6);
}

.gap-y-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: 0;
}

.gap-y-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: var(--spacing);
}

.gap-y-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 2);
}

.gap-y-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 3);
}

.gap-y-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 4);
}

.gap-y-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 5);
}

.gap-y-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  row-gap: calc(var(--spacing) * 6);
}

.self-end:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  align-self: flex-end;
}

.self-start:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  align-self: flex-start;
}

.truncate:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow: auto;
}

.overflow-hidden:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow: hidden;
}

.overflow-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow: visible;
}

.overflow-x-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow-x: auto;
}

.overflow-x-hidden:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow-x: hidden;
}

.overflow-y-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow-y: auto;
}

.overflow-y-scroll:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  overflow-y: scroll;
}

.rounded:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-radius: .25rem;
}

.rounded-\[5px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-radius: 5px;
}

.rounded-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-radius: 3.40282e38px;
}

.rounded-lg:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-radius: var(--radius-lg);
}

.rounded-md:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-radius: var(--radius-md);
}

.rounded-t-md:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

.rounded-l-none:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-r-none:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-b-md:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.border-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.border-y:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}

.border-t:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-r:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.border-b:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.border-b-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

.border-l:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.border-l-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}

.border-dashed:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-border-style: dashed;
  border-style: dashed;
}

.border-solid:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-border-style: solid;
  border-style: solid;
}

.border-gray-100:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-color: var(--color-gray-100);
}

.border-gray-200:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-color: var(--color-gray-200);
}

.border-gray-300:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-color: var(--color-gray-300);
}

.border-transparent:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-color: #0000;
}

.bg-\[\#8353ff\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: #8353ff;
}

.bg-\[var\(--ui-color-action\)\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--ui-color-action);
}

.bg-\[var\(--ui-color-action-soft\)\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--ui-color-action-soft);
}

.bg-amber-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-amber-50);
}

.bg-black\/50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: #00000080;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}

.bg-emerald-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-emerald-50);
}

.bg-ento-100:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-ento-100);
}

.bg-ento-900:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-ento-900);
}

.bg-gray-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-gray-50);
}

.bg-gray-100:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-gray-100);
}

.bg-gray-200:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-gray-200);
}

.bg-gray-900:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-gray-900);
}

.bg-green-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-green-50);
}

.bg-red-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-red-50);
}

.bg-sky-100:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-sky-100);
}

.bg-slate-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-slate-50);
}

.bg-transparent:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: #0000;
}

.bg-white:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-white);
}

.bg-yellow-50:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-yellow-50);
}

.bg-zinc-100:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-zinc-100);
}

.object-contain:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  object-fit: contain;
}

.p-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: 0;
}

.p-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 2);
}

.p-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 3);
}

.p-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 4);
}

.p-4\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 4) !important;
}

.p-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 5);
}

.p-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding: calc(var(--spacing) * 6);
}

.px-0\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: 0 !important;
}

.px-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: var(--spacing);
}

.px-1\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 1.5);
}

.px-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 2);
}

.px-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 3);
}

.px-3\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 3) !important;
}

.px-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 4);
}

.px-4\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 4) !important;
}

.px-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 5);
}

.px-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-inline: calc(var(--spacing) * 6);
}

.py-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: 0;
}

.py-0\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: 0 !important;
}

.py-0\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * .5);
}

.py-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: var(--spacing);
}

.py-1\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 1.5);
}

.py-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 2);
}

.py-2\.5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 2.5);
}

.py-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 3);
}

.py-3\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 3) !important;
}

.py-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 4);
}

.py-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 6);
}

.py-12:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-block: calc(var(--spacing) * 12);
}

.pt-0\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-top: 0 !important;
}

.pt-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 2);
}

.pt-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-top: calc(var(--spacing) * 3);
}

.pr-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-right: var(--spacing);
}

.pr-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 2);
}

.pr-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 3);
}

.pr-9:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 9);
}

.pr-16:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 16);
}

.pr-44:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-right: calc(var(--spacing) * 44);
}

.pb-0\!:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-bottom: 0 !important;
}

.pb-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-bottom: var(--spacing);
}

.pb-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-bottom: calc(var(--spacing) * 4);
}

.pl-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-left: var(--spacing);
}

.pl-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 2);
}

.pl-5:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 5);
}

.pl-6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 6);
}

.pl-9:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  padding-left: calc(var(--spacing) * 9);
}

.text-center:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-align: center;
}

.text-left:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-align: left;
}

.align-middle:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  vertical-align: middle;
}

.font-mono:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-family: var(--font-mono);
}

.text-2xl:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-base:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 5);
}

.text-xl:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 5);
}

.text-xs\/6:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
}

.font-bold:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-medium:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-normal:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.font-semibold:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.tracking-wide:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

.tracking-wider:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}

.break-all:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  word-break: break-all;
}

.whitespace-nowrap:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  white-space: nowrap;
}

.text-\[var\(--ui-color-action\)\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--ui-color-action);
}

.text-amber-900:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-amber-900);
}

.text-current:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: currentColor;
}

.text-emerald-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-emerald-700);
}

.text-ento-900:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-ento-900);
}

.text-gray-400:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-gray-400);
}

.text-gray-500:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-gray-500);
}

.text-gray-600:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-gray-600);
}

.text-gray-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-gray-700);
}

.text-gray-900:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-gray-900);
}

.text-green-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-green-700);
}

.text-indigo-500:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-indigo-500);
}

.text-red-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-red-700);
}

.text-sky-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-sky-700);
}

.text-slate-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-slate-700);
}

.text-white:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-white);
}

.text-yellow-700:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-yellow-700);
}

.uppercase:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-transform: uppercase;
}

.tabular-nums:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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, );
}

.no-underline:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-decoration-line: none;
}

.underline:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  text-decoration-line: underline;
}

.accent-indigo-600:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  accent-color: var(--color-indigo-600);
}

.shadow-2xl:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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-lg:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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-xs:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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-gray-200:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-ring-color: var(--color-gray-200);
}

.outline:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *), .outline-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.-outline-offset-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-offset: calc(1px * -1);
}

.outline-gray-300:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-gray-300);
}

.filter:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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, );
}

.transition:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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));
}

.select-all:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  -webkit-user-select: all;
  user-select: all;
}

.select-none:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  -webkit-user-select: none;
  user-select: none;
}

.ring-inset:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-ring-inset: inset;
}

.peer-checked\:bg-\[var\(--ui-color-action\)\]:is(:where(.peer):checked ~ *):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--ui-color-action);
}

.peer-focus\:ring-2:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-ring-color: var(--ui-color-focus-ring);
}

.peer-focus\:outline-none:is(:where(.peer):focus ~ *):where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  --tw-outline-style: none;
  outline-style: none;
}

.marker\:text-gray-400 :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::marker, .marker\:text-gray-400:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::marker {
  color: var(--color-gray-400);
}

.marker\:text-gray-400 :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-400);
}

.marker\:text-gray-400:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-400);
}

.marker\:text-gray-500 :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::marker, .marker\:text-gray-500:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::marker {
  color: var(--color-gray-500);
}

.marker\:text-gray-500 :where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-500);
}

.marker\:text-gray-500:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::-webkit-details-marker {
  color: var(--color-gray-500);
}

.placeholder\:text-gray-400:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *)::placeholder {
  color: var(--color-gray-400);
}

.before\:px-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):before {
  content: var(--tw-content);
  padding-inline: calc(var(--spacing) * 2);
}

.before\:text-gray-400:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):before {
  content: var(--tw-content);
  color: var(--color-gray-400);
}

.before\:content-\[\'\/\'\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):before {
  --tw-content: "/";
  content: var(--tw-content);
}

.after\:absolute:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  position: absolute;
}

.after\:top-\[2px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  top: 2px;
}

.after\:left-\[2px\]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  left: 2px;
}

.after\:h-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  height: calc(var(--spacing) * 4);
}

.after\:w-4:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 4);
}

.after\:rounded-full:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-radius: 3.40282e38px;
}

.after\:border:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.after\:border-gray-200:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-color: var(--color-gray-200);
}

.after\:bg-white:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  background-color: var(--color-white);
}

.after\:transition-all:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):after {
  content: var(--tw-content);
  border-color: var(--color-white);
}

.first\:before\:content-none:first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *):before {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}

@media (hover: hover) {
  .hover\:border-gray-300:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    border-color: var(--color-gray-300);
  }

  .hover\:bg-\[\#5924e2\]:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: #5924e2;
  }

  .hover\:bg-\[var\(--ui-color-action-hover\)\]:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--ui-color-action-hover);
  }

  .hover\:bg-ento-950:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-ento-950);
  }

  .hover\:bg-gray-50:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-gray-50);
  }

  .hover\:bg-gray-100:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-gray-100);
  }

  .hover\:bg-gray-200:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-gray-200);
  }

  .hover\:bg-gray-300:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-gray-300);
  }

  .hover\:bg-green-100:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-green-100);
  }

  .hover\:bg-red-50:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-red-50);
  }

  .hover\:bg-red-100:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-red-100);
  }

  .hover\:bg-yellow-100:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    background-color: var(--color-yellow-100);
  }

  .hover\:text-gray-700:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-gray-700);
  }

  .hover\:text-gray-900:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-gray-900);
  }

  .hover\:text-green-700:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-green-700);
  }

  .hover\:text-indigo-600:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-indigo-600);
  }

  .hover\:text-inherit:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: inherit;
  }

  .hover\:text-red-700:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-red-700);
  }

  .hover\:text-white:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-white);
  }

  .hover\:text-yellow-700:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    color: var(--color-yellow-700);
  }

  .hover\:no-underline:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    text-decoration-line: none;
  }

  .hover\:shadow-md:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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);
  }
}

.focus\:outline-2:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

.focus\:outline-offset-0:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-offset: 0px;
}

.focus\:outline-\[\#ccbaff\]:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: #ccbaff;
}

.focus\:outline-\[var\(--ui-color-action\)\]:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--ui-color-action);
}

.focus\:outline-\[var\(--ui-color-focus-ring\)\]:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--ui-color-focus-ring);
}

.focus\:outline-gray-200:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-gray-200);
}

.focus\:outline-indigo-600:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-indigo-600);
}

.focus\:outline-violet-500:focus:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-violet-500);
}

.focus-visible\:outline-2:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-offset: calc(2px * -1);
}

.focus-visible\:outline-offset-1:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-offset: 1px;
}

.focus-visible\:outline-ento-300:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-ento-300);
}

.focus-visible\:outline-gray-300:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-gray-300);
}

.focus-visible\:outline-green-300:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-green-300);
}

.focus-visible\:outline-indigo-600:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-indigo-600);
}

.focus-visible\:outline-red-300:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-red-300);
}

.focus-visible\:outline-yellow-300:focus-visible:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  outline-color: var(--color-yellow-300);
}

.active\:bg-\[\#5924e2\]:active:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: #5924e2;
}

.active\:bg-\[var\(--ui-color-action-hover\)\]:active:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--ui-color-action-hover);
}

.disabled\:cursor-default:disabled:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  cursor: default;
}

.disabled\:opacity-40:disabled:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  opacity: .4;
}

.disabled\:opacity-50:disabled:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  opacity: .5;
}

.aria-pressed\:border-indigo-600[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-color: var(--color-indigo-600);
}

.aria-pressed\:bg-indigo-50[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-indigo-50);
}

.aria-pressed\:text-indigo-600[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-indigo-600);
}

.aria-pressed\:text-indigo-700[aria-pressed="true"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-indigo-700);
}

.aria-\[current\=page\]\:border-indigo-600[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  border-color: var(--color-indigo-600);
}

.aria-\[current\=page\]\:bg-indigo-50[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  background-color: var(--color-indigo-50);
}

.aria-\[current\=page\]\:font-medium[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-indigo-600);
}

.aria-\[current\=page\]\:text-indigo-700[aria-current="page"]:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  color: var(--color-indigo-700);
}

@media (width >= 40rem) {
  .sm\:col-span-1:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    grid-column: span 1 / span 1;
  }

  .sm\:grid:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    display: grid;
  }

  .sm\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    flex-direction: row;
  }

  .sm\:flex-nowrap:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    flex-wrap: nowrap;
  }

  .sm\:items-center:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    align-items: center;
  }

  .sm\:items-start:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    align-items: flex-start;
  }

  .sm\:justify-between:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    justify-content: space-between;
  }

  .sm\:gap-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 2);
  }

  .sm\:gap-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 3);
  }

  .sm\:self-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    align-self: auto;
  }

  .sm\:overflow-hidden:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    overflow: hidden;
  }
}

@media (width >= 48rem) {
  .md\:sticky:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    position: sticky;
  }

  .md\:top-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    top: 0;
  }

  .md\:ml-auto:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    margin-left: auto;
  }

  .md\:w-64:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    width: calc(var(--spacing) * 64);
  }

  .md\:grid-cols-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    flex-direction: row;
  }

  .md\:gap-2:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    gap: calc(var(--spacing) * 2);
  }

  .md\:border-r:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .md\:border-b-0:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .md\:px-10:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    padding-inline: calc(var(--spacing) * 10);
  }

  .md\:pt-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    padding-top: calc(var(--spacing) * 3);
  }
}

@media (width >= 64rem) {
  .lg\:flex-row:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    flex-direction: row;
  }

  .lg\:items-start:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    align-items: flex-start;
  }
}

@media (width >= 80rem) {
  .xl\:grid-cols-3:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.\[\&_img\]\:grayscale img:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [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, );
}

.\[\&\>\:first-child\]\:min-w-0 > :first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  min-width: 0;
}

.\[\&\>\:first-child\]\:flex-1 > :first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  flex: 1;
}

@media (width >= 64rem) {
  .lg\:\[\&\>\:first-child\]\:max-h-\[calc\(100vh-13rem\)\] > :first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    max-height: calc(100vh - 13rem);
  }

  .lg\:\[\&\>\:first-child\]\:\[scrollbar-width\:thin\] > :first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    scrollbar-width: thin;
  }

  .lg\:\[\&\>\:first-child\]\:\[scrollbar-color\:transparent_transparent\] > :first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    scrollbar-color: transparent transparent;
  }

  .lg\:\[\&\>\:first-child\]\:overflow-y-auto > :first-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    overflow-y: auto;
  }

  .lg\:\[\&\>\:first-child\:hover\]\:\[scrollbar-color\:\#d1d5db_transparent\] > :first-child:hover:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    scrollbar-color: #d1d5db transparent;
  }

  .lg\:\[\&\>\:last-child\]\:sticky > :last-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    position: sticky;
  }

  .lg\:\[\&\>\:last-child\]\:top-6 > :last-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    top: calc(var(--spacing) * 6);
  }

  .lg\:\[\&\>\:last-child\]\:w-80 > :last-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    width: calc(var(--spacing) * 80);
  }

  .lg\:\[\&\>\:last-child\]\:shrink-0 > :last-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    flex-shrink: 0;
  }
}

@media (width >= 40rem) {
  .sm\:\[\&\>\:only-child\]\:col-span-2 > :only-child:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
    grid-column: span 2 / span 2;
  }
}

.\[\&\>button\]\:w-full > button:where([class*="ui--"], [class*="hub--table--"], [data-component-utilities], :is([class*="ui--"], [class*="hub--table--"], [data-component-utilities]) *) {
  width: 100%;
}

@layer properties {
  :where([class*="ui--"], [class*="hub--"], [class*="ui--"] *, [class*="hub--"] *), :where([class*="ui--"], [class*="hub--"], [class*="ui--"] *, [class*="hub--"] *):before, :where([class*="ui--"], [class*="hub--"], [class*="ui--"] *, [class*="hub--"] *):after, :where([class*="ui--"], [class*="hub--"], [class*="ui--"] *, [class*="hub--"] *)::backdrop {
    --tw-outline-style: solid;
    --tw-border-style: solid;
    --tw-font-weight: initial;
    --tw-tracking: 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-space-y-reverse: 0;
    --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-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 a {
  color: #8353ff;
  transition: all .2s;
}

.accounts--layout a:hover {
  color: #9c76ff;
}

.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;
}

.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 .progress {
  border: 1px solid gray;
  font-weight: 500;
}

.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 penalty-container .card {
  border-radius: 1em;
}

.advisor--district-cooling--penalty [data-penalty-layout="card-container"] {
  padding-bottom: 0%;
  padding-left: 16%;
}

.advisor--district-cooling--penalty [data-penalty-layout="card"] {
  width: 16rem;
}

.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 .progress {
  border: 1px solid gray;
  font-weight: 500;
}

.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 penalty-container .card {
  border-radius: 1em;
}

.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 > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.advisor--district-heating--penalty [data-penalty-layout="card-stack"] {
  gap: 1.5rem;
  padding-bottom: 0%;
  padding-left: 5%;
  display: flex;
}

.advisor--district-heating--penalty [data-penalty-layout="wide-card"] {
  width: 22rem;
}

.advisor--district-heating--penalty [data-penalty-layout="card-body"] {
  padding: 1.5rem;
}

.advisor--district-heating--penalty [data-penalty-layout="card-container"] {
  padding-bottom: 0%;
  padding-left: 16%;
}

.advisor--district-heating--penalty [data-penalty-layout="card"] {
  width: 16rem;
}

.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--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: 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 .tw-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 penalty-container .card {
  border-radius: 1em;
}

.advisor--heat-pump--consumption .summary-container {
  padding-bottom: 0%;
  padding-left: 16%;
}

.advisor--heat-pump--consumption .summary-card {
  width: 16rem;
}

.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 penalty-container .card {
  border-radius: 1em;
}

.advisor--heat-pump--cop .summary-container {
  padding-bottom: 0%;
  padding-left: 16%;
}

.advisor--heat-pump--cop .summary-card {
  width: 16rem;
}

.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-top: 2%;
  padding-left: 20%;
}

.advisor--indoor-climate--indoor-climate [data-climate-layout="summary-card"] {
  width: 16rem;
}

.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="charts"] {
  padding-left: 4%;
}

.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-top: 2%;
  padding-left: 20%;
}

.advisor--indoor-climate--temperature-setback [data-climate-layout="summary-card"] {
  width: 16rem;
}

.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="charts"] {
  padding-left: 4%;
}

.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 .tw-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);
}

@scope (.assistant--document, .assistant--workspace, .assistant--project-files, .assistant--ask-user-form, .assistant--changeset, .assistant--plotly-figure, .assistant--project-file-preview, .assistant--analysis-event-detail, .assistant--analysis-state, .assistant--message-row, .assistant--artifacts) {
  :scope {
    --assistant-bg: #fff;
    --assistant-surface: #fff;
    --assistant-surface-muted: #f7f6fb;
    --assistant-border: #e6e4ea;
    --assistant-border-soft: #f0eef4;
    --assistant-text: #18181b;
    --assistant-text-muted: #6b7280;
    --assistant-text-subtle: #9ca3af;
    --assistant-brand: #8353ff;
    --assistant-brand-soft: #f5f3ff;
    --assistant-brand-border: #ede9fe;
    --assistant-brand-strong: #5924e2;
    --assistant-success: #10b981;
    --assistant-shadow: 0 10px 30px #18181b0f;
    --assistant-header-height: 69px;
    --assistant-page-gutter: 24px;
  }

  :scope.assistant-body {
    background: var(--assistant-bg);
    min-height: 100vh;
    color: var(--assistant-text);
    margin: 0;
    font-family: Avenir Next, Avenir, Segoe UI, Helvetica Neue, Arial, sans-serif;
    overflow: hidden auto;
  }

  .assistant-app {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
    overflow: visible;
  }

  .assistant-header {
    z-index: 100;
    background: var(--assistant-surface);
    border-bottom: 1px solid var(--assistant-border);
    position: sticky;
    top: 0;
  }

  .assistant-header__inner, .assistant-main__inner {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
  }

  .assistant-header__inner {
    width: 100%;
    margin: 0;
  }

  .assistant-main__inner {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .assistant-header__inner {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .assistant-header__primary {
    flex: auto;
    align-items: center;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  .assistant-header__workspace-controls {
    flex: auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  .assistant-brand {
    flex: none;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .assistant-brand__logo {
    width: auto;
    height: 36px;
    display: block;
  }

  .assistant-brand__eyebrow, .assistant-eyebrow, .assistant-card__eyebrow {
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    font-size: 11px;
    font-weight: 600;
  }

  .assistant-brand__title {
    color: var(--assistant-text);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1;
  }

  .assistant-header__controls {
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin-left: auto;
    display: flex;
  }

  .assistant-user-pill {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    color: var(--assistant-text-muted);
    border-radius: 999px;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
  }

  .assistant-user-pill__status {
    background: var(--assistant-success);
    border-radius: 999px;
    width: 8px;
    height: 8px;
  }

  .assistant-header-link {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    color: var(--assistant-text-muted);
    font-size: 14px;
    line-height: 1;
    font: inherit;
    cursor: pointer;
    border-radius: 999px;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    text-decoration: none;
    transition: border-color .15s, color .15s, background-color .15s;
    display: inline-flex;
  }

  .assistant-header-link:hover:not(:disabled) {
    border-color: var(--assistant-brand-border);
    color: var(--assistant-brand-strong);
    background: var(--assistant-brand-soft);
  }

  .assistant-header-link svg, .assistant-header-link i {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
  }

  .assistant-header-link i {
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
  }

  .assistant-header-link:disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  .assistant-header-link--icon {
    justify-content: center;
    min-width: 40px;
    padding-left: 11px;
    padding-right: 11px;
  }

  .assistant-header-link--button {
    border-color: var(--assistant-brand-border);
    background: var(--assistant-brand-soft);
    color: var(--assistant-brand-strong);
    font-weight: 600;
  }

  .assistant-project-selector {
    flex: 0 22rem;
    min-width: 0;
    position: relative;
  }

  .assistant-project-selector summary {
    list-style: none;
  }

  .assistant-project-selector summary::-webkit-details-marker {
    display: none;
  }

  .assistant-project-selector__summary {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    min-width: 0;
    color: var(--assistant-text);
    cursor: pointer;
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    display: flex;
  }

  .assistant-project-selector__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
  }

  .assistant-project-selector__icon {
    color: var(--assistant-text-subtle);
    font-size: 13px;
  }

  .assistant-project-selector[open] .assistant-project-selector__summary {
    border-color: var(--assistant-brand-border);
    box-shadow: 0 0 0 1px var(--assistant-brand-border);
  }

  .assistant-project-selector[open] .assistant-project-selector__icon {
    transform: rotate(180deg);
  }

  .assistant-project-selector__panel {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    width: min(28rem, 100vw - 64px);
    box-shadow: var(--assistant-shadow);
    z-index: 30;
    border-radius: 20px;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    display: flex;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
  }

  .assistant-project-selector__create {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .assistant-project-selector__input {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface-muted);
    min-width: 0;
    color: var(--assistant-text);
    font: inherit;
    border-radius: 14px;
    flex: auto;
    padding: 10px 12px;
  }

  .assistant-project-selector__create-button {
    background: var(--assistant-brand);
    color: #fff;
    width: 40px;
    height: 40px;
    font: inherit;
    cursor: pointer;
    border: 0;
    border-radius: 14px;
    flex: 0 0 40px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .assistant-project-selector__list {
    flex-direction: column;
    gap: 6px;
    max-height: 320px;
    display: flex;
    overflow-y: auto;
  }

  .assistant-project-selector__item {
    border: 1px solid var(--assistant-border);
    color: var(--assistant-text);
    border-radius: 14px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
  }

  .assistant-project-selector__item--active {
    border-color: var(--assistant-brand-border);
    background: var(--assistant-brand-soft);
    color: var(--assistant-brand-strong);
  }

  .assistant-project-selector__empty {
    color: var(--assistant-text-muted);
    padding: 10px 2px 2px;
    font-size: 13px;
    line-height: 1.5;
  }

  .assistant-main {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: visible;
  }

  .assistant-main__inner {
    box-sizing: border-box;
    flex-direction: column;
    flex: 1;
    min-height: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    overflow: visible;
  }

  .assistant-messages {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    display: flex;
  }

  .assistant-message {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    color: var(--assistant-text-muted);
    border-radius: 18px;
    padding: 12px 16px;
    font-size: 14px;
  }

  :is(:where(:scope).assistant-workspace, .assistant-workspace) {
    --assistant-board-width: 380px;
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 100%;
    display: flex;
  }

  .assistant-skills-rail {
    width: 14rem;
    min-width: 14rem;
    min-height: 0;
    margin-right: 18px;
  }

  .assistant-skills-rail__inner {
    top: calc(var(--assistant-header-height) + 24px);
    height: auto;
    min-height: 0;
    max-height: calc(100vh - var(--assistant-header-height) - 48px);
    background: #fff;
    border-radius: 18px;
    flex-direction: column;
    gap: 16px;
    padding: 14px 12px 14px 0;
    display: flex;
    position: sticky;
    overflow-y: auto;
  }

  .assistant-skills-rail__header {
    padding-bottom: 2px;
  }

  .assistant-skills-rail__title {
    color: var(--assistant-text);
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
  }

  .assistant-skills-rail__group {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .assistant-skills-rail__label {
    color: var(--assistant-text-subtle);
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
  }

  .assistant-skills-rail__list {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .assistant-skill-list-item {
    min-width: 0;
    position: relative;
  }

  .assistant-skill-list-item__button {
    width: 100%;
    min-width: 0;
    color: var(--assistant-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 8px 40px 8px 0;
    display: flex;
  }

  .assistant-skill-list-item__button:hover, .assistant-skill-list-item__edit:hover {
    background: #f4f6fa;
  }

  .assistant-skill-list-item__name {
    text-overflow: ellipsis;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
  }

  .assistant-skill-list-item__description {
    color: var(--assistant-text-muted);
    text-wrap: pretty;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 11px;
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden;
  }

  .assistant-skill-list-item__edit {
    width: 32px;
    height: 32px;
    color: var(--assistant-text-subtle);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
    position: absolute;
    top: 4px;
    right: 0;
  }

  .assistant-skills-rail__empty {
    color: var(--assistant-text-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .assistant-chat-panel {
    flex: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    padding-right: 10px;
    display: flex;
  }

  .assistant-chat-shell {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding-left: 44px;
    padding-right: 44px;
    display: flex;
  }

  .assistant-panel {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    box-shadow: var(--assistant-shadow);
    border-radius: 28px;
    flex-direction: column;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .assistant-panel--board {
    box-shadow: none;
    background: #f5f6f8;
    border-color: #eceef2;
    border-radius: 18px;
  }

  .assistant-panel--padded {
    padding: 20px;
  }

  .assistant-panel__header {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
  }

  .assistant-panel__header--compact {
    margin-bottom: 12px;
  }

  .assistant-panel__title {
    color: var(--assistant-text);
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
  }

  .assistant-panel__title--compact {
    font-size: 22px;
  }

  .assistant-panel__body {
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    display: flex;
    overflow-y: auto;
  }

  .assistant-workspace__resizer {
    cursor: col-resize;
    touch-action: none;
    flex: 0 0 12px;
    width: 12px;
    position: relative;
  }

  .assistant-workspace__resizer:before {
    content: "";
    background: #e2e5ea;
    border-radius: 999px;
    width: 2px;
    transition: background-color .15s;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%);
  }

  .assistant-workspace__resizer:hover:before {
    background: #cfd5de;
  }

  :scope.assistant-body--resizing {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
  }

  .assistant-board-grid {
    flex-direction: column;
    align-content: start;
    gap: 10px;
    display: flex;
  }

  .assistant-board-grid__item {
    min-width: 0;
  }

  .assistant-board-panel {
    width: var(--assistant-board-width);
    min-width: var(--assistant-board-width);
    max-width: var(--assistant-board-width);
    align-items: flex-start;
    min-height: 0;
    padding-left: 10px;
    display: flex;
  }

  .assistant-board-panel .assistant-panel {
    min-width: 0;
    min-height: 0;
    top: calc(var(--assistant-header-height) + 24px);
    max-height: calc(100vh - var(--assistant-header-height) - 48px);
    flex: 1;
    align-self: flex-start;
    position: sticky;
  }

  :is(:where(:scope).assistant-card--board, .assistant-card--board) {
    background: #fff;
    border: 1px solid #eceef2;
    padding: 12px 14px;
    box-shadow: 0 1px 2px #0f172a0a;
  }

  .assistant-board-card__header {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    display: flex;
  }

  .assistant-board-card__meta {
    color: var(--assistant-text-subtle);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
  }

  .assistant-agent-group {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .assistant-agent-group__header {
    padding: 0;
  }

  .assistant-agent-list {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .assistant-inline-form {
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .assistant-inline-form__input {
    border: 0;
    border-bottom: 1px solid var(--assistant-border);
    min-width: 0;
    color: var(--assistant-text);
    font: inherit;
    background: none;
    border-radius: 0;
    flex: 1;
    padding: 8px 0;
  }

  .assistant-inline-form__button {
    color: var(--assistant-brand);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 8px 0;
    font-weight: 600;
  }

  .assistant-inline-form__button--icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    display: inline-flex;
  }

  .assistant-inline-form__button--icon svg {
    width: 16px;
    height: 16px;
  }

  .assistant-project-files-form {
    display: block;
  }

  .assistant-project-dropzone {
    box-sizing: border-box;
    border: 1px dashed var(--assistant-brand-border);
    color: var(--assistant-text);
    cursor: pointer;
    background: #ffffff8f;
    border-radius: 18px;
    gap: 4px;
    padding: 14px 16px;
    transition: border-color .16s, background .16s, transform .16s, box-shadow .16s;
    display: grid;
  }

  .assistant-project-dropzone:hover, .assistant-project-dropzone--dragover {
    border-color: var(--assistant-brand);
    background: var(--assistant-brand-soft);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px #7a62ff1f;
  }

  .assistant-project-dropzone--compact {
    border-radius: 14px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    display: flex;
  }

  .assistant-project-dropzone__icon {
    width: 26px;
    height: 26px;
    color: var(--assistant-brand-strong);
    background: #7a62ff1f;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    display: inline-flex;
  }

  .assistant-project-dropzone__title {
    color: var(--assistant-text);
    font-size: 14px;
    font-weight: 600;
  }

  .assistant-project-dropzone__hint {
    color: var(--assistant-text-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .assistant-project-dropzone__input {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .assistant-project-files-count {
    margin-top: 12px;
    margin-bottom: 10px;
  }

  .assistant-project-file-list {
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    display: flex;
  }

  .assistant-project-file-row {
    box-sizing: border-box;
    border: 1px solid var(--assistant-border-soft);
    text-align: left;
    cursor: pointer;
    background: #fff;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 10px;
    display: flex;
  }

  .assistant-project-file-row__content {
    flex: auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  .assistant-project-file-row__icon {
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    font-size: 14px;
    display: inline-flex;
  }

  .assistant-project-file-row__name {
    min-width: 0;
    color: var(--assistant-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
  }

  .assistant-project-file-row:hover .assistant-project-file-row__name {
    color: var(--assistant-brand-strong);
  }

  .assistant-project-file-row__meta {
    color: var(--assistant-text-subtle);
    flex: none;
    font-size: 12px;
    line-height: 1.3;
  }

  .assistant-project-file-row__delete {
    width: 24px;
    height: 24px;
    color: var(--assistant-text-subtle);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    line-height: 1;
    display: inline-flex;
  }

  .assistant-project-file-row__delete:hover {
    color: var(--assistant-text);
    background: #0000000d;
  }

  .assistant-project-file-row__delete:focus-visible {
    outline: 2px solid var(--assistant-brand-border);
    outline-offset: 2px;
  }

  .assistant-session-link {
    color: var(--assistant-text);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 6px 0;
    text-decoration: none;
    display: block;
  }

  .assistant-session-link--new {
    border-style: dashed;
    align-items: center;
    font-weight: 600;
  }

  .assistant-session-link--active {
    color: var(--assistant-brand-strong);
  }

  .assistant-session-link__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
  }

  .assistant-session-link__meta {
    color: var(--assistant-text-subtle);
    font-size: 12px;
    line-height: 1.2;
  }

  .assistant-panel__footer {
    margin-top: auto;
  }

  :is(:where(:scope).assistant-card, .assistant-card) {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    border-radius: 20px;
    padding: 16px;
  }

  .assistant-card--brand {
    border-color: var(--assistant-brand-border);
    background: var(--assistant-brand-soft);
  }

  .assistant-card--dashed {
    border-style: dashed;
  }

  .assistant-card--muted {
    background: var(--assistant-surface-muted);
    border-color: #0000;
  }

  .assistant-card__title {
    color: var(--assistant-text);
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
  }

  .assistant-card__title--compact {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.2;
  }

  .assistant-card__title--brand {
    color: var(--assistant-brand-strong);
  }

  .assistant-card__text {
    color: var(--assistant-text-muted);
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
  }

  .assistant-card__text--compact {
    font-size: 13px;
    line-height: 1.45;
  }

  .assistant-card__text--single-line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .assistant-agent-item {
    border: 1px solid var(--assistant-border-soft);
    background: #fbfbfd;
    border-radius: 14px;
    padding: 12px 14px;
  }

  .assistant-agent-item--brand {
    border-color: var(--assistant-brand-border);
    background: var(--assistant-brand-soft);
  }

  .assistant-agent-item--muted {
    background: var(--assistant-surface-muted);
  }

  .assistant-agent-item--dashed {
    border-style: dashed;
  }

  .assistant-agent-item__top {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    display: flex;
  }

  .assistant-agent-item__title {
    color: var(--assistant-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
  }

  .assistant-agent-item__title--brand {
    color: var(--assistant-brand-strong);
  }

  .assistant-agent-item__text {
    color: var(--assistant-text-muted);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .assistant-agent-item__badge {
    background: var(--assistant-surface);
    border: 1px solid var(--assistant-border);
    color: var(--assistant-brand);
    border-radius: 999px;
    align-items: center;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
  }

  .assistant-agent-item__badge--muted {
    color: var(--assistant-text-subtle);
  }

  .assistant-status {
    color: var(--assistant-text-muted);
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 14px;
    display: flex;
  }

  .assistant-status__dot {
    background: var(--assistant-success);
    border-radius: 999px;
    width: 10px;
    height: 10px;
  }

  .assistant-icon-button {
    border: 1px solid var(--assistant-border);
    width: 36px;
    height: 36px;
    color: var(--assistant-text-subtle);
    background: none;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .assistant-icon-button svg {
    width: 18px;
    height: 18px;
  }

  .assistant-icon-button--interactive {
    cursor: pointer;
  }

  .assistant-icon-button--interactive:disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  .assistant-history-menu {
    flex: none;
    position: relative;
  }

  .assistant-history-menu summary {
    list-style: none;
    display: inline-flex;
  }

  .assistant-history-menu summary::-webkit-details-marker {
    display: none;
  }

  .assistant-history-menu__panel {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    width: min(260px, 100vw - 64px);
    box-shadow: var(--assistant-shadow);
    z-index: 20;
    border-radius: 18px;
    padding: 12px;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
  }

  .assistant-history-menu__title {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
  }

  .assistant-history-menu__list {
    flex-direction: column;
    gap: 6px;
    max-height: 320px;
    margin-top: 8px;
    display: flex;
    overflow-y: auto;
  }

  .assistant-history-menu__item {
    border: 1px solid var(--assistant-border);
    color: var(--assistant-text);
    border-radius: 12px;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    text-decoration: none;
    display: flex;
  }

  .assistant-history-menu__item--active {
    border-color: var(--assistant-brand-border);
    background: var(--assistant-brand-soft);
  }

  .assistant-history-menu__item-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
  }

  .assistant-history-menu__item-meta, .assistant-history-menu__empty {
    color: var(--assistant-text-subtle);
    font-size: 12px;
    line-height: 1.4;
  }

  .assistant-chat {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding: 8px 0 0;
    display: flex;
    overflow: visible;
  }

  .assistant-chat__inner {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: flex;
  }

  :is(:where(:scope).assistant-bubble-row, .assistant-bubble-row) {
    display: flex;
  }

  :is(:where(:scope).assistant-bubble-row--start, .assistant-bubble-row--start) {
    justify-content: flex-start;
  }

  :is(:where(:scope).assistant-bubble-row--end, .assistant-bubble-row--end) {
    justify-content: flex-end;
  }

  .assistant-bubble {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface-muted);
    border-radius: 24px;
    max-width: min(36rem, 100%);
    padding: 16px 20px 18px;
  }

  .assistant-bubble--user {
    border-color: var(--assistant-brand-border);
    background: var(--assistant-brand-soft);
    max-width: min(28rem, 100%);
  }

  .assistant-bubble--assistant {
    background: none;
    border: 0;
    border-radius: 0;
    width: 100%;
    max-width: none;
    padding: 6px 0 2px;
  }

  .assistant-bubble--user-shape {
    border-bottom-right-radius: 10px;
  }

  .assistant-bubble__label {
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 600;
  }

  .assistant-bubble__label--brand {
    color: var(--assistant-brand);
  }

  .assistant-bubble__text {
    color: #3f3f46;
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
  }

  .assistant-bubble__text > * {
    margin: 0;
  }

  .assistant-bubble__text > * + * {
    margin-top: 16px;
  }

  .assistant-bubble__text * + h1, .assistant-bubble__text * + h2, .assistant-bubble__text * + h3, .assistant-bubble__text * + h4 {
    margin-top: 24px;
  }

  .assistant-bubble__text h1 + *, .assistant-bubble__text h2 + *, .assistant-bubble__text h3 + *, .assistant-bubble__text h4 + * {
    margin-top: 12px;
  }

  .assistant-bubble__text h1, .assistant-bubble__text h2, .assistant-bubble__text h3, .assistant-bubble__text h4 {
    color: #27272a;
    font-weight: 600;
    line-height: 1.5;
  }

  .assistant-bubble__text h1 {
    font-size: 20px;
  }

  .assistant-bubble__text h2 {
    font-size: 18px;
  }

  .assistant-bubble__text h3 {
    font-size: 16px;
  }

  .assistant-bubble__text h4 {
    font-size: 15px;
  }

  .assistant-bubble__text strong {
    color: #27272a;
  }

  .assistant-bubble__text a {
    color: var(--assistant-brand-strong);
    align-items: center;
    gap: .2em;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .assistant-bubble__text a {
      color: color-mix(in srgb, var(--assistant-brand-strong) 60%, currentColor);
    }
  }

  .assistant-bubble__text a {
    text-decoration: none;
    transition: color .15s;
  }

  .assistant-bubble__text a:hover {
    color: var(--assistant-brand-strong);
  }

  .assistant-bubble__text a .assistant-ext-link-icon {
    opacity: .5;
    flex-shrink: 0;
    align-items: center;
    line-height: 1;
    display: inline-flex;
  }

  .assistant-bubble__text a:hover .assistant-ext-link-icon {
    opacity: .8;
  }

  .assistant-bubble__text a .assistant-ext-link-icon svg {
    stroke: currentColor;
    fill: none;
    width: .8em;
    height: .8em;
    display: block;
  }

  .assistant-bubble__text ul, .assistant-bubble__text ol {
    padding-left: 20px;
  }

  .assistant-bubble__text p + ul, .assistant-bubble__text p + ol, .assistant-bubble__text ul + p, .assistant-bubble__text ol + p {
    margin-top: 14px;
  }

  .assistant-bubble__text li + li {
    margin-top: 8px;
  }

  .assistant-bubble__text li > ul, .assistant-bubble__text li > ol {
    margin-top: 6px;
  }

  .assistant-bubble__text hr {
    border: 0;
    border-top: 1px solid var(--assistant-border);
    margin: 14px 0;
  }

  .assistant-bubble__text blockquote {
    color: #4c1d95;
    background: #faf8ff;
    border-left: 3px solid #c4b5fd;
    border-radius: 10px;
    margin: 0;
    padding: 12px 14px;
  }

  .assistant-bubble__text table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--assistant-border);
    background: #fff;
    border-radius: 12px;
    width: 100%;
    font-size: 13px;
    line-height: 1.45;
    overflow: hidden;
  }

  .assistant-bubble__text table + p, .assistant-bubble__text p + table {
    margin-top: 16px;
  }

  .assistant-bubble__text th, .assistant-bubble__text td {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--assistant-border-soft);
    padding: 9px 12px;
  }

  .assistant-bubble__text th {
    color: #27272a;
    background: #fafafa;
    font-weight: 600;
  }

  .assistant-bubble__text tr:last-child td {
    border-bottom: 0;
  }

  .assistant-bubble__text code {
    background: #18181b12;
    border-radius: 6px;
    padding: 0 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: .92em;
  }

  .assistant-bubble__text pre {
    border: 1px solid var(--assistant-border-soft);
    background: #f8f8fb;
    border-radius: 12px;
    padding: 14px 16px;
    overflow-x: auto;
  }

  .assistant-bubble__text pre + p, .assistant-bubble__text p + pre, .assistant-bubble__text blockquote + p, .assistant-bubble__text p + blockquote {
    margin-top: 16px;
  }

  .assistant-bubble__text pre code {
    background: none;
    padding: 0;
  }

  :is(:where(:scope).assistant-artifacts, .assistant-artifacts) {
    flex-direction: column;
    gap: 14px;
    margin-top: 18px;
    display: flex;
  }

  :is(:where(:scope).assistant-ask-user, .assistant-ask-user) {
    border: 1px solid var(--assistant-border);
    box-sizing: border-box;
    background: #fff;
    border-radius: 18px;
    width: min(100%, 44rem);
    max-width: 100%;
    padding: 16px;
    overflow: hidden;
  }

  :is(:where(:scope).assistant-ask-user--completed, .assistant-ask-user--completed) {
    background: #fcfcff;
  }

  .assistant-ask-user__header {
    flex-direction: column;
    gap: 6px;
    display: flex;
  }

  .assistant-ask-user__eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
  }

  .assistant-ask-user__question {
    color: #27272a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
  }

  .assistant-ask-user__form {
    flex-direction: column;
    gap: 14px;
    width: 100%;
    min-width: 0;
    margin-top: 14px;
    display: flex;
  }

  .assistant-ask-user__field {
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .assistant-ask-user__label {
    color: #27272a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
  }

  .assistant-ask-user__required {
    color: #dc2626;
  }

  .assistant-ask-user__help {
    color: var(--assistant-text-subtle);
    font-size: 12px;
    line-height: 1.45;
  }

  .assistant-ask-user__control {
    border: 1px solid var(--assistant-border);
    color: #27272a;
    width: 100%;
    min-width: 0;
    font: inherit;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    padding: 10px 12px;
  }

  .assistant-ask-user__control--textarea {
    resize: vertical;
  }

  .assistant-ask-user__control:focus {
    border-color: #c4b5fd;
    outline: none;
    box-shadow: 0 0 0 3px #c4b5fd33;
  }

  .assistant-ask-user__error {
    color: #dc2626;
    font-size: 12px;
    line-height: 1.4;
  }

  .assistant-ask-user__actions {
    justify-content: flex-end;
    display: flex;
  }

  .assistant-ask-user__submit {
    background: var(--assistant-brand);
    color: #fff;
    min-height: 38px;
    font: inherit;
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    font-weight: 600;
    display: inline-flex;
  }

  .assistant-ask-user__summary {
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
    display: flex;
  }

  .assistant-ask-user__summary-row {
    grid-template-columns: minmax(0, 140px) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    display: grid;
  }

  .assistant-ask-user__summary-label {
    color: var(--assistant-text-subtle);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
  }

  .assistant-ask-user__summary-value {
    color: #3f3f46;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.5;
  }

  :is(:where(:scope).assistant-plotly-figure, .assistant-plotly-figure) {
    border: 1px solid var(--assistant-border);
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
  }

  .assistant-plotly-figure__title {
    border-bottom: 1px solid var(--assistant-border-soft);
    color: #52525b;
    background: #fafafa;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
  }

  .assistant-plotly-figure__canvas {
    min-height: 420px;
  }

  .assistant-plotly-figure__canvas .js-plotly-plot, .assistant-plotly-figure__canvas .plot-container {
    width: 100%;
  }

  .assistant-plotly-figure__error {
    color: #a1a1aa;
    justify-content: center;
    align-items: center;
    min-height: 420px;
    padding: 24px;
    font-size: 14px;
    display: flex;
  }

  :is(:where(:scope).assistant-project-file-preview, .assistant-project-file-preview) {
    border: 1px solid var(--assistant-border);
    background: #fff;
    border-radius: 18px;
    width: min(100%, 44rem);
    max-width: 100%;
    overflow: hidden;
  }

  .assistant-project-file-preview__header {
    border-bottom: 1px solid var(--assistant-border-soft);
    background: linear-gradient(#fcfcff 0%, #fafafa 100%);
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 16px 12px;
    display: flex;
  }

  .assistant-project-file-preview__eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
  }

  .assistant-project-file-preview__title {
    color: #27272a;
    overflow-wrap: anywhere;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
  }

  .assistant-project-file-preview__link {
    border: 1px solid var(--assistant-border);
    color: #3f3f46;
    background: #fff;
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .assistant-project-file-preview__link:hover {
    color: #18181b;
    border-color: #d4d4d8;
    text-decoration: none;
  }

  .assistant-project-file-preview__media {
    background: #f4f4f5;
  }

  .assistant-project-file-preview__media--image {
    padding: 14px;
  }

  .assistant-project-file-preview__image {
    object-fit: contain;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-height: 420px;
    display: block;
  }

  .assistant-project-file-preview__media--pdf {
    padding: 16px;
  }

  .assistant-project-file-preview__pdf-toolbar {
    border-bottom: 1px solid var(--assistant-border-soft);
    background: #fcfcff;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    display: flex;
  }

  .assistant-project-file-preview__pdf-button {
    border: 1px solid var(--assistant-border);
    color: #3f3f46;
    min-width: 88px;
    min-height: 34px;
    font: inherit;
    cursor: pointer;
    background: #fff;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
  }

  .assistant-project-file-preview__pdf-button:hover:not(:disabled) {
    color: #18181b;
    border-color: #d4d4d8;
  }

  .assistant-project-file-preview__pdf-button:disabled {
    opacity: .45;
    cursor: default;
  }

  .assistant-project-file-preview__pdf-page-label {
    text-align: center;
    color: #52525b;
    flex: auto;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
  }

  .assistant-project-file-preview__pdf-canvas {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
    display: block;
    box-shadow: 0 12px 30px #18181b14;
  }

  .assistant-project-file-preview__pdf-state, .assistant-project-file-preview__empty, .assistant-project-file-preview__caption {
    color: #71717a;
    padding: 12px 16px 16px;
    font-size: 12px;
    line-height: 1.5;
  }

  .assistant-project-file-preview__empty {
    padding-top: 14px;
  }

  .assistant-project-file-preview__media--pdf + .assistant-project-file-preview__caption, .assistant-project-file-preview__media--image + .assistant-project-file-preview__caption {
    padding-top: 0;
  }

  :is(:where(:scope).assistant-project-file-preview--missing, .assistant-project-file-preview--missing) {
    border-style: dashed;
  }

  :is(:where(:scope).assistant-changeset, .assistant-changeset) {
    box-sizing: border-box;
    background: linear-gradient(#fff 0%, #f8fbfd 100%);
    border: 1px solid #d9e2ec;
    border-radius: 22px;
    flex-direction: column;
    gap: 16px;
    width: min(100%, 48rem);
    max-width: 100%;
    padding: 18px;
    display: flex;
    box-shadow: 0 16px 36px #0f172a0f;
  }

  .assistant-changeset__header {
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  .assistant-changeset__eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #7b8794;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
  }

  .assistant-changeset__title {
    color: #1f2933;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
  }

  .assistant-changeset__status {
    border: 1px solid #0000;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
  }

  .assistant-changeset__status--prepared {
    color: #9a6700;
    background: #fff3d6;
    border-color: #f7d58b;
  }

  .assistant-changeset__status--confirmed {
    color: #0b69a3;
    background: #dff2ff;
    border-color: #9fd4f6;
  }

  .assistant-changeset__status--applying {
    color: #3659b3;
    background: #e7efff;
    border-color: #bfd1ff;
  }

  .assistant-changeset__status--applied {
    color: #17603a;
    background: #ddf7e8;
    border-color: #9fd5b3;
  }

  .assistant-changeset__status--cancelled {
    color: #4b5563;
    background: #f3f4f6;
    border-color: #d1d5db;
  }

  .assistant-changeset__changes {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .assistant-changeset__change {
    background: #ffffffd1;
    border: 1px solid #dbe5ef;
    border-radius: 16px;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    display: flex;
  }

  .assistant-changeset__change-top {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .assistant-changeset__change-title {
    color: #243b53;
    font-size: 13px;
    font-weight: 700;
  }

  .assistant-changeset__client-ref, .assistant-changeset__change-index, .assistant-changeset__state-label, .assistant-changeset__note {
    color: #7b8794;
    font-size: 12px;
  }

  .assistant-changeset__state {
    flex-direction: column;
    gap: 6px;
    display: flex;
  }

  .assistant-changeset__field-list, .assistant-changeset__facts {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .assistant-changeset__field-row, .assistant-changeset__fact {
    border-top: 1px solid #e7edf3;
    grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 10px 0;
    display: grid;
  }

  .assistant-changeset__field-row:first-child, .assistant-changeset__fact:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .assistant-changeset__field-row:last-child, .assistant-changeset__fact:last-child {
    padding-bottom: 0;
  }

  .assistant-changeset__field-name, .assistant-changeset__fact-label {
    color: #52606d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
  }

  .assistant-changeset__field-value, .assistant-changeset__fact-value, .assistant-changeset__field-diff {
    color: #243b53;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.55;
  }

  .assistant-changeset__field-diff {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .assistant-changeset__field-before {
    color: #7b8794;
    text-decoration: line-through;
  }

  .assistant-changeset__field-arrow {
    color: #9fb3c8;
  }

  .assistant-changeset__field-after {
    color: #17603a;
    font-weight: 600;
  }

  .assistant-changeset__actions {
    justify-content: flex-end;
    gap: 10px;
    display: flex;
  }

  .assistant-changeset__cancel, .assistant-changeset__confirm {
    color: #fff;
    min-height: 38px;
    font: inherit;
    cursor: pointer;
    background: linear-gradient(#1f8f87 0%, #19766f 100%);
    border: 0;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-weight: 600;
    display: inline-flex;
    box-shadow: 0 10px 20px #19766f38;
  }

  .assistant-changeset__cancel {
    box-shadow: none;
    color: #52606d;
    background: #fff;
    border: 1px solid #d0d7de;
  }

  .assistant-changeset__cancel:hover {
    background: #f8fafc;
  }

  .assistant-changeset__confirm:hover {
    background: linear-gradient(#238f87 0%, #146861 100%);
  }

  :is(:where(:scope).assistant-analysis, .assistant-analysis) {
    margin: 0 0 10px;
  }

  :is(:where(:scope).assistant-analysis, .assistant-analysis) details {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 8px 10px;
  }

  :is(:where(:scope).assistant-analysis, .assistant-analysis) summary {
    cursor: pointer;
    color: #9ca3af;
    -webkit-user-select: none;
    user-select: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
  }

  .assistant-analysis__body {
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
    display: flex;
  }

  :is(:where(:scope).assistant-analysis--running, .assistant-analysis--running) .assistant-analysis__body {
    scrollbar-gutter: stable;
    max-height: 8.5em;
    overflow: hidden auto;
  }

  .assistant-analysis__hint {
    color: #9ca3af;
    font-size: 12px;
    line-height: 1.45;
  }

  .assistant-analysis__section {
    min-width: 0;
  }

  .assistant-analysis__section-title {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #9ca3af;
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 1.3;
  }

  .assistant-analysis__events {
    margin: 0;
    padding-left: 18px;
  }

  .assistant-analysis__event {
    color: #9ca3af;
    margin: 0 0 8px;
  }

  .assistant-analysis__event-title {
    font-size: 12px;
    line-height: 1.45;
  }

  .assistant-analysis__json {
    white-space: pre-wrap;
    word-break: break-word;
    color: #9ca3af;
    background: none;
    border: 0;
    max-height: none;
    margin: 8px 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.45;
    overflow: visible;
  }

  :is(:where(:scope).assistant-analysis--running, .assistant-analysis--running) details {
    border-style: dashed;
  }

  .assistant-typing-dots {
    margin-left: 2px;
    display: inline-flex;
  }

  .assistant-typing-dots span {
    text-align: center;
    opacity: .35;
    width: .45em;
    animation: 1.3s ease-in-out infinite assistant-dot-pulse;
    display: inline-block;
  }

  .assistant-typing-dots span:nth-child(2) {
    animation-delay: .2s;
  }

  .assistant-typing-dots span:nth-child(3) {
    animation-delay: .4s;
  }

  @keyframes assistant-dot-pulse {
    0%, 80%, to {
      opacity: .25;
      transform: translateY(0);
    }

    40% {
      opacity: 1;
      transform: translateY(-1px);
    }
  }

  .assistant-composer {
    background: none;
    border-top: 0;
    min-width: 0;
    padding: 16px 0 0;
  }

  .assistant-composer__inner {
    max-width: 100%;
    margin: 0;
  }

  .assistant-composer__shell {
    border: 1px solid var(--assistant-border);
    box-shadow: none;
    background: #fff;
    border-radius: 18px;
    padding: 10px 14px 8px;
  }

  .assistant-composer__row {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .assistant-composer__field {
    flex: 1;
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .assistant-composer__label {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .assistant-composer__textarea {
    resize: none;
    color: #27272a;
    background: none;
    border: 0;
    outline: none;
    width: 100%;
    min-height: 44px;
    max-height: 140px;
    padding: 10px 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
  }

  .assistant-composer__textarea::placeholder {
    color: #71717a;
  }

  .assistant-composer__button {
    border: 0;
    border-radius: 999px;
    flex: 0 0 40px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: inline-flex;
  }

  .assistant-composer__button--secondary {
    background: var(--assistant-surface);
    color: var(--assistant-text-subtle);
    box-shadow: inset 0 0 0 1px var(--assistant-border);
  }

  .assistant-composer__button--primary {
    background: var(--assistant-brand);
    color: #fff;
  }

  .assistant-skills-modal {
    z-index: 60;
    display: none;
    position: fixed;
    inset: 0;
  }

  .assistant-skills-modal:target, .assistant-skills-modal--open {
    display: block;
  }

  .assistant-skills-modal__backdrop {
    backdrop-filter: blur(4px);
    background: #18181b80;
    position: absolute;
    inset: 0;
  }

  .assistant-skills-modal__dialog {
    z-index: 1;
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    border-radius: 24px;
    flex-direction: column;
    width: min(1100px, 100vw - 48px);
    max-height: calc(100vh - 48px);
    margin: 24px auto;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px #18181b2e;
  }

  .assistant-skills-modal__header {
    border-bottom: 1px solid var(--assistant-border);
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 24px;
    display: flex;
  }

  .assistant-skills-modal__title {
    color: var(--assistant-text);
    margin: 6px 0 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
  }

  .assistant-skills-modal__body {
    flex: 1;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    min-height: 0;
    display: grid;
  }

  .assistant-skills-modal__sidebar {
    border-right: 1px solid var(--assistant-border);
    background: var(--assistant-surface-muted);
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 20px;
    display: flex;
    overflow: hidden;
  }

  .assistant-skills-modal__sidebar-header {
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  .assistant-skills-modal__sidebar-title {
    color: var(--assistant-text);
    margin-top: 6px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
  }

  .assistant-skills-modal__sidebar-note, .assistant-skills-editor__intro, .assistant-skill-form__help {
    color: var(--assistant-text-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  .assistant-skills-list {
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    display: flex;
    overflow-y: auto;
  }

  .assistant-skills-list__item {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    color: inherit;
    border-radius: 18px;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    text-decoration: none;
    display: flex;
  }

  .assistant-skills-list__item:hover, .assistant-skills-list__item--active {
    border-color: var(--assistant-brand-border);
    box-shadow: 0 0 0 1px var(--assistant-brand-border);
  }

  .assistant-skills-list__title-row {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .assistant-skills-list__title {
    color: var(--assistant-text);
    font-size: 14px;
    font-weight: 600;
  }

  .assistant-skills-list__version, .assistant-skills-list__meta {
    color: var(--assistant-text-subtle);
    font-size: 12px;
  }

  .assistant-skills-list__description {
    color: var(--assistant-text-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .assistant-skills-modal__content {
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    padding: 24px;
    display: flex;
    overflow-y: auto;
  }

  .assistant-skills-editor__header {
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    display: flex;
  }

  .assistant-skills-editor__title {
    color: var(--assistant-text);
    margin: 6px 0 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
  }

  .assistant-skills-editor__scope {
    background: var(--assistant-brand-soft);
    color: var(--assistant-brand-strong);
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
  }

  .assistant-skill-form {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  .assistant-skill-form__grid, .assistant-skill-form__scope-grid {
    gap: 16px;
    display: grid;
  }

  .assistant-skill-form__grid {
    grid-template-columns: minmax(0, 1fr) 10rem;
  }

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

  .assistant-skill-form__field {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  .assistant-skill-form__field-header {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
    position: relative;
  }

  .assistant-skill-form__field-header > label {
    margin: 0;
  }

  .assistant-skill-form__field label {
    color: var(--assistant-text);
    font-size: 13px;
    font-weight: 600;
  }

  .assistant-skill-form__input, .assistant-skill-form__select, .assistant-skill-form__textarea {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    width: 100%;
    color: var(--assistant-text);
    font: inherit;
    box-sizing: border-box;
    border-radius: 14px;
    padding: 12px 14px;
  }

  .assistant-skill-form__textarea {
    resize: vertical;
    min-height: 280px;
  }

  .assistant-skill-form__input:focus, .assistant-skill-form__select:focus, .assistant-skill-form__textarea:focus {
    border-color: var(--assistant-brand);
    outline: none;
    box-shadow: 0 0 0 3px #8353ff1f;
  }

  .assistant-skill-form__error {
    color: #dc2626;
    font-size: 12px;
  }

  .assistant-skills-editor__actions {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .assistant-skills-editor__actions .assistant-composer__button--primary {
    width: auto;
    min-width: 140px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }

  .assistant-skill-form__link-button {
    background: var(--assistant-surface);
    min-height: 40px;
    color: var(--assistant-text-subtle);
    box-shadow: inset 0 0 0 1px var(--assistant-border);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
  }

  .assistant-skill-form__link-button--submit {
    cursor: pointer;
    border: 0;
    align-self: flex-start;
  }

  .assistant-skill-tools-menu {
    flex: none;
    position: relative;
  }

  .assistant-skill-tools-menu summary {
    list-style: none;
  }

  .assistant-skill-tools-menu summary::-webkit-details-marker {
    display: none;
  }

  .assistant-skill-tools-menu__summary {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    min-height: 36px;
    color: var(--assistant-text-subtle);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 999px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
  }

  .assistant-skill-tools-menu__summary svg {
    width: 16px;
    height: 16px;
  }

  .assistant-skill-tools-menu__panel {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface);
    width: min(560px, 100vw - 96px);
    max-height: min(70vh, 640px);
    box-shadow: var(--assistant-shadow);
    z-index: 30;
    border-radius: 18px;
    padding: 14px;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    overflow-y: auto;
  }

  .assistant-skill-tools-menu__section {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .assistant-skill-tools-menu__section + .assistant-skill-tools-menu__section {
    border-top: 1px solid var(--assistant-border-soft);
    margin-top: 16px;
    padding-top: 16px;
  }

  .assistant-skill-tools-menu__title {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    font-size: 12px;
    font-weight: 600;
  }

  .assistant-tool-groups {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  .assistant-tool-group {
    border: 1px solid var(--assistant-border);
    background: var(--assistant-surface-muted);
    border-radius: 18px;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    display: flex;
  }

  .assistant-tool-group--informational {
    background: var(--assistant-surface);
  }

  .assistant-tool-group__title {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--assistant-text-subtle);
    font-size: 12px;
    font-weight: 600;
  }

  .assistant-tool-group__items {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .assistant-tool-option {
    cursor: pointer;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    display: grid;
  }

  .assistant-tool-option--static {
    cursor: default;
    display: block;
  }

  .assistant-tool-option input[type="checkbox"] {
    margin: 2px 0 0;
  }

  .assistant-tool-option__content {
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  .assistant-tool-option__name {
    color: var(--assistant-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
  }

  .assistant-tool-option__description {
    color: var(--assistant-text-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .assistant-composer__button:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  .assistant-composer__meta {
    color: #a1a1aa;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    padding: 0 4px;
    font-size: 12px;
    display: flex;
  }

  @media (width <= 1100px) {
    .assistant-header__inner, .assistant-main__inner {
      padding-left: 16px;
      padding-right: 16px;
    }

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

    .assistant-header__primary {
      width: 100%;
    }

    .assistant-header__workspace-controls {
      flex-wrap: wrap;
      width: 100%;
    }

    .assistant-project-selector {
      flex-basis: min(100%, 24rem);
    }

    .assistant-header__controls {
      justify-content: flex-end;
      width: 100%;
    }

    .assistant-skills-modal__dialog {
      width: calc(100vw - 32px);
      max-height: calc(100vh - 32px);
      margin: 16px auto;
    }

    .assistant-skills-modal__body {
      grid-template-columns: 1fr;
    }

    .assistant-skills-modal__sidebar {
      border-right: 0;
      border-bottom: 1px solid var(--assistant-border);
      max-height: 240px;
    }

    .assistant-skill-form__scope-grid {
      grid-template-columns: 1fr;
    }

    .assistant-skill-tools-menu__panel {
      width: min(520px, 100vw - 64px);
    }

    :is(:where(:scope).assistant-workspace, .assistant-workspace) {
      flex-direction: column;
      gap: 14px;
    }

    .assistant-workspace__resizer {
      display: none;
    }

    .assistant-skills-rail {
      width: 100%;
      min-width: 0;
      margin-right: 0;
    }

    .assistant-skills-rail__inner {
      max-height: 220px;
      position: static;
    }

    .assistant-chat-panel, .assistant-board-panel {
      width: 100%;
      min-width: 0;
      max-width: none;
      padding-left: 0;
      padding-right: 0;
    }

    .assistant-board-panel .assistant-panel {
      max-height: none;
      position: static;
    }
  }

  @media (width <= 720px) {
    .assistant-header__primary {
      flex-direction: column;
      align-items: stretch;
    }

    .assistant-header__workspace-controls {
      gap: 10px;
    }

    .assistant-project-selector {
      flex: auto;
    }

    .assistant-project-selector__panel {
      width: min(100vw - 32px, 100%);
    }

    .assistant-project-file-row__meta {
      display: none;
    }

    .assistant-skill-list-item__edit {
      flex-basis: 28px;
      width: 28px;
      height: 28px;
    }

    :is(:where(:scope).assistant-ask-user, .assistant-ask-user) {
      width: 100%;
      padding: 14px;
    }

    :is(:where(:scope).assistant-changeset, .assistant-changeset) {
      padding: 14px;
    }

    .assistant-changeset__field-row, .assistant-changeset__fact, .assistant-ask-user__summary-row {
      grid-template-columns: 1fr;
      gap: 4px;
    }

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

    .assistant-chat, .assistant-composer {
      padding-left: 0;
      padding-right: 0;
    }

    .assistant-skills-modal__header, .assistant-skills-modal__content, .assistant-skills-modal__sidebar {
      padding: 16px;
    }

    .assistant-skills-editor__header, .assistant-skills-editor__actions, .assistant-skill-form__grid {
      flex-direction: column;
      grid-template-columns: 1fr;
      align-items: stretch;
    }

    .assistant-skill-form__field-header {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    .assistant-skill-tools-menu {
      width: 100%;
    }

    .assistant-skill-tools-menu__summary {
      justify-content: center;
      width: 100%;
    }

    .assistant-skill-tools-menu__panel {
      width: min(100%, 100vw - 32px);
      left: 0;
      right: auto;
    }

    .assistant-skills-modal__dialog {
      border-radius: 20px;
      width: calc(100vw - 16px);
      max-height: calc(100vh - 16px);
      margin: 8px auto;
    }
  }
}

.base--documents--legacy #support-link {
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.base--documents--legacy-navbar {
  border-bottom: 1px solid #e4e4e4;
  height: 75px;
}

.base--documents--legacy-navbar [data-part="organizations"] {
  z-index: 10000;
}

.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 .breadcrumb-item {
  font-size: 14px;
}

.base--documents--legacy-styles .breadcrumb-item > a {
  color: #333;
  font-weight: 500;
}

.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 [data-toggle="collapse"] .fas:before {
  content: "";
}

.base--documents--legacy-styles [data-toggle="collapse"].collapsed .fas:before {
  content: "";
}

.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.progress-bar {
  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-diff.code-block {
  resize: both;
  border: 1px solid #eee;
  margin: 0;
  padding: 1em;
  overflow: auto;
}

.base--presentation--revision-diff pre {
  line-height: 125%;
}

.base--presentation--revision-diff .highlight {
  color: #d0d0d0;
  background: #202020;
}

.base--presentation--revision-diff .hll {
  background-color: #404040;
}

.base--presentation--revision-diff .c, .base--presentation--revision-diff .ch, .base--presentation--revision-diff .cm, .base--presentation--revision-diff .cpf, .base--presentation--revision-diff .c1 {
  color: #ababab;
  font-style: italic;
}

.base--presentation--revision-diff .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.base--presentation--revision-diff .esc, .base--presentation--revision-diff .g, .base--presentation--revision-diff .l, .base--presentation--revision-diff .n, .base--presentation--revision-diff .o, .base--presentation--revision-diff .x, .base--presentation--revision-diff .p, .base--presentation--revision-diff .ld, .base--presentation--revision-diff .ni, .base--presentation--revision-diff .nl, .base--presentation--revision-diff .nx, .base--presentation--revision-diff .py, .base--presentation--revision-diff .pm {
  color: #d0d0d0;
}

.base--presentation--revision-diff .k, .base--presentation--revision-diff .kc, .base--presentation--revision-diff .kd, .base--presentation--revision-diff .kn, .base--presentation--revision-diff .kr, .base--presentation--revision-diff .kt, .base--presentation--revision-diff .nt, .base--presentation--revision-diff .ow {
  color: #6ebf26;
  font-weight: 700;
}

.base--presentation--revision-diff .kp {
  color: #6ebf26;
}

.base--presentation--revision-diff .cp {
  color: #ff3a3a;
  font-weight: 700;
}

.base--presentation--revision-diff .cs {
  color: #e50808;
  background-color: #520000;
  font-weight: 700;
}

.base--presentation--revision-diff .gd, .base--presentation--revision-diff .gr, .base--presentation--revision-diff .gt {
  color: #ff3a3a;
}

.base--presentation--revision-diff .ge {
  color: #d0d0d0;
  font-style: italic;
}

.base--presentation--revision-diff .ges {
  color: #d0d0d0;
  font-style: italic;
  font-weight: 700;
}

.base--presentation--revision-diff .gh {
  color: #fff;
  font-weight: 700;
}

.base--presentation--revision-diff .gi {
  color: #589819;
}

.base--presentation--revision-diff .go {
  color: #ccc;
}

.base--presentation--revision-diff .gp {
  color: #aaa;
}

.base--presentation--revision-diff .gs {
  color: #d0d0d0;
  font-weight: 700;
}

.base--presentation--revision-diff .gu {
  color: #fff;
  text-decoration: underline;
}

.base--presentation--revision-diff .m, .base--presentation--revision-diff .mb, .base--presentation--revision-diff .mf, .base--presentation--revision-diff .mh, .base--presentation--revision-diff .mi, .base--presentation--revision-diff .mo, .base--presentation--revision-diff .il {
  color: #51b2fd;
}

.base--presentation--revision-diff .s, .base--presentation--revision-diff .sa, .base--presentation--revision-diff .sb, .base--presentation--revision-diff .sc, .base--presentation--revision-diff .dl, .base--presentation--revision-diff .sd, .base--presentation--revision-diff .s2, .base--presentation--revision-diff .se, .base--presentation--revision-diff .sh, .base--presentation--revision-diff .si, .base--presentation--revision-diff .sr, .base--presentation--revision-diff .s1, .base--presentation--revision-diff .ss {
  color: #ed9d13;
}

.base--presentation--revision-diff .na, .base--presentation--revision-diff .ne {
  color: #bbb;
}

.base--presentation--revision-diff .nb, .base--presentation--revision-diff .bp {
  color: #2fbccd;
}

.base--presentation--revision-diff .nc, .base--presentation--revision-diff .nn {
  color: #71adff;
  text-decoration: underline;
}

.base--presentation--revision-diff .no, .base--presentation--revision-diff .nv, .base--presentation--revision-diff .vc, .base--presentation--revision-diff .vg, .base--presentation--revision-diff .vi, .base--presentation--revision-diff .vm {
  color: #40ffff;
}

.base--presentation--revision-diff .nd, .base--presentation--revision-diff .sx {
  color: orange;
}

.base--presentation--revision-diff .nf, .base--presentation--revision-diff .fm {
  color: #71adff;
}

.base--presentation--revision-diff .w {
  color: #666;
}

.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--presentation--source-data.highlight {
  color: #d0d0d0;
  background: #202020;
}

.base--presentation--source-data pre {
  line-height: 125%;
}

.base--presentation--source-data .hll {
  background-color: #404040;
}

.base--presentation--source-data .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.base--presentation--source-data .nt, .base--presentation--source-data .kc {
  color: #6ebf26;
  font-weight: 700;
}

.base--presentation--source-data .s2 {
  color: #ed9d13;
}

.base--presentation--source-data .mi, .base--presentation--source-data .mf {
  color: #51b2fd;
}

.base--presentation--source-data .p {
  color: #d0d0d0;
}

.base--presentation--source-data .w {
  color: #666;
}

[data-component-scopes~="base-source-data"] pre {
  line-height: 125%;
}

[data-component-scopes~="base-source-data"] td.linenos .normal, [data-component-scopes~="base-source-data"] span.linenos {
  color: #aaa;
  background-color: #0000;
  padding-left: 5px;
  padding-right: 5px;
}

[data-component-scopes~="base-source-data"] td.linenos .special, [data-component-scopes~="base-source-data"] span.linenos.special {
  color: #000;
  background-color: #ffffc0;
  padding-left: 5px;
  padding-right: 5px;
}

[data-component-scopes~="base-source-data"] .highlight {
  color: #d0d0d0;
  background: #202020;
}

[data-component-scopes~="base-source-data"] .hll {
  background-color: #404040;
}

.base--presentation--trace pre {
  line-height: 125%;
}

.base--presentation--trace .highlight {
  color: #d0d0d0;
  background: #202020;
}

.base--presentation--trace .hll {
  background-color: #404040;
}

.base--presentation--trace .gt, .base--presentation--trace .gr {
  color: #ff3a3a;
}

.base--presentation--trace .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.base--presentation--trace .nb {
  color: #2fbccd;
}

.base--presentation--trace .m {
  color: #51b2fd;
}

.base--presentation--trace .n, .base--presentation--trace .p, .base--presentation--trace .o, .base--presentation--trace .g {
  color: #d0d0d0;
}

.base--presentation--trace .w {
  color: #666;
}

.base--presentation--trace :is(.c, .ch, .cm, .cpf, .c1) {
  color: #ababab;
  font-style: italic;
}

.base--presentation--trace :is(.esc, .l, .x, .ld, .ni, .nl, .nx, .py, .pm) {
  color: #d0d0d0;
}

.base--presentation--trace :is(.k, .kc, .kd, .kn, .kr, .kt, .nt, .ow) {
  color: #6ebf26;
  font-weight: 700;
}

.base--presentation--trace .kp {
  color: #6ebf26;
}

.base--presentation--trace .cp {
  color: #ff3a3a;
  font-weight: 700;
}

.base--presentation--trace .cs {
  color: #e50808;
  background-color: #520000;
  font-weight: 700;
}

.base--presentation--trace .gd {
  color: #ff3a3a;
}

.base--presentation--trace .ge {
  color: #d0d0d0;
  font-style: italic;
}

.base--presentation--trace .ges {
  color: #d0d0d0;
  font-style: italic;
  font-weight: 700;
}

.base--presentation--trace .gh {
  color: #fff;
  font-weight: 700;
}

.base--presentation--trace .gi {
  color: #589819;
}

.base--presentation--trace .go {
  color: #ccc;
}

.base--presentation--trace .gp {
  color: #aaa;
}

.base--presentation--trace .gs {
  color: #d0d0d0;
  font-weight: 700;
}

.base--presentation--trace .gu {
  color: #fff;
  text-decoration: underline;
}

.base--presentation--trace :is(.mb, .mf, .mh, .mi, .mo, .il) {
  color: #51b2fd;
}

.base--presentation--trace :is(.s, .sa, .sb, .sc, .dl, .sd, .s2, .se, .sh, .si, .sr, .s1, .ss) {
  color: #ed9d13;
}

.base--presentation--trace :is(.na, .ne) {
  color: #bbb;
}

.base--presentation--trace .bp {
  color: #2fbccd;
}

.base--presentation--trace :is(.nc, .nn) {
  color: #71adff;
  text-decoration: underline;
}

.base--presentation--trace :is(.no, .nv, .vc, .vg, .vi, .vm) {
  color: #40ffff;
}

.base--presentation--trace :is(.nd, .sx) {
  color: orange;
}

.base--presentation--trace :is(.nf, .fm) {
  color: #71adff;
}

.base--presentation--transform-source.code-block {
  resize: both;
  border: 1px solid #eee;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 1em;
  overflow: auto;
}

.base--presentation--transform-source pre {
  line-height: 125%;
}

.base--presentation--transform-source td.linenos .normal, .base--presentation--transform-source span.linenos {
  color: #aaa;
  background-color: #0000;
  padding-left: 5px;
  padding-right: 5px;
}

.base--presentation--transform-source td.linenos .special, .base--presentation--transform-source span.linenos.special {
  color: #000;
  background-color: #ffffc0;
  padding-left: 5px;
  padding-right: 5px;
}

.base--presentation--transform-source .highlight {
  color: #d0d0d0;
  background: #202020;
}

.base--presentation--transform-source .hll {
  background-color: #404040;
}

.base--presentation--transform-source :is(.c, .ch, .cm, .cpf, .c1) {
  color: #ababab;
  font-style: italic;
}

.base--presentation--transform-source .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.base--presentation--transform-source :is(.esc, .g, .l, .n, .o, .x, .p, .ld, .ni, .nl, .nx, .py, .pm) {
  color: #d0d0d0;
}

.base--presentation--transform-source :is(.k, .kc, .kd, .kn, .kr, .kt, .nt, .ow) {
  color: #6ebf26;
  font-weight: 700;
}

.base--presentation--transform-source .kp {
  color: #6ebf26;
}

.base--presentation--transform-source .cp {
  color: #ff3a3a;
  font-weight: 700;
}

.base--presentation--transform-source .cs {
  color: #e50808;
  background-color: #520000;
  font-weight: 700;
}

.base--presentation--transform-source :is(.gd, .gr, .gt) {
  color: #ff3a3a;
}

.base--presentation--transform-source .ge {
  color: #d0d0d0;
  font-style: italic;
}

.base--presentation--transform-source .ges {
  color: #d0d0d0;
  font-style: italic;
  font-weight: 700;
}

.base--presentation--transform-source .gh {
  color: #fff;
  font-weight: 700;
}

.base--presentation--transform-source .gi {
  color: #589819;
}

.base--presentation--transform-source .go {
  color: #ccc;
}

.base--presentation--transform-source .gp {
  color: #aaa;
}

.base--presentation--transform-source .gs {
  color: #d0d0d0;
  font-weight: 700;
}

.base--presentation--transform-source .gu {
  color: #fff;
  text-decoration: underline;
}

.base--presentation--transform-source :is(.m, .mb, .mf, .mh, .mi, .mo, .il) {
  color: #51b2fd;
}

.base--presentation--transform-source :is(.s, .sa, .sb, .sc, .dl, .sd, .s2, .se, .sh, .si, .sr, .s1, .ss) {
  color: #ed9d13;
}

.base--presentation--transform-source :is(.na, .ne) {
  color: #bbb;
}

.base--presentation--transform-source :is(.nb, .bp) {
  color: #2fbccd;
}

.base--presentation--transform-source :is(.nc, .nn) {
  color: #71adff;
  text-decoration: underline;
}

.base--presentation--transform-source :is(.no, .nv, .vc, .vg, .vi, .vm) {
  color: #40ffff;
}

.base--presentation--transform-source :is(.nd, .sx) {
  color: orange;
}

.base--presentation--transform-source :is(.nf, .fm) {
  color: #71adff;
}

.base--presentation--transform-source .w {
  color: #666;
}

.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 {
  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 #source-data pre.data {
  color: #eee;
  background: #222;
  margin: 0;
  padding: 1em;
}

.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 #tabs-controller.card {
  border: none;
}

.base--resources--layout #tabs-controller .card-header {
  background: #f8f8f8;
}

.base--resources--layout #tabs-controller .card-header .nav .nav-item a.nav-link {
  color: #aaa;
}

.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"] .tailstrap-h3, [data-component-scopes~="base-resources"] .tailstrap-h6 {
  font-size: 1.5rem;
}

[data-component-scopes~="base-resources"] .hide {
  display: none;
}

.base--resources--layout .resource-shortcuts {
  width: 460px;
}

.base--resources--layout .resource-shortcuts button {
  width: 220px;
}

.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--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--revisions table.revisions div.code-block {
  height: 199px;
}

.base--resources--setup-proxy.modal-footer {
  flex-justify: left;
}

.base--resources--setup-proxy .proxy-spacer {
  flex-grow: 1;
}

.base--resources--setup-proxy .hide {
  display: none;
}

.base--resources--setup-proxy-error.modal-footer {
  flex-justify: left;
}

.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;
  box-shadow: inset 0 0 0 9999px rgb(243 238 255 / var(--tw-bg-opacity)) !important;
  color: #000 !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;
  box-shadow: inset 0 0 0 9999px rgb(243 238 255 / var(--tw-bg-opacity)) !important;
  color: #000 !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;
  box-shadow: inset 0 0 0 9999px rgb(243 238 255 / var(--tw-bg-opacity)) !important;
  color: #000 !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"] .modal-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 .tw-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"] .modal-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;
}

.control--performance--show .controls-table {
  width: 100%;
}

: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 .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--action-pages--form :focus {
  outline: none;
}

.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--form-picker .bs-ok-default:after {
  border-color: #8353ff !important;
}

.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 .tw-button-primary-md.blink-button, .hub--ai-suggestions--index .tw-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 .tw-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 .tw-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--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 .hvac_tree, .hub--climate-reports--hvac-report .hvac_tree ul, .hub--climate-reports--hvac-report .hvac_tree li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.hub--climate-reports--hvac-report .hvac_tree {
  text-align: center;
  margin: 0 0 1em;
}

.hub--climate-reports--hvac-report .hvac_tree, .hub--climate-reports--hvac-report .hvac_tree ul {
  display: table;
}

.hub--climate-reports--hvac-report .hvac_tree ul {
  width: 100%;
}

.hub--climate-reports--hvac-report .hvac_tree li {
  vertical-align: top;
  padding: .5em 0;
  display: table-cell;
}

.hub--climate-reports--hvac-report .hvac_tree li:before {
  content: "";
  outline: 1px solid #666;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hub--climate-reports--hvac-report .hvac_tree li:first-child:before {
  left: 50%;
}

.hub--climate-reports--hvac-report .hvac_tree li:last-child:before {
  right: 50%;
}

.hub--climate-reports--hvac-report .hvac_tree code, .hub--climate-reports--hvac-report .hvac_tree span {
  border: .1em solid #666;
  border-radius: .2em;
  margin: 0 .2em .5em;
  padding: .2em .5em;
  display: inline-block;
  position: relative;
}

.hub--climate-reports--hvac-report .hvac_tree code {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-overflow: ellipsis;
  font-size: xx-small;
}

.hub--climate-reports--hvac-report .hvac_tree ul:before, .hub--climate-reports--hvac-report .hvac_tree code:before, .hub--climate-reports--hvac-report .hvac_tree span:before {
  content: "";
  outline: 1px solid #666;
  height: .5em;
  position: absolute;
  left: 50%;
}

.hub--climate-reports--hvac-report .hvac_tree ul:before {
  top: -.5em;
}

.hub--climate-reports--hvac-report .hvac_tree code:before, .hub--climate-reports--hvac-report .hvac_tree span:before {
  top: -.55em;
}

.hub--climate-reports--hvac-report .hvac_tree > li {
  margin-top: 0;
}

.hub--climate-reports--hvac-report .hvac_tree > li:before, .hub--climate-reports--hvac-report .hvac_tree > li:after, .hub--climate-reports--hvac-report .hvac_tree > li > code:before, .hub--climate-reports--hvac-report .hvac_tree > li > span:before {
  outline: none;
}

.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--indoor-comfort .comfort-chart {
  display: block;
}

.hub--climate-reports--indoor-comfort .tw-hidden {
  display: none !important;
}

.hub--climate-reports--indoor-comfort .tw-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;
}

.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;
}

.hub--debug-api--show pre {
  white-space: pre-wrap;
  background: #f5f5f5;
  padding: 1em;
  font-family: monospace;
}

.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 .alert-success {
  color: #ecfdf5;
  background-color: #15803d;
}

.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 .alert-success {
  color: #ecfdf5;
  background-color: #15803d;
}

.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) .bootstrap-select .btn, :where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .bootstrap-select .dropdown-menu {
  font-family: soehne, arial, sans-serif;
  font-size: 14px;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .bootstrap-select .dropdown-item:hover {
  color: #8353ff;
  background: #f5f3ff;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .bootstrap-select .dropdown-item.active, :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) .filter-option-inner {
  color: oklch(21% .034 264.665);
  font-size: 14px;
  font-weight: 500;
}

:where(.hub--documents--document[data-component-scopes~="hub--documents--navbar"], .hub--documents--navbar) .dropdown .bootstrap-select .fit-width {
  border-radius: 100px;
}

: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;
}

.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 .tw-h-\[1px\] {
    page-break-after: avoid;
  }

  .hub--energy-label-pages--show .tw-w-8, .hub--energy-label-pages--show .tw-h-8 {
    display: none !important;
  }
}

@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 {
    display: none;
  }

  :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"], .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.modal-footer {
  flex-justify: left;
}

.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 .tw-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 .tw-checkbox-item {
  border-bottom: 1px solid #f3f4f6;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.hub--indoor-comfort--comfort-profile-form .tw-checkbox-item:last-child {
  border-bottom: none;
}

.hub--indoor-comfort--comfort-profile-form .tw-checkbox-item input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
}

.hub--indoor-comfort--comfort-profile-form .tw-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;
  box-shadow: inset 0 0 0 9999px rgb(243 238 255 / var(--tw-bg-opacity)) !important;
  color: #000 !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.tw-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 {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--meter-peak-power--report-preview .report-preview tfoot td.dt-right {
  font-weight: 700;
}

.hub--meters--data--show > turbo-frame > .spinner-grow {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--meters--data--show-main-segment > .dropdown-toggle {
  background-color: #f8f9fa;
}

.hub--meters--manual-readings--index div.dataTables_scrollBody {
  border-left: none !important;
}

.hub--meters--manual-readings--index table.dataTable {
  border-collapse: collapse !important;
}

.hub--meters--manual-readings--index #readings, .hub--meters--manual-readings--index #audit {
  width: 100%;
}

.hub--meters--manual-readings--index table.dataTable tbody td.select-checkbox:before, .hub--meters--manual-readings--index table.dataTable tbody th.select-checkbox:before, .hub--meters--manual-readings--index table.dataTable tr.selected td.select-checkbox:before, .hub--meters--manual-readings--index table.dataTable tr.selected th.select-checkbox:before, .hub--meters--manual-readings--index table.dataTable tr.selected td.select-checkbox:after, .hub--meters--manual-readings--index table.dataTable tr.selected th.select-checkbox:after {
  content: "";
  border: none;
}

.modal-fullscreen:has(.hub--meters--top) {
  width: calc(100% - 2em);
  max-width: 100%;
  height: calc(100% - 2em);
  margin: 1em;
}

.hub--meters--virtual-meter-rules--index-chart-segment > .tw-mt-8 {
  width: 100%;
  height: 400px;
}

.hub--meters--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 .tw-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 .tw-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 .bootstrap-select .btn {
  font-size: 16px !important;
}

.hub--navigation--org-selector .filter-option-inner {
  color: unset !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.hub--navigation--org-selector select {
  z-index: 10000;
}

: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 > .tw-flex, body[data-component-scopes~="hub--org-review--report"] #maincontent-frame > .tw-flex > .tw-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 > .container, body[data-component-scopes~="hub--org-review--report"] main > .tw-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"] .tw-button-primary-sm, body[data-component-scopes~="hub--org-review--report"] .tw-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--planned-actions--editor .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--planned-actions--editor :focus {
  outline: none;
}

.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--editor-picker .bs-ok-default:after, .hub--planned-actions--verify-multiple-form .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--planned-actions--verify-multiple-form :focus {
  outline: none;
}

.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--planned-actions--verify-multiple-form-picker .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--portfolio-reports--meters [data-role="sb-preset"] {
  width: fit-content;
  margin-top: 24px;
  margin-left: 17px;
  position: absolute;
}

.hub--portfolio-reports--meters [data-role="sb-preset"] .dropdown {
  background: #fff;
}

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 {
  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: calc(100% * var(--savings-ratio));
}

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;
  }
}

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.container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.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;
}

.hub--portfolio-reports--plant .report-ento-logo {
  width: 80px;
}

.hub--portfolio-subnav--index.popover {
  width: auto;
  max-width: none;
}

.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;
}

@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 .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--proposed-actions--editor :focus {
  outline: none;
}

.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--proposed-actions--editor-picker .bs-ok-default:after {
  border-color: #8353ff !important;
}

.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 [data-role="sb-preset"] {
  width: fit-content;
  margin-top: 24px;
  margin-left: 17px;
  position: absolute;
}

.hub--reports--dgnb-content [data-role="sb-preset"] .dropdown {
  background: #fff;
}

.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-recalculator-target="button"], .hub--root-cause-conversations--show .root-cause-refresh > [data-recalculator-target="done"] {
  display: none;
}

.hub--root-cause-conversations--show .root-cause-refresh > [data-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--screenshot-review--show {
  background-color: var(--color-slate-50, oklch(98.4% .003 247.858));
  min-height: 100vh;
  font-family: soehne, sans-serif;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-slate-800, oklch(27.9% .041 260.031));
  font-variant-numeric: tabular-nums;
}

.hub--screenshot-review--show [hidden] {
  display: none !important;
}

.hub--screenshot-review--show .review-header > a, .hub--screenshot-review--show figcaption a {
  color: var(--color-ento-950, #5924e2);
}

.hub--screenshot-review--show a:focus-visible, .hub--screenshot-review--show input:focus-visible, .hub--screenshot-review--show select:focus-visible, .hub--screenshot-review--show .image-scroll:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.hub--screenshot-review--show .skip-link {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.hub--screenshot-review--show .skip-link:focus {
  clip-path: none;
  white-space: normal;
  z-index: 10;
  background-color: var(--color-white, #fff);
  width: auto;
  height: auto;
  padding: 0;
  padding: calc(var(--spacing, .25rem) * 3);
  margin: 0;
  position: absolute;
  overflow: visible;
}

.hub--screenshot-review--show .review-header {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-slate-200, oklch(92.9% .013 255.508));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.hub--screenshot-review--show .review-heading {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.hub--screenshot-review--show .brand img {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
}

.hub--screenshot-review--show .eyebrow {
  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-slate-500, oklch(55.4% .046 257.417));
}

.hub--screenshot-review--show h1 {
  margin-top: var(--spacing, .25rem);
  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);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
}

.hub--screenshot-review--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);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
}

.hub--screenshot-review--show .review-workspace {
  grid-template-columns: 19rem minmax(0, 1fr);
  min-height: calc(100dvh - 5rem);
  display: grid;
}

.hub--screenshot-review--show aside {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-slate-200, oklch(92.9% .013 255.508));
  background-color: var(--color-white, #fff);
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.hub--screenshot-review--show form {
  gap: calc(var(--spacing, .25rem) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-slate-200, oklch(92.9% .013 255.508));
  padding: calc(var(--spacing, .25rem) * 4);
  display: grid;
}

.hub--screenshot-review--show label {
  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-slate-600, oklch(44.6% .043 257.281));
}

.hub--screenshot-review--show input[type="search"], .hub--screenshot-review--show select {
  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);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  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-slate-800, oklch(27.9% .041 260.031));
}

.hub--screenshot-review--show input[type="search"] {
  margin-bottom: var(--spacing, .25rem);
}

.hub--screenshot-review--show .filter-row {
  margin-bottom: var(--spacing, .25rem);
  gap: calc(var(--spacing, .25rem) * 2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hub--screenshot-review--show .filter-row label {
  margin-bottom: var(--spacing, .25rem);
  display: block;
}

.hub--screenshot-review--show .list-summary {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-slate-100, oklch(96.8% .007 247.896));
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
  justify-content: space-between;
  display: flex;
}

.hub--screenshot-review--show .screen-list {
  max-height: calc(100dvh - 24rem);
  overflow-y: auto;
}

.hub--screenshot-review--show .screen-list a {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-slate-100, oklch(96.8% .007 247.896));
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  color: var(--color-slate-700, oklch(37.2% .044 257.287));
  display: block;
}

.hub--screenshot-review--show .screen-list a:hover {
  background-color: var(--color-slate-50, oklch(98.4% .003 247.858));
}

.hub--screenshot-review--show .screen-list a[aria-current="page"] {
  background-color: var(--color-ento-50, #f5f3ff);
  color: var(--color-ento-950, #5924e2);
  box-shadow: inset 3px 0 #8353ff;
}

.hub--screenshot-review--show .screen-route {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  overflow-wrap: break-word;
  display: block;
}

.hub--screenshot-review--show .screen-meta {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
  display: flex;
}

.hub--screenshot-review--show .state {
  align-items: center;
  gap: var(--spacing, .25rem);
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  border-radius: .25rem;
  display: inline-flex;
}

.hub--screenshot-review--show .state[data-state="same"] {
  background-color: var(--color-emerald-50, oklch(97.9% .021 166.113));
  color: var(--color-emerald-800, oklch(43.2% .095 166.913));
}

.hub--screenshot-review--show .state[data-state="changed"] {
  background-color: var(--color-red-50, oklch(97.1% .013 17.38));
  color: var(--color-red-800, oklch(44.4% .177 26.899));
}

.hub--screenshot-review--show .state[data-state="error"] {
  background-color: var(--color-amber-50, oklch(98.7% .022 95.277));
  color: var(--color-amber-800, oklch(47.3% .137 46.201));
}

.hub--screenshot-review--show .list-empty {
  padding: calc(var(--spacing, .25rem) * 4);
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
}

.hub--screenshot-review--show .state svg {
  width: calc(var(--spacing, .25rem) * 3.5);
  height: calc(var(--spacing, .25rem) * 3.5);
  flex-shrink: 0;
}

.hub--screenshot-review--show .baseline-warning {
  margin-top: 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-amber-800, oklch(47.3% .137 46.201));
  display: block;
}

.hub--screenshot-review--show .pixel-result {
  margin-top: calc(var(--spacing, .25rem) * 4);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  border-width: 1px;
  flex-wrap: wrap;
  display: flex;
}

.hub--screenshot-review--show .pixel-result[data-state="same"] {
  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));
}

.hub--screenshot-review--show .pixel-result[data-state="changed"] {
  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));
}

.hub--screenshot-review--show .pixel-result svg {
  width: calc(var(--spacing, .25rem) * 5);
  height: calc(var(--spacing, .25rem) * 5);
  flex-shrink: 0;
}

.hub--screenshot-review--show .pixel-result strong {
  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);
  display: block;
}

.hub--screenshot-review--show .pixel-result span, .hub--screenshot-review--show .pixel-result a {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.hub--screenshot-review--show .pixel-result a {
  text-underline-offset: 2px;
  margin-left: auto;
  text-decoration-line: underline;
}

.hub--screenshot-review--show .difference-result {
  margin-top: calc(var(--spacing, .25rem) * 6);
}

.hub--screenshot-review--show .difference-result:has(.highlight-diff:checked) .difference-scroll img {
  filter: brightness(255);
  image-rendering: pixelated;
}

.hub--screenshot-review--show .highlight-control {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.hub--screenshot-review--show .difference-heading {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  flex-wrap: wrap;
  display: flex;
}

.hub--screenshot-review--show .difference-heading h3 {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.hub--screenshot-review--show .difference-heading p {
  margin-top: var(--spacing, .25rem);
  max-width: var(--container-2xl, 42rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
}

.hub--screenshot-review--show .difference-heading button {
  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-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);
}

@media (hover: hover) {
  .hub--screenshot-review--show .difference-heading button:hover {
    background-color: var(--color-slate-100, oklch(96.8% .007 247.896));
  }
}

.hub--screenshot-review--show .difference-heading button:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-ento-900, #8353ff);
}

.hub--screenshot-review--show .review-content {
  min-width: 0;
  padding: calc(var(--spacing, .25rem) * 5);
}

.hub--screenshot-review--show .screen-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  flex-wrap: wrap;
  display: flex;
}

.hub--screenshot-review--show .screen-header h2 {
  margin-top: var(--spacing, .25rem);
}

.hub--screenshot-review--show .route-label {
  margin-top: var(--spacing, .25rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  word-break: break-all;
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
}

.hub--screenshot-review--show .route-label span {
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
}

.hub--screenshot-review--show .paging {
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.hub--screenshot-review--show .comparison-note {
  margin-top: calc(var(--spacing, .25rem) * 4);
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--color-slate-300, oklch(86.9% .022 252.894));
  padding-left: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
}

.hub--screenshot-review--show .comparison-toolbar {
  margin-block: calc(var(--spacing, .25rem) * 4);
  align-items: flex-end;
  gap: calc(var(--spacing, .25rem) * 4);
  flex-wrap: wrap;
  display: flex;
}

.hub--screenshot-review--show .comparison-toolbar > div > label {
  margin-bottom: var(--spacing, .25rem);
  display: block;
}

.hub--screenshot-review--show .comparison-toolbar select {
  width: auto;
}

.hub--screenshot-review--show .sync-label {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  align-self: center;
  display: flex;
}

.hub--screenshot-review--show input[type="checkbox"], .hub--screenshot-review--show input[type="range"] {
  accent-color: #8353ff;
}

.hub--screenshot-review--show .opacity-control input {
  width: calc(var(--spacing, .25rem) * 32);
  vertical-align: middle;
}

.hub--screenshot-review--show .opacity-control output {
  margin-left: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 10);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  display: inline-block;
}

.hub--screenshot-review--show .comparison-stage {
  gap: calc(var(--spacing, .25rem) * 4);
  --after-opacity: .5;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.hub--screenshot-review--show figure {
  border-radius: var(--radius-lg, .5rem);
  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);
  min-width: 0;
  overflow: hidden;
}

.hub--screenshot-review--show figcaption {
  min-height: calc(var(--spacing, .25rem) * 11);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-slate-200, oklch(92.9% .013 255.508));
  padding-inline: calc(var(--spacing, .25rem) * 3);
  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)));
  flex-wrap: wrap;
  display: flex;
}

.hub--screenshot-review--show figcaption strong {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-slate-800, oklch(27.9% .041 260.031));
}

.hub--screenshot-review--show figcaption > span {
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
}

.hub--screenshot-review--show figcaption a {
  margin-left: auto;
}

.hub--screenshot-review--show .image-scroll {
  background-color: var(--color-slate-100, oklch(96.8% .007 247.896));
  height: calc(100dvh - 24rem);
  min-height: 24rem;
  overflow: auto;
}

.hub--screenshot-review--show .image-scroll img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.hub--screenshot-review--show [data-zoom="actual"] .image-scroll img {
  width: auto;
}

.hub--screenshot-review--show [data-mode="overlay"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0;
  position: relative;
}

.hub--screenshot-review--show [data-mode="overlay"] > figure:nth-child(2) {
  opacity: var(--after-opacity);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hub--screenshot-review--show [data-mode="overlay"] > figure:nth-child(2) figcaption {
  visibility: hidden;
}

.hub--screenshot-review--show .review-empty {
  min-height: calc(var(--spacing, .25rem) * 96);
  max-width: var(--container-lg, 32rem);
  justify-content: center;
  gap: calc(var(--spacing, .25rem) * 3);
  padding: calc(var(--spacing, .25rem) * 6);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.hub--screenshot-review--show .image-error {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-amber-200, oklch(92.4% .12 95.746));
  background-color: var(--color-amber-50, oklch(98.7% .022 95.277));
  padding: calc(var(--spacing, .25rem) * 3);
  color: var(--color-amber-900, oklch(41.4% .112 45.904));
  border-radius: .25rem;
}

.hub--screenshot-review--show .review-empty p {
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-slate-500, oklch(55.4% .046 257.417));
}

.hub--screenshot-review--show .review-empty code {
  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) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border-radius: .25rem;
}

@media (width <= 900px) {
  .hub--screenshot-review--show .review-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .hub--screenshot-review--show aside {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .hub--screenshot-review--show .screen-list {
    max-height: 15rem;
  }

  .hub--screenshot-review--show .review-header {
    padding-inline: calc(var(--spacing, .25rem) * 4);
  }

  .hub--screenshot-review--show .review-content {
    padding: calc(var(--spacing, .25rem) * 3);
  }

  .hub--screenshot-review--show .comparison-stage {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .hub--screenshot-review--show .image-scroll {
    height: 32rem;
  }
}

.hub--search--index {
  white-space: nowrap;
}

.hub--settings--advisors--computation-summary .spinner-border {
  width: 14px;
  height: 14px;
}

:where(.hub--settings--advisors--config) .tw-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-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;
  }
}

.hub--settings--allocate-meters--index {
  display: contents;
}

: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 .bootstrap-select {
  background-color: #0000;
  border: none;
}

:where(.hub--settings--allocate-meters--index) .meter-group-field .bootstrap-select .btn {
  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;
}

:where(.hub--settings--allocate-meters--pagination) .pagination > li > a {
  color: #495057;
  background-color: #fff;
}

:where(.hub--settings--allocate-meters--pagination) .pagination > li > a:focus, :where(.hub--settings--allocate-meters--pagination) .pagination > li > a:hover, :where(.hub--settings--allocate-meters--pagination) .pagination > li > span:focus, :where(.hub--settings--allocate-meters--pagination) .pagination > li > span:hover {
  color: #e9ecef;
  background-color: #eee;
  border-color: #ddd;
}

:where(.hub--settings--allocate-meters--pagination) .pagination > .active > a, :where(.hub--settings--allocate-meters--pagination) .pagination > li > a:hover {
  color: #495057 !important;
  background-color: #e9ecef !important;
  border: 1px solid #e9ecef !important;
}

.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--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) .tw-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) .tailstrap-h2 {
  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) .list-group-item-action.current {
  color: #8353ff;
  background-color: #f5f3ff;
}

: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) .tailstrap-h2 {
  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) .list-group-item-action.current {
  color: #8353ff;
  background-color: #f5f3ff;
  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--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) .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--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.modal-footer {
  flex-justify: left;
}

.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="widget-with-suggestion"] .input-group-text {
  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) .tw-markdown {
  font-size: 12px;
}

:where(.hub--settings--integrations-catalog--documentation-print) .tw-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) .tw-markdown h3 {
  color: #1f2937;
  margin-top: 14px;
  font-size: 13px;
}

:where(.hub--settings--integrations-catalog--documentation-print) .tw-markdown code {
  font-size: 11px;
}

:where(.hub--settings--integrations-catalog--documentation-print) .tw-markdown h2, :where(.hub--settings--integrations-catalog--documentation-print) .tw-markdown h3 {
  break-after: avoid;
  page-break-after: avoid;
}

:where(.hub--settings--integrations-catalog--documentation-print) .tw-markdown table, :where(.hub--settings--integrations-catalog--documentation-print) .tw-markdown pre, :where(.hub--settings--integrations-catalog--documentation-print) .tw-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;
}

.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 .spinner-grow, .hub--shared--loading .spinner-border {
  background-color: #6c757d;
  animation-duration: 2.5s;
}

.hub--shared--loading .card {
  border-color: #f2f2f2;
}

.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;
}

.hub--site-advisor-overview--meter-table-v2 > tbody > tr > td {
  vertical-align: middle;
}

.hub--site-advisor-overview--meter-table-v2 .meter-selection {
  accent-color: #8a5cff;
}

.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 .meter-details-toggle[aria-expanded="true"] .chevron-down, .hub--site-advisor-overview--show .compare-details-toggle[aria-expanded="true"] .chevron-down {
  display: none;
}

.hub--site-advisor-overview--show .meter-details-toggle[aria-expanded="true"] .chevron-up, .hub--site-advisor-overview--show .compare-details-toggle[aria-expanded="true"] .chevron-up {
  display: inline;
}

.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 .hub-datatable div.dt-buttons {
  margin-bottom: 0;
}

.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: 16px !important;
}

.hub--site-bbr--index .tw-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 .tw-hidden {
  display: none !important;
}

.hub--site-iaq--show .tw-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 .tw-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] {
  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-sites--portfolio-target="search"] {
  color: #374151 !important;
}

.popover.hub--sites--portfolio {
  border: none;
}

.popover.hub--sites--portfolio.bs-popover-auto[x-placement^="right"] > .arrow:before, .popover.hub--sites--portfolio.bs-popover-right > .arrow:before {
  border-right: none;
}

.popover.hub--sites--portfolio > .popover-body {
  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] {
  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;
}

.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.tw-hidden {
  display: none !important;
}

.hub--table--actions [data-visibility="hidden"] {
  visibility: hidden;
}

.hub--table--actions .tw-hidden {
  display: none !important;
}

.hub--table--checkbox-cell input[type="checkbox"] {
  accent-color: #8a5cff;
}

.hub--table--column-chooser .tw-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.tw-hidden, .hub--table--date-filter .tw-hidden, .hub--table--epc-comparison-filter.tw-hidden, .hub--table--epc-comparison-filter .tw-hidden, .hub--table--epc-rating-filter.tw-hidden, .hub--table--epc-rating-filter .tw-hidden, .hub--table--filter-chooser .tw-hidden {
  display: none !important;
}

.hub--table--header-rows input[type="checkbox"] {
  accent-color: #8a5cff;
}

.hub--table--radio-filter.tw-hidden, .hub--table--radio-filter .tw-hidden, .hub--table--range-filter.tw-hidden, .hub--table--range-filter .tw-hidden, .hub--table--saved-views .tw-hidden, .hub--table--select-filter.tw-hidden, .hub--table--select-filter .tw-hidden, .hub--table--stale-status-filter.tw-hidden, .hub--table--stale-status-filter .tw-hidden, .hub--table--text-filter.tw-hidden, .hub--table--text-filter .tw-hidden {
  display: none !important;
}

.hub--technical-tasks--new .task-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hub--technical-tasks--new .task-message {
  min-height: 400px;
}

.hub--technical-tasks--new-action .task-spacer {
  flex-grow: 1;
}

.hub--technical-tasks--new-confirmed .task-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hub--verification-model--show .tw-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"] .modal-header, body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] .modal-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"] .modal-content {
  box-shadow: none !important;
  border: none !important;
}

body[data-component-scopes~="hub--verification-pages--detail"][data-component-scopes~="hub--verification-pages--detail-print"] .container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px !important;
}

@media print {
  .hub--verification-pages--detail[data-print-layout="true"] .tw-h-\[1px\] {
    page-break-after: avoid;
  }

  .hub--verification-pages--detail[data-print-layout="true"] .tw-w-8, .hub--verification-pages--detail[data-print-layout="true"] .tw-h-8 {
    display: none !important;
  }
}

.hub--verification-pages--form .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--verification-pages--form :focus {
  outline: none;
}

.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--form-picker .bs-ok-default:after {
  border-color: #8353ff !important;
}

.hub--verification-pages--show .tw-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.modal-footer {
  flex-justify: left;
}

.hub--virtual-meters--new .footer-spacer {
  flex-grow: 1;
}

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-site-widget-target="table"].dataTable {
  margin-bottom: 0 !important;
}

.hub--widgets--site [data-site-widget-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 + .invalid-feedback {
  display: block;
}

.integrations-clipboard-fallback {
  opacity: 0;
  position: fixed;
}

[data-controller~="integrations--behaviors--data-source-search"] .tw-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.modal-footer {
  flex-justify: left;
}

.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 .modal-footer {
  flex-justify: left;
}

.integrations--eforsyning--edit-authorization .footer-spacer {
  flex-grow: 1;
}

.integrations--eforsyning--import-authorization .modal-footer {
  flex-justify: left;
}

.integrations--eforsyning--import-authorization .footer-spacer {
  flex-grow: 1;
}

.modal-dialog:has(.integrations--eforsyning--new) {
  width: 800px;
}

.integrations--eforsyning--reauthenticate .modal-footer {
  flex-justify: left;
}

.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 .modal-footer {
  flex-justify: left;
}

.integrations--hjorring-vand--edit-authorization .footer-spacer {
  flex-grow: 1;
}

.integrations--hjorring-vand--import-authorization .modal-footer {
  flex-justify: left;
}

.integrations--hjorring-vand--import-authorization .footer-spacer {
  flex-grow: 1;
}

.integrations--hjorring-vand--reauthenticate .modal-footer {
  flex-justify: left;
}

.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 .tw-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 .tw-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 .tw-hidden {
  display: 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--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;
}

.ui--agents-workspace--app-switch:hover {
  color: #fff;
  background: #7440ff;
  text-decoration: none;
}

.ui--agents-workspace--app-switch[data-destination="Hub"] {
  color: #6433cc;
  background: none;
  padding: 0;
}

.ui--agents-workspace--app-switch[data-destination="Hub"]:hover {
  color: #5725c8;
  background: none;
  text-decoration: underline;
}

.ui--agents-workspace--app-switch:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #ccbaff;
}

.ui--agents-workspace--catalog {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--agents-workspace--catalog > header {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  flex: none;
  align-items: center;
  height: 56px;
  padding: 0 22px;
  font-size: 12px;
  display: flex;
}

.ui--agents-workspace--catalog [data-part="body"] {
  padding: 50px 28px 30px;
  overflow-y: auto;
}

.ui--agents-workspace--catalog h1 {
  letter-spacing: -.04em;
  margin: 0 0 8px;
  font-size: 21px;
  font-weight: 800;
}

.ui--agents-workspace--catalog [data-part="intro"] {
  color: #626b76;
  margin: 0 0 24px;
  font-size: 12px;
}

.ui--agents-workspace--catalog [data-part="filters"] {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
  display: flex;
}

.ui--agents-workspace--catalog [data-part="filters"] a {
  color: #626b76;
  background: #f7f8fa;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 10px;
}

.ui--agents-workspace--catalog [data-part="filters"] a[aria-current] {
  color: #6433cc;
  background: #f3eeff;
}

.ui--agents-workspace--catalog section {
  margin-top: 28px;
}

.ui--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;
}

.ui--agents-workspace--catalog h2 span {
  text-transform: none;
  letter-spacing: 0;
  color: #626b76;
  font-size: 10px;
}

.ui--agents-workspace--catalog ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.ui--agents-workspace--catalog li {
  border-bottom: 1px solid #e8eaec;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  display: flex;
}

.ui--agents-workspace--catalog li:last-child {
  border: 0;
}

.ui--agents-workspace--catalog li:hover {
  background: #fcfbff;
}

.ui--agents-workspace--catalog li > a {
  color: #0b1319;
  flex: 1;
  min-width: 0;
}

.ui--agents-workspace--catalog strong {
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ui--agents-workspace--catalog small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.ui--agents-workspace--catalog [data-part="workflow-icon"] {
  background: #f7f8fa;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

.ui--agents-workspace--catalog [data-part="runs"] {
  text-align: right;
}

.ui--agents-workspace--catalog [data-part="workflow-status"] {
  color: #626b76;
  background: #f7f8fa;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
}

.ui--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;
}

.ui--agents-workspace--catalog [data-part="empty"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  padding: 20px;
}

.ui--agents-workspace--catalog [data-part="empty"] h2 {
  text-transform: none;
  color: #0b1319;
  font-size: 13px;
  font-weight: 600;
}

.ui--agents-workspace--catalog [data-part="empty"] p {
  color: #626b76;
  margin-top: 10px;
  font-size: 12px;
}

@media (width <= 640px) {
  .ui--agents-workspace--catalog [data-part="body"] {
    padding: 26px 18px;
  }

  .ui--agents-workspace--catalog [data-part="runs"] {
    display: none;
  }
}

.ui--agents-workspace--changeset-detail {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--changeset-detail > header a {
  color: #6433cc;
  font-weight: 600;
}

.ui--agents-workspace--changeset-detail [data-part="body"] {
  padding: 28px;
  overflow-y: auto;
}

.ui--agents-workspace--chart {
  color: #0b1319;
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 16px 0;
  padding: 14px;
  display: block;
}

.ui--agents-workspace--chart > header, .ui--agents-workspace--chart [data-part="toolbar"], .ui--agents-workspace--chart [data-part="dialog-head"] {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ui--agents-workspace--chart > header > div {
  flex: 1;
  min-width: 0;
}

.ui--agents-workspace--chart h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.ui--agents-workspace--chart header p, .ui--agents-workspace--chart [data-part="context"] {
  color: #626b76;
  margin: 2px 0 0;
  font-size: 11px;
}

.ui--agents-workspace--chart button, .ui--agents-workspace--chart select, .ui--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;
}

.ui--agents-workspace--chart button:hover, .ui--agents-workspace--chart [data-part="toolbar"] a:hover {
  background: #f3eeff;
}

.ui--agents-workspace--chart button:focus-visible, .ui--agents-workspace--chart select:focus-visible, .ui--agents-workspace--chart a:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #b99aff;
}

.ui--agents-workspace--chart [data-part="plot"] {
  width: 100%;
  height: 330px;
  min-height: 240px;
}

.ui--agents-workspace--chart [data-part="legend"] {
  flex-wrap: wrap;
  gap: 5px;
  margin: 4px 0;
  display: flex;
}

.ui--agents-workspace--chart [data-part="legend"] button[aria-pressed="false"] {
  color: #626b76;
  background: #f3f4f6;
  text-decoration: line-through;
}

.ui--agents-workspace--chart [data-part="toolbar"] {
  margin: 8px 0;
}

.ui--agents-workspace--chart [data-part="toolbar"] label {
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: flex;
}

.ui--agents-workspace--chart [data-part="toolbar"] a {
  text-decoration: none;
}

.ui--agents-workspace--chart [data-part="summary"] {
  margin: 7px 0;
  font-size: 11px;
}

.ui--agents-workspace--chart [data-part="data-table"] {
  margin-top: 10px;
}

.ui--agents-workspace--chart [data-part="data-table"] summary {
  cursor: pointer;
}

.ui--agents-workspace--chart [data-part="table"] {
  max-height: 330px;
  overflow: auto;
}

.ui--agents-workspace--chart table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.ui--agents-workspace--chart th, .ui--agents-workspace--chart td {
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #e8eaec;
  padding: 5px 7px;
}

.ui--agents-workspace--chart th {
  background: #fff;
  position: sticky;
  top: 0;
}

.ui--agents-workspace--chart [data-part="dialog"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  width: min(96vw, 1200px);
  max-width: none;
  padding: 16px;
}

.ui--agents-workspace--chart [data-part="dialog"]::backdrop {
  background: #0b131970;
}

.ui--agents-workspace--chart [data-part="dialog-head"] {
  justify-content: space-between;
}

.ui--agents-workspace--chart [data-part="expanded-plot"] {
  width: 100%;
  height: min(72vh, 680px);
}

.ui--agents-workspace--chart [hidden] {
  display: none !important;
}

@media (width <= 640px) {
  .ui--agents-workspace--chart {
    padding: 10px;
  }

  .ui--agents-workspace--chart [data-part="plot"] {
    height: 270px;
  }

  .ui--agents-workspace--chart [data-part="dialog"] {
    padding: 8px;
  }
}

.ui--agents-workspace--composer form {
  background: #fff;
  border: 1px solid #dedee5;
  border-radius: 10px;
  transition: border-color .15s;
  overflow: hidden;
}

.ui--agents-workspace--composer form:focus-within, .ui--agents-workspace--composer form[data-submitting] {
  border-color: #a386ed;
  box-shadow: 0 0 0 3px #f3eeff;
}

.ui--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;
}

.ui--agents-workspace--composer textarea:focus-visible {
  outline: none;
}

.ui--agents-workspace--composer textarea::placeholder {
  color: #858a94;
}

.ui--agents-workspace--composer form[data-submitting] textarea {
  cursor: progress;
  background: #fcfaff;
}

.ui--agents-workspace--composer [data-part="toolbar"] {
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--composer [data-part="attach"]:focus-within {
  outline: 2px solid #8353ff;
}

.ui--agents-workspace--composer form[data-submitting] [data-part="attach"] {
  opacity: .5;
  pointer-events: none;
}

.ui--agents-workspace--composer input[type="file"] {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  position: absolute;
  inset: 0;
}

.ui--agents-workspace--composer [data-part="hint"] {
  color: #626b76;
  font-size: 10px;
}

.ui--agents-workspace--composer button[type="submit"] {
  color: #fff;
  background: #8353ff;
  border: 0;
  border-radius: 7px;
  margin-left: auto;
  padding: 6px 10px;
  font-size: 11px;
}

.ui--agents-workspace--composer button[data-submitting] {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ui--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;
}

.ui--agents-workspace--composer button:disabled {
  opacity: .45;
  cursor: default;
}

.ui--agents-workspace--composer button[data-submitting]:disabled {
  opacity: 1;
  cursor: progress;
}

.ui--agents-workspace--composer [data-part="note"] {
  color: #626b76;
  text-align: center;
  margin: 8px 0 0;
  font-size: 10px;
}

.ui--agents-workspace--composer [data-part="attachments"] {
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 10px;
  display: flex;
}

.ui--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) {
  .ui--agents-workspace--composer [data-part="hint"] {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ui--agents-workspace--composer button[data-submitting]:before {
    animation: none;
  }
}

@keyframes agent-send-spin {
  to {
    transform: rotate(360deg);
  }
}

.ui--agents-workspace--conversation {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.ui--agents-workspace--conversation [data-part="scroll"] {
  overscroll-behavior: contain;
  scroll-behavior: auto;
  flex: 1;
  min-height: 0;
  padding: 24px 28px;
  overflow-y: auto;
}

.ui--agents-workspace--conversation [data-part="scroll"] > div {
  max-width: 860px;
  margin: 0 auto;
}

.ui--agents-workspace--conversation [data-part="composer"] {
  background: #fff;
  flex: none;
  padding: 12px 22px 14px;
}

.ui--agents-workspace--conversation [data-part="connection"] {
  color: #854d0e;
  background: #fefce8;
  padding: 8px 20px;
  font-size: 11px;
}

.ui--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;
}

.ui--agents-workspace--conversation [hidden] {
  display: none !important;
}

@media (width >= 1100px) {
  .ui--agents-workspace--conversation [data-part="scroll"], .ui--agents-workspace--conversation [data-part="composer"] {
    padding-right: 316px;
  }

  .ui--agents-workspace--conversation [data-part="composer"] > div {
    max-width: 860px;
    margin: 0 auto;
  }
}

@media (width <= 640px) {
  .ui--agents-workspace--conversation [data-part="scroll"] {
    padding: 20px 16px;
  }

  .ui--agents-workspace--conversation [data-part="composer"] {
    padding: 10px 16px;
  }
}

.ui--agents-workspace--inbox {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--agents-workspace--inbox [data-part="new"] {
  padding: 14px 12px 8px;
}

.ui--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;
}

.ui--agents-workspace--inbox [data-part="new"] a:hover {
  background: #7440ff;
}

.ui--agents-workspace--inbox form {
  padding: 0 12px 12px;
}

.ui--agents-workspace--inbox input {
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 6px;
  width: 100%;
  padding: 7px 8px;
  font-size: 11px;
}

.ui--agents-workspace--inbox [data-part="list"] {
  flex: 1;
  padding: 0 6px 16px;
  overflow-y: auto;
}

.ui--agents-workspace--inbox [data-part="search-label"] {
  color: #626b76;
  margin: 8px;
  font-size: 11px;
}

.ui--agents-workspace--inbox [data-part="hit"] {
  color: #0b1319;
  padding: 6px 10px;
  display: block;
}

.ui--agents-workspace--inbox small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.ui--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;
}

.ui--agents-workspace--inbox footer {
  border-top: 1px solid #e8eaec;
  align-items: center;
  gap: 9px;
  padding: 14px 16px;
  display: flex;
}

.ui--agents-workspace--inbox [data-part="tools"] {
  border-top: 1px solid #e8eaec;
  padding: 8px 12px;
}

.ui--agents-workspace--inbox [data-part="tools"] a {
  color: #626b76;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ui--agents-workspace--inbox [data-part="tools"] a:hover, .ui--agents-workspace--inbox [data-part="tools"] a[aria-current] {
  color: #6433cc;
  background: #f3eeff;
}

.ui--agents-workspace--inbox footer strong {
  font-size: 11px;
  font-weight: 600;
}

.ui--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;
}

.ui--agents-workspace--inbox-group {
  margin-top: 18px;
}

.ui--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;
}

.ui--agents-workspace--inbox-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui--agents-workspace--inbox-group a {
  color: #0b1319;
  border-radius: 6px;
  gap: 7px;
  padding: 8px 9px;
  display: flex;
}

.ui--agents-workspace--inbox-group a:hover {
  background: #f0f1f3;
}

.ui--agents-workspace--inbox-group a[aria-current] {
  background: #f3eeff;
}

.ui--agents-workspace--inbox-group a > div {
  min-width: 0;
}

.ui--agents-workspace--inbox-group strong {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.ui--agents-workspace--inbox-group small {
  color: #626b76;
  align-items: baseline;
  gap: 5px;
  margin-top: 2px;
  font-size: 10px;
  display: flex;
}

.ui--agents-workspace--inbox-group small span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ui--agents-workspace--inbox-group small time {
  color: #626b76;
  white-space: nowrap;
  flex: none;
}

.ui--agents-workspace--inbox-group [data-part="dot"] {
  border: 1px solid #a7adb4;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 5px;
}

.ui--agents-workspace--inbox-group[data-tone="active"] [data-part="dot"] {
  background: #8353ff;
  border-color: #8353ff;
}

.ui--agents-workspace--inbox-group[data-tone="attention"] [data-part="dot"] {
  background: #9b7b0d;
  border-color: #9b7b0d;
  border-radius: 2px;
}

.ui--agents-workspace--inbox-group [data-part="empty"] {
  color: #626b76;
  padding: 5px 10px;
  font-size: 10px;
}

.ui--agents-workspace--investigation {
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.75;
}

.ui--agents-workspace--investigation h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.ui--agents-workspace--investigation [data-part="user"] {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 26px;
  display: flex;
}

.ui--agents-workspace--investigation [data-part="user"] p {
  white-space: normal;
  flex: 1;
  min-width: 0;
  margin: 0;
}

.ui--agents-workspace--investigation [data-part="message-time"] {
  color: #626b76;
  white-space: nowrap;
  flex: none;
  font-size: 10px;
  line-height: 1.8;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="plan"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 0 0 26px 12px;
  padding: 12px;
}

.ui--agents-workspace--investigation [data-part="plan-heading"] {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.ui--agents-workspace--investigation [data-part="plan-heading"] h2 {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #626b76;
  font-size: 10px;
  font-weight: 500;
}

.ui--agents-workspace--investigation [data-part="plan-heading"] span {
  color: #626b76;
  font-size: 10px;
}

.ui--agents-workspace--investigation [data-part="plan"] ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="plan"] li[data-state="running"], .ui--agents-workspace--investigation [data-part="plan"] li[data-state="in_progress"] {
  color: #0b1319;
  background: #f3eeff;
  font-weight: 600;
}

.ui--agents-workspace--investigation [data-part="findings"] {
  color: #34404b;
  margin: 0 0 20px 18px;
}

.ui--agents-workspace--investigation [data-part="findings"] ul {
  margin: 4px 0 0;
  padding-left: 18px;
}

.ui--agents-workspace--investigation [data-part="marker"] {
  background: #fff;
  border: 1px solid #d5d9dd;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
}

.ui--agents-workspace--investigation [data-state="completed"] > [data-part="marker"], .ui--agents-workspace--investigation [data-state="completed"] > div > [data-part="marker"] {
  background: #e6f8f0;
  border-color: #027d5f;
}

.ui--agents-workspace--investigation [data-state="running"] > [data-part="marker"], .ui--agents-workspace--investigation [data-state="running"] > div > [data-part="marker"] {
  border: 2px solid #e4d9ff;
  border-top-color: #8353ff;
  animation: 1s linear infinite agent-spin;
}

.ui--agents-workspace--investigation [data-part="timeline"] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui--agents-workspace--investigation [data-part="step"] {
  border-left: 1px solid #e8eaec;
  margin-left: 17px;
  padding: 0 0 24px 18px;
}

.ui--agents-workspace--investigation [data-part="step-heading"] {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.ui--agents-workspace--investigation [data-part="step-heading"] > [data-part="marker"] {
  position: absolute;
  left: -24px;
}

.ui--agents-workspace--investigation [data-part="step-status"] {
  color: #626b76;
  white-space: nowrap;
  margin-left: auto;
  font-size: 10px;
}

.ui--agents-workspace--investigation [data-part="step-status"] time, .ui--agents-workspace--investigation [data-state="pending"] {
  color: #626b76;
}

.ui--agents-workspace--investigation details {
  margin: 7px 0;
}

.ui--agents-workspace--investigation summary {
  color: #626b76;
  font-size: 11px;
}

.ui--agents-workspace--investigation [data-part="tool-group"] {
  background: #fbfbfc;
  border: 1px solid #e8eaec;
  border-radius: 7px;
  margin: 12px 0;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="tool-group"] > summary::-webkit-details-marker {
  display: none;
}

.ui--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);
}

.ui--agents-workspace--investigation [data-part="tool-group"][open] > summary:before {
  transform: rotate(45deg);
}

.ui--agents-workspace--investigation [data-part="tool-group-icon"] {
  color: #8353ff;
  font-size: 15px;
  line-height: 1;
}

.ui--agents-workspace--investigation [data-part="tool-group-running"] {
  color: #8353ff;
  margin-left: auto;
  font-weight: 500;
}

.ui--agents-workspace--investigation [data-part="tool-list"] {
  border-top: 1px solid #e8eaec;
  padding: 5px 9px 9px;
}

.ui--agents-workspace--investigation [data-part="tool"] {
  background: #f7f8fa;
  border: 1px solid #f0f1f3;
  border-radius: 5px;
  overflow: hidden;
}

.ui--agents-workspace--investigation [data-part="tool"][data-state="running"] {
  background: #f8f5ff;
  border-color: #ded0ff;
}

.ui--agents-workspace--investigation [data-part="tool"][data-state="failed"] {
  border-color: #f3bac9;
}

.ui--agents-workspace--investigation [data-part="tool"] summary {
  align-items: center;
  gap: 7px;
  padding: 5px 9px;
  list-style: none;
  display: flex;
}

.ui--agents-workspace--investigation [data-part="tool"] summary::-webkit-details-marker {
  display: none;
}

.ui--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);
}

.ui--agents-workspace--investigation [data-part="tool"][open] summary:before {
  transform: rotate(45deg);
}

.ui--agents-workspace--investigation [data-part="tool"] strong {
  color: #7546d5;
  font-weight: 500;
}

.ui--agents-workspace--investigation [data-part="tool"] summary > span:last-child {
  text-align: right;
  margin-left: auto;
  font-size: 10px;
}

.ui--agents-workspace--investigation [data-part="tool"] h3 {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #626b76;
  margin: 10px 10px 0;
  font-size: 9px;
}

.ui--agents-workspace--investigation pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #f7f8fa;
  border-radius: 5px;
  max-height: 320px;
  margin: 6px 0;
  padding: 10px;
  font: 11px / 1.6 monospace;
  overflow-y: auto;
}

.ui--agents-workspace--investigation [data-part="markdown"] {
  color: #3c454c;
  margin-top: 16px;
}

.ui--agents-workspace--investigation [data-part="markdown"] p {
  margin: 0 0 12px;
}

.ui--agents-workspace--investigation [data-answer] {
  color: #26313a;
  font-size: 13px;
  line-height: 1.7;
}

.ui--agents-workspace--investigation [data-answer] > :first-child {
  margin-top: 0;
}

.ui--agents-workspace--investigation [data-answer] > :last-child {
  margin-bottom: 0;
}

.ui--agents-workspace--investigation [data-answer] p + p, .ui--agents-workspace--investigation [data-answer] p + ul, .ui--agents-workspace--investigation [data-answer] p + ol, .ui--agents-workspace--investigation [data-answer] ul + p, .ui--agents-workspace--investigation [data-answer] ol + p {
  margin-top: 12px;
}

.ui--agents-workspace--investigation [data-part="markdown"] h1, .ui--agents-workspace--investigation [data-part="markdown"] h2, .ui--agents-workspace--investigation [data-part="markdown"] h3 {
  color: #0b1319;
  margin: 22px 0 9px;
  font-size: 15px;
  font-weight: 700;
}

.ui--agents-workspace--investigation [data-part="markdown"] ul, .ui--agents-workspace--investigation [data-part="markdown"] ol {
  margin: 0 0 16px;
  padding-left: 20px;
}

.ui--agents-workspace--investigation [data-answer] li + li {
  margin-top: 4px;
}

.ui--agents-workspace--investigation [data-answer] strong {
  color: #0b1319;
}

.ui--agents-workspace--investigation [data-part="markdown"] a {
  color: #7546d5;
  text-decoration: underline;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="markdown"] [data-part="table-scroll"] table {
  max-width: none;
  margin: 0;
  display: table;
}

.ui--agents-workspace--investigation [data-part="markdown"] td, .ui--agents-workspace--investigation [data-part="markdown"] th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border-bottom: 1px solid #e8eaec;
  padding: 7px 10px;
}

.ui--agents-workspace--investigation [data-part="markdown"] thead th {
  color: #34404b;
  background: #f7f8fa;
  font-weight: 700;
}

.ui--agents-workspace--investigation [data-part="markdown"] tbody tr:last-child td {
  border-bottom: 0;
}

.ui--agents-workspace--investigation [data-part="markdown"] tbody tr:hover {
  background: #faf8ff;
}

.ui--agents-workspace--investigation [data-part="markdown"] [data-numeric="true"] {
  text-align: right;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="markdown"] th[data-numeric="true"] button {
  justify-content: flex-end;
}

.ui--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);
}

.ui--agents-workspace--investigation [data-part="markdown"] th[aria-sort="ascending"] button:after {
  border-color: #7546d5;
  transform: rotate(225deg);
}

.ui--agents-workspace--investigation [data-part="markdown"] th[aria-sort="descending"] button:after {
  border-color: #7546d5;
}

.ui--agents-workspace--investigation [data-part="markdown"] th button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #8353ff;
}

.ui--agents-workspace--investigation [data-part="working"] {
  color: #8353ff;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 11px;
  display: flex;
}

.ui--agents-workspace--investigation [data-part="pulse"] {
  background: #8353ff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.4s infinite agent-pulse;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="inline-review-heading"]::-webkit-details-marker {
  display: none;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="inline-review-heading"] > span:first-child {
  color: #3b2462;
}

.ui--agents-workspace--investigation [data-part="inline-review"][data-changeset-status="applied"] [data-part="inline-review-heading"] > span:last-child {
  color: #18734b;
  background: #e7f7ef;
}

.ui--agents-workspace--investigation [data-part="inline-review"][data-changeset-status="rejected"] [data-part="inline-review-heading"] > span:last-child {
  color: #b63653;
  background: #fff0f2;
}

.ui--agents-workspace--investigation [data-part="inline-review"][open] [data-part="inline-review-heading"] > span:last-child > span {
  display: inline-block;
  transform: rotate(180deg);
}

.ui--agents-workspace--investigation [data-part="inline-review-body"] {
  border-top: 1px solid #e8ddfa;
  margin-top: 14px;
  padding-top: 13px;
}

.ui--agents-workspace--investigation [data-part="inline-review-body"] > a {
  color: #7546d5;
  margin-bottom: 14px;
  font-size: 11px;
  display: inline-block;
}

.ui--agents-workspace--investigation [data-part="inline-review"] article {
  max-width: none;
}

.ui--agents-workspace--investigation [data-part="inline-review"] h1 {
  font-size: 15px;
  line-height: 1.4;
}

.ui--agents-workspace--investigation [data-part="inline-review-pending"] {
  color: #626b76;
  font-size: 11px;
}

.ui--agents-workspace--investigation [data-part="inline-review-pending"] strong {
  color: #0b1319;
  font-size: 13px;
  display: block;
}

.ui--agents-workspace--investigation [data-part="inline-review-pending"] p {
  margin: 6px 0 0;
}

.ui--agents-workspace--investigation [data-part="resource-dock"] {
  z-index: 5;
  color: #20232b;
  background: #fff;
  border: 1px solid #e6e2ee;
  border-radius: 18px;
  width: min(286px, 100vw - 32px);
  margin: 0;
  position: fixed;
  top: 76px;
  right: 24px;
  overflow: hidden;
  box-shadow: 0 10px 36px #25113d17, 0 2px 8px #25113d0a;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="resource-dock"] > summary::-webkit-details-marker {
  display: none;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="resource-chevron"] {
  color: #8b8794;
  margin-left: auto;
  transition: transform .15s;
}

.ui--agents-workspace--investigation [data-part="resource-dock"]:not([open]) [data-part="resource-chevron"] {
  transform: rotate(180deg);
}

.ui--agents-workspace--investigation [data-part="resource-body"] {
  max-height: min(48vh, 360px);
  padding: 0 12px 10px;
  overflow-y: auto;
}

.ui--agents-workspace--investigation [data-part="resource-body"] section {
  border-top: 1px solid #efedf2;
  padding: 9px 0 4px;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="resource-body"] a:hover {
  color: #6433cc;
  background: #f7f3ff;
}

.ui--agents-workspace--investigation [data-part="resource-changeset"] {
  background: #faf7ff;
  border: 1px solid #e5d9fb;
  margin-top: 4px;
}

.ui--agents-workspace--investigation [data-part="resource-changeset"] [data-part="resource-type"] {
  color: #6840b5;
  background: #eee5ff;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="resource-body"] a small {
  color: #62606a;
  flex: none;
  font-size: 9px;
}

.ui--agents-workspace--investigation [data-part="resource-type"] {
  color: #625b69;
  background: #f4f4f6;
  border-radius: 4px;
  flex: none;
  padding: 2px 4px;
  font-size: 9px;
}

.ui--agents-workspace--investigation [data-part="resource-body"] > p {
  color: #62606a;
  border-top: 1px solid #efedf2;
  margin: 0;
  padding: 10px 5px 2px;
  font-size: 10px;
}

.ui--agents-workspace--investigation [data-part="resource-footer"] {
  background: #fcfbfe;
  border-top: 1px solid #eae5f2;
  padding: 10px 12px 12px;
}

.ui--agents-workspace--investigation [data-part="resource-session-state"] {
  color: #77717e;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  display: flex;
}

.ui--agents-workspace--investigation [data-part="resource-session-state"] strong {
  color: #494053;
  font-weight: 700;
}

.ui--agents-workspace--investigation [data-part="resource-actions"] {
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.ui--agents-workspace--investigation [data-part="resource-actions"]:not(:has(form)) {
  display: none;
}

.ui--agents-workspace--investigation [data-part="resource-actions"] form {
  flex: 1;
  min-width: 0;
}

.ui--agents-workspace--investigation [data-part="resource-actions"] button {
  white-space: nowrap;
  width: 100%;
  min-height: 30px;
  padding: 5px 7px;
  font-size: 10px;
}

.ui--agents-workspace--investigation [data-part="workflow-action"] button {
  color: #6433cc;
  background: #f1eaff;
  box-shadow: inset 0 0 0 1px #e4d6ff;
}

.ui--agents-workspace--investigation [data-part="workflow-action"] button:hover {
  color: #5725c8;
  background: #e9ddff;
}

.ui--agents-workspace--investigation [data-part="done-action"] button {
  background: var(--color-ento-900);
  color: #fff;
}

.ui--agents-workspace--investigation [data-part="done-action"] button:hover {
  background: var(--color-ento-950);
}

@media (width <= 1199px) {
  .ui--agents-workspace--investigation [data-part="resource-dock"] {
    right: 16px;
  }
}

@media (width <= 640px) {
  .ui--agents-workspace--investigation [data-part="resource-dock"] {
    width: min(286px, 100vw - 24px);
    top: 114px;
    right: 12px;
  }
}

.ui--agents-workspace--investigation [data-part="input"], .ui--agents-workspace--investigation [data-part="approval"], .ui--agents-workspace--investigation [data-part="error"] {
  background: #fefce8;
  border: 1px solid #e9d997;
  border-radius: 8px;
  margin: 20px 0;
  padding: 14px;
}

.ui--agents-workspace--investigation [data-part="error"] {
  background: #fff0f2;
  border-color: #f3bac9;
}

.ui--agents-workspace--investigation [data-part="input"] label, .ui--agents-workspace--investigation [data-part="approval"] label {
  margin: 10px 0;
  display: block;
}

.ui--agents-workspace--investigation [data-part="input"] input, .ui--agents-workspace--investigation [data-part="input"] select, .ui--agents-workspace--investigation [data-part="input"] textarea, .ui--agents-workspace--investigation [data-part="approval"] textarea {
  background: #fff;
  border: 1px solid #d5d9dd;
  border-radius: 4px;
  width: 100%;
  padding: 6px;
  display: block;
}

.ui--agents-workspace--investigation [data-part="approval"] form > div {
  gap: 8px;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--investigation [data-part="approval"] button[value="reject"] {
  color: #6b3445;
  background: #fff;
  border: 1px solid #d5d9dd;
}

@media (prefers-reduced-motion: reduce) {
  .ui--agents-workspace--investigation [data-part="marker"], .ui--agents-workspace--investigation [data-part="pulse"] {
    animation: none !important;
  }
}

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

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

.ui--agents-workspace--report-detail {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--report-detail > header a {
  color: #6433cc;
  font-weight: 600;
}

.ui--agents-workspace--report-detail [data-part="body"] {
  padding: 25px;
  overflow-y: auto;
}

.ui--agents-workspace--report-detail [data-part="heading"] {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.ui--agents-workspace--report-detail h1 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 20px;
  font-weight: 800;
}

.ui--agents-workspace--report-detail p {
  color: #626b76;
  margin: 3px 0;
  font-size: 11px;
}

.ui--agents-workspace--report-detail [data-part="actions"] {
  gap: 8px;
  display: flex;
}

.ui--agents-workspace--report-detail [data-part="actions"] a, .ui--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;
}

.ui--agents-workspace--report-detail iframe {
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  width: 100%;
  height: 72vh;
  min-height: 650px;
  display: block;
}

.ui--agents-workspace--report-detail [data-part="theme"] {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  max-width: 580px;
  margin-top: 18px;
  padding: 14px;
}

.ui--agents-workspace--report-detail [data-part="theme"] summary {
  color: #6433cc;
  font-size: 12px;
  font-weight: 700;
}

.ui--agents-workspace--report-detail [data-part="theme"] form {
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.ui--agents-workspace--report-detail [data-part="theme"] label {
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}

.ui--agents-workspace--report-detail [data-part="theme"] input:not([type="checkbox"]), .ui--agents-workspace--report-detail [data-part="theme"] select, .ui--agents-workspace--report-detail [data-part="theme"] textarea {
  border: 1px solid #dce0e5;
  border-radius: 5px;
  width: 100%;
  padding: 7px;
  font-size: 11px;
}

.ui--agents-workspace--report-detail [data-part="theme"] button {
  color: #fff;
  background: #8353ff;
  border-color: #8353ff;
  width: fit-content;
}

.ui--agents-workspace--report-detail [data-part="delete"] {
  margin-top: 20px;
}

.ui--agents-workspace--report-detail [data-part="delete"] button {
  color: #9c3550;
  border-color: #efc8d2;
}

@media (width <= 640px) {
  .ui--agents-workspace--report-detail [data-part="body"] {
    padding: 18px;
  }

  .ui--agents-workspace--report-detail [data-part="heading"] {
    display: block;
  }
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

:is(.ui--agents-workspace--report-directory, .ui--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;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) > header a {
  color: #6433cc;
  font-weight: 600;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) [data-part="body"] {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 36px 28px;
  overflow-y: auto;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) h1 {
  letter-spacing: -.04em;
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 800;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) input {
  border: 1px solid #e8eaec;
  border-radius: 7px;
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) li {
  color: #626b76;
  border-bottom: 1px solid #e8eaec;
  padding: 12px 14px;
  font-size: 12px;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) li:last-child {
  border-bottom: 0;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) li:hover {
  background: #fcfbff;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) li a {
  color: #0b1319;
  display: block;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) li strong {
  font-size: 12px;
  font-weight: 700;
  display: block;
}

:is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) li small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

@media (width <= 640px) {
  :is(.ui--agents-workspace--report-directory, .ui--agents-workspace--changeset-directory) [data-part="body"] {
    padding: 24px 18px;
  }
}

.ui--agents-workspace--workflow-create {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--workflow-create > header a {
  color: #6433cc;
  font-weight: 600;
}

.ui--agents-workspace--workflow-create [data-part="body"] {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 32px 28px;
  overflow-y: auto;
}

.ui--agents-workspace--workflow-create h1 {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 22px;
  font-weight: 800;
}

.ui--agents-workspace--workflow-create p {
  color: #626b76;
  margin: 5px 0 18px;
  font-size: 12px;
}

.ui--agents-workspace--workflow-create nav {
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 18px;
  display: flex;
}

.ui--agents-workspace--workflow-create nav a {
  color: #6433cc;
  background: #f3eeff;
  border-radius: 5px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 600;
}

.ui--agents-workspace--workflow-create form {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.ui--agents-workspace--workflow-create form label {
  color: #3f4852;
  flex-direction: column;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.ui--agents-workspace--workflow-create form input, .ui--agents-workspace--workflow-create form textarea, .ui--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;
}

.ui--agents-workspace--workflow-create form textarea {
  min-height: 300px;
  font-family: ui-monospace, monospace;
  line-height: 1.5;
}

.ui--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;
}

.ui--agents-workspace--workflow-create .errorlist {
  color: #a32743;
  font-size: 11px;
}

@media (width <= 640px) {
  .ui--agents-workspace--workflow-create [data-part="body"] {
    padding: 24px 18px;
  }
}

.ui--agents-workspace--workflow-detail {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--workflow-detail > header a {
  color: #6433cc;
  font-weight: 600;
}

.ui--agents-workspace--workflow-detail [data-part="body"] {
  padding: 34px 28px 60px;
  overflow-y: auto;
}

.ui--agents-workspace--workflow-detail [data-part="heading"] {
  max-width: 960px;
  margin: 0 auto 22px;
}

.ui--agents-workspace--workflow-detail [data-part="eyebrow"] {
  color: #8353ff;
  font-size: 10px;
  font-weight: 700;
}

.ui--agents-workspace--workflow-detail h1 {
  letter-spacing: -.04em;
  margin: 5px 0 7px;
  font-size: 24px;
  font-weight: 800;
}

.ui--agents-workspace--workflow-detail h2 {
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 700;
}

.ui--agents-workspace--workflow-detail h3 {
  margin: 20px 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.ui--agents-workspace--workflow-detail p {
  color: #626b76;
  margin: 8px 0;
  font-size: 12px;
}

.ui--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;
}

.ui--agents-workspace--workflow-detail [data-part="columns"] {
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 18px;
  max-width: 960px;
  margin: auto;
  display: grid;
}

.ui--agents-workspace--workflow-detail section {
  background: #fff;
  border: 1px solid #e8eaec;
  border-radius: 9px;
  margin-bottom: 18px;
  padding: 20px;
}

.ui--agents-workspace--workflow-detail form {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.ui--agents-workspace--workflow-detail form label {
  color: #3f4852;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.ui--agents-workspace--workflow-detail form label[data-part="checkbox"] {
  flex-direction: row;
  align-items: center;
}

.ui--agents-workspace--workflow-detail form input:not([type="checkbox"]), .ui--agents-workspace--workflow-detail form textarea, .ui--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;
}

.ui--agents-workspace--workflow-detail form textarea {
  min-height: 230px;
  font-family: ui-monospace, monospace;
  line-height: 1.5;
}

.ui--agents-workspace--workflow-detail form small {
  color: #626b76;
  font-size: 10px;
  font-weight: 400;
}

.ui--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;
}

.ui--agents-workspace--workflow-detail [data-part="primary-button"]:hover {
  background: #7440ff;
}

.ui--agents-workspace--workflow-detail [data-part="edit-actions"] {
  gap: 8px;
  display: flex;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--workflow-detail [data-part="error"] {
  color: #a32743;
}

.ui--agents-workspace--workflow-detail ul, .ui--agents-workspace--workflow-detail ol {
  color: #3f4852;
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
}

.ui--agents-workspace--workflow-detail li {
  margin: 6px 0;
}

.ui--agents-workspace--workflow-detail [data-part="secondary"] ul {
  padding: 0;
  list-style: none;
}

.ui--agents-workspace--workflow-detail [data-part="secondary"] li {
  border-bottom: 1px solid #e8eaec;
  padding: 8px 0;
}

.ui--agents-workspace--workflow-detail [data-part="secondary"] li:last-child {
  border-bottom: 0;
}

.ui--agents-workspace--workflow-detail [data-part="secondary"] a {
  color: #6433cc;
  font-weight: 600;
}

.ui--agents-workspace--workflow-detail [data-part="secondary"] small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.ui--agents-workspace--workflow-detail [data-part="schedule"] {
  border-top: 1px solid #e8eaec;
  padding: 15px 0;
}

.ui--agents-workspace--workflow-detail [data-part="schedule"] h3 {
  margin-top: 0;
}

.ui--agents-workspace--workflow-detail [data-part="schedule"] button, .ui--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;
}

.ui--agents-workspace--workflow-detail [data-part="delete-schedule"] {
  margin-top: 8px;
}

.ui--agents-workspace--workflow-detail [data-part="delete-schedule"] button {
  color: #9c3550;
  border-color: #efc8d2;
}

.ui--agents-workspace--workflow-detail [data-part="new-schedule"] {
  border-top: 1px solid #e8eaec;
  padding-top: 14px;
}

.ui--agents-workspace--workflow-detail [data-part="new-schedule"] summary {
  color: #6433cc;
  font-size: 11px;
  font-weight: 700;
}

.ui--agents-workspace--workflow-detail [data-part="new-schedule"] form {
  margin-top: 14px;
}

@media (width <= 780px) {
  .ui--agents-workspace--workflow-detail [data-part="columns"] {
    grid-template-columns: 1fr;
  }

  .ui--agents-workspace--workflow-detail [data-part="body"] {
    padding: 24px 18px;
  }
}

.ui--agents-workspace--workflow-directory {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--workflow-directory [data-part="body"] {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 36px 28px;
  overflow-y: auto;
}

.ui--agents-workspace--workflow-directory h1 {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 23px;
  font-weight: 800;
}

.ui--agents-workspace--workflow-directory [data-part="heading"] {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ui--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;
}

.ui--agents-workspace--workflow-directory p {
  color: #626b76;
  margin: 5px 0 22px;
  font-size: 12px;
}

.ui--agents-workspace--workflow-directory nav {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.ui--agents-workspace--workflow-directory nav a {
  color: #626b76;
  background: #f7f8fa;
  border-radius: 5px;
  padding: 4px 9px;
  font-size: 10px;
}

.ui--agents-workspace--workflow-directory nav a[aria-current] {
  color: #6433cc;
  background: #f3eeff;
}

.ui--agents-workspace--workflow-directory section {
  margin-top: 28px;
}

.ui--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;
}

.ui--agents-workspace--workflow-directory h2 small {
  color: #8b929a;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.ui--agents-workspace--workflow-directory ul {
  border: 1px solid #e8eaec;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.ui--agents-workspace--workflow-directory li {
  border-bottom: 1px solid #e8eaec;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  display: flex;
}

.ui--agents-workspace--workflow-directory li:last-child {
  border-bottom: 0;
}

.ui--agents-workspace--workflow-directory li:hover {
  background: #fcfbff;
}

.ui--agents-workspace--workflow-directory li a {
  color: #0b1319;
  flex: 1;
}

.ui--agents-workspace--workflow-directory li strong {
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.ui--agents-workspace--workflow-directory li small {
  color: #626b76;
  font-size: 10px;
  display: block;
}

.ui--agents-workspace--workflow-directory li span {
  color: #626b76;
  font-size: 10px;
}

.ui--agents-workspace--workflow-directory [data-part="empty"] {
  color: #626b76;
  border: 1px solid #e8eaec;
  border-radius: 8px;
  padding: 20px;
  font-size: 12px;
}

@media (width <= 640px) {
  .ui--agents-workspace--workflow-directory [data-part="body"] {
    padding: 24px 18px;
  }
}

.ui--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;
}

.ui--agents-workspace--workspace * {
  box-sizing: border-box;
}

.ui--agents-workspace--workspace button, .ui--agents-workspace--workspace input, .ui--agents-workspace--workspace textarea, .ui--agents-workspace--workspace select {
  font: inherit;
}

.ui--agents-workspace--workspace button, .ui--agents-workspace--workspace summary {
  cursor: pointer;
}

.ui--agents-workspace--workspace a {
  text-decoration: none;
}

.ui--agents-workspace--workspace :focus-visible {
  outline-offset: 2px;
  outline: 3px solid #ccbaff;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--workspace [data-part="topbar-session"] {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ui--agents-workspace--workspace [data-part="topbar-session"] h1 {
  color: #20232b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.ui--agents-workspace--workspace [data-part="topbar-share"] {
  flex: none;
  position: relative;
}

.ui--agents-workspace--workspace [data-part="topbar-share"] button {
  border-radius: 8px;
  width: 30px;
  height: 30px;
}

.ui--agents-workspace--workspace [data-part="topbar-share"] button[data-copied] {
  color: #6433cc;
  background: #f5f0ff;
}

.ui--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;
}

.ui--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;
}

.ui--agents-workspace--workspace [data-part="switch"] {
  flex: none;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.ui--agents-workspace--workspace [data-part="inbox"] {
  border-right: 1px solid var(--agent-border);
  background: #fafafb;
  grid-area: 2 / 1;
  min-height: 0;
}

.ui--agents-workspace--workspace [data-part="main"] {
  grid-area: 2 / 2;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.ui--agents-workspace--workspace [data-part="mobile-nav"] {
  display: none;
}

.ui--agents-workspace--workspace [data-part="skip"] {
  z-index: 100;
  background: #fff;
  padding: 8px;
  position: absolute;
  top: -100px;
  left: 240px;
}

.ui--agents-workspace--workspace [data-part="skip"]:focus {
  top: 8px;
}

@media (width >= 1600px) {
  .ui--agents-workspace--workspace {
    grid-template-columns: 248px minmax(0, 1fr);
  }
}

@media (width <= 959px) {
  .ui--agents-workspace--workspace {
    grid-template-columns: 208px minmax(0, 1fr);
  }
}

@media (width <= 640px) {
  .ui--agents-workspace--workspace {
    grid-template-rows: 56px 44px minmax(0, 1fr);
    grid-template-columns: 1fr auto;
  }

  .ui--agents-workspace--workspace [data-part="brand"] {
    border-right: 0;
  }

  .ui--agents-workspace--workspace [data-part="mobile-nav"] {
    grid-area: 1 / 1;
    justify-content: flex-end;
    align-items: center;
    padding-right: 12px;
    display: flex;
  }

  .ui--agents-workspace--workspace [data-part="brand"] {
    padding-right: 80px;
  }

  .ui--agents-workspace--workspace [data-part="topbar"] {
    grid-area: 2 / 1 / auto / 3;
    padding: 0 12px;
  }

  .ui--agents-workspace--workspace [data-part="switch"] {
    z-index: 1;
  }

  .ui--agents-workspace--workspace [data-part="mobile-nav"] button {
    font-size: 11px;
  }

  .ui--agents-workspace--workspace [data-part="inbox"] {
    display: none;
  }

  .ui--agents-workspace--workspace [data-part="main"] {
    grid-column: 1 / 3;
  }

  .ui--agents-workspace--workspace[data-inbox-open] [data-part="inbox"] {
    z-index: 6;
    grid-area: 3 / 1 / auto / 3;
    display: block;
  }

  .ui--agents-workspace--workspace [data-part="main"] {
    grid-row: 3;
  }
}

.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--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));
}

.ui--camera--show [hidden] {
  display: none !important;
}

.ui--camera--show header {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  padding: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.ui--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);
}

.ui--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);
}

.ui--camera--show a {
  text-underline-offset: 2px;
  text-decoration-line: underline;
}

.ui--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;
}

.ui--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));
}

.ui--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));
}

.ui--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);
}

.ui--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) {
  .ui--camera--show [data-part="permissions"] > button:hover {
    background-color: var(--color-indigo-500, oklch(58.5% .233 277.117));
  }
}

.ui--camera--show [data-part="permissions"] > button:disabled {
  cursor: wait;
  background-color: var(--color-indigo-400, oklch(67.3% .182 276.935));
}

.ui--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));
}

.ui--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));
}

.ui--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;
}

.ui--camera--show video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ui--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)) {
  .ui--camera--show [data-part="fullscreen-toggle"] {
    background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 80%, transparent);
  }
}

.ui--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);
}

.ui--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);
}

.ui--camera--show[data-camera-only] {
  z-index: 50;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.ui--camera--show[data-camera-only] > :not([data-part="viewport"]) {
  display: none;
}

.ui--camera--show[data-camera-only] [data-part="viewport"] {
  width: 100%;
  height: 100dvh;
  min-height: 0;
}

.ui--camera--show[data-camera-only] [data-part="camera-note"], .ui--camera--show[data-camera-only] [data-part="bearing"] {
  display: none;
}

.ui--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));
}

.ui--camera--show [data-part="camera-note"] {
  inset-inline: 0;
  background-color: #0f172bcc;
  position: absolute;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ui--camera--show [data-part="camera-note"] {
    background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 80%, transparent);
  }
}

.ui--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);
}

.ui--camera--show [data-part="bearing"] {
  inset-inline: 0;
  background-color: #0f172bcc;
  position: absolute;
  bottom: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ui--camera--show [data-part="bearing"] {
    background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 80%, transparent);
  }
}

.ui--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);
}

.ui--camera--show [data-part="overlay"] {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ui--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)) {
  .ui--camera--show [data-part="overlay"] article {
    border-color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
  }
}

.ui--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)) {
  .ui--camera--show [data-part="overlay"] article {
    background-color: color-mix(in oklab, var(--color-white, #fff) 95%, transparent);
  }
}

.ui--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, );
}

.ui--camera--show [data-part="overlay"] [data-field="updated"] {
  display: none;
}

.ui--camera--show [data-part="controls"], .ui--camera--show [data-part="nearby"], .ui--camera--show footer {
  max-width: var(--container-5xl, 64rem);
  margin-inline: auto;
}

:where(:is(.ui--camera--show [data-part="controls"], .ui--camera--show [data-part="nearby"], .ui--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)));
}

.ui--camera--show [data-part="controls"], .ui--camera--show [data-part="nearby"], .ui--camera--show footer {
  padding: calc(var(--spacing, .25rem) * 4);
}

.ui--camera--show [data-part="controls"] {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  flex-wrap: wrap;
  display: flex;
}

.ui--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;
}

.ui--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));
}

.ui--camera--show [data-part="controls"] > p {
  width: 100%;
}

.ui--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);
}

.ui--camera--show [data-part="nearby"] article {
  margin-block: calc(var(--spacing, .25rem) * 3);
}

:where(.ui--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)));
}

.ui--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));
}

.ui--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) {
  .ui--camera--show [data-part="card-title"] a:hover {
    color: var(--color-indigo-700, oklch(45.7% .24 277.023));
  }
}

.ui--camera--show [data-part="organization"] {
  margin-top: calc(var(--spacing, .25rem) * 3);
}

.ui--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;
}

.ui--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;
}

.ui--camera--show [data-field="metadata"] {
  margin-top: var(--spacing, .25rem);
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
}

.ui--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;
}

.ui--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;
}

.ui--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);
}

.ui--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;
}

.ui--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));
}

.ui--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, );
}

.ui--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));
}

.ui--camera--show [data-part="rank-value"] {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  flex-wrap: wrap;
  display: flex;
}

.ui--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;
}

.ui--camera--show [data-field="percentile"]:empty {
  display: none;
}

.ui--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)));
}

.ui--camera--show [data-part="overlay"] [data-part="organization"] {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
}

.ui--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)));
}

.ui--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);
}

.ui--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);
}

.ui--camera--show [data-part="overlay"] dl > div {
  padding: calc(var(--spacing, .25rem) * 1.5);
}

.ui--camera--show [data-part="overlay"] dt {
  color: var(--color-slate-600, oklch(44.6% .043 257.281));
  font-size: .625rem;
}

.ui--camera--show [data-part="overlay"] dd {
  --tw-leading: var(--leading-tight, 1.25);
  font-size: .6875rem;
  line-height: var(--leading-tight, 1.25);
}

.ui--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)));
}

.ui--camera--show [data-part="nearby"] > p, .ui--camera--show footer, .ui--camera--show [data-field="metadata"], .ui--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));
}

.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--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--overlays--modal[data-variant="preview"] {
  display: block;
  position: relative;
  overflow: visible;
}

.ui--overlays--modal .modal-dialog {
  max-width: var(--container-lg, 32rem);
  margin-inline: auto;
}

.ui--overlays--modal .modal-content {
  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--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--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--inspector-columns {
  flex: 1;
  grid-template-rows: minmax(480px, 80dvh) minmax(480px, 80dvh);
  min-height: 0;
  display: grid;
  overflow: auto;
}

.ui--workspace--inspector-columns .ui--workspace--resize-handle[data-variant="column"] {
  display: none;
}

.ui--workspace--inspector-columns .ui--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--workspace--inspector-columns[data-variant="parameters"] {
  grid-template-rows: repeat(2, minmax(480px, 80dvh)) minmax(320px, 50dvh);
}

@media (width <= 1023px) {
  .ui--workspace--inspector-columns[data-mobile-pane] {
    display: block;
    overflow: hidden;
  }

  .ui--workspace--inspector-columns[data-mobile-pane] > .ui--workspace--inspector-column {
    height: 100%;
    display: none;
  }

  .ui--workspace--inspector-columns[data-mobile-pane][data-mobile-pane="source"] > [data-variant="settings"], .ui--workspace--inspector-columns[data-mobile-pane][data-mobile-pane="canvas"] > [data-variant="preview"], .ui--workspace--inspector-columns[data-mobile-pane][data-mobile-pane="controls"] > [data-variant="parameters"] {
    display: flex;
  }
}

@media (width >= 1024px) {
  .ui--workspace--inspector-columns {
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) 8px var(--params-width, 320px);
    overflow: hidden;
  }

  .ui--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--workspace--inspector-columns[data-variant="parameters"] > * {
    grid-row: 1;
  }

  .ui--workspace--inspector-columns[data-variant="parameters"] > [data-variant="parameters"] {
    --column-expand-icon: "‹";
    grid-column: 5;
  }

  .ui--workspace--inspector-columns[data-variant="parameters"] > .ui--workspace--resize-handle:has( + [data-variant="parameters"]) {
    grid-column: 4;
  }

  .ui--workspace--inspector-columns[data-variant="parameters"] > [data-variant="preview"] {
    grid-column: 3;
  }

  .ui--workspace--inspector-columns[data-variant="parameters"] > [data-variant="settings"] + .ui--workspace--resize-handle {
    grid-column: 2;
  }

  .ui--workspace--inspector-columns[data-variant="parameters"] > [data-variant="settings"] {
    grid-column: 1;
  }

  .ui--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--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--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--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--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--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--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--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--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--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--workspace--inspector-columns .ui--workspace--resize-handle[data-variant="column"] {
    display: block;
  }
}

.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--preview-frame > [data-part="viewport"] {
  resize: horizontal;
  width: 100%;
  min-width: 240px;
  max-width: 100%;
}

@media (width <= 600px) {
  .ui--workspace--preview-frame {
    padding: 12px;
  }
}

.ui--workspace--preview-frame[data-variant="inspector"] [data-part="viewport"] {
  resize: none;
  min-width: 0;
  max-width: 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;
  }
}