/* /node_modules/@clickhouse/click-ui/dist/esm/components/Icon/Icon.css */
.svg-wrapper__fkBYp {
  display: flex;
  padding: 0;
  align-items: center;
  border-radius: var(--border-radii-full);
  background: var(--click-icon-color-background-default);
  color: var(--svg-icon-color, currentcolor);
}

.svg-wrapper__fkBYp svg {
  width: var(--svg-width, var(--click-image-md-size-width));
  height: var(--svg-height, var(--click-image-md-size-height));
}

.svg-wrapper__fkBYp :is(path[stroke], svg[stroke]:not([stroke='none']), rect[stroke], circle[fill]) {
  stroke: var(--svg-icon-color, currentcolor);
}

.svg-wrapper__fkBYp :is(path[fill], svg[fill]:not([fill='none']), rect[fill], circle[fill]) {
  fill: var(--svg-icon-color, currentcolor);
}

.svg-wrapper_size_xs__iu6Dh {
  --svg-state-padding: var(--click-icon-space-xs-all);
}

.svg-wrapper_size_xs__iu6Dh svg {
  width: var(--svg-width, var(--click-image-xs-size-width));
  height: var(--svg-height, var(--click-image-xs-size-height));
}

.svg-wrapper_size_sm__vPYwD {
  --svg-state-padding: var(--click-icon-space-sm-all);
}

.svg-wrapper_size_sm__vPYwD svg {
  width: var(--svg-width, var(--click-image-sm-size-width));
  height: var(--svg-height, var(--click-image-sm-size-height));
}

.svg-wrapper_size_md__XKE27 {
  --svg-state-padding: var(--click-icon-space-md-all);
}

.svg-wrapper_size_md__XKE27 svg {
  width: var(--svg-width, var(--click-image-md-size-width));
  height: var(--svg-height, var(--click-image-md-size-height));
}

.svg-wrapper_size_lg__71xI0 {
  --svg-state-padding: var(--click-icon-space-lg-all);
}

.svg-wrapper_size_lg__71xI0 svg {
  width: var(--svg-width, var(--click-image-lg-size-width));
  height: var(--svg-height, var(--click-image-lg-size-height));
}

.svg-wrapper_size_xl__tOVHR {
  --svg-state-padding: var(--click-icon-space-xl-all);
}

.svg-wrapper_size_xl__tOVHR svg {
  width: var(--svg-width, var(--click-image-xl-size-width));
  height: var(--svg-height, var(--click-image-xl-size-height));
}

.svg-wrapper_size_xxl__pKrjr {
  --svg-state-padding: var(--click-icon-space-xxl-all);
}

.svg-wrapper_size_xxl__pKrjr svg {
  width: var(--svg-width, var(--click-image-xxl-size-width));
  height: var(--svg-height, var(--click-image-xxl-size-height));
}

.svg-wrapper_state_success__SG0rW {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-success);
  color: var(--click-icon-color-text-success);
}

.svg-wrapper_state_warning__hzZtU {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-warning);
  color: var(--click-icon-color-text-warning);
}

.svg-wrapper_state_danger__eGGpB {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-danger);
  color: var(--click-icon-color-text-danger);
}

.svg-wrapper_state_info__VNIFj {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-info);
  color: var(--click-icon-color-text-info);
}

.svg-image__X4D5L {
  display: flex;
  align-items: center;
}

.svg-image_size_xs__3cjNj {
  width: var(--click-image-xs-size-width);
  height: var(--click-image-xs-size-height);
}

.svg-image_size_sm__2nj5- {
  width: var(--click-image-sm-size-width);
  height: var(--click-image-sm-size-height);
}

.svg-image_size_md__VlGV0 {
  width: var(--click-image-md-size-width);
  height: var(--click-image-md-size-height);
}

.svg-image_size_lg__AwS66 {
  width: var(--click-image-lg-size-width);
  height: var(--click-image-lg-size-height);
}

.svg-image_size_xl__cAmRV {
  width: var(--click-image-xl-size-width);
  height: var(--click-image-xl-size-height);
}

.svg-image_size_xxl__oaQUY {
  width: var(--click-image-xxl-size-width);
  height: var(--click-image-xxl-size-height);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CodeBlock/InlineCodeBlock.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. codeInline) */

.inline__jYdpl {
  padding: 0 var(--click-codeInline-space-x);
  border: 1px solid var(--click-codeInline-color-stroke-default);
  border-radius: var(--click-codeInline-radii-all);
  background: var(--click-codeInline-color-background-default);
  color: var(--click-codeInline-color-text-default);
  font: var(--click-codeInline-typography-text-default);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/InputWrapper/InputWrapper.css */
/* Design tokens use camelCase segments (e.g. fieldText). */
/* stylelint-disable custom-property-pattern */
/* The original styled-components used vendor-prefixed autofill/appearance
   overrides and native resize; `:autofill` overrides require `-webkit-box-shadow`
   specifically, so these are preserved verbatim for byte-for-byte parity. */
/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable plugin/no-unsupported-browser-features */
/* The disabled-state rules intentionally come last to win the cascade, matching
   the styled-components source order; this trips no-descending-specificity. */
/* stylelint-disable no-descending-specificity */
.wrapper__WHwoB {
  display: flex;
  width: inherit;
  justify-content: space-between;
  align-items: center;
  gap: var(--click-field-space-gap);
  border: 1px solid var(--click-field-color-stroke-default);
  border-radius: var(--click-field-radii-all);
  background: var(--click-field-color-background-default);
  color: var(--click-field-color-text-default);
  font: var(--click-field-typography-fieldText-default);
}

.wrapper__WHwoB span:first-of-type {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapper__WHwoB *:autofill,
.wrapper__WHwoB *:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50vh var(--click-field-color-background-default) inset;
  caret-color: var(--click-field-color-text-default);
  -webkit-text-fill-color: var(--click-field-color-text-default);
}

.wrapper__WHwoB:hover {
  border: 1px solid var(--click-field-color-stroke-hover);
  background: var(--click-field-color-background-hover);
  color: var(--click-field-color-text-hover);
}

.wrapper__WHwoB:hover *:autofill,
.wrapper__WHwoB:hover *:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50vh var(--click-field-color-background-hover) inset;
  caret-color: var(--click-field-color-text-hover);
  -webkit-text-fill-color: var(--click-field-color-text-hover);
}

.wrapper_resize_vertical__43Ah9,
.wrapper_resize_horizontal__Cgy4t,
.wrapper_resize_both__WKn55 {
  overflow: auto;
}

.wrapper_resize_vertical__43Ah9 {
  resize: vertical;
}

.wrapper_resize_horizontal__Cgy4t {
  resize: horizontal;
}

.wrapper_resize_both__WKn55 {
  resize: both;
}

.wrapper__WHwoB:not(.wrapper_error__SB99e):focus-within,
.wrapper__WHwoB:not(.wrapper_error__SB99e)[data-state='open'] {
  border: 1px solid var(--click-field-color-stroke-active);
  background: var(--click-field-color-background-active);
  color: var(--click-field-color-text-active);
  font: var(--click-field-typography-fieldText-active);
}

.wrapper__WHwoB:not(.wrapper_error__SB99e):focus-within *:autofill,
.wrapper__WHwoB:not(.wrapper_error__SB99e):focus-within *:-webkit-autofill,
.wrapper__WHwoB:not(.wrapper_error__SB99e)[data-state='open'] *:autofill,
.wrapper__WHwoB:not(.wrapper_error__SB99e)[data-state='open'] *:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50vh var(--click-field-color-background-active) inset;
  caret-color: var(--click-field-color-text-active);
  -webkit-text-fill-color: var(--click-field-color-text-active);
}

.wrapper_error__SB99e {
  border: 1px solid var(--click-field-color-stroke-error);
  background: var(--click-field-color-background-active);
  color: var(--click-field-color-text-error);
  font: var(--click-field-typography-fieldText-error);
}

.wrapper_error__SB99e *:autofill,
.wrapper_error__SB99e *:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50vh var(--click-field-color-background-error) inset;
  caret-color: var(--click-field-color-text-error);
  -webkit-text-fill-color: var(--click-field-color-text-error);
}

.wrapper_error__SB99e:hover {
  border: 1px solid var(--click-field-color-stroke-error);
  color: var(--click-field-color-text-error);
}

.wrapper_error__SB99e:hover *:autofill,
.wrapper_error__SB99e:hover *:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50vh var(--click-field-color-background-error) inset;
  caret-color: var(--click-field-color-text-error);
  -webkit-text-fill-color: var(--click-field-color-text-error);
}

.wrapper__WHwoB:disabled,
.wrapper__WHwoB.disabled__vXh63 {
  border: 1px solid var(--click-field-color-stroke-disabled);
  background: var(--click-field-color-background-disabled);
  color: var(--click-field-color-text-disabled);
  font: var(--click-field-typography-fieldText-disabled);
}

.wrapper__WHwoB:disabled *:autofill,
.wrapper__WHwoB:disabled *:-webkit-autofill,
.wrapper__WHwoB.disabled__vXh63 *:autofill,
.wrapper__WHwoB.disabled__vXh63 *:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50vh var(--click-field-color-background-disabled) inset;
  caret-color: var(--click-field-color-text-disabled);
  -webkit-text-fill-color: var(--click-field-color-text-disabled);
}

.input__0fhe3 {
  width: 100%;
  padding: var(--click-field-space-y) 0;
  padding-right: var(--click-field-space-x);
  padding-left: var(--click-field-space-x);
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  outline: none;
}

.input_has-start-content__JXy30 {
  padding-left: 0;
}

.input_has-end-content__i10tl {
  padding-right: 0;
}

.input__0fhe3::placeholder {
  color: var(--click-field-color-placeholder-default);
}

.input__0fhe3:disabled::placeholder,
.input__0fhe3.disabled__vXh63::placeholder {
  color: var(--click-field-color-placeholder-disabled);
}

.number-input_hide-controls__sbWrG::-webkit-outer-spin-button,
.number-input_hide-controls__sbWrG::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.number-input_hide-controls__sbWrG {
  -moz-appearance: textfield;
}

.textarea__y-Il1 {
  width: 100%;
  padding: var(--click-field-space-y) var(--click-field-space-x);
  align-self: stretch;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  outline: none;
  resize: none;
}

.textarea__y-Il1::placeholder {
  color: var(--click-field-color-placeholder-default);
}

.icon-button__b4bWG {
  padding: var(--click-field-space-y) 0;
  border: none;
  background: transparent;
  color: inherit;
  outline: none;
}

.icon-button__b4bWG:not(:disabled) {
  cursor: pointer;
}

.icon-wrapper__wvaLj:first-of-type {
  padding-left: var(--click-field-space-gap);
}

.icon-wrapper__wvaLj:last-of-type {
  padding-right: var(--click-field-space-x);
}

.start-content__2ejJV {
  display: flex;
  padding-left: var(--click-field-space-x);
  align-items: center;
  align-self: stretch;
  gap: var(--click-field-space-gap);
  cursor: text;
}

.end-content__xNk8- {
  display: flex;
  padding-right: var(--click-field-space-x);
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  gap: var(--click-field-space-gap);
  white-space: nowrap;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FormContainer/FormRoot.css */
.form-root__BT-Th {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: var(--click-field-space-gap);
}

.form-root__BT-Th * {
  outline: none;
  box-shadow: none;
}

.form-root_direction_column-reverse__CqP8o {
  flex-direction: column-reverse;
}

.form-root_direction_column__1qZoL {
  flex-direction: column;
}

.form-root_direction_row-reverse__TlRP3 {
  flex-direction: row-reverse;
}

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

.form-root_add-label-padding__-HfgB label {
  padding-top: calc(var(--click-field-space-y) + 1px);
  line-height: 1lh;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FormContainer/FormElementContainer.css */
.form-element-container__cy-tb {
  display: flex;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so the container fills the available inline space. */
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  flex-direction: column;
  align-items: flex-start;
  gap: var(--click-field-space-gap);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FormContainer/Error.css */
.error__Wvrfq {
  color: var(--click-field-color-label-error);
  font: var(--click-field-typography-label-error);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Label/Label.css */
.label__RaRvM {
  color: var(--click-field-color-label-default);
  font: var(--click-field-typography-label-default);
}

/* Hover/focus rules only apply when neither disabled nor error is set, matching
   the original styled-components behavior (which simply didn't emit them in
   those states). The :not() chain also raises specificity above 0-1-0 so these
   rules win over InputWrapper's `labelColor` override (a 0-1-0 single-class
   styled-components selector injected later in the cascade). The .label_error
   and .label_disabled modifiers below stay at 0-1-0 on purpose, so labelColor
   continues to override them. */
.label__RaRvM:not(.label_error__k6yT0, .label_disabled__8BGcG):hover {
  color: var(--click-field-color-label-hover);
  font: var(--click-field-typography-label-hover);
}

.label__RaRvM:not(.label_error__k6yT0, .label_disabled__8BGcG):focus,
.label__RaRvM:not(.label_error__k6yT0, .label_disabled__8BGcG):focus-within {
  color: var(--click-field-color-label-active);
  font: var(--click-field-typography-label-active);
}

.label_error__k6yT0 {
  color: var(--click-field-color-label-error);
  font: var(--click-field-typography-label-error);
}

.label_disabled__8BGcG {
  color: var(--click-field-color-label-disabled);
  font: var(--click-field-typography-label-disabled);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Assets/Icons/Loaders.css */
.loading__5BGdj {
  transform: scaleX(-1);
}

.loading-animated__hAN7V {
  animation: loaders-spin__bMTqx 1s infinite linear;
}

.horizontal-loading__3ooCL circle {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: horizontal-loading__3ooCL;
  animation-timing-function: linear;
}

.horizontal-loading__3ooCL circle:nth-child(1) {
  animation-name: loaders-horizontal-circle-1__GJ-tO;
}

.horizontal-loading__3ooCL circle:nth-child(2) {
  animation-name: loaders-horizontal-circle-2__QOcb2;
}

.horizontal-loading__3ooCL circle:nth-child(3) {
  animation-name: loaders-horizontal-circle-3__R51yU;
}

@keyframes loaders-spin__bMTqx {
  from {
    transform: rotate(0deg) scaleX(-1);
  }

  to {
    transform: rotate(360deg) scaleX(-1);
  }
}

@keyframes loaders-horizontal-circle-1__GJ-tO {
  0 {
    r: 0;
  }

  30% {
    r: 1.5;
  }

  60% {
    r: 0;
  }

  100% {
    r: 0;
  }
}

@keyframes loaders-horizontal-circle-2__QOcb2 {
  0 {
    r: 0;
  }

  20% {
    r: 0;
  }

  40% {
    r: 1.5;
  }

  80% {
    r: 0;
  }

  100% {
    r: 0;
  }
}

@keyframes loaders-horizontal-circle-3__R51yU {
  0 {
    r: 0;
  }

  40% {
    r: 0;
  }

  80% {
    r: 1.5;
  }

  100% {
    r: 0;
  }
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Container/Container.css */
/* Kept at zero specificity via :where() so that modifier classes (e.g.
   .container_padding_md) and downstream styled-components overrides on a
   styled(Container) both win without needing a specificity hack — Container is
   a CSS Module, whose rules otherwise beat equal-specificity styled-components. */
:where(.container__JMoiT) {
  /* These props are only emitted as inline custom properties when the
     matching Container prop is set (grow, shrink, fillHeight, minHeight,
     maxHeight, overflow). Custom properties inherit by default, so without
     this reset a nested Container would inherit an ancestor's value — e.g. a
     parent with `fillHeight` would force `height: 100%` onto every descendant
     Container, and a parent with `grow` would make children flex-grow too.
     Resetting the variables on `.container` prevents inheritance; using `initial`
     makes the consuming declarations compute to their initial values when the prop
     is unset (the `var()` fallbacks below are an extra guard). */
  --container-height: initial;
  --container-min-height: initial;
  --container-max-height: initial;
  --container-overflow: initial;
  --container-grow: initial;
  --container-shrink: initial;
  display: var(--container-display, flex);
  width: var(--container-width, 100%);
  min-width: var(--container-min-width, auto);
  max-width: var(--container-max-width, none);
  height: var(--container-height, auto);
  min-height: var(--container-min-height, auto);
  max-height: var(--container-max-height, none);
  padding: var(--container-padding);
  overflow: var(--container-overflow, visible);
  flex: var(--container-grow, 0 1 auto);
  flex-shrink: var(--container-shrink, 1);
  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- flex-direction and flex-wrap are overridden independently by modifier classes, so the flex-flow shorthand can't be used */
  flex-direction: row;
  flex-wrap: nowrap;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  justify-content: start;
  align-items: center;
  gap: var(--container-gap);
}

.container_gap_none__bxc76 {
  --container-gap: var(--click-container-gap-none);
}

.container_gap_xxs__HkKAF {
  --container-gap: var(--click-container-gap-xxs);
}

.container_gap_xs__zrSVC {
  --container-gap: var(--click-container-gap-xs);
}

.container_gap_sm__lVcQZ {
  --container-gap: var(--click-container-gap-sm);
}

.container_gap_md__Vq3bB {
  --container-gap: var(--click-container-gap-md);
}

.container_gap_lg__Zei2b {
  --container-gap: var(--click-container-gap-lg);
}

.container_gap_xl__Tuq6H {
  --container-gap: var(--click-container-gap-xl);
}

.container_gap_xxl__PuJSf {
  --container-gap: var(--click-container-gap-xxl);
}

.container_padding_none__R5RME {
  --container-padding: var(--click-container-space-none);
}

.container_padding_xxs__DLsuv {
  --container-padding: var(--click-container-space-xxs);
}

.container_padding_xs__m6NTF {
  --container-padding: var(--click-container-space-xs);
}

.container_padding_sm__d92oN {
  --container-padding: var(--click-container-space-sm);
}

.container_padding_md__R9Z7f {
  --container-padding: var(--click-container-space-md);
}

.container_padding_lg__MTjzd {
  --container-padding: var(--click-container-space-lg);
}

.container_padding_xl__Q-MuJ {
  --container-padding: var(--click-container-space-xl);
}

.container_padding_xxl__yoxF6 {
  --container-padding: var(--click-container-space-xxl);
}

.container_orientation_horizontal__COuvp {
  flex-direction: row;
}

.container_orientation_vertical__ozeKX {
  flex-direction: column;
}

.container_wrap_nowrap__sQdYT {
  flex-wrap: nowrap;
}

.container_wrap_wrap__m1DNy {
  flex-wrap: wrap;
}

.container_wrap_wrap-reverse__XhrY7 {
  flex-wrap: wrap-reverse;
}

.container_align-items_start__sLi-i {
  align-items: start;
}

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

.container_align-items_end__AGbnX {
  align-items: end;
}

.container_align-items_stretch__UjUJL {
  align-items: stretch;
}

.container_justify-content_start__X4TLa {
  justify-content: start;
}

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

.container_justify-content_space-between__7nJKC {
  justify-content: space-between;
}

.container_justify-content_space-around__VeJeX {
  justify-content: space-around;
}

.container_justify-content_space-evenly__0gIEO {
  justify-content: space-evenly;
}

.container_justify-content_end__LWD4b {
  justify-content: end;
}

.container_justify-content_left__MGZLQ {
  justify-content: left;
}

.container_justify-content_right__RT5XP {
  justify-content: right;
}

/* The source emitted invalid values (`max-width: auto`, `flex-direction: auto`)
   in the non-responsive branches; browsers ignore them, so only `width` changes
   below the breakpoint when isResponsive is false. The responsive branch is the
   only one that overrides max-width and flex-direction. */
/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 768px) {
  .container_responsive__gaWH0 {
    width: 100%;
    max-width: none;
    flex-direction: column;
  }

  .container_non-responsive_fill__n-5dw {
    width: 100%;
  }

  .container_non-responsive_hug__TRqoP {
    width: auto;
  }
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Text/Text.css */
.text__78lq0 {
  margin: 0;
  color: var(--click-global-color-text-default);
  font: var(--typography-styles-product-text-normal-md);
  text-align: left;
}

.text_fill-width__zRuxC {
  width: 100%;
}

/* font shorthand depends on both size and weight; one class per pairing
   mirrors the single `font:` declaration emitted by styled-components. */

.text_font_normal-xs__78uM- {
  font: var(--typography-styles-product-text-normal-xs);
}

.text_font_normal-sm__nFGGC {
  font: var(--typography-styles-product-text-normal-sm);
}

.text_font_normal-md__In-T2 {
  font: var(--typography-styles-product-text-normal-md);
}

.text_font_normal-lg__WHd7I {
  font: var(--typography-styles-product-text-normal-lg);
}

.text_font_medium-xs__KhN9o {
  font: var(--typography-styles-product-text-medium-xs);
}

.text_font_medium-sm__zOR0K {
  font: var(--typography-styles-product-text-medium-sm);
}

.text_font_medium-md__-svhL {
  font: var(--typography-styles-product-text-medium-md);
}

.text_font_medium-lg__G8YvP {
  font: var(--typography-styles-product-text-medium-lg);
}

.text_font_semibold-xs__MM2zu {
  font: var(--typography-styles-product-text-semibold-xs);
}

.text_font_semibold-sm__2-9t1 {
  font: var(--typography-styles-product-text-semibold-sm);
}

.text_font_semibold-md__o-5L5 {
  font: var(--typography-styles-product-text-semibold-md);
}

.text_font_semibold-lg__0Tcyn {
  font: var(--typography-styles-product-text-semibold-lg);
}

.text_font_bold-xs__WGk3B {
  font: var(--typography-styles-product-text-bold-xs);
}

.text_font_bold-sm__-h2Ak {
  font: var(--typography-styles-product-text-bold-sm);
}

.text_font_bold-md__IdFMh {
  font: var(--typography-styles-product-text-bold-md);
}

.text_font_bold-lg__TAnMH {
  font: var(--typography-styles-product-text-bold-lg);
}

.text_font_mono-xs__h2Ng9 {
  font: var(--typography-styles-product-text-mono-xs);
}

.text_font_mono-sm__-TW-0 {
  font: var(--typography-styles-product-text-mono-sm);
}

.text_font_mono-md__8WvNk {
  font: var(--typography-styles-product-text-mono-md);
}

.text_font_mono-lg__1npTu {
  font: var(--typography-styles-product-text-mono-lg);
}

.text_color_default__225Wd {
  color: var(--click-global-color-text-default);
}

.text_color_muted__DpcbG {
  color: var(--click-global-color-text-muted);
}

.text_color_danger__hphaQ {
  color: var(--click-global-color-text-danger);
}

.text_color_disabled__noB1s {
  color: var(--click-global-color-text-disabled);
}

.text_color_warning__OosOF {
  color: var(--click-global-color-text-warning);
}

.text_align_left__W0fKP {
  text-align: left;
}

.text_align_center__TjmiH {
  text-align: center;
}

.text_align_right__azLA3 {
  text-align: right;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Dropdown/Dropdown.css */
.dropdown-menu-content__Qc6mk {
  z-index: 1;
  /* stylelint-disable-next-line custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */
  min-width: var(--click-genericMenu-item-size-minWidth);
  overflow-y: auto;
  flex-direction: column;
}

.dropdown-menu-item__dILwE {
  display: flex;
  position: relative;
  min-height: 32px;
}

.dropdown-trigger__FUHvM {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     keyword on `width` is widely supported on evergreen browsers; the original
     rule used the same value. */
  width: fit-content;
  cursor: pointer;
}

.dropdown-trigger__FUHvM[disabled] {
  cursor: not-allowed;
}

.dropdown-trigger__FUHvM:focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: 2px;
}

.dropdown-group__nvxHE {
  width: 100%;
  /* stylelint-disable-next-line custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */
  border-bottom: 1px solid var(--click-genericMenu-item-color-default-stroke-default);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/GenericMenu/GenericMenu.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */

.generic-menu-panel__y8D6y {
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  border: 1px solid var(--click-genericMenu-panel-color-stroke-default);
  border-radius: var(--click-genericMenu-panel-radii-all);
  background: var(--click-genericMenu-panel-color-background-default);
  outline: none;
  box-shadow: var(--click-genericMenu-panel-shadow-default);
  pointer-events: auto;
}

.generic-menu-panel_type_popover__DWcS4 {
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
}

.generic-menu-panel_type_dropdown-menu__ezKZT {
  max-width: var(--radix-dropdown-menu-content-available-width);
  max-height: var(--radix-dropdown-menu-content-available-height);
}

.generic-menu-panel_type_context-menu__nu-Kt {
  max-width: var(--radix-context-menu-content-available-width);
  max-height: var(--radix-context-menu-content-available-height);
}

.generic-menu-panel_show-arrow__hHyfA[data-side='bottom'] {
  margin-top: -1px;
}

.generic-menu-panel_show-arrow__hHyfA[data-side='top'] {
  margin-bottom: 1px;
}

.generic-menu-panel_show-arrow__hHyfA[data-side='left'] {
  margin-right: -1px;
}

.generic-menu-panel_show-arrow__hHyfA[data-side='right'] {
  margin-left: -1px;
}

.generic-popover-menu-panel__TbbW1 {
  display: flex;
  z-index: 1;
  padding: var(--click-popover-space-y) var(--click-popover-space-x);
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--click-popover-color-panel-stroke-default);
  border-radius: var(--click-popover-radii-all);
  background: var(--click-popover-color-panel-background-default);
  outline: none;
  box-shadow: var(--click-popover-shadow-default);
}

.generic-popover-menu-panel_type_popover__eALQC {
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
}

.generic-popover-menu-panel_type_hover-card__t0Wzp {
  max-width: var(--radix-hover-card-content-available-width);
  max-height: var(--radix-hover-card-content-available-height);
}

.generic-popover-menu-panel_show-arrow__dDH0c {
  margin: -1px 0;
}

.arrow__MVfZZ {
  fill: var(--click-genericMenu-panel-color-background-default);
  filter: drop-shadow(rgb(0 0 0 / 10%) 0 4px 6px);
  stroke: var(--click-genericMenu-panel-color-stroke-default);
}

.generic-menu-item__ApV25 {
  display: flex;
  position: relative;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -moz-available → -webkit-fill-available →
   fill-available → stretch) so the item fills the available inline space. */
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  padding: var(--click-genericMenu-item-space-y) var(--click-genericMenu-item-space-x);
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-genericMenu-item-space-gap);
  background: var(--gmi-background-default);
  color: var(--gmi-text-default);
  font: var(--click-genericMenu-item-typography-label-default);
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
}

.generic-menu-item_type_default__hWnNu {
  --gmi-text-default: var(--click-genericMenu-item-color-default-text-default);
  --gmi-text-hover: var(--click-genericMenu-item-color-default-text-hover);
  --gmi-text-active: var(--click-genericMenu-item-color-default-text-active);
  --gmi-text-disabled: var(--click-genericMenu-item-color-default-text-disabled);
  --gmi-background-default: var(--click-genericMenu-item-color-default-background-default);
  --gmi-background-hover: var(--click-genericMenu-item-color-default-background-hover);
  --gmi-background-active: var(--click-genericMenu-item-color-default-background-active);
}

.generic-menu-item_type_danger__sqWb0 {
  --gmi-text-default: var(--click-genericMenu-item-color-danger-text-default);
  --gmi-text-hover: var(--click-genericMenu-item-color-danger-text-hover);
  --gmi-text-active: var(--click-genericMenu-item-color-danger-text-active);
  --gmi-text-disabled: var(--click-genericMenu-item-color-danger-text-disabled);
  --gmi-background-default: var(--click-genericMenu-item-color-danger-background-default);
  --gmi-background-hover: var(--click-genericMenu-item-color-danger-background-hover);
  --gmi-background-active: var(--click-genericMenu-item-color-danger-background-active);
}

.generic-menu-item__ApV25:focus {
  outline: none;
}

.generic-menu-item__ApV25[data-highlighted] {
  background: var(--gmi-background-hover);
  color: var(--gmi-text-hover);
  font: var(--click-genericMenu-item-typography-label-hover);
  cursor: pointer;
}

[data-input-modality='keyboard'] .generic-menu-item__ApV25[data-highlighted] {
  outline: 2px solid var(--click-global-color-accent-default);
  outline-offset: -2px;
}

.generic-menu-item__ApV25[data-state='open'] {
  background: var(--gmi-background-hover);
  color: var(--gmi-text-hover);
  font: var(--click-genericMenu-item-typography-label-hover);
  cursor: pointer;
}

.generic-menu-item__ApV25[data-state='checked'],
.generic-menu-item__ApV25[data-selected='true'] {
  background: var(--gmi-background-active);
  color: var(--gmi-text-active);
  font: var(--click-genericMenu-item-typography-label-active);
}

.generic-menu-item__ApV25[data-disabled] {
  color: var(--gmi-text-disabled);
  font: var(--click-genericMenu-item-typography-label-disabled);
  pointer-events: none;
}

.generic-menu-item__ApV25:visited {
  color: var(--gmi-text-default);
}

.generic-menu-item__ApV25:visited a {
  color: var(--gmi-text-default);
}

.generic-menu-item__ApV25:hover .dropdown-arrow__e2s6p,
.generic-menu-item__ApV25[data-state='open'] .dropdown-arrow__e2s6p {
  left: 0.5rem;
}

.generic-menu-item__ApV25[hidden] {
  display: none;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/EllipsisContent/EllipsisContent.css */
/* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so the content fills the available inline space. */
.ellipsis-content__jsw7w {
  display: inline-block;
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  overflow: hidden;
  justify-content: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
/* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */

.ellipsis-content__jsw7w > *:not(button) {
  overflow: hidden;
  text-overflow: ellipsis;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/IconButton/IconButton.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */

.iconbutton__G-cEu {
  padding: var(--click-button-iconButton-default-space-y)
    var(--click-button-iconButton-default-space-x);
  border: var(--click-button-stroke) solid;
  border-radius: var(--click-button-iconButton-radii-all);
  cursor: pointer;
}

.iconbutton_size_sm__tT3BV {
  padding: var(--click-button-iconButton-sm-space-y)
    var(--click-button-iconButton-sm-space-x);
}

.iconbutton_size_xs__CxWtP {
  padding: var(--click-button-iconButton-xs-space-y)
    var(--click-button-iconButton-xs-space-x);
}

.iconbutton_type_primary__QEfNk {
  border-color: var(--click-button-iconButton-color-primary-stroke-default);
  background-color: var(--click-button-iconButton-color-primary-background-default);
  color: var(--click-button-iconButton-color-primary-text-default);
}

.iconbutton_type_primary__QEfNk:visited {
  background-color: var(--click-button-iconButton-color-primary-background-default);
}

.iconbutton_type_primary__QEfNk:not([disabled]):hover {
  border-color: var(--click-button-iconButton-color-primary-stroke-hover);
  background-color: var(--click-button-iconButton-color-primary-background-hover);
  color: var(--click-button-iconButton-color-primary-text-hover);
}

.iconbutton_type_primary__QEfNk:not([disabled]):focus,
.iconbutton_type_primary__QEfNk:not([disabled]):active,
.iconbutton_type_primary__QEfNk:not([disabled]):focus-within {
  border-color: var(--click-button-iconButton-color-primary-stroke-active);
  background-color: var(--click-button-iconButton-color-primary-background-active);
  color: var(--click-button-iconButton-color-primary-text-active);
}

.iconbutton_type_secondary__qeL8h {
  border-color: var(--click-button-iconButton-color-secondary-stroke-default);
  background-color: var(--click-button-iconButton-color-secondary-background-default);
  color: var(--click-button-iconButton-color-secondary-text-default);
}

.iconbutton_type_secondary__qeL8h:visited {
  background-color: var(--click-button-iconButton-color-secondary-background-default);
}

.iconbutton_type_secondary__qeL8h:not([disabled]):hover {
  border-color: var(--click-button-iconButton-color-secondary-stroke-hover);
  background-color: var(--click-button-iconButton-color-secondary-background-hover);
  color: var(--click-button-iconButton-color-secondary-text-hover);
}

.iconbutton_type_secondary__qeL8h:not([disabled]):focus,
.iconbutton_type_secondary__qeL8h:not([disabled]):active,
.iconbutton_type_secondary__qeL8h:not([disabled]):focus-within {
  border-color: var(--click-button-iconButton-color-secondary-stroke-active);
  background-color: var(--click-button-iconButton-color-secondary-background-active);
  color: var(--click-button-iconButton-color-secondary-text-active);
}

.iconbutton_type_ghost__nLh8i {
  border-color: var(--click-button-iconButton-color-ghost-stroke-default);
  background-color: var(--click-button-iconButton-color-ghost-background-default);
  color: var(--click-button-iconButton-color-ghost-text-default);
}

.iconbutton_type_ghost__nLh8i:visited {
  background-color: var(--click-button-iconButton-color-ghost-background-default);
}

.iconbutton_type_ghost__nLh8i:not([disabled]):hover {
  border-color: var(--click-button-iconButton-color-ghost-stroke-hover);
  background-color: var(--click-button-iconButton-color-ghost-background-hover);
  color: var(--click-button-iconButton-color-ghost-text-hover);
}

.iconbutton_type_ghost__nLh8i:not([disabled]):focus,
.iconbutton_type_ghost__nLh8i:not([disabled]):active,
.iconbutton_type_ghost__nLh8i:not([disabled]):focus-within {
  border-color: var(--click-button-iconButton-color-ghost-stroke-active);
  background-color: var(--click-button-iconButton-color-ghost-background-active);
  color: var(--click-button-iconButton-color-ghost-text-active);
}

.iconbutton_type_danger__CjQg- {
  border-color: var(--click-button-iconButton-color-danger-stroke-default);
  background-color: var(--click-button-iconButton-color-danger-background-default);
  color: var(--click-button-iconButton-color-danger-text-default);
}

.iconbutton_type_danger__CjQg-:visited {
  background-color: var(--click-button-iconButton-color-danger-background-default);
}

.iconbutton_type_danger__CjQg-:not([disabled]):hover {
  border-color: var(--click-button-iconButton-color-danger-stroke-hover);
  background-color: var(--click-button-iconButton-color-danger-background-hover);
  color: var(--click-button-iconButton-color-danger-text-hover);
}

.iconbutton_type_danger__CjQg-:not([disabled]):focus,
.iconbutton_type_danger__CjQg-:not([disabled]):active,
.iconbutton_type_danger__CjQg-:not([disabled]):focus-within {
  border-color: var(--click-button-iconButton-color-danger-stroke-active);
  background-color: var(--click-button-iconButton-color-danger-background-active);
  color: var(--click-button-iconButton-color-danger-text-active);
}

.iconbutton_type_info__Ue7wb {
  border-color: var(--click-button-iconButton-color-info-stroke-default);
  background-color: var(--click-button-iconButton-color-info-background-default);
  color: var(--click-button-iconButton-color-info-text-default);
}

.iconbutton_type_info__Ue7wb:visited {
  background-color: var(--click-button-iconButton-color-info-background-default);
}

.iconbutton_type_info__Ue7wb:not([disabled]):hover {
  border-color: var(--click-button-iconButton-color-info-stroke-hover);
  background-color: var(--click-button-iconButton-color-info-background-hover);
  color: var(--click-button-iconButton-color-info-text-hover);
}

.iconbutton_type_info__Ue7wb:not([disabled]):focus,
.iconbutton_type_info__Ue7wb:not([disabled]):active,
.iconbutton_type_info__Ue7wb:not([disabled]):focus-within {
  border-color: var(--click-button-iconButton-color-info-stroke-active);
  background-color: var(--click-button-iconButton-color-info-background-active);
  color: var(--click-button-iconButton-color-info-text-active);
}

.iconbutton__G-cEu[disabled] {
  background-color: var(--click-button-iconButton-color-disabled-background-default);
  color: var(--click-button-iconButton-color-disabled-text-default);
  cursor: not-allowed;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Panel/Panel.css */
.panel__4VWNp {
  --panel-width: initial;
  --panel-height: initial;

  display: flex;
  width: var(--panel-width, auto);
  height: var(--panel-height, auto);
}

.panel_cursor__YcG6H {
  cursor: var(--panel-cursor);
}

.panel_orientation_horizontal__nB0T- {
  flex-flow: row wrap;
}

.panel_orientation_vertical__7EE-3 {
  flex-flow: column;
}

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

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

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

.panel_color_default__pIwqp {
  background-color: var(--click-panel-color-background-default);
}

.panel_color_muted__fVquA {
  background-color: var(--click-panel-color-background-muted);
}

.panel_color_transparent__fIvMl {
  background-color: var(--click-panel-color-background-transparent);
}

.panel_radii_none__JyEKv {
  border-radius: var(--click-panel-radii-none);
}

.panel_radii_sm__b7A6v {
  border-radius: var(--click-panel-radii-sm);
}

.panel_radii_md__5Pzsu {
  border-radius: var(--click-panel-radii-md);
}

.panel_radii_lg__q1FPq {
  border-radius: var(--click-panel-radii-lg);
}

.panel_padding_none__OGHd- {
  padding: var(--click-panel-space-y-none);
}

.panel_padding_xs__U6RZS {
  padding: var(--click-panel-space-y-xs);
}

.panel_padding_sm__rKoLB {
  padding: var(--click-panel-space-y-sm);
}

.panel_padding_md__9PCRi {
  padding: var(--click-panel-space-y-md);
}

.panel_padding_lg__aKwpW {
  padding: var(--click-panel-space-y-lg);
}

.panel_padding_xl__Q1IVo {
  padding: var(--click-panel-space-y-xl);
}

.panel_border__dGg-4 {
  border: 1px solid var(--click-global-color-stroke-default);
}

.panel_shadow__8WSfn {
  box-shadow: var(--shadow-1);
}

.panel_gap_none__-LwaY {
  gap: var(--click-panel-space-gap-none);
}

.panel_gap_xs__sbYm7 {
  gap: var(--click-panel-space-gap-xs);
}

.panel_gap_sm__8NpJA {
  gap: var(--click-panel-space-gap-sm);
}

.panel_gap_md__RM459 {
  gap: var(--click-panel-space-gap-md);
}

.panel_gap_lg__MNfVH {
  gap: var(--click-panel-space-gap-lg);
}

.panel_gap_xl__Te3bQ {
  gap: var(--click-panel-space-gap-xl);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Tabs/Tabs.css */
.tabs__trigger__JHqK4 {
  padding: var(--click-tabs-space-y) var(--click-tabs-space-x);
  border: none;
  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-default);
  background-color: var(--click-tabs-basic-color-background-default);
  color: var(--click-tabs-basic-color-text-default);
  font: var(--click-tabs-typography-label-default);
  cursor: pointer;
  border-top-left-radius: var(--click-tabs-radii-all);
  border-top-right-radius: var(--click-tabs-radii-all);
}

.tabs__trigger__JHqK4[data-state='active'] {
  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-active);
  color: var(--click-tabs-basic-color-text-active);
  font: var(--click-tabs-typography-label-active);
}

.tabs__trigger__JHqK4:hover {
  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-hover);
  background-color: var(--click-tabs-basic-color-background-hover);
  color: var(--click-tabs-basic-color-text-hover);
  font: var(--click-tabs-typography-label-hover);
}

.tabs__trigger__JHqK4:hover[data-state='active'] {
  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-active);
  font: var(--click-tabs-typography-label-active);
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.tabs__content__O9Cub {
}

.tabs__triggers-list__9Hz3q {
  display: flex;
  border-bottom: 1px solid var(--click-global-color-stroke-default);
}

.full-width-tabs__VaUSf {
  width: 100%;
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.full-width-tabs__trigger__LA8iG {
}

.full-width-tabs__trigger_width_stretched__Q31k- {
  flex: 1 1 auto;
}

.full-width-tabs__trigger_width_fixed__U9z-W {
  width: var(--full-width-tabs-trigger-width);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/ButtonGroup/ButtonGroup.css */
.buttongroup__9IkOe {
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: var(--click-button-group-radii-panel-all);
  background: var(--click-button-group-color-background-panel);
}

.buttongroup_type_default__D1bYD {
  padding: var(--click-button-group-space-panel-default-x)
    var(--click-button-group-space-panel-default-y);
  gap: var(--click-button-group-space-panel-default-gap);
  border: 1px solid var(--click-button-group-color-panel-stroke-default);
}

.buttongroup_type_borderless__cAhx7 {
  padding: var(--click-button-group-space-panel-borderless-x)
    var(--click-button-group-space-panel-borderless-y);
  gap: var(--click-button-group-space-panel-borderless-gap);
  border: none;
}

.buttongroup_fillwidth__WzJlu {
  width: 100%;
}

.button__w1Is2 {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  background: var(--click-button-group-color-background-default);
  color: var(--click-button-group-color-text-default);
  font: var(--click-button-group-typography-label-default);
  cursor: pointer;
}

.button_type_default__G9UA1 {
  padding: var(--click-button-group-space-button-default-y)
    var(--click-button-group-space-button-default-x);
  border-radius: var(--click-button-group-radii-button-default-all);
}

.button_type_borderless__PydeS {
  padding: var(--click-button-group-space-button-borderless-y)
    var(--click-button-group-space-button-borderless-x);
  border-radius: var(--click-button-group-radii-button-borderless-all);
}

.button_icon-only_default__1hthE {
  padding: var(--click-button-group-space-icon-default-y)
    var(--click-button-group-space-icon-default-x);
  border: 1px solid var(--click-button-group-color-stroke-default);
}

.button_icon-only_default__1hthE:hover {
  border-color: var(--click-button-group-color-stroke-hover);
}

.button_icon-only_default__1hthE[aria-pressed='true'] {
  border-color: var(--click-button-group-color-stroke-active);
}

.button_icon-only_default__1hthE:disabled {
  border-color: var(--click-button-group-color-stroke-disabled);
}

.button_icon-only_default__1hthE[aria-pressed='true']:disabled {
  border-color: var(--click-button-group-color-stroke-disabled-active);
}

.button_icon-only_borderless__04LpP {
  padding: var(--click-button-group-space-icon-borderless-y)
    var(--click-button-group-space-icon-borderless-x);
}

.button__icon__HLIjg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button__icon_height_line__fURvB {
  height: 1lh;
}

.button_fillwidth__lqIVG {
  flex: 1;
}

.button__w1Is2[aria-pressed='true'] {
  background: var(--click-button-group-color-background-active);
  color: var(--click-button-group-color-text-active);
  font: var(--click-button-group-typography-label-active);
}

.button__w1Is2:hover {
  background: var(--click-button-group-color-background-hover);
  color: var(--click-button-group-color-text-hover);
  font: var(--click-button-group-typography-label-hover);
}

.button__w1Is2:disabled {
  background: var(--click-button-group-color-background-disabled);
  color: var(--click-button-group-color-text-disabled);
  font: var(--click-button-group-typography-label-disabled);
  cursor: not-allowed;
}

.button__w1Is2:disabled:active,
.button__w1Is2:disabled:focus,
.button__w1Is2:disabled[aria-pressed='true'] {
  color: var(--click-button-group-color-text-disabled);
}

.button__w1Is2[aria-pressed='true']:disabled {
  background: var(--click-button-group-color-background-disabled-active);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Toast/Toast.css */
@keyframes toast-hide__qiqT- {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes toast-slide-in__eHRae {
  from {
    transform: translateX(calc(100% + var(--viewport-padding)));
  }

  to {
    transform: translateX(0);
  }
}

@keyframes toast-swipe-out__P2S0b {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }

  to {
    transform: translateX(calc(100% + var(--viewport-padding)));
  }
}

.toast__FLdHz {
  display: flex;
  width: 100%;
  padding: var(--click-toast-space-y) var(--click-toast-space-x);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--click-toast-space-gap);
  border: 1px solid var(--click-toast-color-stroke-default);
  border-radius: var(--click-toast-radii-all);
  background: var(--click-global-color-background-default);
  box-shadow: var(--click-toast-shadow);
}

.toast__FLdHz[data-state='open'] {
  animation: toast-slide-in__eHRae 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

.toast__FLdHz[data-state='closed'] {
  animation: toast-hide__qiqT- 100ms ease-in;
}

.toast__FLdHz[data-swipe='move'] {
  transform: translateX(var(--radix-toast-swipe-move-x));
}

.toast__FLdHz[data-swipe='cancel'] {
  transition: transform 200ms ease-out;
  transform: translateX(0);
}

.toast__FLdHz[data-swipe='end'] {
  animation: toast-swipe-out__P2S0b 100ms ease-out;
}

.toast__header__dRLqI {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: inherit;
  color: var(--click-toast-color-title-default);
  font: var(--click-toast-typography-title-default);
}

.toast__title__zdD-z {
  flex: 1;
}

.toast__description-container__FuMRh {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: inherit;
  color: var(--click-toast-color-title-default);
  font: var(--click-toast-typography-title-default);
}

.toast__description-content__UIC-z {
  display: flex;
  align-self: stretch;
  gap: inherit;
  color: var(--click-toast-color-description-default);
  font: var(--click-toast-typography-description-default);
}

.toast__icon__-S-ea {
  width: var(--click-toast-icon-size-width);
  height: var(--click-toast-icon-size-height);
}

.toast__icon_type_default__3bZ6L {
  color: var(--click-toast-color-icon-default);
}

.toast__icon_type_success__zI04e {
  color: var(--click-toast-color-icon-success);
}

.toast__icon_type_warning__fTzn7 {
  color: var(--click-toast-color-icon-warning);
}

.toast__icon_type_danger__I-F3N {
  color: var(--click-toast-color-icon-danger);
}

.toast-viewport__bflY9 {
  --viewport-padding: 25px;

  display: flex;
  position: fixed;
  z-index: 2147483647;
  bottom: 0;
  width: var(--click-toast-size-width);
  max-width: 100vw;
  margin: 0;
  padding: var(--viewport-padding);
  flex-direction: column;
  gap: var(--click-toast-space-gap);
  outline: none;
  list-style: none;
}

.toast-viewport_align_start__urykY {
  left: 0;
}

.toast-viewport_align_end__QPpTu {
  right: 0;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Button/Button.css */
.button__2ZuB7 {
  display: flex;
  position: relative;
  padding: var(--click-button-basic-space-y) var(--click-button-basic-space-x);
  overflow: hidden;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: var(--click-button-basic-space-gap);
  border: 1px solid transparent;
  border-radius: var(--click-button-radii-all);
  background: transparent;
  color: inherit;
  font: var(--click-button-basic-typography-label-default);
  white-space: nowrap;
  cursor: pointer;
}

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

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

.button_fill_width__npU6- {
  width: 100%;
}

.button_primary__5V6PJ {
  border-color: var(--click-button-basic-color-primary-stroke-default);
  background-color: var(--click-button-basic-color-primary-background-default);
  color: var(--click-button-basic-color-primary-text-default);
}

.button_primary__5V6PJ:disabled:not(.button_loading__n2tCt) {
  border-color: var(--click-button-basic-color-primary-stroke-disabled);
  background-color: var(--click-button-basic-color-primary-background-disabled);
  color: var(--click-button-basic-color-primary-text-disabled);
  font: var(--click-button-basic-typography-label-disabled);
  cursor: not-allowed;
}

.button_primary__5V6PJ:hover:not(:disabled) {
  border-color: var(--click-button-basic-color-primary-stroke-hover);
  background-color: var(--click-button-basic-color-primary-background-hover);
  font: var(--click-button-basic-typography-label-hover);
  transition: var(--click-transition-default);
}

.button_primary__5V6PJ:focus-visible:not(:disabled) {
  border-color: var(--click-button-basic-color-primary-stroke-active);
  background-color: var(--click-button-basic-color-primary-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: 2px solid var(--click-button-basic-color-primary-stroke-active);
  outline-offset: 2px;
}

.button_primary__5V6PJ:active:not(:disabled),
.button_primary__5V6PJ:focus:not(:focus-visible, :disabled) {
  border-color: var(--click-button-basic-color-primary-stroke-active);
  background-color: var(--click-button-basic-color-primary-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: none;
}

.button_secondary__PXw0N {
  border-color: var(--click-button-basic-color-secondary-stroke-default);
  background-color: var(--click-button-basic-color-secondary-background-default);
  color: var(--click-button-basic-color-secondary-text-default);
}

.button_secondary__PXw0N:disabled:not(.button_loading__n2tCt) {
  border-color: var(--click-button-basic-color-secondary-stroke-disabled);
  background-color: var(--click-button-basic-color-secondary-background-disabled);
  color: var(--click-button-basic-color-secondary-text-disabled);
  font: var(--click-button-basic-typography-label-disabled);
  cursor: not-allowed;
}

.button_secondary__PXw0N:hover:not(:disabled) {
  border-color: var(--click-button-basic-color-secondary-stroke-hover);
  background-color: var(--click-button-basic-color-secondary-background-hover);
  font: var(--click-button-basic-typography-label-hover);
  transition: var(--click-transition-default);
}

.button_secondary__PXw0N:focus-visible:not(:disabled) {
  border-color: var(--click-button-basic-color-secondary-stroke-active);
  background-color: var(--click-button-basic-color-secondary-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: 2px solid var(--click-button-basic-color-secondary-stroke-active);
  outline-offset: 2px;
}

.button_secondary__PXw0N:active:not(:disabled),
.button_secondary__PXw0N:focus:not(:focus-visible, :disabled) {
  border-color: var(--click-button-basic-color-secondary-stroke-active);
  background-color: var(--click-button-basic-color-secondary-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: none;
}

.button_empty__GZ9s7 {
  border-color: var(--click-button-basic-color-empty-stroke-default);
  background-color: var(--click-button-basic-color-empty-background-default);
  color: var(--click-button-basic-color-empty-text-default);
}

.button_empty__GZ9s7:disabled:not(.button_loading__n2tCt) {
  border-color: var(--click-button-basic-color-empty-stroke-disabled);
  background-color: var(--click-button-basic-color-empty-background-disabled);
  color: var(--click-button-basic-color-empty-text-disabled);
  font: var(--click-button-basic-typography-label-disabled);
  cursor: not-allowed;
}

.button_empty__GZ9s7:hover:not(:disabled) {
  border-color: var(--click-button-basic-color-empty-stroke-hover);
  background-color: var(--click-button-basic-color-empty-background-hover);
  font: var(--click-button-basic-typography-label-hover);
  transition: var(--click-transition-default);
}

.button_empty__GZ9s7:focus-visible:not(:disabled) {
  border-color: var(--click-button-basic-color-empty-stroke-active);
  background-color: var(--click-button-basic-color-empty-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: 2px solid var(--click-button-basic-color-empty-stroke-active);
  outline-offset: 2px;
}

.button_empty__GZ9s7:active:not(:disabled),
.button_empty__GZ9s7:focus:not(:focus-visible, :disabled) {
  border-color: var(--click-button-basic-color-empty-stroke-active);
  background-color: var(--click-button-basic-color-empty-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: none;
}

.button_danger__0DN8k {
  border-color: var(--click-button-basic-color-danger-stroke-default);
  background-color: var(--click-button-basic-color-danger-background-default);
  color: var(--click-button-basic-color-danger-text-default);
}

.button_danger__0DN8k:disabled:not(.button_loading__n2tCt) {
  border-color: var(--click-button-basic-color-danger-stroke-disabled);
  background-color: var(--click-button-basic-color-danger-background-disabled);
  color: var(--click-button-basic-color-danger-text-disabled);
  font: var(--click-button-basic-typography-label-disabled);
  cursor: not-allowed;
}

.button_danger__0DN8k:hover:not(:disabled) {
  border-color: var(--click-button-basic-color-danger-stroke-hover);
  background-color: var(--click-button-basic-color-danger-background-hover);
  font: var(--click-button-basic-typography-label-hover);
  transition: var(--click-transition-default);
}

.button_danger__0DN8k:focus-visible:not(:disabled) {
  border-color: var(--click-button-basic-color-danger-stroke-active);
  background-color: var(--click-button-basic-color-danger-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: 2px solid var(--click-button-basic-color-danger-stroke-active);
  outline-offset: 2px;
}

.button_danger__0DN8k:active:not(:disabled),
.button_danger__0DN8k:focus:not(:focus-visible, :disabled) {
  border-color: var(--click-button-basic-color-danger-stroke-active);
  background-color: var(--click-button-basic-color-danger-background-active);
  font: var(--click-button-basic-typography-label-active);
  outline: none;
}

.button_loading__n2tCt {
  cursor: not-allowed;
}

.button_loading__n2tCt::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: 200px 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  animation: shimmer-fixed-width__lwKzt 1.5s ease-in-out infinite;
}

.button_fill_width__npU6-.button_loading__n2tCt::before {
  background-size: 200% 100%;
  background-repeat: repeat;
  animation: shimmer-fill-width__jTIzk 1.5s ease-in-out infinite;
}

.button_primary__5V6PJ.button_loading__n2tCt,
.button_secondary__PXw0N.button_loading__n2tCt,
.button_danger__0DN8k.button_loading__n2tCt {
  opacity: 0.7;
}

.button_empty__GZ9s7.button_loading__n2tCt {
  opacity: 0.9;
}

.button_loading__n2tCt > * {
  opacity: 0.7;
}

@keyframes shimmer-fixed-width__lwKzt {
  0% {
    background-position: -200px 0;
  }

  100% {
    background-position: 200px 0;
  }
}

@keyframes shimmer-fill-width__jTIzk {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.button_primary__5V6PJ.button_loading__n2tCt::before {
  background-image: var(--click-button-basic-color-primary-background-loading);
}

.button_secondary__PXw0N.button_loading__n2tCt::before {
  background-image: var(--click-button-basic-color-secondary-background-loading);
}

.button_empty__GZ9s7.button_loading__n2tCt::before {
  background-image: var(--click-button-basic-color-empty-background-loading);
}

.button_danger__0DN8k.button_loading__n2tCt::before {
  background-image: var(--click-button-basic-color-danger-background-loading);
}

.button__icon__e6c-f {
  display: flex;
  width: var(--click-button-basic-size-icon-all);
  height: var(--click-button-basic-size-icon-all);
  justify-content: center;
  align-items: center;
}

.button__icon__e6c-f svg {
  width: var(--click-button-basic-size-icon-all);
  height: var(--click-button-basic-size-icon-all);
}

.button__label__tlatE {
  display: inline-flex;
  align-items: center;
}

@media (prefers-reduced-motion: reduce) {
  .button_loading__n2tCt::before,
  .button_fill_width__npU6-.button_loading__n2tCt::before {
    animation: none;
  }
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Tooltip/Tooltip.css */
.content__UW4Fd {
  --tooltip-max-width: initial;

  display: flex;
  max-width: var(--tooltip-max-width);
  padding: var(--click-tooltip-space-y) var(--click-tooltip-space-x);
  align-items: flex-start;
  border-radius: var(--click-tooltip-radii-all);
  background: var(--click-tooltip-color-background-default);
  color: var(--click-tooltip-color-label-default);
  font: var(--click-tooltip-typography-label-default);
  white-space: pre-wrap;
}

.arrow__4zROk {
  fill: var(--click-tooltip-color-background-default);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Accordion/Accordion.css */
/* stylelint-disable-next-line block-no-empty -- base block required by BEM */
.accordion__LVhhv {
}

.accordion_fill-width__65i1l {
  width: 100%;
}

.accordion__trigger__DrpsZ {
  display: flex;
  padding: 0;
  align-items: center;
  gap: var(--accordion-gap);
  border: none;
  background-color: transparent;
  color: var(--accordion-label-default);
  font: var(--accordion-font-default);
}

.accordion__trigger__DrpsZ:active {
  color: var(--accordion-label-active);
  font: var(--accordion-font-active);
}

.accordion__trigger__DrpsZ:hover {
  color: var(--accordion-label-hover);
  font: var(--accordion-font-hover);
  cursor: pointer;
}

.accordion__trigger_fill-width__b9tJk {
  width: 100%;
}

.accordion__trigger_size_sm__kb6zW {
  --accordion-gap: var(--click-accordion-sm-space-gap);
  --accordion-font-default: var(--click-accordion-sm-typography-label-default);
  --accordion-font-hover: var(--click-accordion-sm-typography-label-hover);
  --accordion-font-active: var(--click-accordion-sm-typography-label-active);
}

.accordion__trigger_size_md__IkAnv {
  --accordion-gap: var(--click-accordion-md-space-gap);
  --accordion-font-default: var(--click-accordion-md-typography-label-default);
  --accordion-font-hover: var(--click-accordion-md-typography-label-hover);
  --accordion-font-active: var(--click-accordion-md-typography-label-active);
}

.accordion__trigger_size_lg__t3GzX {
  --accordion-gap: var(--click-accordion-lg-space-gap);
  --accordion-font-default: var(--click-accordion-lg-typography-label-default);
  --accordion-font-hover: var(--click-accordion-lg-typography-label-hover);
  --accordion-font-active: var(--click-accordion-lg-typography-label-active);
}

.accordion__trigger_color_default__q9fX5 {
  --accordion-label-default: var(--click-accordion-color-default-label-default);
  --accordion-label-hover: var(--click-accordion-color-default-label-hover);
  --accordion-label-active: var(--click-accordion-color-default-label-active);
}

.accordion__trigger_color_link__Fu45s {
  --accordion-label-default: var(--click-accordion-color-link-label-default);
  --accordion-label-hover: var(--click-accordion-color-link-label-hover);
  --accordion-label-active: var(--click-accordion-color-link-label-active);
}

.accordion__icon-wrapper__DCanu {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 200ms cubic-bezier(0.87, 0, 0.13, 1);
}

.accordion__trigger__DrpsZ[data-state='open'] .accordion__icon-wrapper__DCanu {
  transform: rotate(90deg);
}

.accordion__icons-wrapper__qwRRg {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* stylelint-disable no-descending-specificity -- the SidebarAccordion overrides
   intentionally come last to mirror the original `styled(Accordion)` block, whose
   rules were emitted after the base trigger/icon-wrapper styles. */
.accordion_sidebar__siNyk .accordion__trigger__DrpsZ {
  gap: var(--click-sidebar-navigation-item-default-space-gap);
}

.accordion_sidebar__siNyk p {
  margin: 0;
}

.accordion_sidebar__siNyk .accordion__icon-wrapper__DCanu {
  visibility: hidden;
}

.accordion_sidebar__siNyk:hover .accordion__icon-wrapper__DCanu {
  visibility: revert;
}

.accordion_sidebar__siNyk:active .accordion__icon-wrapper__DCanu {
  visibility: revert;
}

.accordion_sidebar__siNyk .accordion__trigger__DrpsZ[data-state='open'] .accordion__icon-wrapper__DCanu {
  visibility: revert;
}
/* stylelint-enable no-descending-specificity */


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Spacer/Spacer.css */
.spacer__okdOd {
  display: flex;
  background: transparent;
}

.spacer_size_xs__-oP-2 {
  padding: var(--click-spacer-horizontal-space-y-xs) var(--click-spacer-horizontal-space-x-all);
}

.spacer_size_sm__k6iFW {
  padding: var(--click-spacer-horizontal-space-y-sm) var(--click-spacer-horizontal-space-x-all);
}

.spacer_size_md__rX0x5 {
  padding: var(--click-spacer-horizontal-space-y-md) var(--click-spacer-horizontal-space-x-all);
}

.spacer_size_lg__PWKa0 {
  padding: var(--click-spacer-horizontal-space-y-lg) var(--click-spacer-horizontal-space-x-all);
}

.spacer_size_xl__IrjcH {
  padding: var(--click-spacer-horizontal-space-y-xl) var(--click-spacer-horizontal-space-x-all);
}

.spacer_size_xxl__upvXv {
  padding: var(--click-spacer-horizontal-space-y-xxl) var(--click-spacer-horizontal-space-x-all);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Alert/Alert.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconBackground) */

.alert__7cYyI {
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: start;
  border-radius: var(--click-alert-radii-end);
  background-color: var(--click-alert-color-background-neutral);
  color: var(--click-alert-color-text-neutral);
}

.alert_type_default__PnVyJ {
  justify-content: start;
  border-radius: var(--click-alert-radii-end);
}

.alert_type_banner__NjYrK {
  justify-content: center;
  border-radius: 0;
}

.alert_state_neutral__655E4 {
  background-color: var(--click-alert-color-background-neutral);
  color: var(--click-alert-color-text-neutral);
}

.alert_state_success__VUtee {
  background-color: var(--click-alert-color-background-success);
  color: var(--click-alert-color-text-success);
}

.alert_state_warning__kNUTL {
  background-color: var(--click-alert-color-background-warning);
  color: var(--click-alert-color-text-warning);
}

.alert_state_danger__DLuZk {
  background-color: var(--click-alert-color-background-danger);
  color: var(--click-alert-color-text-danger);
}

.alert_state_info__-2HHz {
  background-color: var(--click-alert-color-background-info);
  color: var(--click-alert-color-text-info);
}

.alert__icon-wrapper__q9T-7 {
  display: flex;
  align-items: center;
  background-color: var(--click-alert-color-iconBackground-neutral);
  color: var(--click-alert-color-iconForeground-neutral);
}

.alert__icon-wrapper_state_neutral__gIGl5 {
  background-color: var(--click-alert-color-iconBackground-neutral);
  color: var(--click-alert-color-iconForeground-neutral);
}

.alert__icon-wrapper_state_success__9C1yD {
  background-color: var(--click-alert-color-iconBackground-success);
  color: var(--click-alert-color-iconForeground-success);
}

.alert__icon-wrapper_state_warning__oJByv {
  background-color: var(--click-alert-color-iconBackground-warning);
  color: var(--click-alert-color-iconForeground-warning);
}

.alert__icon-wrapper_state_danger__afPBa {
  background-color: var(--click-alert-color-iconBackground-danger);
  color: var(--click-alert-color-iconForeground-danger);
}

.alert__icon-wrapper_state_info__YI3qz {
  background-color: var(--click-alert-color-iconBackground-info);
  color: var(--click-alert-color-iconForeground-info);
}

.alert__icon-wrapper_size_small__E4NZL {
  padding: var(--click-alert-small-space-y) 0 var(--click-alert-small-space-y)
    var(--click-alert-small-space-x);
}

.alert__icon-wrapper_size_medium__3bDZN {
  padding: var(--click-alert-medium-space-y) 0 var(--click-alert-medium-space-y)
    var(--click-alert-medium-space-x);
}

/* The styled-components original emitted `background-color: none` for banners,
   which is an invalid value the browser drops, leaving the icon wrapper
   transparent. `transparent` reproduces that rendering exactly. */
.alert__icon-wrapper_type_banner__4Zl-g {
  background-color: transparent;
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.alert__icon__2dyva {
}

.alert__icon_size_small__BGX9V {
  width: var(--click-alert-small-icon-width);
  height: var(--click-alert-small-icon-height);
}

.alert__icon_size_medium__-9nLT {
  width: var(--click-alert-medium-icon-width);
  height: var(--click-alert-medium-icon-height);
}

.alert__text-wrapper__-KJUV {
  display: flex;
  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated -- preserves the styled-components original verbatim for byte-for-byte parity */
  word-break: break-word;
  flex-flow: column;
}

.alert__text-wrapper_size_small__Ahm-8 {
  padding: var(--click-alert-small-space-y) var(--click-alert-small-space-x);
  gap: var(--click-alert-small-space-gap);
}

.alert__text-wrapper_size_medium__FIX1N {
  padding: var(--click-alert-medium-space-y) var(--click-alert-medium-space-x);
  gap: var(--click-alert-medium-space-gap);
}

.alert__text-wrapper__-KJUV a,
.alert__text-wrapper__-KJUV a:focus,
.alert__text-wrapper__-KJUV a:visited,
.alert__text-wrapper__-KJUV a:hover {
  color: inherit;
  font: inherit;
  text-decoration: underline;
}

.alert__title__R9v8v {
  margin: 0;
}

.alert__title_size_small__UngXF {
  font: var(--click-alert-small-typography-title-default);
}

.alert__title_size_medium__Uqu2N {
  font: var(--click-alert-medium-typography-title-default);
}

.alert__text__-MlWp {
  margin: 0;
}

.alert__text_size_small__7fH-5 {
  font: var(--click-alert-small-typography-text-default);
}

.alert__text_size_medium__-2r2Z {
  font: var(--click-alert-medium-typography-text-default);
}

.alert__dismiss__btduW {
  display: flex;
  margin-left: auto;
  align-items: center;
  border: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/AutoComplete/AutoComplete.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu, sectionHeader) */

.popover-content__arM9z {
  display: flex;
  width: var(--radix-popover-trigger-width);
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.select-group-container__DGzBt {
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same width fallback chain so the container fills the available inline space. */
  display: flex;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: transparent;
  color: var(--click-genericMenu-item-color-default-text-muted);
  font: var(--click-genericMenu-item-typography-sectionHeader-default);
}

.select-group-container__DGzBt[aria-selected] {
  outline: none;
}

.select-group-container__DGzBt[hidden] {
  display: none;
}

.select-group-name__-5Apt {
  display: flex;
  width: 100%;
  padding: var(--click-genericMenu-sectionHeader-space-top)
    var(--click-genericMenu-item-space-x)
    var(--click-genericMenu-sectionHeader-space-bottom);
  overflow: hidden;
  flex-direction: column;
  gap: var(--click-genericMenu-item-space-gap);
  border-bottom: 1px solid var(--click-genericMenu-item-color-default-stroke-default);
  color: var(--click-genericMenu-item-color-default-text-muted);
  font: var(--click-genericMenu-item-typography-sectionHeader-default);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-group-content__A5aqT {
  width: inherit;
}

.select-list-content__BPiuX {
  width: inherit;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features, declaration-property-value-no-unknown, declaration-property-value-keyword-no-deprecated -- the original used `overflow: overlay` (modern browsers alias it to `auto`); preserved for byte-for-byte parity. */
  overflow: overlay;
  flex: 1;
}

.select-no-data-container__IqJP5 {
  display: block;
  padding: var(--click-genericMenu-button-space-y) var(--click-genericMenu-item-space-x);
  overflow: hidden;
  border: none;
  background: var(--click-genericMenu-button-color-background-default);
  color: var(--click-genericMenu-button-color-label-default);
  font: var(--click-genericMenu-button-typography-label-default);
  text-align: left;
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
}

.select-no-data-container__IqJP5[hidden='true'] {
  display: none;
}

.select-list__Az2Cn {
  display: flex;
  width: inherit;
  max-height: var(--radix-popover-content-available-height);
  flex-direction: column;
  border: 1px solid var(--click-genericMenu-item-color-default-stroke-default);
  border-radius: 0.25rem;
  background: var(--click-genericMenu-item-color-default-background-default);
  box-shadow: var(--click-genericMenu-panel-shadow-default);
}

.check-icon__YHNzk {
  opacity: 0;
}

.check-icon_show-check__pYenS {
  opacity: 1;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Separator/Separator.css */
.separator__mz39H[data-orientation='horizontal'] {
  width: 100%;
  border-top: 0.0625rem solid var(--click-separator-color-stroke-default);
}

.separator__mz39H[data-orientation='vertical'] {
  height: 100%;
  border-right: 0.0625rem solid var(--click-separator-color-stroke-default);
}

.separator_variant_horizontal-xs__SVTMS {
  margin:
    var(--click-separator-horizontal-space-y-xs)
    var(--click-separator-horizontal-space-x-all);
}

.separator_variant_horizontal-sm__aKMwO {
  margin:
    var(--click-separator-horizontal-space-y-sm)
    var(--click-separator-horizontal-space-x-all);
}

.separator_variant_horizontal-md__HRIoB {
  margin:
    var(--click-separator-horizontal-space-y-md)
    var(--click-separator-horizontal-space-x-all);
}

.separator_variant_horizontal-lg__phB0U {
  margin:
    var(--click-separator-horizontal-space-y-lg)
    var(--click-separator-horizontal-space-x-all);
}

.separator_variant_horizontal-xl__z08Bu {
  margin:
    var(--click-separator-horizontal-space-y-xl)
    var(--click-separator-horizontal-space-x-all);
}

.separator_variant_horizontal-xxl__5sqqd {
  margin:
    var(--click-separator-horizontal-space-y-xxl)
    var(--click-separator-horizontal-space-x-all);
}

.separator_variant_vertical-xs__XN-Os {
  margin:
    var(--click-separator-vertical-space-y-all)
    var(--click-separator-vertical-space-x-xs);
}

.separator_variant_vertical-sm__ddV3R {
  margin:
    var(--click-separator-vertical-space-y-all)
    var(--click-separator-vertical-space-x-sm);
}

.separator_variant_vertical-md__DlYM0 {
  margin:
    var(--click-separator-vertical-space-y-all)
    var(--click-separator-vertical-space-x-md);
}

.separator_variant_vertical-lg__00SOr {
  margin:
    var(--click-separator-vertical-space-y-all)
    var(--click-separator-vertical-space-x-lg);
}

.separator_variant_vertical-xl__0c4Od {
  margin:
    var(--click-separator-vertical-space-y-all)
    var(--click-separator-vertical-space-x-xl);
}

.separator_variant_vertical-xxl__H-EOx {
  margin:
    var(--click-separator-vertical-space-y-all)
    var(--click-separator-vertical-space-x-xxl);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Avatar/Avatar.css */
.avatar__3xMuZ {
  display: inline-flex;
  width: var(--click-avatar-size-width);
  height: var(--click-avatar-size-height);
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border-radius: var(--click-avatar-radii-all);
  background-color: var(--click-avatar-color-background-default);
  color: var(--click-avatar-color-text-default);
  user-select: none;
  vertical-align: middle;
}

.avatar__3xMuZ:active {
  background-color: var(--click-avatar-color-background-active);
  color: var(--click-avatar-color-text-active);
}

.avatar__3xMuZ:hover {
  background-color: var(--click-avatar-color-background-hover);
  color: var(--click-avatar-color-text-hover);
}

.avatar__image__-VNuI {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.avatar__fallback__gr7YV {
  display: inline-flex;
  width: var(--click-avatar-size-label-width);
  justify-content: center;
  align-items: center;
}

.avatar__fallback_size_sm__7qjM2 {
  font: var(--click-avatar-typography-label-sm-default);
}

.avatar__fallback_size_sm__7qjM2:active {
  font: var(--click-avatar-typography-label-sm-active);
}

.avatar__fallback_size_sm__7qjM2:hover {
  font: var(--click-avatar-typography-label-sm-hover);
}

.avatar__fallback_size_md__21Kuk {
  font: var(--click-avatar-typography-label-md-default);
}

.avatar__fallback_size_md__21Kuk:active {
  font: var(--click-avatar-typography-label-md-active);
}

.avatar__fallback_size_md__21Kuk:hover {
  font: var(--click-avatar-typography-label-md-hover);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Badge/Badge.css */
.wrapper__DxhQK {
  display: inline-flex;
  padding: var(--click-badge-space-md-y) var(--click-badge-space-md-x);
  border: var(--click-badge-stroke) solid var(--click-badge-opaque-color-stroke-default);
  border-radius: var(--click-badge-radii-all);
  background-color: var(--click-badge-opaque-color-background-default);
  color: var(--click-badge-opaque-color-text-default);
  font: var(--click-badge-typography-label-md-default);
}

/* Opaque type — colors per state */

.wrapper_typestate_opaque-default__aI5-w {
  border-color: var(--click-badge-opaque-color-stroke-default);
  background-color: var(--click-badge-opaque-color-background-default);
  color: var(--click-badge-opaque-color-text-default);
}

.wrapper_typestate_opaque-success__A7jFR {
  border-color: var(--click-badge-opaque-color-stroke-success);
  background-color: var(--click-badge-opaque-color-background-success);
  color: var(--click-badge-opaque-color-text-success);
}

.wrapper_typestate_opaque-neutral__M-2Ek {
  border-color: var(--click-badge-opaque-color-stroke-neutral);
  background-color: var(--click-badge-opaque-color-background-neutral);
  color: var(--click-badge-opaque-color-text-neutral);
}

.wrapper_typestate_opaque-danger__1FP9Q {
  border-color: var(--click-badge-opaque-color-stroke-danger);
  background-color: var(--click-badge-opaque-color-background-danger);
  color: var(--click-badge-opaque-color-text-danger);
}

.wrapper_typestate_opaque-disabled__rOnZR {
  border-color: var(--click-badge-opaque-color-stroke-disabled);
  background-color: var(--click-badge-opaque-color-background-disabled);
  color: var(--click-badge-opaque-color-text-disabled);
}

.wrapper_typestate_opaque-warning__LFMbO {
  border-color: var(--click-badge-opaque-color-stroke-warning);
  background-color: var(--click-badge-opaque-color-background-warning);
  color: var(--click-badge-opaque-color-text-warning);
}

.wrapper_typestate_opaque-info__x6Bg3 {
  border-color: var(--click-badge-opaque-color-stroke-info);
  background-color: var(--click-badge-opaque-color-background-info);
  color: var(--click-badge-opaque-color-text-info);
}

/* Solid type — colors per state */

.wrapper_typestate_solid-default__xjCXm {
  border-color: var(--click-badge-solid-color-stroke-default);
  background-color: var(--click-badge-solid-color-background-default);
  color: var(--click-badge-solid-color-text-default);
}

.wrapper_typestate_solid-success__NbCJo {
  border-color: var(--click-badge-solid-color-stroke-success);
  background-color: var(--click-badge-solid-color-background-success);
  color: var(--click-badge-solid-color-text-success);
}

.wrapper_typestate_solid-neutral__dFOPR {
  border-color: var(--click-badge-solid-color-stroke-neutral);
  background-color: var(--click-badge-solid-color-background-neutral);
  color: var(--click-badge-solid-color-text-neutral);
}

.wrapper_typestate_solid-danger__zCzPE {
  border-color: var(--click-badge-solid-color-stroke-danger);
  background-color: var(--click-badge-solid-color-background-danger);
  color: var(--click-badge-solid-color-text-danger);
}

.wrapper_typestate_solid-disabled__sscAh {
  border-color: var(--click-badge-solid-color-stroke-disabled);
  background-color: var(--click-badge-solid-color-background-disabled);
  color: var(--click-badge-solid-color-text-disabled);
}

.wrapper_typestate_solid-warning__48ZTU {
  border-color: var(--click-badge-solid-color-stroke-warning);
  background-color: var(--click-badge-solid-color-background-warning);
  color: var(--click-badge-solid-color-text-warning);
}

.wrapper_typestate_solid-info__5fv-r {
  border-color: var(--click-badge-solid-color-stroke-info);
  background-color: var(--click-badge-solid-color-background-info);
  color: var(--click-badge-solid-color-text-info);
}

/* Sizes */

.wrapper_size_sm__zQIOE {
  padding: var(--click-badge-space-sm-y) var(--click-badge-space-sm-x);
  font: var(--click-badge-typography-label-sm-default);
}

.wrapper_size_md__1Uvni {
  padding: var(--click-badge-space-md-y) var(--click-badge-space-md-x);
  font: var(--click-badge-typography-label-md-default);
}

/* Content row — mirrors the inner Content styled component. The original
   `Content` was never passed `$size`, so its `gap` always defaulted to the
   md token regardless of the badge's actual `size`. Preserved verbatim. */

.content__8D6nB {
  display: inline-flex;
  max-width: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-badge-space-md-gap);
}

/* BadgeContent — wraps the IconWrapper. The original styled(IconWrapper) set
   `width: auto; overflow: hidden;` on the IconWrapper's rendered root and
   styled the descendant <svg> with color, height, width, and `gap: inherit`.

   The styled-components version only forwarded `$state` to BadgeContent;
   `$type` and `$size` were NOT passed and defaulted to `'opaque'` and `'md'`
   inside the styled rule. To preserve that behavior verbatim, the descendant
   <svg> rules below key off `state` only — color always comes from the
   opaque-text-* tokens, and dimensions are always md, regardless of the
   badge's actual `type`/`size`.

   The doubled-class selectors below (e.g. `.badgecontent.badgecontent svg`)
   raise specificity to (0,2,1) so these rules win over the Icon component's
   own runtime-injected styled-components rule `.<sc-class> svg { width: ... }`
   (specificity 0,1,1). styled-components used to inject the BadgeContent
   stylesheet AFTER Icon's stylesheet at render time, so source order let
   BadgeContent win at equal specificity; CSS Modules now bundle Badge's
   stylesheet earlier than the runtime SC stylesheet, so we need the bump. */

/* stylelint-disable no-descending-specificity -- doubled-class selectors below
   raise specificity so they win over the Icon component's runtime-injected
   styled-components `& svg` rule. */

.badgecontent__MlQs8 {
  width: auto;
  overflow: hidden;
}

.badgecontent__MlQs8.badgecontent__MlQs8 svg {
  width: var(--click-badge-icon-md-size-width);
  height: var(--click-badge-icon-md-size-height);
  gap: inherit;
}

.badgecontent_state_default__xvx1m.badgecontent_state_default__xvx1m svg {
  color: var(--click-badge-opaque-color-text-default);
}

.badgecontent_state_success__NuTD7.badgecontent_state_success__NuTD7 svg {
  color: var(--click-badge-opaque-color-text-success);
}

.badgecontent_state_neutral__Q0zQx.badgecontent_state_neutral__Q0zQx svg {
  color: var(--click-badge-opaque-color-text-neutral);
}

.badgecontent_state_danger__cLB2G.badgecontent_state_danger__cLB2G svg {
  color: var(--click-badge-opaque-color-text-danger);
}

.badgecontent_state_disabled__UDS4K.badgecontent_state_disabled__UDS4K svg {
  color: var(--click-badge-opaque-color-text-disabled);
}

.badgecontent_state_warning__GtYY1.badgecontent_state_warning__GtYY1 svg {
  color: var(--click-badge-opaque-color-text-warning);
}

.badgecontent_state_info__XgrAY.badgecontent_state_info__XgrAY svg {
  color: var(--click-badge-opaque-color-text-info);
}

/* stylelint-enable no-descending-specificity */

/* Close icon — mirrors the SvgContainer styled.svg with as={Icon}. The
   styled-components version only passed $state (size and type defaulted),
   so width/height come from the default md/opaque tokens, and color from
   the opaque-text-<state> token.

   The state classes below use doubled-class specificity (0,2,1) so they
   always win over Icon's internal `SvgWrapper` styled-component rule that
   sets `color: currentColor` on the same element at single-class specificity.
   Without the bump, stylesheet-order would decide and CSS Modules bundle
   before runtime SC styles, so the close icon would inherit the wrapper's
   color (e.g. opaque-text-info for an info badge, but solid-text-info for
   a solid info badge). Doubled class keeps the close icon on opaque-text-*
   regardless. */

.closeicon__p-7mr {
  width: var(--click-badge-icon-md-size-width);
  height: var(--click-badge-icon-md-size-height);
}

.closeicon_state_default__i3VsI.closeicon_state_default__i3VsI {
  color: var(--click-badge-opaque-color-text-default);
}

.closeicon_state_success__NRfHo.closeicon_state_success__NRfHo {
  color: var(--click-badge-opaque-color-text-success);
}

.closeicon_state_neutral__MFG4R.closeicon_state_neutral__MFG4R {
  color: var(--click-badge-opaque-color-text-neutral);
}

.closeicon_state_danger__1SPLo.closeicon_state_danger__1SPLo {
  color: var(--click-badge-opaque-color-text-danger);
}

.closeicon_state_disabled__kagep.closeicon_state_disabled__kagep {
  color: var(--click-badge-opaque-color-text-disabled);
}

.closeicon_state_warning__HyEx3.closeicon_state_warning__HyEx3 {
  color: var(--click-badge-opaque-color-text-warning);
}

.closeicon_state_info__qNJkh.closeicon_state_info__qNJkh {
  color: var(--click-badge-opaque-color-text-info);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/BigStat/BigStat.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. bigStat) */
.big-stat__ZC5s7 {
  --big-stat-max-width: initial;

  display: flex;
  box-sizing: border-box;
  max-width: var(--big-stat-max-width, none);
  min-height: var(--big-stat-height, auto);
  padding: var(--click-bigStat-space-all);
  justify-content: center;
  border: var(--click-bigStat-stroke) solid var(--big-stat-stroke-color);
  border-radius: var(--click-bigStat-radii-all);
  background-color: var(--big-stat-background);
  color: var(--big-stat-label-color);
  font: var(--big-stat-label-font);
}

/* State drives the color/background tokens. The `default` and `muted`
   typography tokens are byte-identical, so font is dispatched on size only. */
.big-stat_state_default__YsXXh {
  --big-stat-background: var(--click-bigStat-color-background-default);
  --big-stat-label-color: var(--click-bigStat-color-label-default);
  --big-stat-title-color: var(--click-bigStat-color-title-default);
  --big-stat-stroke-color: var(--click-bigStat-color-stroke-default);
}

.big-stat_state_muted__FI-y- {
  --big-stat-background: var(--click-bigStat-color-background-muted);
  --big-stat-label-color: var(--click-bigStat-color-label-muted);
  --big-stat-title-color: var(--click-bigStat-color-title-muted);
  --big-stat-stroke-color: var(--click-bigStat-color-stroke-muted);
}

.big-stat_size_lg__B4I3T {
  --big-stat-label-font: var(--click-bigStat-typography-lg-label-default);
  --big-stat-title-font: var(--click-bigStat-typography-lg-title-default);
}

.big-stat_size_sm__q2e-M {
  --big-stat-label-font: var(--click-bigStat-typography-sm-label-default);
  --big-stat-title-font: var(--click-bigStat-typography-sm-title-default);
}

.big-stat_error__jprpL {
  --big-stat-label-color: var(--click-bigStat-color-label-danger);
  --big-stat-stroke-color: var(--click-bigStat-color-stroke-danger);
}

.big-stat_order_title-top__ccjZB {
  flex-direction: column;
}

.big-stat_order_title-bottom__Mpgww {
  flex-direction: column-reverse;
}

.big-stat_fill-width__FxoMI {
  width: 100%;
}

.big-stat_spacing_sm__Xx-wJ {
  gap: var(--click-bigStat-space-sm-gap);
}

.big-stat_spacing_lg__MTWck {
  gap: var(--click-bigStat-space-lg-gap);
}

.big-stat__label__MAyV0 {
  color: var(--big-stat-label-color);
  font: var(--big-stat-label-font);
}

.big-stat__title__ql7Gx {
  color: var(--big-stat-title-color);
  font: var(--big-stat-title-font);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/SplitButton/SplitButton.css */
.split-button__EX3XI {
  display: inline-flex;
  width: revert;
  overflow: hidden;
  align-items: center;
  border: 1px solid var(--split-stroke-default);
  border-radius: var(--click-button-radii-all);
  user-select: none;
}

.split-button_type_primary__n4Kxb {
  --split-stroke-default: var(--click-button-split-primary-stroke-default);
  --split-stroke-hover: var(--click-button-split-primary-stroke-hover);
  --split-stroke-active: var(--click-button-split-primary-stroke-active);
  --split-stroke-disabled: var(--click-button-split-primary-stroke-disabled);
  --split-bg-main-default: var(--click-button-split-primary-background-main-default);
  --split-bg-main-hover: var(--click-button-split-primary-background-main-hover);
  --split-bg-main-active: var(--click-button-split-primary-background-main-active);
  --split-bg-main-disabled: var(--click-button-split-primary-background-main-disabled);
  --split-bg-action-default: var(--click-button-split-primary-background-action-default);
  --split-bg-action-hover: var(--click-button-split-primary-background-action-hover);
  --split-bg-action-active: var(--click-button-split-primary-background-action-active);
  --split-bg-action-disabled: var(--click-button-split-primary-background-action-disabled);
  --split-text-default: var(--click-button-split-primary-text-default);
  --split-text-hover: var(--click-button-split-primary-text-hover);
  --split-text-active: var(--click-button-split-primary-text-active);
  --split-text-disabled: var(--click-button-split-primary-text-disabled);
}

.split-button_type_secondary__CMY5T {
  --split-stroke-default: var(--click-button-split-secondary-stroke-default);
  --split-stroke-hover: var(--click-button-split-secondary-stroke-hover);
  --split-stroke-active: var(--click-button-split-secondary-stroke-active);
  --split-stroke-disabled: var(--click-button-split-secondary-stroke-disabled);
  --split-bg-main-default: var(--click-button-split-secondary-background-main-default);
  --split-bg-main-hover: var(--click-button-split-secondary-background-main-hover);
  --split-bg-main-active: var(--click-button-split-secondary-background-main-active);
  --split-bg-main-disabled: var(--click-button-split-secondary-background-main-disabled);
  --split-bg-action-default: var(--click-button-split-secondary-background-action-default);
  --split-bg-action-hover: var(--click-button-split-secondary-background-action-hover);
  --split-bg-action-active: var(--click-button-split-secondary-background-action-active);
  --split-bg-action-disabled: var(--click-button-split-secondary-background-action-disabled);
  --split-text-default: var(--click-button-split-secondary-text-default);
  --split-text-hover: var(--click-button-split-secondary-text-hover);
  --split-text-active: var(--click-button-split-secondary-text-active);
  --split-text-disabled: var(--click-button-split-secondary-text-disabled);
}

.split-button_fill-width__4-oog {
  width: 100%;
}

.split-button__EX3XI:hover {
  border-color: var(--split-stroke-hover);
}

.split-button__EX3XI:focus-within {
  border-color: var(--split-stroke-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/focus-within to mirror the source cascade order; the
   pre-migration original omitted the hover/focus-within rules entirely when
   disabled, so the disabled border-color must win over them. */
.split-button_disabled__597A-,
.split-button_disabled__597A-:hover,
.split-button_disabled__597A-:focus-within {
  border-color: var(--split-stroke-disabled);
  cursor: not-allowed;
}
/* stylelint-enable no-descending-specificity */

.split-button__primary__1RIoP {
  width: revert;
  padding: var(--click-button-split-space-y) var(--click-button-split-space-x);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border: none;
  border-radius: 0;
  background: var(--split-bg-main-default);
  color: var(--split-text-default);
  font: var(--click-button-split-typography-label-default);
}

.split-button__primary_fill-width__RRkLi {
  width: 100%;
}

.split-button__primary__1RIoP:hover {
  background: var(--split-bg-main-hover);
  color: var(--split-text-hover);
  font: var(--click-button-split-typography-label-hover);
}

.split-button__primary__1RIoP:focus {
  background: var(--split-bg-main-active);
  color: var(--split-text-active);
  font: var(--click-button-split-typography-label-active);
}

.split-button__primary__1RIoP:disabled {
  background: var(--split-bg-main-disabled);
  color: var(--split-text-disabled);
  font: var(--click-button-split-typography-label-disabled);
}

.split-button__secondary__CYtzX {
  padding: var(--click-button-split-icon-space-y) var(--click-button-split-icon-space-x);
  align-self: stretch;
  border: none;
  border-radius: 0;
  background: var(--split-bg-action-default);
  color: var(--split-text-default);
}

.split-button__secondary__CYtzX:hover {
  background: var(--split-bg-action-hover);
  color: var(--split-text-hover);
}

.split-button__secondary__CYtzX:focus {
  background: var(--split-bg-action-active);
  color: var(--split-text-active);
}

.split-button__secondary__CYtzX[data-disabled] {
  background: var(--split-bg-action-disabled);
  color: var(--split-text-disabled);
}

.split-button__button-data__8yyZR {
  width: auto;
}

.split-button__dropdown-content__nmia- {
  min-width: var(--split-button-dropdown-min-width, 0);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Button/BaseButton.css */
/* Kept at zero specificity via :where() so that downstream styled-components
   overrides on a styled(BaseButton) (SplitButton's PrimaryButton/SecondaryButton
   override padding, border-radius, font, background, color, border, and width)
   win without needing a specificity hack — BaseButton is a CSS Module, whose rules
   otherwise beat equal-specificity styled-components by source order. SplitButton
   cannot be fully migrated to fix the collision in the consumer because it renders
   as={Dropdown.Trigger}/as={Dropdown.Content} and Dropdown is still on
   styled-components, so :where() is the correct call for this coupled base. */
:where(.base-button__6Tguv) {
  display: flex;
  padding: var(--click-button-basic-space-y) var(--click-button-basic-space-x);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--click-button-basic-space-gap);
  border-radius: var(--click-button-radii-all);
  font: var(--click-button-basic-typography-label-default);
  cursor: pointer;
}

:where(.base-button__6Tguv):hover {
  font: var(--click-button-basic-typography-label-hover);
}

:where(.base-button__6Tguv):active,
:where(.base-button__6Tguv):focus {
  font: var(--click-button-basic-typography-label-active);
}

:where(.base-button__6Tguv):focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: 2px;
}

:where(.base-button__6Tguv):disabled,
:where(.base-button__6Tguv):disabled:hover,
:where(.base-button__6Tguv):disabled:active {
  font: var(--click-button-basic-typography-label-disabled);
  cursor: not-allowed;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CardHorizontal/CardHorizontal.css */
.header__Cn2aH {
  max-width: 100%;
  gap: inherit;
}

.description__4EWfD {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  align-self: start;
  gap: var(--click-card-horizontal-space-md-gap);
}

.cardicon__VX2fX {
  width: var(--click-card-horizontal-icon-size-all);
  height: var(--click-card-horizontal-icon-size-all);
}

.contentwrapper__u9SOr {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.contentwrapper_size_md__lNQPZ {
  gap: var(--click-card-horizontal-space-md-gap);
}

.contentwrapper_size_sm__GDVYr {
  gap: var(--click-card-horizontal-space-sm-gap);
}

/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 768px) {
  .contentwrapper__u9SOr {
    flex-direction: column;
  }
}

.icontextcontentwrapper__D6gbe {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

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

.icontextcontentwrapper_alignment_center__GiQqi {
  align-items: center;
}

.icontextcontentwrapper_size_md__vl0h- {
  gap: var(--click-card-horizontal-space-md-gap);
}

.icontextcontentwrapper_size_sm__VNsIL {
  gap: var(--click-card-horizontal-space-sm-gap);
}

.wrapper__gPLR5 {
  display: inline-flex;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  align-items: center;
  align-self: auto;
  border: 1px solid var(--card-stroke-default);
  border-radius: var(--click-card-horizontal-radii-all);
  background: var(--card-bg-default);
  color: var(--card-title-default);
  font: var(--click-card-horizontal-typography-title-default);
}

.wrapper_color_default__cSCG8 {
  --card-bg-default: var(--click-card-horizontal-default-color-background-default);
  --card-bg-hover: var(--click-card-horizontal-default-color-background-hover);
  --card-bg-active: var(--click-card-horizontal-default-color-background-active);
  --card-bg-disabled: var(--click-card-horizontal-default-color-background-disabled);
  --card-title-default: var(--click-card-horizontal-default-color-title-default);
  --card-title-hover: var(--click-card-horizontal-default-color-title-hover);
  --card-title-active: var(--click-card-horizontal-default-color-title-active);
  --card-title-disabled: var(--click-card-horizontal-default-color-title-disabled);
  --card-stroke-default: var(--click-card-horizontal-default-color-stroke-default);
  --card-stroke-hover: var(--click-card-horizontal-default-color-stroke-hover);
  --card-stroke-active: var(--click-card-horizontal-default-color-stroke-active);
  --card-stroke-disabled: var(--click-card-horizontal-default-color-stroke-disabled);
  --card-desc-default: var(--click-card-horizontal-default-color-description-default);
  --card-desc-hover: var(--click-card-horizontal-default-color-description-hover);
  --card-desc-active: var(--click-card-horizontal-default-color-description-active);
  --card-desc-disabled: var(--click-card-horizontal-default-color-description-disabled);
}

.wrapper_color_muted__DFlsG {
  --card-bg-default: var(--click-card-horizontal-muted-color-background-default);
  --card-bg-hover: var(--click-card-horizontal-muted-color-background-hover);
  --card-bg-active: var(--click-card-horizontal-muted-color-background-active);
  --card-bg-disabled: var(--click-card-horizontal-muted-color-background-disabled);
  --card-title-default: var(--click-card-horizontal-muted-color-title-default);
  --card-title-hover: var(--click-card-horizontal-muted-color-title-hover);
  --card-title-active: var(--click-card-horizontal-muted-color-title-active);
  --card-title-disabled: var(--click-card-horizontal-muted-color-title-disabled);
  --card-stroke-default: var(--click-card-horizontal-muted-color-stroke-default);
  --card-stroke-hover: var(--click-card-horizontal-muted-color-stroke-hover);
  --card-stroke-active: var(--click-card-horizontal-muted-color-stroke-active);
  --card-stroke-disabled: var(--click-card-horizontal-muted-color-stroke-disabled);
  --card-desc-default: var(--click-card-horizontal-muted-color-description-default);
  --card-desc-hover: var(--click-card-horizontal-muted-color-description-hover);
  --card-desc-active: var(--click-card-horizontal-muted-color-description-active);
  --card-desc-disabled: var(--click-card-horizontal-muted-color-description-disabled);
}

.wrapper_alignment_top__QcYt3 {
  align-items: flex-start;
  align-self: stretch;
}

.wrapper_alignment_center__X8Sjf {
  align-items: center;
  align-self: auto;
}

.wrapper_size_md__cIFpL {
  padding: var(--click-card-horizontal-space-md-y) var(--click-card-horizontal-space-md-x);
}

.wrapper_size_sm__alRqs {
  padding: var(--click-card-horizontal-space-sm-y) var(--click-card-horizontal-space-sm-x);
}

.wrapper__gPLR5 .description__4EWfD {
  color: var(--card-desc-default);
  font: var(--click-card-horizontal-typography-description-default);
}

.wrapper__gPLR5.wrapper_selectable__shWc3 {
  border-color: var(--card-stroke-hover);
}

.wrapper__gPLR5.wrapper_selectable__shWc3.wrapper_selected__FUouc {
  border-color: var(--card-stroke-active);
}

.wrapper__gPLR5:hover {
  font: var(--click-card-horizontal-typography-title-hover);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:hover {
  border-color: var(--card-stroke-default);
  background-color: var(--card-bg-hover);
  color: var(--card-title-hover);
  cursor: pointer;
}

.wrapper__gPLR5.wrapper_selectable__shWc3.wrapper_selected__FUouc:hover {
  border-color: var(--card-stroke-active);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:hover .description__4EWfD {
  color: var(--card-desc-hover);
  font: var(--click-card-horizontal-typography-description-hover);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:active,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus-within {
  border-color: var(--card-stroke-active);
  background-color: var(--card-bg-active);
  color: var(--card-title-active);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:active .description__4EWfD,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus .description__4EWfD,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus-within .description__4EWfD {
  color: var(--card-desc-active);
  font: var(--click-card-horizontal-typography-description-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/active to mirror the source cascade order;
   pointer-events:none plus tabIndex=-1 prevent hover/focus/active from firing. */
.wrapper__gPLR5.wrapper_disabled__QRVx8,
.wrapper__gPLR5.wrapper_disabled__QRVx8:hover,
.wrapper__gPLR5.wrapper_disabled__QRVx8:active,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus-within {
  border: 1px solid var(--card-stroke-disabled);
  background-color: var(--card-bg-disabled);
  color: var(--card-title-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:hover,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:active,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:focus,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:focus-within {
  border-color: var(--card-stroke-active);
}

.wrapper__gPLR5.wrapper_disabled__QRVx8 .description__4EWfD {
  color: var(--card-desc-disabled);
  font: var(--click-card-horizontal-typography-description-disabled);
}

.wrapper__gPLR5.wrapper_disabled__QRVx8:active,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus-within {
  border: 1px solid var(--card-stroke-active);
}
/* stylelint-enable no-descending-specificity */


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CardPrimary/CardPrimary.css */
.wrapper__zCfLE {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  border: 1px solid var(--click-card-primary-color-stroke-default);
  border-radius: var(--click-card-primary-radii-all);
  background-color: var(--click-card-primary-color-background-default);
  text-align: center;
}

.wrapper_align_start__37pdg {
  text-align: left;
}

.wrapper_align_center__37eoU {
  text-align: center;
}

.wrapper_align_end__xbC8w {
  text-align: right;
}

.wrapper_size_md__tu4Nx {
  padding: var(--click-card-primary-space-md-x) var(--click-card-primary-space-md-y);
  gap: var(--click-card-primary-space-md-gap);
}

.wrapper_size_sm__8H2nS {
  padding: var(--click-card-primary-space-sm-x) var(--click-card-primary-space-sm-y);
  gap: var(--click-card-primary-space-sm-gap);
}

.wrapper_shadow__6Yg0s {
  box-shadow: var(--shadow-1);
}

.wrapper_selected__eO9y0 {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}

.wrapper__zCfLE:hover,
.wrapper__zCfLE:focus {
  background-color: var(--click-card-secondary-color-background-hover);
  cursor: pointer;
}

.wrapper__zCfLE:hover button,
.wrapper__zCfLE:focus button {
  border-color: var(--click-button-basic-color-primary-stroke-hover);
  background-color: var(--click-button-basic-color-primary-background-hover);
}

.wrapper__zCfLE:hover button:active,
.wrapper__zCfLE:focus button:active {
  border-color: var(--click-button-basic-color-primary-stroke-active);
  background-color: var(--click-button-basic-color-primary-background-active);
}

.wrapper__zCfLE:active {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/active to mirror the source cascade order;
   pointer-events:none prevents the hover/active rules from applying when disabled. */
.wrapper__zCfLE[aria-disabled='true'],
.wrapper__zCfLE[aria-disabled='true']:hover,
.wrapper__zCfLE[aria-disabled='true']:focus,
.wrapper__zCfLE[aria-disabled='true']:active {
  border: 1px solid var(--click-card-primary-color-stroke-disabled);
  background-color: var(--click-card-primary-color-background-disabled);
  color: var(--click-card-primary-color-title-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper__zCfLE[aria-disabled='true'] button,
.wrapper__zCfLE[aria-disabled='true']:hover button,
.wrapper__zCfLE[aria-disabled='true']:focus button,
.wrapper__zCfLE[aria-disabled='true']:active button,
.wrapper__zCfLE[aria-disabled='true'] button:active,
.wrapper__zCfLE[aria-disabled='true']:hover button:active,
.wrapper__zCfLE[aria-disabled='true']:focus button:active,
.wrapper__zCfLE[aria-disabled='true']:active button:active {
  border-color: var(--click-button-basic-color-primary-stroke-disabled);
  background-color: var(--click-button-basic-color-primary-background-disabled);
}
/* stylelint-enable no-descending-specificity */

.header__8rODG {
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.header_align_center__BztmN {
  align-items: center;
}

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

.header_size_md__VoWrw {
  gap: var(--click-card-primary-space-md-gap);
}

.header__8rODG.header_size_md__VoWrw svg,
.header__8rODG.header_size_md__VoWrw img {
  width: var(--click-card-primary-size-icon-md-all);
  height: var(--click-card-primary-size-icon-md-all);
}

.header_size_sm__voZ7g {
  gap: var(--click-card-primary-space-sm-gap);
}

.header__8rODG.header_size_sm__voZ7g svg,
.header__8rODG.header_size_sm__voZ7g img {
  width: var(--click-card-primary-size-icon-sm-all);
  height: var(--click-card-primary-size-icon-sm-all);
}

.header__8rODG.header__8rODG h3 {
  color: var(--click-global-color-text-default);
}

.header__8rODG.header_disabled__SJxQn h3 {
  color: var(--click-global-color-text-muted);
}

.content__zhXwY {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  align-self: center;
}

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

.content_align_center__zIpiO {
  align-self: center;
}

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

.content_size_md__MrRdD {
  gap: var(--click-card-primary-space-md-gap);
}

.content_size_sm__fy4p3 {
  gap: var(--click-card-primary-space-sm-gap);
}

.topbadgewrapper__uA9pl {
  position: relative;
}

.topbadge__E79OZ {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.topbadge_selected__zrz5r {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}

div:active + .topbadge__E79OZ {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Title/Title.css */
.title__t68i9 {
  /* anchors inherit the title color via this local alias; the color
     modifiers below redefine it so links track the chosen title color. */
  --title-link-color: var(--click-global-color-title-default);

  margin: 0;
  padding: 0;
  color: var(--click-global-color-title-default);
  font: var(--typography-styles-product-titles-md);
  font-style: inherit;
  text-align: left;
}

.title__t68i9 a,
.title__t68i9 a:visited {
  color: var(--title-link-color);
  cursor: pointer;
}

.title__t68i9 a:hover {
  color: var(--click-global-color-title-muted);
}

/* font shorthand depends on both family and size; one class per pairing
   mirrors the single `font:` declaration emitted by styled-components. */

.title_font_product-xs__IdFu4 {
  font: var(--typography-styles-product-titles-xs);
  font-style: inherit;
}

.title_font_product-sm__9RMAB {
  font: var(--typography-styles-product-titles-sm);
  font-style: inherit;
}

.title_font_product-md__uDEhW {
  font: var(--typography-styles-product-titles-md);
  font-style: inherit;
}

.title_font_product-lg__BtA0P {
  font: var(--typography-styles-product-titles-lg);
  font-style: inherit;
}

.title_font_product-xl__VFvtd {
  font: var(--typography-styles-product-titles-xl);
  font-style: inherit;
}

.title_font_brand-xs__8A0De {
  font: var(--typography-styles-brand-titles-xs);
  font-style: inherit;
}

.title_font_brand-sm__6QsrH {
  font: var(--typography-styles-brand-titles-sm);
  font-style: inherit;
}

.title_font_brand-md__YOk4n {
  font: var(--typography-styles-brand-titles-md);
  font-style: inherit;
}

.title_font_brand-lg__90bGM {
  font: var(--typography-styles-brand-titles-lg);
  font-style: inherit;
}

.title_font_brand-xl__aDCet {
  font: var(--typography-styles-brand-titles-xl);
  font-style: inherit;
}

.title_color_default__4FO-y {
  --title-link-color: var(--click-global-color-title-default);

  color: var(--click-global-color-title-default);
}

.title_color_muted__sJNEb {
  --title-link-color: var(--click-global-color-title-muted);

  color: var(--click-global-color-title-muted);
}

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

.title_align_center__33VmS {
  text-align: center;
}

.title_align_right__483BF {
  text-align: right;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CardPromotion/CardPromotion.css */
.background__q--1v {
  display: flex;
  padding: 1px;
  border-radius: var(--click-card-promotion-radii-all);
  background-image: var(--click-card-promotion-color-stroke-default);
  box-shadow: var(--click-card-shadow);
}

.background__q--1v:focus {
  background: var(--click-card-promotion-color-stroke-focus);
}

.wrapper__u2j3r {
  display: flex;
  width: 100%;
  padding: var(--click-card-promotion-space-y) var(--click-card-promotion-space-x);
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-card-promotion-space-gap);
  border-radius: var(--click-card-promotion-radii-all);
  background: var(--click-card-promotion-color-background-default);
  color: var(--click-card-promotion-color-text-default);
  cursor: pointer;
  transition: 0.2s ease-in-out all;
}

.wrapper__u2j3r:hover {
  background: var(--click-card-promotion-color-background-hover);
  color: var(--click-card-promotion-color-text-hover);
}

.wrapper__u2j3r:active,
.wrapper__u2j3r:focus {
  background: var(--click-card-promotion-color-background-active);
  color: var(--click-card-promotion-color-text-active);
}

.cardicon__EPonC {
  width: var(--click-card-promotion-icon-size-all);
  height: var(--click-card-promotion-icon-size-all);
  color: var(--click-card-promotion-color-icon-default);
}

.dismisswrapper__CeHgg {
  display: flex;
  margin-left: auto;
  align-items: center;
  border: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CardSecondary/CardSecondary.css */
.wrapper__x6K6U {
  display: flex;
  min-width: 320px;
  max-width: 420px;
  padding: var(--click-card-secondary-space-all);
  flex-direction: column;
  gap: var(--click-card-secondary-space-gap);
  border: 1px solid var(--click-card-secondary-color-stroke-default);
  border-radius: var(--click-card-secondary-radii-all);
  background-color: var(--click-card-secondary-color-background-default);
  box-shadow: none;
}

.wrapper_shadow__jXc8Y {
  box-shadow: var(--shadow-1);
}

.wrapper__x6K6U:hover,
.wrapper__x6K6U :focus {
  background-color: var(--click-card-secondary-color-background-hover);
  cursor: pointer;
}

.wrapper__x6K6U:hover .infolink__text__XbiBm,
.wrapper__x6K6U:hover .infolink__icon__PBRPu,
.wrapper__x6K6U :focus .infolink__text__XbiBm,
.wrapper__x6K6U :focus .infolink__icon__PBRPu {
  color: var(--click-card-secondary-color-link-hover);
}

.wrapper__x6K6U[aria-disabled='true'],
.wrapper__x6K6U[aria-disabled='true']:hover,
.wrapper__x6K6U[aria-disabled='true']:focus,
.wrapper__x6K6U[aria-disabled='true']:active {
  border: 1px solid var(--click-card-secondary-color-stroke-disabled);
  background-color: var(--click-card-secondary-color-background-disabled);
  color: var(--click-card-secondary-color-title-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper__x6K6U[aria-disabled='true'] .infolink__text__XbiBm,
.wrapper__x6K6U[aria-disabled='true'] .infolink__icon__PBRPu {
  color: var(--click-card-secondary-color-link-disabled);
}

.header__q8HJ0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headerleft__o-Mu5 {
  display: flex;
  align-items: center;
  gap: var(--click-card-secondary-space-gap);
}

.headerleft__o-Mu5 h3,
.headerleft__o-Mu5 svg {
  color: var(--click-global-color-text-default);
}

.headerleft_disabled__1uiTV h3,
.headerleft_disabled__1uiTV svg {
  color: var(--click-global-color-text-muted);
}

.content__OqlXq {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.customicon__LTYpO {
  width: var(--click-image-lg-size-width);
  height: var(--click-image-lg-size-height);
}

.infolink__Sv6Xq {
  display: flex;
  align-items: center;
  gap: var(--click-card-secondary-space-link-gap);
  color: var(--click-card-secondary-color-link-default);
  text-decoration: none;
}

/* stylelint-disable-next-line no-descending-specificity -- icon color defined
   alongside its size to mirror the source styled(Icon) rule; the hover/disabled
   link-color rules above intentionally win via the wrapper-scoped cascade. */
.infolink__icon__PBRPu {
  width: var(--click-image-md-size-width);
  height: var(--click-image-md-size-height);
  color: var(--click-card-secondary-color-link-default);
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.infolink__text__XbiBm {
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Checkbox/Checkbox.css */
/* The wrapper class is applied alongside FormRoot's styled-components class.
   The .wrapper.wrapper double-class boost matches the specificity behavior of
   the original `styled(FormRoot)` chain so these overrides reliably beat
   FormRoot's `align-items: flex-start` regardless of stylesheet insertion
   order between CSS Modules and the runtime-injected styled-components. */
.wrapper__rpthW.wrapper__rpthW {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     keyword on `max-width` is widely supported on evergreen browsers; the original
     styled-components rule used the same value. */
  max-width: fit-content;
  align-items: center;
}

.checkinput__oErG6 {
  display: flex;
  width: var(--click-checkbox-size-all);
  height: var(--click-checkbox-size-all);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--checkbox-stroke-default);
  border-radius: var(--click-checkbox-radii-all);
  background: var(--checkbox-bg-default);
  cursor: pointer;
}

.checkinput_variant_default__7KgZ1 {
  --checkbox-bg-default: var(--click-checkbox-color-variations-default-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-default-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-default-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-default-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-default-stroke-active);
}

.checkinput_variant_var1__dF7nF {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var1-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var1-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var1-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var1-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var1-stroke-active);
}

.checkinput_variant_var2__pHifP {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var2-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var2-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var2-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var2-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var2-stroke-active);
}

.checkinput_variant_var3__8KFg4 {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var3-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var3-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var3-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var3-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var3-stroke-active);
}

.checkinput_variant_var4__-C02i {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var4-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var4-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var4-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var4-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var4-stroke-active);
}

.checkinput_variant_var5__DuiuL {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var5-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var5-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var5-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var5-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var5-stroke-active);
}

.checkinput_variant_var6__DqZFO {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var6-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var6-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var6-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var6-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var6-stroke-active);
}

.checkinput__oErG6:hover {
  background: var(--checkbox-bg-hover);
}

.checkinput__oErG6[data-state='checked'],
.checkinput__oErG6[data-state='indeterminate'] {
  border-color: var(--checkbox-stroke-active);
  background: var(--checkbox-bg-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after checked/indeterminate to mirror the source cascade order;
   matches the styled-components rule which used a nested `&[data-disabled]`
   block placed after the state selectors. */
.checkinput__oErG6[data-disabled] {
  border-color: var(--click-checkbox-color-stroke-disabled);
  background: var(--click-checkbox-color-background-disabled);
  cursor: not-allowed;
}

.checkinput__oErG6[data-disabled][data-state='checked'],
.checkinput__oErG6[data-disabled][data-state='indeterminate'] {
  border-color: var(--click-checkbox-color-stroke-disabled);
  background: var(--click-checkbox-color-background-disabled);
}
/* stylelint-enable no-descending-specificity */

.checkicon__wvW5M {
  color: var(--click-checkbox-color-check-active);
}

.checkicon__wvW5M[data-disabled] {
  color: var(--click-checkbox-color-check-disabled);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/GenericLabel/GenericLabel.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericLabel) */

.generic-label__l8R-z {
  color: var(--click-field-color-genericLabel-default);
  font: var(--click-field-typography-genericLabel-default);
  cursor: pointer;
}

.generic-label__l8R-z:hover {
  color: var(--click-field-color-genericLabel-hover);
  font: var(--click-field-typography-genericLabel-hover);
}

.generic-label__l8R-z:focus,
.generic-label__l8R-z:focus-within {
  color: var(--click-field-color-genericLabel-active);
  font: var(--click-field-typography-genericLabel-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/focus to neutralize them; the original styled-components
   emits no hover/focus rules when disabled is true. */
.generic-label__l8R-z.generic-label_disabled__LsI3I,
.generic-label__l8R-z.generic-label_disabled__LsI3I:hover,
.generic-label__l8R-z.generic-label_disabled__LsI3I:focus,
.generic-label__l8R-z.generic-label_disabled__LsI3I:focus-within {
  color: var(--click-field-color-genericLabel-disabled);
  font: var(--click-field-typography-genericLabel-disabled);
  cursor: not-allowed;
}
/* stylelint-enable no-descending-specificity */


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CodeBlock/CodeBlock.css */
.codeblock__pRWOC {
  position: relative;
  width: 100%;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original
     styled-components rule used this same width fallback chain (100% →
     -webkit-fill-available → fill-available → stretch) so the block fills the
     available inline space. */
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  color: var(--codeblock-numbers);
}

/* This class is applied alongside the IconButton module classes on the same
   <button>. `color`, `padding`, and `border` are set by both; the
   styled-components original won them via source order. Double the class so
   those three win regardless of CSS-module bundle order, matching the
   pre-migration rendering. */
.codeblock__button__YDCMe.codeblock__button__YDCMe {
  /* Reset so a copied/error state on one button can't inherit into another via
     the custom property (custom properties inherit by default). The copied/error
     colors are set inline per state via --codeblock-button, matching the
     --codeblock-numbers pattern so both track the ThemeProvider runtime. */
  --codeblock-button: initial;
  padding: 0;
  border: 0;
  color: var(--codeblock-button, inherit);
}

.codeblock__highlighter__t4Xol {
  margin: 0;
  padding: 0;
  background: transparent;
}

.codeblock__content__WKNWr {
  color: inherit;
  font-family: inherit;
}

.codeblock__button-container__D6yob {
  display: flex;
  position: absolute;
  top: var(--click-codeblock-space-y);
  right: var(--click-codeblock-space-x);
  gap: 0.625rem;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/ConfirmationDialog/ConfirmationDialog.css */
.content__fI-1- {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.actions__14jg2 {
  display: flex;
  justify-content: flex-end;
  gap: var(--click-dialog-space-gap);
}

/* 640px = theme.breakpoint.sizes.sm; CSS media queries can't reference JS theme tokens */
/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 640px) {
  .actions__14jg2 {
    flex-direction: column;
  }
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Dialog/Dialog.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. opaqueBackground) */
.trigger__bbzuV {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     keyword on `width` is widely supported on evergreen browsers; the original
     rule used the same value. */
  width: fit-content;
  border: none;
  background: transparent;
  cursor: pointer;
}

@keyframes overlay-show__YkYqH {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes content-show__V3LjD {
  0% {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.overlay__6zjBZ {
  position: fixed;
  inset: 0;
  background-color: var(--click-dialog-color-opaqueBackground-default);
  animation: overlay-show__YkYqH 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

.content__eXA1D {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 75%;
  max-width: 670px;
  max-height: 75%;
  overflow: auto;
  border: 1px solid var(--click-global-color-stroke-default);
  border-radius: var(--click-dialog-radii-all);
  background: var(--click-dialog-color-background-default);
  outline: none;
  box-shadow: var(--click-dialog-shadow-default);
  transform: translate(-50%, -50%);
  animation: content-show__V3LjD 150ms cubic-bezier(0.16, 1, 0.3, 1);
  padding-block: var(--click-dialog-space-y);
  padding-inline: var(--click-dialog-space-x);
}

.content_reduce-padding__DYRs6 {
  padding-block: var(--sizes-4);
  padding-inline: var(--sizes-4);
}

/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 640px) {
  .content__eXA1D {
    width: 100%;
    max-height: 100%;
    border-radius: 0;
  }
}

.title-area__cF92Z {
  display: flex;
  min-height: var(--sizes-9); /* 32px */
  justify-content: space-between;
  align-items: center;
}

.title-area_only-close__PFiEJ {
  justify-content: flex-end;
}

.title__glVA6 {
  margin: 0;
  padding: 0;
  font: var(--click-dialog-typography-title-default);
}

.description__6Bsa9 {
  margin: 0;
  padding: 0;
  color: var(--click-dialog-color-description-default);
  font: var(--click-dialog-typography-description-default);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/CrossButton/CrossButton.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */

.cross-button__StJ4Q {
  padding: var(--click-button-iconButton-sm-space-y)
    var(--click-button-iconButton-sm-space-x);
  border-radius: var(--click-button-iconButton-radii-all);
  background: var(--click-button-iconButton-color-primary-background-default);
}

.cross-button__StJ4Q:hover {
  background: var(--click-button-iconButton-color-primary-background-hover);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/EmptyButton/EmptyButton.css */
/* Kept at zero specificity via :where() so that downstream styled-components
   overrides on a styled(EmptyButton) (e.g. CrossButton overriding background and
   padding, the Popover/CodeBlock close/copy buttons overriding color and padding)
   win without needing a specificity hack — EmptyButton is a CSS Module, whose
   rules otherwise beat equal-specificity styled-components by source order. */
:where(.empty-button__1ynA8) {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  outline: none;
  cursor: pointer;
}

/* Also scoped with :where() so the disabled cursor stays at zero specificity
   and a downstream styled(EmptyButton) `&:disabled` override wins naturally,
   rather than tying on specificity and losing to the CSS Module by source order. */
:where(.empty-button__1ynA8):disabled {
  cursor: not-allowed;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Grid/Grid.css */
/*
 * `.grid` is the Grid's outer container. It is rendered as the ContextMenu.Trigger
 * (the root element the whole grid mounts into), which is why the trigger carries
 * the grid's own box styling rather than a context-menu-specific class.
 */
.grid__h49fk {
  width: 100%;
  height: var(--grid-height, 100%);
  overflow: hidden;
  border-radius: var(--grid-radius);
  background: var(--click-grid-body-cell-color-background-default);
  outline: none;
}

.grid_bordered__kFqF5 {
  border: 1px solid var(--click-grid-header-cell-color-stroke-default);
}

/* react-window's inner element that lays out the scrolling cell grid */
.grid__inner__IZhj9 {
  display: flex;
  flex-direction: column-reverse;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the original styled rule used overflow-anchor */
  overflow-anchor: none;
  user-select: none;
}

.grid__data__Mn4TK {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: var(--grid-data-top, 0);
  margin-left: var(--grid-data-left, 0);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Grid/RowNumberColumn.css */
.row-number-column__n-aQm {
  position: sticky;
  top: var(--row-number-column-top);
  left: 0;
  width: var(--row-number-column-width);
  height: 100%;
}

.row-number-column_scrolled-horizontal__L9fAB {
  box-shadow: 0 0 0 1px var(--click-grid-header-cell-color-stroke-default);
}

.row-number-column__cell__00w03 {
  position: absolute;
  top: var(--row-number-cell-top);
  left: 0;
  width: 100%;
  height: var(--row-number-cell-height);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Grid/StyledCell.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */

/*
 * The original styled-component dispatches background / text colour / border
 * colour off `$type` (body|header) and `$selectionType`, and toggles individual
 * borders / a `::before` overlay off boolean flags. Colours are aliased to local
 * custom properties (set by the type + selection modifiers) so the shared border
 * / overlay rules can reference them once.
 */

.cell__OXAxg {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: var(--cell-space-y) var(--cell-space-x);
  overflow: hidden;
  border-top: 1px solid var(--cell-stroke-default);
  border-left: 1px solid var(--cell-stroke-default);
  background: var(--cell-background);
  color: var(--cell-color);
  font: var(--click-grid-cell-text-default);
  text-align: left;
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
}

.cell__OXAxg[data-align='right'] {
  text-align: right;
}

.cell_type_body__SohuF {
  --cell-stroke-default: var(--click-grid-body-cell-color-stroke-default);
  --cell-stroke-select-direct: var(--click-grid-body-cell-color-stroke-selectDirect);
  --cell-stroke-last: var(--click-grid-body-cell-color-stroke-default);
  --cell-space-y: var(--click-grid-body-cell-space-y);
  --cell-space-x: var(--click-grid-body-cell-space-x);
  --cell-background: var(--click-grid-body-cell-color-background-default);
  --cell-color: var(--click-grid-body-cell-color-text-default);
}

.cell_type_body__SohuF.cell_selection_indirect__6e6yy {
  --cell-stroke-last: var(--click-grid-body-cell-color-stroke-selectIndirect);
  --cell-background: var(--click-grid-body-cell-color-background-selectIndirect);
  --cell-color: var(--click-grid-body-cell-color-text-selectIndirect);
}

.cell_type_body__SohuF.cell_selection_direct__QEL9m {
  --cell-stroke-last: var(--click-grid-body-cell-color-stroke-selectDirect);
  --cell-background: var(--click-grid-body-cell-color-background-selectDirect);
  --cell-color: var(--click-grid-body-cell-color-text-selectDirect);
}

.cell_type_header__3tsr- {
  --cell-stroke-default: var(--click-grid-header-cell-color-stroke-default);
  --cell-stroke-select-direct: var(--click-grid-header-cell-color-stroke-selectDirect);
  --cell-stroke-last: var(--click-grid-header-cell-color-stroke-default);
  --cell-space-y: var(--click-grid-header-cell-space-y);
  --cell-space-x: var(--click-grid-header-cell-space-x);
  --cell-background: var(--click-grid-header-cell-color-background-default);
  --cell-color: var(--click-grid-header-cell-color-title-default);
}

.cell_type_header__3tsr-.cell_selection_indirect__6e6yy {
  --cell-stroke-last: var(--click-grid-header-cell-color-stroke-selectIndirect);
  --cell-background: var(--click-grid-header-cell-color-background-selectIndirect);
  --cell-color: var(--click-grid-header-cell-color-title-selectIndirect);
}

.cell_type_header__3tsr-.cell_selection_direct__QEL9m {
  --cell-stroke-last: var(--click-grid-header-cell-color-stroke-selectDirect);
  --cell-background: var(--click-grid-header-cell-color-background-selectDirect);
  --cell-color: var(--click-grid-header-cell-color-title-selectDirect);
}

/* header cell with no border removes top/left edges on the corner cells */
.cell_type_header__3tsr-.cell_no-border__9gXDK[data-grid-row='-1'] {
  border-top: none;
}

.cell_type_header__3tsr-.cell_no-border__9gXDK[data-grid-column='-1'] {
  border-left: none;
}

/* a focused cell draws its last-edge borders with the select-direct stroke */
.cell_focused__cmh-b {
  box-shadow: inset 0 0 0 1px var(--cell-stroke-select-direct);
}

/*
 * Focus must win the last-edge stroke colour over any selection state. The
 * original styled-component resolved the last-row / last-column border colour
 * inline as `stroke[$isFocused ? 'selectDirect' : $selectionType]`, so focus
 * always overrode the selection stroke. The `.cell_type_*.cell_selection_*`
 * rules above set `--cell-stroke-last` at (0,2,0) specificity, so the focus
 * override is qualified with the type class to match that specificity and,
 * coming later in source order, take precedence. `.cell_focused` always
 * co-occurs with a type class.
 */
.cell_type_body__SohuF.cell_focused__cmh-b,
.cell_type_header__3tsr-.cell_focused__cmh-b {
  --cell-stroke-last: var(--cell-stroke-select-direct);
}

/* only the last row/column draw the closing border, colored by focus/selection */
.cell_last-row__DoJdk {
  border-bottom: 1px solid var(--cell-stroke-last);
}

.cell_last-column__LgKM7 {
  border-right: 1px solid var(--cell-stroke-last);
}

/* rowAutoHeight resets the entire border last, overriding every rule above */
.cell_row-auto-height__yzQUR {
  min-height: auto;
  overflow-y: auto;
  border: none;
}

/* selection / focus overlay drawn on top of the cell so adjacent borders meet */
.cell__overlay__U9XGO::before {
  content: '';
  position: absolute;
  inset: 0;
}

.cell__overlay_selected_top__OMUJB::before {
  border-top: 1px solid var(--cell-stroke-select-direct);
}

.cell__overlay_selected_left__MiimG::before {
  border-left: 1px solid var(--cell-stroke-select-direct);
}

.cell__overlay_selected_bottom__2ra9F::before {
  border-bottom: 1px solid var(--cell-stroke-select-direct);
}

.cell__overlay_selected_right__Dt-g5::before {
  border-right: 1px solid var(--cell-stroke-select-direct);
}

.cell__overlay_row-auto-height__teKk1::before {
  border: none;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Grid/Header.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */

.header__hXzAE {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  height: var(--header-height);
  flex-direction: row;
}

.header_scrolled-vertical__mIp2- {
  box-shadow: 0 0 0 1px var(--click-grid-header-cell-color-stroke-default);
}

.header__scroll-area__Nok8G {
  position: relative;
  left: var(--header-scroll-area-left);
}

.header__cell__ZCE9p {
  display: flex;
  position: absolute;
  left: var(--header-cell-left);
  width: var(--header-cell-width);
  height: var(--header-cell-height);
}

.header__cell__ZCE9p:hover [data-resize] {
  background: var(--click-grid-header-cell-color-stroke-selectDirect);
}

/* the sticky "select all" corner extends a header cell (styled(HeaderCellContainer)) */
.header__row-column__ceu5w {
  position: sticky;
  top: 0;
  left: 0;
  width: var(--header-cell-width);
  text-align: right;
}

.header__row-column_scrolled-horizontal__QZO4p {
  box-shadow: 0 0 0 1px var(--click-grid-header-cell-color-stroke-default);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Grid/ColumnResizer.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */

.column-resizer__8f12T {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(100% - 4px);
  width: 4px;
  height: var(--column-resizer-height);
  overflow: auto;
  cursor: col-resize;
}

.column-resizer__8f12T:hover,
.column-resizer__8f12T:active {
  background: var(--click-grid-header-cell-color-stroke-selectDirect);
}

.column-resizer_pressed__JGAln {
  position: fixed;
  height: 100%;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/ContextMenu/ContextMenu.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu) */

.trigger__4-zK2:focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: 2px;
}

.right-menu-content__0-EQz {
  z-index: 1;
  flex-direction: column;
}

.right-menu-content_show-arrow__-yaE-[data-side='bottom'] {
  margin-top: -1px;
}

.right-menu-content_show-arrow__-yaE-[data-side='top'] {
  margin-bottom: -1px;
}

.right-menu-content_show-arrow__-yaE-[data-side='left'] {
  margin-right: -1px;
}

.right-menu-content_show-arrow__-yaE-[data-side='left'] .popover-arrow__z8r3W {
  margin-right: 1rem;
}

.right-menu-content_show-arrow__-yaE-[data-side='right'] {
  margin-left: -1px;
}

.right-menu-content_show-arrow__-yaE-[data-side='right'] .popover-arrow__z8r3W {
  margin-left: 1rem;
}

.group__4UU7V {
  width: 100%;
  border-bottom: 1px solid var(--click-genericMenu-item-color-default-stroke-default);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/GridContainer/GridContainer.css */
.grid-container__u1yIf {
  /* These custom properties are only emitted inline when the matching prop is
     set (grid-auto-columns, grid-auto-flow, grid-auto-rows, grid-template-area,
     grid-template-columns, grid-template-rows, max-width, min-width, height,
     max-height, min-height, overflow). Custom properties inherit by default, so
     without this reset a nested GridContainer would inherit an ancestor's
     value. Resetting to `initial` makes each consuming declaration fall back to
     its own default (the second arg of `var()`) when the prop is unset,
     reproducing the per-instance scoping that styled-components gave for free.
     `--grid-container-gap` is included for the same reason: without resetting it
     to `initial`, a nested GridContainer would inherit an ancestor's gap token
     instead of letting `var(--grid-container-gap, inherit)` fall back to
     `inherit` per-element (the styled-components source used a direct
     `gap: inherit`). `column-gap`/`row-gap` are not in this set: they are
     emitted inline as real longhand properties (not custom properties), so
     there are no `--grid-container-*-gap` vars to reset. */
  --grid-container-gap: initial;
  --grid-container-auto-columns: initial;
  --grid-container-auto-flow: initial;
  --grid-container-auto-rows: initial;
  --grid-container-template-area: initial;
  --grid-container-template-columns: initial;
  --grid-container-template-rows: initial;
  --grid-container-max-width: initial;
  --grid-container-min-width: initial;
  --grid-container-height: initial;
  --grid-container-max-height: initial;
  --grid-container-min-height: initial;
  --grid-container-overflow: initial;
  display: var(--grid-container-display, grid);
  width: var(--grid-container-width, 100%);
  min-width: var(--grid-container-min-width);
  max-width: var(--grid-container-max-width);
  height: var(--grid-container-height);
  min-height: var(--grid-container-min-height);
  max-height: var(--grid-container-max-height);
  overflow: var(--grid-container-overflow);
  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- align/justify axes are set independently from distinct props, so the place-content/place-items shorthands can't be used */
  justify-content: var(--grid-container-justify-content, stretch);
  align-items: var(--grid-container-align-items, stretch);
  align-content: var(--grid-container-align-content, stretch);
  /* `gap` is always emitted; `column-gap`/`row-gap` are emitted inline (as real
     longhands) only when their props are set, so they override this shorthand
     just like the styled-components source did — and stay absent otherwise. */
  gap: var(--grid-container-gap, inherit);
  grid-template-columns: var(--grid-container-template-columns);
  grid-template-rows: var(--grid-container-template-rows);
  grid-auto-columns: var(--grid-container-auto-columns);
  grid-auto-flow: var(--grid-container-auto-flow);
  grid-auto-rows: var(--grid-container-auto-rows);
  /* stylelint-disable-next-line property-no-unknown -- the styled-components original emitted `grid-template-area` (singular, invalid); preserved verbatim for byte-for-byte parity */
  grid-template-area: var(--grid-container-template-area);
  justify-items: var(--grid-container-justify-items, stretch);
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
}

/* stylelint-disable-next-line media-feature-range-notation -- prefix notation required for browser compatibility per .browserslistrc */
@media (max-width: 768px) {
  .grid-container_responsive__3-8Xh {
    grid-template-columns: 1fr;
  }

  /* When NOT responsive, the styled-components source applied
     `grid-template-columns: ${$gridTemplateColumns || 'auto'}` at the md
     breakpoint — i.e. the explicit template when one was passed, otherwise
     `auto`. The `--grid-container-template-columns` var is set inline only when
     the prop is provided, so the `auto` fallback reproduces that exactly. */
  .grid-container_not-responsive__Qqhg3 {
    grid-template-columns: var(--grid-container-template-columns, auto);
  }
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Popover/Popover.css */
.menu-panel__-IeVm {
  display: block;
  padding: var(--click-popover-space-y) var(--click-popover-space-x);
  border: 1px solid var(--click-popover-color-panel-stroke-default);
  border-radius: var(--click-popover-radii-all);
  background-color: var(--click-popover-color-panel-background-default);
  box-shadow: var(--click-popover-shadow-default);
}

.menu-panel_show-close__Qx3Mo {
  padding-top: 1rem;
}

.trigger__QvCU1 {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     keyword on `width` is widely supported on evergreen browsers; the original
     rule used the same value. */
  width: fit-content;
  border: none;
  background: inherit;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.close-button__fpjhc {
  position: absolute;
  top: var(--click-popover-space-y);
  right: var(--click-popover-space-x);
  width: var(--click-popover-icon-size-width);
  height: var(--click-popover-icon-size-height);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FileUpload/FileMultiUpload.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. fileUpload) */
.files-list__Of0Ps {
  display: flex;
  width: 100%;
  margin-top: var(--click-fileUpload-md-space-gap);
  flex-direction: column;
  gap: var(--click-fileUpload-sm-space-gap);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FileUpload/FileUploadArea.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. fileUpload) */
.upload-area__3SxAA {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  border: 1px solid var(--click-fileUpload-color-stroke-default);
  background-color: var(--click-fileUpload-color-background-default);
  transition: var(--click-fileUpload-transitions-all);
  /* stylelint-disable-next-line container-name-pattern, value-keyword-case -- preserve original container-name from styled-components */
  container-name: uploadArea;
  container-type: inline-size;
}

/* border-radius: hasFile ? sm : md */
.upload-area_radius_sm__DW4eQ {
  border-radius: var(--click-fileUpload-sm-radii-all);
}

.upload-area_radius_md__k9cZA {
  border-radius: var(--click-fileUpload-md-radii-all);
}

/* padding: hasFile || size === 'sm' ? sm : md */
.upload-area_padding_sm__ci1xq {
  padding: var(--click-fileUpload-sm-space-y) var(--click-fileUpload-sm-space-x);
}

.upload-area_padding_md__SflJQ {
  padding: var(--click-fileUpload-md-space-y) var(--click-fileUpload-md-space-x);
}

/* min-height: size === 'sm' ? calc : auto */
.upload-area_min-height_sm__JmKFU {
  min-height: calc(var(--click-fileUpload-sm-space-y) * 2 + var(--sizes-8));
}

.upload-area_min-height_md__7BUe3 {
  min-height: auto;
}

/* flex-direction: hasFile ? row : size === 'sm' ? row : column */
.upload-area_direction_row__dPIPY {
  flex-direction: row;
}

.upload-area_direction_column__Yd-Y9 {
  flex-direction: column;
}

/* justify-content: hasFile ? space-between : size === 'sm' ? space-between : center */
.upload-area_justify_space-between__8kSQQ {
  justify-content: space-between;
}

.upload-area_justify_center__vW-59 {
  justify-content: center;
}

/* gap: size === 'sm' ? sm : md */
.upload-area_gap_sm__fRrTo {
  gap: var(--click-fileUpload-sm-space-gap);
}

.upload-area_gap_md__gndXo {
  gap: var(--click-fileUpload-md-space-gap);
}

/* cursor: hasFile ? default : pointer */
.upload-area_cursor_default__Yrr8K {
  cursor: default;
}

.upload-area_cursor_pointer__nnHd9 {
  cursor: pointer;
}

/* !hasFile: dashed border */
.upload-area_dashed_true__-dB8w {
  border-style: dashed;
  border-color: var(--click-fileUpload-color-stroke-default);
}

/* !hasFile && isDragging */
.upload-area_dragging_true__wzFjV {
  border-color: var(--click-fileUpload-color-stroke-active);
  background-color: var(--click-fileUpload-color-background-active);
}

/* isError */
.upload-area_error_true__gIe8y {
  border-color: transparent;
  background-color: var(--click-fileUpload-color-background-error);
}

.title__1rLes {
  color: var(--click-fileUpload-color-title-default);
  font: var(--click-fileUpload-typography-title-default);
}

.title_not-supported_true__o7ZXZ {
  color: var(--click-fileUpload-color-title-error);
}

.description__QyVSQ {
  color: var(--click-fileUpload-color-description-default);
  font: var(--click-fileUpload-typography-description-default);
}

.upload-icon__CeL3E svg {
  width: var(--click-fileUpload-md-icon-size-width);
  height: var(--click-fileUpload-md-icon-size-height);
  color: var(--click-fileUpload-md-color-icon-default);
}

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

.upload-text_centered_true__brhHN {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.upload-text_grow_true__9MNMX {
  flex: 1;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FileUpload/FileUploadItem.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. fileUpload) */
.file-item-container__86J-i {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--click-fileUpload-sm-space-gap);
}

.file-item-container_inline_false__QqJXZ {
  padding: var(--click-fileUpload-sm-space-y) var(--click-fileUpload-sm-space-x);
  border: 1px solid var(--click-fileUpload-color-stroke-default);
  border-radius: var(--click-fileUpload-sm-radii-all);
  background-color: var(--click-fileUpload-color-background-default);
}

.file-item-container_inline_false__QqJXZ.file-item-container_error_true__uRfbn {
  border-color: transparent;
  background-color: var(--click-fileUpload-color-background-error);
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.document-icon__CX1O5 {
}

.document-icon_size_sm__sEIPl svg {
  width: var(--click-fileUpload-sm-icon-size-width);
  height: var(--click-fileUpload-sm-icon-size-height);
  color: var(--click-fileUpload-sm-color-icon-default);
}

.document-icon_size_md__dqfzB svg {
  width: var(--click-fileUpload-md-icon-size-width);
  height: var(--click-fileUpload-md-icon-size-height);
  color: var(--click-fileUpload-md-color-icon-default);
}

.description__sjgXO {
  color: var(--click-fileUpload-color-description-default);
  font: var(--click-fileUpload-typography-description-default);
}

.description_error_true__wbkov {
  color: var(--click-fileUpload-color-title-error);
}

.file-details__aAMdx {
  display: flex;
  min-width: 0;
  gap: var(--click-fileUpload-md-space-gap);
  border: none;
}

.file-actions__OUaMv {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 0;
}

.file-content-container__40JkR {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.file-content-container_size_sm__8od-v {
  min-height: 24px;
}

.file-content-container_size_md__U6Hwr {
  min-height: auto;
}

.progress-bar-wrapper__q0i9x {
  margin-top: var(--click-fileUpload-md-space-gap);
  margin-bottom: 9px;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/MiddleTruncator/MiddleTruncator.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. fileUpload) */
.truncator__j4dr4 {
  display: flex;
  width: auto;
  min-width: 0;
  overflow: hidden;
  color: var(--click-fileUpload-color-title-default);
  font: var(--click-fileUpload-typography-description-default);
  white-space: nowrap;
}

.truncator__start__Rwx4e {
  overflow: hidden;
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.truncator__end__CSANk {
  flex-shrink: 0;
  white-space: nowrap;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/ProgressBar/ProgressBar.css */
.progressbar__21KMf {
  display: flex;
  min-height: 2px;
  padding-right: 0;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  gap: var(--click-field-space-gap);
  border: 1px solid var(--click-field-color-stroke-default);
  border-radius: var(--click-field-radii-all);
  background: linear-gradient(
    var(--progress-grad-dir, to right),
    var(--global-color-accent-default) 0%,
    var(--global-color-accent-default) var(--progress),
    var(--progress-bg, var(--click-field-color-background-default)) var(--progress),
    var(--progress-bg, var(--click-field-color-background-default)) 100%
  );
  background-position: center;
  background-size: calc(100% + 2px);
  color: var(--global-color-accent-default);
  font: var(--typography-styles-product-text-normal-sm);
  transition: all 100ms ease-in-out;
}

.progressbar_orientation_vertical__0w-VB {
  width: auto;
  height: 100%;
  flex-direction: column;
}

/* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so horizontal bars fill the available inline space. */
.progressbar_orientation_horizontal__MJimN {
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
}
/* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */

.progressbar_orientation_horizontal__MJimN.progressbar_dir_start__xUm-Q {
  --progress-grad-dir: to right;
}

.progressbar_orientation_horizontal__MJimN.progressbar_dir_end__iGTwK {
  --progress-grad-dir: to left;
}

.progressbar_orientation_vertical__0w-VB.progressbar_dir_start__xUm-Q {
  --progress-grad-dir: to bottom;
}

.progressbar_orientation_vertical__0w-VB.progressbar_dir_end__iGTwK {
  --progress-grad-dir: to top;
}

.progressbar_type_default__B8jtt {
  padding: 0.25rem var(--click-field-space-x);
  padding-right: 0;
}

.progressbar_type_small__bcDiV {
  padding: 0 var(--click-field-space-x);
  padding-right: 0;
}

.progressbar_completed__XhK-p.progressbar_type_default__B8jtt {
  background: var(--click-field-color-background-default);
  background-position: center;
  background-size: calc(100% + 2px);
}

.progressbar__21KMf:hover {
  --progress-bg: var(--click-field-color-background-hover);

  border: 1px solid var(--click-field-color-stroke-hover);
  background-position: center;
  background-size: calc(100% + 2px);
}

.progressbar_completed__XhK-p:hover {
  background: var(--click-field-color-background-hover);
  background-position: center;
  background-size: calc(100% + 2px);
}

.progressbar__21KMf:focus,
.progressbar__21KMf:focus-within {
  --progress-bg: var(--click-field-color-background-active);

  border: 1px solid var(--click-field-color-stroke-active);
  background-position: center;
  background-size: calc(100% + 2px);
}

.progressbar_completed__XhK-p:focus,
.progressbar_completed__XhK-p:focus-within {
  background: var(--click-field-color-background-active);
  background-position: center;
  background-size: calc(100% + 2px);
}

.progresstext__RAf9Q {
  width: 100%;
  font: inherit;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- mix-blend-mode
     is widely supported on evergreen browsers; the original rule
     used the same value to invert the text against the gradient fill. */
  mix-blend-mode: difference;
}

.progressclosebutton__cGgfw {
  visibility: hidden;
  border: 0;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- mix-blend-mode
     is widely supported on evergreen browsers; the original rule
     used the same value to invert the close icon against the gradient fill. */
  mix-blend-mode: difference;
}

.progressclosebutton_dismissable__p5mDJ {
  visibility: visible;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/FileTabs/FileTabs.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. fileTabs) */
.tabs__jY99b {
  display: flex;
  position: relative;
  max-width: var(--file-tabs-count-width);
  overflow: auto;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- preserves the styled-components original verbatim; the invalid scrollbar-width value is ignored by browsers and the scrollbar is hidden via the ::-webkit-scrollbar rule below */
  overscroll-behavior: none;
  scrollbar-width: 0;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
}

.tabs__jY99b::-webkit-scrollbar {
  height: 0;
}

.tabs-sortable__7e-D1 {
  display: flex;
}

.tabs-sortable__7e-D1 > div {
  width: clamp(100px, 100%, 200px);
  min-width: 100px;
  height: 100%;
  outline: none;
}

.tabs-sortable__7e-D1 > div.sortable-ghost__1JlRB {
  opacity: 0;
}

.tab__Fud6d {
  display: grid;
  box-sizing: border-box;
  max-width: 100%;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same width fallback chain (100% → -webkit-fill-available → fill-available → stretch) so the tab fills the available inline space */
  max-width: -webkit-fill-available;
  max-width: fill-available;
  max-width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  height: 100%;
  max-height: 100%;
  padding: var(--click-tabs-fileTabs-space-y) var(--click-tabs-fileTabs-space-x);
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-tabs-fileTabs-space-gap);
  grid-template-columns: 1fr;
  border: none;
  border-right: 1px solid var(--click-tabs-fileTabs-color-stroke-default);
  border-radius: var(--click-tabs-fileTabs-radii-all);
  background: var(--click-tabs-fileTabs-color-background-default);
  color: var(--click-tabs-fileTabs-color-text-default);
  font: var(--click-tabs-fileTabs-typography-label-default);
  outline: none;
  cursor: pointer;
}

.tab__Fud6d svg,
.tab__Fud6d [data-indicator] {
  width: var(--click-tabs-fileTabs-icon-size-width);
  height: var(--click-tabs-fileTabs-icon-size-height);
}

.tab__Fud6d [data-type='close'] {
  display: none;
}

.tab__Fud6d [data-indicator] {
  display: block;
}

.tab__Fud6d:hover [data-type='close'] {
  display: block;
}

.tab__Fud6d:hover [data-indicator] {
  display: none;
}

.tab_active__nqwS6 {
  border-right: 1px solid var(--click-tabs-fileTabs-color-stroke-active);
  background: var(--click-tabs-fileTabs-color-background-active);
  color: var(--click-tabs-fileTabs-color-text-active);
  font: var(--click-tabs-fileTabs-typography-label-active);
}

.tab_inactive__tflkU:hover {
  border-right: 1px solid var(--click-tabs-fileTabs-color-stroke-hover);
  background: var(--click-tabs-fileTabs-color-background-hover);
  color: var(--click-tabs-fileTabs-color-text-hover);
  font: var(--click-tabs-fileTabs-typography-label-hover);
}

.tab_full-width__sU4rf {
  width: 100%;
}

.tab_fixed__S0Bwz {
  width: auto;
}

.tab_preview__FR-Q6 {
  font-style: italic;
}

.tab_dismissable__ud86m {
  grid-template-columns: 1fr var(--click-tabs-fileTabs-icon-size-width);
}

.indicator__ZD0YM {
  position: relative;
}

.indicator__ZD0YM::after {
  content: '';
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: transparent;
}

.indicator__ZD0YM[data-indicator='success']::after {
  background: var(--click-alert-color-text-success);
}

.indicator__ZD0YM[data-indicator='neutral']::after {
  background: var(--click-alert-color-text-neutral);
}

.indicator__ZD0YM[data-indicator='danger']::after {
  background: var(--click-alert-color-text-danger);
}

.indicator__ZD0YM[data-indicator='warning']::after {
  background: var(--click-alert-color-text-warning);
}

.indicator__ZD0YM[data-indicator='info']::after {
  background: var(--click-alert-color-text-info);
}

.tab-content__JX6iV {
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-tabs-fileTabs-space-gap);
}

.tab-content-text__zXnlM {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.empty-button__czm-t {
  padding: 0;
}

.empty-button__czm-t:hover {
  background: var(--click-tabs-fileTabs-color-closeButton-background-hover);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Flyout/Flyout.css */
@keyframes flyout-animation-width__LabkI {
  from {
    width: 0;
  }

  to {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
       is the original animation target width */
    width: fit-content;
  }
}

.content__fwsoV {
  display: flex;
  top: 0;
  bottom: 0;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     is the original sizing keyword; the animation expands width to fit-content */
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  gap: 0;
  background: var(--click-flyout-color-background-default);
  animation: flyout-animation-width__LabkI 500ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.content_align_start__bXW3C {
  left: 0;
  border-right: 1px solid var(--click-flyout-color-stroke-default);
  box-shadow: var(--click-flyout-shadow-reverse);
}

.content_align_end__zF1Qd {
  right: 0;
  border-left: 1px solid var(--click-flyout-color-stroke-default);
  box-shadow: var(--click-flyout-shadow-default);
}

.content_no-shadow__jiMRV {
  box-shadow: none;
}

.content_type_default__F2-WU {
  padding: 0 var(--click-flyout-space-default-x);
}

.content_type_inline__mKVTA {
  padding: 0 var(--click-flyout-space-inline-x);
}

.content_strategy_relative__KVF6H {
  position: relative;
  height: 100%;
}

.content_strategy_absolute__6z1Tg {
  position: absolute;
  height: auto;
}

.content_strategy_fixed__Dtihd {
  position: fixed;
  height: auto;
}

/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 1024px) {
  .content__fwsoV {
    overflow: hidden;
    transition: 0.3s ease-in-out;
  }

  .content_strategy_relative__KVF6H {
    position: absolute !important;
  }

  .content_align_start__bXW3C {
    transform: translateX(calc(50px - 100%));
  }

  .content_align_end__zF1Qd {
    transform: translateX(calc(100% - 50px));
  }

  .content_align_start__bXW3C:hover,
  .content_align_start__bXW3C.active__VBaS3,
  .content_align_start__bXW3C:focus-within {
    right: auto;
    transform: translateX(0);
  }

  .content_align_end__zF1Qd:hover,
  .content_align_end__zF1Qd.active__VBaS3,
  .content_align_end__zF1Qd:focus-within {
    left: auto;
    transform: translateX(0);
  }
}

.container__QQcvn {
  display: flex;
  width: var(--flyout-width);
  max-width: 100%;
  gap: inherit;
  flex-flow: column nowrap;
}

.element__vbaHR {
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original
     used this same max-width fallback chain (100% → -webkit-fill-available →
     fill-available → stretch) so the element fills the available inline space. */
  max-width: 100%;
  max-width: -webkit-fill-available;
  max-width: fill-available;
  max-width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
}

/* Doubled class: this element renders as a <Container>, whose base class also
   sets `padding`/`gap`. Doubling outranks the single-class Container base so the
   Flyout override wins regardless of CSS-module bundle order (matches the
   styled(Container) override semantics). */
.element_type_default__gEAPS.element_type_default__gEAPS {
  padding: 0 var(--click-flyout-space-default-content-x);
  gap: var(--click-flyout-space-default-gap);
}

.element_type_inline__3AK66.element_type_inline__3AK66 {
  padding: 0 var(--click-flyout-space-inline-content-x);
  gap: var(--click-flyout-space-inline-gap);
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.header__xoWbL {
}

.header_type_default__jnnp8.header_type_default__jnnp8 {
  padding: var(--click-flyout-space-default-y) var(--click-flyout-space-default-y)
    0 var(--click-flyout-space-default-y);
  gap: var(--click-flyout-space-default-content-row-gap)
    var(--click-flyout-space-default-content-column-gap);
}

.header_type_inline__ZwZwK.header_type_inline__ZwZwK {
  padding: var(--click-flyout-space-inline-y) var(--click-flyout-space-inline-y) 0
    var(--click-flyout-space-inline-y);
  gap: var(--click-flyout-space-inline-content-row-gap)
    var(--click-flyout-space-inline-content-column-gap);
}

.title__XWfvS {
  margin: 0;
  padding: 0;
  color: var(--click-flyout-color-title-default);
}

.title_type_default__RKLIT {
  font: var(--click-flyout-typography-default-title-default);
}

.title_type_inline__Gfz6L {
  font: var(--click-flyout-typography-inline-title-default);
}

.description__RQLMp {
  margin: 0;
  padding: 0;
  color: var(--click-flyout-color-description-default);
}

.description_type_default__-M3Et {
  font: var(--click-flyout-typography-default-description-default);
}

.description_type_inline__1lim3 {
  font: var(--click-flyout-typography-inline-description-default);
}

/* Doubled class: renders as a <Container> whose base sets `width`. */
.body__aKC9P.body__aKC9P {
  width: var(--flyout-width);
  max-width: 100%;
}

.body_align_default__u0bH8.body_align_default__u0bH8 {
  margin-top: 0;
}

.body_align_top__cSSni.body_align_top__cSSni {
  margin-top: -1rem;
}

/* Doubled class: renders as a <Container> whose base sets `width`. */
.footer-container__bzuJr.footer-container__bzuJr {
  width: var(--flyout-width);
  max-width: 100%;
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.footer__EGRZo {
}

.footer_type_default__Fx8Bs.footer_type_default__Fx8Bs {
  padding: var(--click-flyout-space-default-y) var(--click-flyout-space-default-content-x);
  gap: var(--click-flyout-space-default-content-row-gap)
    var(--click-flyout-space-default-content-column-gap);
}

.footer_type_inline__2Xmxa.footer_type_inline__2Xmxa {
  padding: var(--click-flyout-space-inline-y) var(--click-flyout-space-inline-content-x);
  gap: var(--click-flyout-space-inline-content-row-gap)
    var(--click-flyout-space-inline-content-column-gap);
}

.code-block__Rb7dS {
  display: flex;
  height: 100%;
}

.code-block__Rb7dS pre {
  flex: 1;
  overflow-wrap: break-word;
}

.code-block__Rb7dS pre code {
  display: inline-block;
  max-width: calc(100% - 1rem);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/HoverCard/HoverCard.css */
.hover-card__trigger__tMcTR {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     keyword on `width` is widely supported on evergreen browsers; the original
     styled-components rule used the same value. */
  width: fit-content;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Link/Link.css */
.link__Ly-e3 {
  display: inline-flex;
  margin: 0;
  margin-right: var(--link-gap);
  align-items: center;
  gap: var(--link-gap);
  color: var(--click-global-color-text-link-default);
  font: var(--link-font);
  text-decoration: none;
}

.link__Ly-e3:hover,
.link__Ly-e3:focus {
  color: var(--click-global-color-text-link-hover);
  text-decoration: underline;
  cursor: pointer;
  transition: var(--transition-default);
}

.link__Ly-e3:visited {
  color: var(--click-global-color-text-link-default);
}

/* The original emitted theme.click.link.space.sm.gap for size xs/sm and
   theme.click.link.space.md.gap for md/lg. Alias to a local custom property
   so the gap/margin-right rule on .link stays single-source. */
.link_size_xs__kYknu,
.link_size_sm__Qqpi3 {
  --link-gap: var(--click-link-space-sm-gap);
}

.link_size_md__QlDJt,
.link_size_lg__FkICb {
  --link-gap: var(--click-link-space-md-gap);
}

/* Size + weight compose to pick a single typography token —
   theme.typography.styles.product.text[$weight][$size]. Emit one compound
   class per combination and set --link-font, which the base .link rule
   consumes. */
.link_size_xs__kYknu.link_weight_normal__shPkj {
  --link-font: var(--typography-styles-product-text-normal-xs);
}

.link_size_sm__Qqpi3.link_weight_normal__shPkj {
  --link-font: var(--typography-styles-product-text-normal-sm);
}

.link_size_md__QlDJt.link_weight_normal__shPkj {
  --link-font: var(--typography-styles-product-text-normal-md);
}

.link_size_lg__FkICb.link_weight_normal__shPkj {
  --link-font: var(--typography-styles-product-text-normal-lg);
}

.link_size_xs__kYknu.link_weight_medium__Sot5E {
  --link-font: var(--typography-styles-product-text-medium-xs);
}

.link_size_sm__Qqpi3.link_weight_medium__Sot5E {
  --link-font: var(--typography-styles-product-text-medium-sm);
}

.link_size_md__QlDJt.link_weight_medium__Sot5E {
  --link-font: var(--typography-styles-product-text-medium-md);
}

.link_size_lg__FkICb.link_weight_medium__Sot5E {
  --link-font: var(--typography-styles-product-text-medium-lg);
}

.link_size_xs__kYknu.link_weight_semibold__6STFO {
  --link-font: var(--typography-styles-product-text-semibold-xs);
}

.link_size_sm__Qqpi3.link_weight_semibold__6STFO {
  --link-font: var(--typography-styles-product-text-semibold-sm);
}

.link_size_md__QlDJt.link_weight_semibold__6STFO {
  --link-font: var(--typography-styles-product-text-semibold-md);
}

.link_size_lg__FkICb.link_weight_semibold__6STFO {
  --link-font: var(--typography-styles-product-text-semibold-lg);
}

.link_size_xs__kYknu.link_weight_bold__FWQyo {
  --link-font: var(--typography-styles-product-text-bold-xs);
}

.link_size_sm__Qqpi3.link_weight_bold__FWQyo {
  --link-font: var(--typography-styles-product-text-bold-sm);
}

.link_size_md__QlDJt.link_weight_bold__FWQyo {
  --link-font: var(--typography-styles-product-text-bold-md);
}

.link_size_lg__FkICb.link_weight_bold__FWQyo {
  --link-font: var(--typography-styles-product-text-bold-lg);
}

.link_size_xs__kYknu.link_weight_mono__Mzdum {
  --link-font: var(--typography-styles-product-text-mono-xs);
}

.link_size_sm__Qqpi3.link_weight_mono__Mzdum {
  --link-font: var(--typography-styles-product-text-mono-sm);
}

.link_size_md__QlDJt.link_weight_mono__Mzdum {
  --link-font: var(--typography-styles-product-text-mono-md);
}

.link_size_lg__FkICb.link_weight_mono__Mzdum {
  --link-font: var(--typography-styles-product-text-mono-lg);
}

/* The inner Icon is a `link__icon` element — it receives the scoped class via
   className. The original used a descendant selector inside IconWrapper; here we
   pass the scoped class straight to the Icon so the selector stays a single
   class with the same effective specificity. */
/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.link__icon__El8JR {
}

.link__icon_size_xs__qMUN-,
.link__icon_size_sm__d2ZIU {
  width: var(--click-link-icon-size-sm-width);
  height: var(--click-link-icon-size-sm-height);
}

.link__icon_size_md__-5EZ1,
.link__icon_size_lg__RY5Y1 {
  width: var(--click-link-icon-size-md-width);
  height: var(--click-link-icon-size-md-height);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/MultiAccordion/MultiAccordion.css */
.multi-accordion__ntYTM {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: var(--multi-accordion-gap);
}

.multi-accordion_fill-width__Rnqso {
  width: 100%;
}

.multi-accordion_gap_none__NrRxK {
  --multi-accordion-gap: var(--click-container-gap-none);
}

.multi-accordion_gap_xxs__1FSFF {
  --multi-accordion-gap: var(--click-container-gap-xxs);
}

.multi-accordion_gap_xs__oHQut {
  --multi-accordion-gap: var(--click-container-gap-xs);
}

.multi-accordion_gap_sm__hxMme {
  --multi-accordion-gap: var(--click-container-gap-sm);
}

.multi-accordion_gap_md__epg85 {
  --multi-accordion-gap: var(--click-container-gap-md);
}

.multi-accordion_gap_lg__iYlYQ {
  --multi-accordion-gap: var(--click-container-gap-lg);
}

.multi-accordion_gap_xl__1uarr {
  --multi-accordion-gap: var(--click-container-gap-xl);
}

.multi-accordion_gap_xxl__m9X9V {
  --multi-accordion-gap: var(--click-container-gap-xxl);
}

.multi-accordion__item__RHKu8 {
  border: 1px solid var(--click-global-color-stroke-default);
  border-radius: var(--border-radii-1);
  background-color: var(--click-global-color-background-default);
}

.multi-accordion__item_no-border__ZtqMX {
  border: none;
}

.multi-accordion__item_fill-width__zyq4f {
  width: 100%;
}

.multi-accordion__trigger__etXVq {
  display: flex;
  width: 100%;
  padding: var(--multi-accordion-trigger-padding);
  align-items: center;
  gap: var(--multi-accordion-trigger-gap);
  border: none;
  border-radius: inherit;
  background-color: transparent;
  color: var(--multi-accordion-label-default);
  font: var(--multi-accordion-font-default);
}

.multi-accordion__trigger__etXVq:active {
  color: var(--multi-accordion-label-active);
  font: var(--multi-accordion-font-active);
}

.multi-accordion__trigger__etXVq:hover {
  background: var(--click-global-color-stroke-default);
  color: var(--multi-accordion-label-hover);
  font: var(--multi-accordion-font-hover);
  cursor: pointer;
}

.multi-accordion__trigger__etXVq [data-icon='accordion-status'] {
  color: var(--global-color-stroke-intense);
}

.multi-accordion__trigger__etXVq[data-state='open'] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multi-accordion__trigger__etXVq[data-state='open'] [data-icon='accordion-status'] {
  color: var(--global-color-accent-default);
}

.multi-accordion__trigger_size_none__o4eWF {
  --multi-accordion-trigger-padding: var(--click-container-space-none);
  --multi-accordion-trigger-gap: var(--click-accordion-sm-space-gap);
}

.multi-accordion__trigger_size_sm__80VXp {
  --multi-accordion-trigger-padding: var(--click-container-space-sm);
  --multi-accordion-trigger-gap: var(--click-accordion-sm-space-gap);
}

.multi-accordion__trigger_size_md__uAE8q {
  --multi-accordion-trigger-padding: var(--click-container-space-md);
  --multi-accordion-trigger-gap: var(--click-accordion-md-space-gap);
}

.multi-accordion__trigger_size_lg__VHN7C {
  --multi-accordion-trigger-padding: var(--click-container-space-lg);
  --multi-accordion-trigger-gap: var(--click-accordion-lg-space-gap);
}

.multi-accordion__trigger_font_sm__xnOLy {
  --multi-accordion-font-default: var(--click-accordion-sm-typography-label-default);
  --multi-accordion-font-hover: var(--click-accordion-sm-typography-label-hover);
  --multi-accordion-font-active: var(--click-accordion-sm-typography-label-active);
}

.multi-accordion__trigger_font_md__hTIA8 {
  --multi-accordion-font-default: var(--click-accordion-md-typography-label-default);
  --multi-accordion-font-hover: var(--click-accordion-md-typography-label-hover);
  --multi-accordion-font-active: var(--click-accordion-md-typography-label-active);
}

.multi-accordion__trigger_font_lg__yMSpQ {
  --multi-accordion-font-default: var(--click-accordion-lg-typography-label-default);
  --multi-accordion-font-hover: var(--click-accordion-lg-typography-label-hover);
  --multi-accordion-font-active: var(--click-accordion-lg-typography-label-active);
}

.multi-accordion__trigger_color_default__X7f4v {
  --multi-accordion-label-default: var(--click-accordion-color-default-label-default);
  --multi-accordion-label-hover: var(--click-accordion-color-default-label-hover);
  --multi-accordion-label-active: var(--click-accordion-color-default-label-active);
}

.multi-accordion__trigger_color_link__hXDgW {
  --multi-accordion-label-default: var(--click-accordion-color-link-label-default);
  --multi-accordion-label-hover: var(--click-accordion-color-link-label-hover);
  --multi-accordion-label-active: var(--click-accordion-color-link-label-active);
}

.multi-accordion__icon-wrapper__uhWrs {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 200ms cubic-bezier(0.87, 0, 0.13, 1);
}

.multi-accordion__trigger__etXVq[data-state='open'] .multi-accordion__icon-wrapper__uhWrs {
  transform: rotate(90deg);
}

.multi-accordion__icons-wrapper__67uu- {
  display: flex;
  justify-content: center;
  align-items: center;
}

.multi-accordion__content__Gz0po {
  padding: var(--multi-accordion-content-padding);
  padding-top: 0;
}

.multi-accordion__content_padding_none__GgbED {
  --multi-accordion-content-padding: var(--click-container-space-none);
}

.multi-accordion__content_padding_sm__nmI7q {
  --multi-accordion-content-padding: var(--click-container-space-sm);
}

.multi-accordion__content_padding_md__XD2Ki {
  --multi-accordion-content-padding: var(--click-container-space-md);
}

.multi-accordion__content_padding_lg__W-njL {
  --multi-accordion-content-padding: var(--click-container-space-lg);
}

.multi-accordion__title__kLWyH {
  overflow: hidden;
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.multi-accordion__status-icon__MNVgx {
}

.multi-accordion__status-icon_completed__z5-XJ svg path {
  fill: var(--global-color-accent-default) !important;
  stroke: var(--global-color-background-default) !important;
}

.multi-accordion__status-icon_completed__z5-XJ svg path:first-of-type {
  stroke: var(--global-color-accent-default) !important;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Collapsible/Collapsible.css */
.collapsible__8jmKP {
  width: 100%;
}

.collapsible__8jmKP [data-trigger-icon] {
  visibility: hidden;
  transition: transform 150ms cubic-bezier(0.87, 0, 0.13, 1);
}

.collapsible__8jmKP [data-trigger-icon][data-open='true'] {
  transform: rotate(90deg);
}

.collapsible__8jmKP [data-collapsible-header]:hover [data-trigger-icon] {
  visibility: visible;
}

.collapsible__header__pWkUS {
  user-select: none;
}

.collapsible__header_indicator-dir_start__s-AUI {
  margin-left: 0;
}

.collapsible__header_indicator-dir_end__EtDn0 {
  margin-left: var(--click-image-sm-size-width);
}

.collapsible__trigger__ArZ-C {
  display: flex;
  align-items: center;
  color: inherit;
  font: inherit;
  cursor: inherit;
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.collapsible__content__aT3ek {
}

.collapsible__content_indicator-dir_start__8Gs37 {
  margin-left: var(--click-image-sm-size-width);
}

.collapsible__content_indicator-dir_end__OoEfV {
  margin-right: var(--click-image-sm-size-width);
}

.collapsible__label__RpPE- {
  display: flex;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so the label fills the available inline space. */
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  overflow: hidden;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-sidebar-navigation-item-default-space-gap);
}

.collapsible__ellipsis__huvdc {
  display: flex;
  overflow: hidden;
  flex: 1;
  justify-content: flex-start;
  gap: inherit;
  white-space: nowrap;
}

.collapsible__ellipsis__huvdc > *:not(button) {
  overflow: hidden;
  text-overflow: ellipsis;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/SidebarNavigationItem/SidebarNavigationItem.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. sqlSidebar) */
.wrapper__klOWe {
  display: flex;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original styled rule used this
   same width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so the item fills the available inline space. */
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  padding: var(--item-space-y) var(--item-space-right) var(--item-space-y)
    var(--item-pad-left);
  overflow: hidden;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  flex-wrap: nowrap;
  align-items: center;
  border: none;
  border-radius: var(--item-radii);
  background-color: var(--item-bg-default);
  color: var(--item-text-default);
  font: var(--item-font-default);
  white-space: nowrap;
  cursor: pointer;
  pointer-events: all;

  /* Not collapsible by default: the padding-left reserves the icon-column width. */
  --item-pad-left: var(--click-image-sm-size-width);
  --item-mobile-pad-left: var(--click-image-sm-size-width);
}

.wrapper__klOWe span a {
  color: var(--item-text-default);
  text-decoration: none;
  cursor: pointer;
}

.wrapper__klOWe:hover,
.wrapper__klOWe:focus {
  background-color: var(--item-bg-hover);
  color: var(--item-text-hover);
  font: var(--item-font-hover);
  pointer-events: auto;
}

.wrapper__klOWe:active,
.wrapper__klOWe[data-selected='true'] {
  background-color: var(--item-bg-active);
  color: var(--item-text-active);
  font: var(--item-font-active);
  pointer-events: all;
}

.wrapper__klOWe[aria-disabled='true'],
.wrapper__klOWe[aria-disabled='true']:hover,
.wrapper__klOWe[aria-disabled='true']:focus,
.wrapper__klOWe[aria-disabled='true']:active,
.wrapper__klOWe[aria-disabled='true']:focus-within,
.wrapper__klOWe[aria-disabled='true'][data-selected='true'] {
  color: var(--item-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper__klOWe[aria-disabled='true'] span a {
  color: var(--item-text-disabled);
  text-decoration: none;
  cursor: not-allowed;
}

/* stylelint-disable-next-line media-feature-range-notation -- prefix syntax matches the original styled rule and is more broadly supported than range syntax */
@media (max-width: 640px) {
  .wrapper__klOWe {
    padding: var(--item-mobile-space-y) var(--item-mobile-space-right)
      var(--item-mobile-space-y) var(--item-mobile-pad-left);
    gap: var(--item-mobile-gap);
    font: var(--item-mobile-font-default);
  }

  .wrapper__klOWe:hover,
  .wrapper__klOWe:focus {
    font: var(--item-mobile-font-hover);
  }

  .wrapper__klOWe:active,
  .wrapper__klOWe[data-selected='true'] {
    font: var(--item-mobile-font-active);
  }
}

.wrapper_itemtype_item__4OyPQ {
  --item-space-y: var(--click-sidebar-navigation-item-default-space-y);
  --item-space-right: var(--click-sidebar-navigation-item-default-space-right);
  --item-space-left: var(--click-sidebar-navigation-item-default-space-left);
  --item-radii: var(--click-sidebar-navigation-item-radii-all);
  --item-font-default: var(--click-sidebar-navigation-item-typography-default);
  --item-font-hover: var(--click-sidebar-navigation-item-typography-hover);
  --item-font-active: var(--click-sidebar-navigation-item-typography-active);
  --item-mobile-gap: var(--click-sidebar-navigation-item-mobile-space-gap);
  --item-mobile-space-y: var(--click-sidebar-navigation-item-mobile-space-y);
  --item-mobile-space-right: var(--click-sidebar-navigation-item-mobile-space-right);
  --item-mobile-space-left: var(--click-sidebar-navigation-item-mobile-space-left);
  --item-mobile-font-default: var(--click-sidebar-navigation-item-mobile-typography-default);
  --item-mobile-font-hover: var(--click-sidebar-navigation-item-mobile-typography-hover);
  --item-mobile-font-active: var(--click-sidebar-navigation-item-mobile-typography-active);
}

.wrapper_itemtype_sub-item__qv3-r {
  --item-space-y: var(--click-sidebar-navigation-subItem-default-space-y);
  --item-space-right: var(--click-sidebar-navigation-subItem-default-space-right);
  --item-space-left: var(--click-sidebar-navigation-subItem-default-space-left);
  --item-radii: var(--click-sidebar-navigation-subItem-radii-all);
  --item-font-default: var(--click-sidebar-navigation-subItem-typography-default);
  --item-font-hover: var(--click-sidebar-navigation-subItem-typography-hover);
  --item-font-active: var(--click-sidebar-navigation-subItem-typography-active);
  --item-mobile-gap: var(--click-sidebar-navigation-subItem-mobile-space-gap);
  --item-mobile-space-y: var(--click-sidebar-navigation-subItem-mobile-space-y);
  --item-mobile-space-right: var(--click-sidebar-navigation-subItem-mobile-space-right);
  --item-mobile-space-left: var(--click-sidebar-navigation-subItem-mobile-space-left);
  --item-mobile-font-default: var(--click-sidebar-navigation-subItem-mobile-typography-default);
  --item-mobile-font-hover: var(--click-sidebar-navigation-subItem-mobile-typography-hover);
  --item-mobile-font-active: var(--click-sidebar-navigation-subItem-mobile-typography-active);
}

.wrapper_collapsible_true__mZMo2 {
  --item-pad-left: var(--item-space-left);
  --item-mobile-pad-left: var(--item-mobile-space-left);
}

.wrapper_color_main-item__7C9Lq {
  --item-bg-default: var(--click-sidebar-main-navigation-item-color-background-default);
  --item-bg-hover: var(--click-sidebar-main-navigation-item-color-background-hover);
  --item-bg-active: var(--click-sidebar-main-navigation-item-color-background-active);
  --item-text-default: var(--click-sidebar-main-navigation-item-color-text-default);
  --item-text-hover: var(--click-sidebar-main-navigation-item-color-text-hover);
  --item-text-active: var(--click-sidebar-main-navigation-item-color-text-active);
  --item-text-disabled: var(--click-sidebar-main-navigation-item-color-text-disabled);
}

.wrapper_color_main-sub-item__d9MJG {
  --item-bg-default: var(--click-sidebar-main-navigation-subItem-color-background-default);
  --item-bg-hover: var(--click-sidebar-main-navigation-subItem-color-background-hover);
  --item-bg-active: var(--click-sidebar-main-navigation-subItem-color-background-active);
  --item-text-default: var(--click-sidebar-main-navigation-subItem-color-text-default);
  --item-text-hover: var(--click-sidebar-main-navigation-subItem-color-text-hover);
  --item-text-active: var(--click-sidebar-main-navigation-subItem-color-text-active);
  --item-text-disabled: var(--click-sidebar-main-navigation-subItem-color-text-disabled);
}

.wrapper_color_sql-sidebar-item__UxUec {
  --item-bg-default: var(--click-sidebar-sqlSidebar-navigation-item-color-background-default);
  --item-bg-hover: var(--click-sidebar-sqlSidebar-navigation-item-color-background-hover);
  --item-bg-active: var(--click-sidebar-sqlSidebar-navigation-item-color-background-active);
  --item-text-default: var(--click-sidebar-sqlSidebar-navigation-item-color-text-default);
  --item-text-hover: var(--click-sidebar-sqlSidebar-navigation-item-color-text-hover);
  --item-text-active: var(--click-sidebar-sqlSidebar-navigation-item-color-text-active);
  --item-text-disabled: var(--click-sidebar-sqlSidebar-navigation-item-color-text-disabled);
}

.wrapper_color_sql-sidebar-sub-item__AyRy0 {
  --item-bg-default: var(--click-sidebar-sqlSidebar-navigation-subItem-color-background-default);
  --item-bg-hover: var(--click-sidebar-sqlSidebar-navigation-subItem-color-background-hover);
  --item-bg-active: var(--click-sidebar-sqlSidebar-navigation-subItem-color-background-active);
  --item-text-default: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-default);
  --item-text-hover: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-hover);
  --item-text-active: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-active);
  --item-text-disabled: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-disabled);
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/SidebarNavigationTitle/SidebarNavigationTitle.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. sqlSidebar) */
.wrapper__ey0v7 {
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original styled rule used this
   same width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so the title fills the available inline space. */
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  padding: 0;
  padding-left: var(--title-pad-left);
  overflow: hidden;
  border: none;
  background: transparent;
  white-space: nowrap;

  /* Not collapsible by default: reserve the icon-column width on the left.
     The single-class modifiers below override this; keep these defaults at
     single-class specificity so they can. */
  --title-pad-left: var(--click-image-sm-size-width);
}

/* Doubled class → specificity (0,2,0). SidebarCollapsibleTitle renders this
   wrapper `as={Collapsible.Trigger}`, so the element also carries
   `.collapsible__trigger`, whose `display/align-items/color/font/cursor`
   resets would otherwise win on CSS-module bundle order and strip the title's
   own typography. The original styled-components cascade resolved in the
   title's favour; the doubled class makes that deterministic. Only the
   properties that actually conflict with the trigger live here — box metrics
   and the `--title-*` custom properties stay single-class above/below so the
   `type`/`collapsible` modifiers still override them. */
.wrapper__ey0v7.wrapper__ey0v7 {
  display: inline-flex;
  align-items: center;
  color: var(--title-color-default);
  font: var(--click-sidebar-navigation-title-typography-default);
  cursor: pointer;
}

.wrapper__ey0v7.wrapper__ey0v7:hover {
  color: var(--title-color-hover);
  font: var(--click-sidebar-navigation-title-typography-hover);
}

.wrapper__ey0v7.wrapper__ey0v7:active,
.wrapper__ey0v7.wrapper__ey0v7[data-state='open'],
.wrapper__ey0v7.wrapper__ey0v7[data-selected='true'] {
  color: var(--title-color-active);
  font: var(--click-sidebar-navigation-title-typography-active);
}

.wrapper__ey0v7 a {
  color: inherit;
  text-decoration: none;
}

.wrapper__ey0v7 a:active {
  color: inherit;
}

.wrapper_type_main__wvTIv {
  --title-color-default: var(--click-sidebar-main-navigation-title-color-default);
  --title-color-hover: var(--click-sidebar-main-navigation-title-color-hover);
  --title-color-active: var(--click-sidebar-main-navigation-title-color-active);
}

.wrapper_type_sql-sidebar__J-qle {
  --title-color-default: var(--click-sidebar-sqlSidebar-navigation-title-color-default);
  --title-color-hover: var(--click-sidebar-sqlSidebar-navigation-title-color-hover);
  --title-color-active: var(--click-sidebar-sqlSidebar-navigation-title-color-active);
}

.wrapper_collapsible_true__8ANnP {
  --title-pad-left: 0;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Pagination/Pagination.css */
/* Doubled class raises specificity to (0,2,0) so this width wins over the
   Select root's own `width: 100%` rule, which styled() injects into <head>
   at runtime (after the bundled CSS). The previous styled() wrapper relied
   on runtime injection order for the same effect. */
.custom-select__iARgW.custom-select__iARgW {
  width: 150px;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Select/common/SelectComponents.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericMenu, fieldText) */

.select-value__CxDXF {
  overflow: hidden;
  flex: 1;
  gap: inherit;
  color: inherit;
  font: inherit;
  text-align: left;
}

.select-trigger__k4Odp {
  display: flex;
  width: 100%;
  min-height: var(--click-genericMenu-panel-size-height);
  padding: var(--click-field-space-y) var(--click-field-space-x);
  justify-content: space-between;
  align-items: center;
  gap: var(--click-field-space-gap);
  border: 1px solid var(--click-field-color-stroke-default);
  border-radius: var(--click-field-radii-all);
  background: var(--click-field-color-background-default);
  color: var(--click-field-color-text-default);
  font: var(--click-field-typography-fieldText-default);
  cursor: pointer;
}

.select-trigger__k4Odp span:first-of-type {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-trigger__k4Odp:hover {
  border: 1px solid var(--click-field-color-stroke-hover);
  background: var(--click-field-color-background-hover);
  color: var(--click-field-color-text-hover);
}

.select-trigger_error__fZGGT {
  border: 1px solid var(--click-field-color-stroke-error);
  background: var(--click-field-color-background-active);
  color: var(--click-field-color-text-error);
  font: var(--click-field-typography-fieldText-error);
}

.select-trigger_error__fZGGT:hover {
  border: 1px solid var(--click-field-color-stroke-error);
  color: var(--click-field-color-text-error);
}

/* stylelint-disable no-descending-specificity -- source order mirrors the
   styled-components cascade: the focus/open active styling is followed by
   focus-visible and disabled, matching the original template-literal order. */

/*
  The active (focus / open) styling is suppressed in the error state: the
  styled-components original only emitted these rules in the non-error branch,
  so an errored trigger keeps its error styling on focus/open.
*/
.select-trigger__k4Odp:not(.select-trigger_error__fZGGT):focus,
.select-trigger__k4Odp:not(.select-trigger_error__fZGGT)[data-state='open'] {
  border: 1px solid var(--click-field-color-stroke-active);
  background: var(--click-field-color-background-active);
  color: var(--click-field-color-text-active);
  font: var(--click-field-typography-fieldText-active);
}

.select-trigger__k4Odp:not(.select-trigger_error__fZGGT):focus ~ label,
.select-trigger__k4Odp:not(.select-trigger_error__fZGGT)[data-state='open'] ~ label {
  color: var(--click-field-color-label-active);
  font: var(--click-field-typography-label-active);
}

.select-trigger__k4Odp:focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: 2px;
}

.select-trigger__k4Odp:disabled {
  border: 1px solid var(--click-field-color-stroke-disabled);
  background: var(--click-field-color-background-disabled);
  color: var(--click-field-color-text-disabled);
  font: var(--click-field-typography-fieldText-disabled);
  cursor: not-allowed;
}

/* stylelint-enable no-descending-specificity */

.select-trigger__k4Odp [data-hide-in-trigger] {
  display: none;
}

.select-popover-content__30txk {
  display: flex;
  width: var(--radix-popover-trigger-width);
  max-height: var(--radix-popover-content-available-height);
  padding: 0.5rem 0;
  overflow: hidden;
  align-items: flex-start;
  gap: 0.625rem;
  border: 1px solid var(--click-genericMenu-item-color-default-stroke-default);
  border-radius: 0.25rem;
  background: var(--click-genericMenu-item-color-default-background-default);
  box-shadow:
    0 1px 3px 0 rgb(16 24 40 / 10%),
    0 1px 2px 0 rgb(16 24 40 / 6%);
  pointer-events: auto;
}

.select-popover-content_full-width__frIlp {
  width: 100%;
  min-width: var(--radix-popover-trigger-width);
  max-width: var(--select-item-character-limit);
}

.search-bar-container__bidMt {
  display: flex;
  position: relative;
  width: auto;
  height: 0;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  color: var(--click-genericMenu-autocomplete-color-searchTerm-default);
  font: var(--click-genericMenu-autocomplete-typography-search-term-default);
}

.search-bar-container_show-search__YLR4i {
  height: auto;
  padding: var(--click-genericMenu-item-space-y) var(--click-genericMenu-item-space-x);
}

.search-bar__J2qTl {
  width: 100%;
  height: 0;
  min-height: 0;
  /*
    When hidden the original collapsed all padding to 0; when shown it set only
    padding-right (in the _show-search modifier), leaving the input's default
    vertical padding intact — that 2px of UA padding is load-bearing for height.
  */
  padding: 0;
  gap: var(--click-genericMenu-item-space-gap);
  border: none;
  border-bottom: 0;
  background: transparent;
  color: var(--click-genericMenu-autocomplete-color-searchTerm-default);
  font: var(--click-genericMenu-autocomplete-typography-search-term-default);
  outline: none;
}

.search-bar__J2qTl::placeholder {
  color: var(--click-genericMenu-autocomplete-color-placeholder-default);
  font: var(--click-genericMenu-autocomplete-typography-search-placeholder-default);
}

.search-bar_show-search__IhdJT {
  height: initial;
  min-height: 21px;
  padding: revert;
  padding-right: 24px;
  border-bottom: 2px solid var(--click-genericMenu-button-color-stroke-default);
}

.search-close__dB1cs {
  visibility: hidden;
  position: absolute;
  top: var(--click-genericMenu-item-space-y);
  right: var(--click-genericMenu-item-space-x);
}

.search-close_show-close__-Anjf {
  visibility: visible;
}

/*
  Added the max-height with calc as the content should always be fit inside SelectPopoverContent
  SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens
  This makes sure that the content is always visible with the scrolling
*/
.select-list__CNYUb {
  display: flex;
  width: inherit;
  max-height: calc(var(--radix-popover-content-available-height) - 1rem);
  flex-direction: column;
}

.select-list-content__AJbe9 {
  width: inherit;
  max-height: var(--select-list-max-height);
  overflow: auto;
  flex: 1;
}

.hidden-select-element__YZlhL {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  height: 0;
}

.select-group-container__Pd5rW {
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same width fallback chain so the container fills the available inline space. */
  display: flex;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  background: transparent;
  color: var(--click-genericMenu-item-color-default-text-muted);
  font: var(--click-genericMenu-item-typography-sectionHeader-default);
}

.select-group-container__Pd5rW[aria-selected] {
  outline: none;
}

.select-group-container__Pd5rW[hidden] {
  display: none;
}

.select-item__BAnRr[hidden] {
  display: none;
}

.select-group-name__TrAy3 {
  display: flex;
  width: 100%;
  padding: var(--click-genericMenu-sectionHeader-space-top)
    var(--click-genericMenu-item-space-x)
    var(--click-genericMenu-sectionHeader-space-bottom);
  overflow: hidden;
  flex-direction: column;
  gap: var(--click-genericMenu-item-space-gap);
  border-bottom: 1px solid var(--click-genericMenu-item-color-default-stroke-default);
  color: var(--click-genericMenu-item-color-default-text-muted);
  font: var(--click-genericMenu-item-typography-sectionHeader-default);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-group-content__OBO5d {
  width: inherit;
}

/*
  The original styled-components rule omitted the semicolon after `font`, but
  stylis recovered and applied both the `font` and `padding` declarations, so
  the rendered row used the button label typography and button/item padding.
  Both are restored here to match that rendering.
*/
.select-no-data-container__b2319 {
  display: block;
  width: 100%;
  padding: var(--click-genericMenu-button-space-y) var(--click-genericMenu-item-space-x);
  overflow: hidden;
  border: none;
  background: var(--click-genericMenu-button-color-background-default);
  color: var(--click-genericMenu-button-color-label-default);
  font: var(--click-genericMenu-button-typography-label-default);
  text-align: left;
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
}

.select-no-data-container__b2319[hidden='true'] {
  display: none;
}

.select-no-data-container_clickable__J6Bkj {
  cursor: pointer;
}

.check-icon__ORxKK {
  opacity: 0;
}

.check-icon_show-check__rVelk {
  opacity: 1;
}

.select-item-description-text__eKqEn {
  white-space: normal;
}

[data-disabled] .select-item-description-text__eKqEn,
[disabled] .select-item-description-text__eKqEn {
  color: inherit;
}

/* don't show description when item is rendered in the trigger */
.select-trigger__k4Odp .select-item-description-text__eKqEn {
  display: none;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Select/MultiSelectValue.css */
.badge-list__WpJAq {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: inherit;
  color: inherit;
  font: inherit;
}

.multi-select-badge__vk7YC {
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same width fallback chain so the badge fills the available inline space up to its content width. */
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  max-width: fit-content;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Select/SingleSelectValue.css */
.select-value-container__I2dbz {
  display: flex;
  width: 100%;
  overflow: hidden;
  align-items: center;
  white-space: nowrap;
  cursor: inherit;
  pointer-events: inherit;
  text-overflow: ellipsis;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/RadioGroup/RadioGroup.css */
.radio-group__RXgmX {
  display: flex;
  flex-wrap: wrap;
  gap: var(--click-checkbox-space-gap);
}

.radio-group_inline__Bn4-S {
  flex-direction: row;
}

.radio-group_inline_false__OXI3T {
  flex-direction: column;
}

.radio-group_error__cijEQ label {
  color: var(--click-field-color-label-error);
}

/* The item class is applied alongside FormRoot's styled-components class.
   The .item.item double-class boost matches the specificity behavior of the
   original `styled(FormRoot)` chain so these overrides reliably beat FormRoot's
   own declarations regardless of stylesheet insertion order between CSS Modules
   and the runtime-injected styled-components. */
.item__W9-K2.item__W9-K2 {
  display: flex;
  width: auto;
  padding: var(--click-checkbox-space-all);
  align-items: center;
  gap: var(--click-checkbox-space-gap);
}

.radio-input__KMmKv {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--click-radio-color-stroke-default);
  border-radius: var(--click-radio-radii-all);
  background: var(--click-radio-color-background-default);
  outline: none;
  cursor: pointer;
}

.radio-input__KMmKv:hover {
  background: var(--click-radio-color-background-hover);
}

.radio-input__KMmKv[data-state='checked'] {
  border-color: var(--click-radio-color-stroke-active);
  background: var(--click-radio-color-background-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after the checked state to mirror the source cascade order; matches
   the styled-components rule which used a nested `&[data-disabled]` block placed
   after `&[data-state="checked"]`. */
.radio-input__KMmKv[data-disabled] {
  border-color: var(--click-radio-color-stroke-disabled);
  background: var(--click-radio-color-background-disabled);
}

.radio-indicator__rrk6W {
  background: var(--click-radio-color-background-default);
}

.radio-indicator__rrk6W::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--click-radio-color-indicator-default);
}

.radio-indicator__rrk6W::after:hover {
  background: var(--click-radio-color-indicator-hover);
}

.radio-indicator__rrk6W[data-state='checked'] {
  background: var(--click-radio-color-background-active);
}

.radio-indicator__rrk6W[data-state='checked']::after {
  background: var(--click-radio-color-indicator-active);
}

.radio-indicator__rrk6W:hover {
  background: var(--click-radio-color-background-hover);
}

.radio-indicator__rrk6W[data-disabled] {
  background: var(--click-radio-color-background-disabled);
}

.radio-indicator__rrk6W[data-disabled]::after {
  background: var(--click-radio-color-indicator-disabled);
}
/* stylelint-enable no-descending-specificity */


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Switch/Switch.css */
/* The wrapper class is applied alongside FormRoot's styled-components class.
   The .wrapper.wrapper double-class boost matches the specificity behavior of
   the original `styled(FormRoot)` chain so these overrides reliably beat
   FormRoot's `align-items: flex-start` regardless of stylesheet insertion
   order between CSS Modules and the runtime-injected styled-components. */
.wrapper__kudO9.wrapper__kudO9 {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
     keyword on `max-width` is widely supported on evergreen browsers; the original
     styled-components rule used the same value. */
  max-width: fit-content;
  align-items: center;
}

.switch__hgdMu {
  position: relative;
  width: var(--click-switch-size-width);
  height: var(--click-switch-size-height);
  padding: 0;
  border: 1px solid var(--click-switch-color-stroke-default);
  border-radius: var(--click-switch-radii-all);
  background-color: var(--click-switch-color-background-default);
  cursor: pointer;
}

.switch__hgdMu[data-state='checked'] {
  border: 1px solid var(--click-switch-color-stroke-active);
  background-color: var(--click-switch-color-background-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after the checked state to mirror the original `getRootVars`
   priority, where `disabled` is evaluated before `checked` so a disabled
   switch always shows the disabled colors regardless of checked. */
.switch__hgdMu[data-disabled],
.switch__hgdMu[data-disabled][data-state='checked'] {
  border: 1px solid var(--click-switch-color-stroke-disabled);
  background-color: var(--click-switch-color-background-disabled);
  cursor: not-allowed;
}
/* stylelint-enable no-descending-specificity */

.switch__thumb__cPlbD {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: var(--click-switch-radii-all);
  background-color: var(--click-switch-color-indicator-default);
  transition: transform 100ms;
  transform: translateX(2px);
  will-change: transform;
}

.switch__thumb__cPlbD[data-state='checked'] {
  background-color: var(--click-switch-color-indicator-active);
  transform: translateX(15px);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after the checked state to mirror the original `getThumbVars`
   priority, where `disabled` is evaluated before `checked`. */
.switch__thumb__cPlbD[data-disabled],
.switch__thumb__cPlbD[data-disabled][data-state='checked'] {
  background-color: var(--click-switch-color-indicator-disabled);
}
/* stylelint-enable no-descending-specificity */


/* /node_modules/@clickhouse/click-ui/dist/esm/components/Table/Table.css */
/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
.table__Dkosn {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}

.table__wrapper__M-WJs {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  border: var(--click-table-cell-stroke) solid var(--click-table-global-color-stroke-default);
  border-radius: var(--click-table-radii-all);
}

.table__table__9BB0L {
  width: 100%;
  overflow: visible;
  border-collapse: collapse;
  table-layout: fixed;
}

[data-mobile-layout='list'] .table__table__9BB0L {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    border: none;
    table-layout: auto;
  }
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.table__colgroup__dMZrG {
}

[data-mobile-layout='list'] .table__colgroup__dMZrG {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    display: none;
  }
}

.table__thead__jQQMo tr {
  overflow: hidden;
  border-bottom: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
  background-color: var(--click-table-header-color-background-default);
}

[data-mobile-layout='list'] .table__thead__jQQMo {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    display: none;
  }
}

.table__header__gQiaC {
  color: var(--click-table-header-color-title-default);
  font: var(--click-table-header-title-default);
  text-align: left;
}

.table__header_size_sm__-twnG {
  padding: var(--click-table-header-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
}

.table__header_size_md__H62Z4 {
  padding: var(--click-table-header-cell-space-md-y) var(--click-table-body-cell-space-md-x);
}

.table__header_resizable__2y5fn {
  position: relative;
}

.table__header-content__R-kr- {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: inherit;
}

.table__header-content_interactive__7lV67 {
  cursor: pointer;
}

.table__resizer__m6w0b {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 100%;
  border-radius: 0.5rem;
  cursor: col-resize;
  transition: opacity 0.2s;
  transform: translateX(50%);
  user-select: none;
}

.table__resizer__m6w0b:hover {
  opacity: 0.6;
}

.table__resizer__m6w0b::before {
  content: ' ';
  display: inline-block;
  position: relative;
  top: 25%;
  left: 50%;
  width: 2px;
  height: 20px;
  background: var(--click-table-header-color-checkbox-border-default);
  transform: translateX(-50%);
}

.table__resizer__m6w0b:focus-visible {
  opacity: 1;
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: 2px;
}

.table__sort-icon__i-kkT {
  transition: all 200ms;
}

.table__sort-icon_dir_asc__iYjL2 {
  transform: rotate(0deg);
}

.table__sort-icon_dir_desc__e78-c {
  transform: rotate(180deg);
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.table__tbody__SPG5M {
}

[data-mobile-layout='list'] .table__tbody__SPG5M {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}

.table__row__T3tP6 {
  --table-row-height: initial;
  opacity: 1;

  height: var(--table-row-height, auto);
  overflow: hidden;
  border-bottom: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
  background-color: var(--click-table-row-color-background-default);
  cursor: default;
}

.table__row_active__7CQZj {
  background-color: var(--click-table-row-color-background-active);
}

.table__row__T3tP6:active {
  background-color: var(--click-table-row-color-background-active);
}

.table__row__T3tP6:hover {
  background-color: var(--click-table-row-color-background-hover);
}

.table__row_disabled__YICW5 {
  opacity: 0.5;
  cursor: not-allowed;
}

.table__row__T3tP6:last-of-type,
.table__row__T3tP6:last-child {
  border-bottom: none;
}

[data-mobile-layout='list'] .table__row__T3tP6 {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    border: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
    border-radius: var(--click-table-radii-all);
  }
}

[data-mobile-layout='list'] .table__row_selectable__Or4hH {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    padding-left: calc(
      var(--click-table-body-cell-space-sm-x) + var(--click-table-body-cell-space-sm-x) +
        var(--click-checkbox-size-all)
    );
  }
}

[data-mobile-layout='list'] .table__row_show-actions__DfOOZ {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    padding-right: calc(
      var(--click-table-body-cell-space-sm-x) + var(--click-table-body-cell-space-sm-x) +
        var(--click-image-sm-size-width) + var(--click-button-iconButton-default-space-x) +
        var(--click-button-iconButton-default-space-x)
    );
  }
}

.table__data__KkzjS {
  overflow: hidden;
  color: var(--click-table-row-color-text-default);
  font: var(--click-table-cell-text-default);
}

.table__data_size_sm__rfLCF {
  padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
}

.table__data_size_md__CNOHs {
  padding: var(--click-table-body-cell-space-md-y) var(--click-table-body-cell-space-md-x);
}

[data-mobile-layout='list'] .table__data__KkzjS {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    width: auto;
    min-width: 40%;
    padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
  }
}

.table__spanned-data__t3S-m {
  text-align: center;
}

.table__select-data__EpxHa {
  overflow: hidden;
  color: var(--click-table-row-color-text-default);
  font: var(--click-table-cell-text-default);
}

.table__select-data_size_sm__SPaL9 {
  padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
}

.table__select-data_size_md__6pKZv {
  padding: var(--click-table-body-cell-space-md-y) var(--click-table-body-cell-space-md-x);
}

[data-mobile-layout='list'] .table__select-data__EpxHa {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
    align-self: stretch;
    border-right: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
  }
}

.table__actions-cell__Oo0QI {
  overflow: hidden;
  color: var(--click-table-row-color-text-default);
  font: var(--click-table-cell-text-default);
}

.table__actions-cell_size_sm__zm-mr {
  padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
}

.table__actions-cell_size_md__JYsyT {
  padding: var(--click-table-body-cell-space-md-y) var(--click-table-body-cell-space-md-x);
}

[data-mobile-layout='list'] .table__actions-cell__Oo0QI {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
    align-self: stretch;
    border-left: 1px solid var(--click-table-row-color-stroke-default);
  }
}

.table__actions__kkZYZ {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  gap: 0.5rem;
}

[data-mobile-layout='list'] .table__actions__kkZYZ {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    overflow: auto;
    flex-flow: column nowrap;
  }
}

.table__mobile-header__dABkX {
  display: none;
  color: var(--click-table-row-color-label-default);
  font: var(--click-table-cell-label-default);
}

[data-mobile-layout='list'] .table__mobile-header__dABkX {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    display: block;
  }
}

.table__mobile-actions__-qiPM {
  display: none;
}

[data-mobile-layout='list'] .table__mobile-actions__-qiPM {
  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
     required for browser compatibility per .browserslistrc */
  @media (max-width: 768px) {
    display: flex;
    padding: 0 var(--click-table-body-cell-space-sm-x);
    justify-content: space-between;
    align-items: center;
  }
}

.table__custom-message__txWk5 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.table__edit-button__y1xmf:disabled {
  background: transparent;
}

.table__close-button__ja-o3:disabled {
  background: transparent;
}

.table__close-button__ja-o3 svg {
  transition: transform 200ms;
}

.table__close-button_deleted__6KxWh svg {
  transform: rotate(45deg);
}

.table__text-wrapped__YwR9S {
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
  overflow-wrap: break-word;
}


/* /node_modules/@clickhouse/click-ui/dist/esm/components/VerticalStepper/VerticalStepper.css */
.stepper__ZgysL {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  counter-reset: vertical-stepper;
}

.step__eY9Kr {
  --step-padding-bottom: var(--step-padding-bottom-default);
  --step-connector-stroke: var(--step-connector-stroke-incomplete);

  display: flex;
  position: relative;
  box-sizing: content-box;
  width: 100%;
  padding: 0;
  padding-bottom: var(--step-padding-bottom);
  flex-direction: column;
  gap: var(--step-gap-y) var(--step-gap-x);
}

.step_type_numbered__Nurpd {
  --step-gap-y: var(--click-stepper-vertical-numbered-content-space-gap-y);
  --step-gap-x: var(--click-stepper-vertical-numbered-content-space-gap-x);
  --step-padding-bottom-default: var(
    --click-stepper-vertical-numbered-content-space-bottom-default
  );
  --step-padding-bottom-active: var(
    --click-stepper-vertical-numbered-content-space-bottom-active
  );
  --step-connector-top: var(--click-stepper-vertical-numbered-step-size-height);
  --step-connector-left: calc(
    var(--click-stepper-vertical-numbered-step-size-width) / 2
  );
  --step-connector-width: var(
    --click-stepper-vertical-numbered-connector-size-width
  );
  --step-connector-stroke-incomplete: var(
    --click-stepper-vertical-numbered-connector-color-stroke-incomplete
  );
  --step-connector-stroke-complete: var(
    --click-stepper-vertical-numbered-connector-color-stroke-complete
  );
  --step-connector-stroke-active: var(
    --click-stepper-vertical-numbered-connector-color-stroke-active
  );
}

.step_type_bulleted__xa6va {
  --step-gap-y: var(--click-stepper-vertical-bulleted-content-space-gap-y);
  --step-gap-x: var(--click-stepper-vertical-bulleted-content-space-gap-x);
  --step-padding-bottom-default: var(
    --click-stepper-vertical-bulleted-content-space-bottom-default
  );
  --step-padding-bottom-active: var(
    --click-stepper-vertical-bulleted-content-space-bottom-active
  );
  --step-connector-top: var(--click-stepper-vertical-bulleted-step-size-height);
  --step-connector-left: calc(
    var(--click-stepper-vertical-bulleted-step-size-width) / 2
  );
  --step-connector-width: var(
    --click-stepper-vertical-bulleted-connector-size-width
  );
  --step-connector-stroke-incomplete: var(
    --click-stepper-vertical-bulleted-connector-color-stroke-incomplete
  );
  --step-connector-stroke-complete: var(
    --click-stepper-vertical-bulleted-connector-color-stroke-complete
  );
  --step-connector-stroke-active: var(
    --click-stepper-vertical-bulleted-connector-color-stroke-active
  );
}

.step_open__klC-e {
  --step-padding-bottom: var(--step-padding-bottom-active);
}

.step_status_complete__VGJWi {
  --step-connector-stroke: var(--step-connector-stroke-complete);
}

.step_status_active__rQLtX {
  --step-connector-stroke: var(--step-connector-stroke-active);
}

.step__eY9Kr:not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: var(--step-connector-top);
  left: var(--step-connector-left);
  box-sizing: content-box;
  width: var(--step-connector-width);
  height: 100%;
  background: var(--step-connector-stroke);
}

.step__trigger__UM7J2 {
  display: flex;
  width: 100%;
  padding: 0;
  flex-direction: row;
  align-items: center;
  gap: inherit;
  border: none;
  background: transparent;
  cursor: not-allowed;
}

.step__trigger_status_active__9hgV8 {
  cursor: default;
}

.step__trigger_status_complete__mVt0I {
  cursor: pointer;
}

.step__bubble__JqiD4 {
  --bubble-background: var(--bubble-background-incomplete);
  --bubble-stroke: var(--bubble-stroke-incomplete);
  --bubble-icon: var(--bubble-icon-incomplete);

  display: grid;
  position: relative;
  box-sizing: content-box;
  width: var(--bubble-size);
  height: var(--bubble-size);
  border: 2px solid var(--bubble-stroke);
  border-radius: var(--bubble-radii);
  background: var(--bubble-background);
  color: var(--bubble-icon);
  font: var(--click-stepper-vertical-numbered-step-typography-number-default);
  counter-increment: vertical-stepper;
  place-items: center;
}

.step__bubble_type_numbered__0Mq85 {
  --bubble-size: var(--click-stepper-vertical-numbered-step-size-width);
  --bubble-radii: var(--click-stepper-vertical-numbered-step-radii-default);
  --bubble-background-incomplete: var(
    --click-stepper-vertical-numbered-step-color-background-incomplete
  );
  --bubble-background-complete: var(
    --click-stepper-vertical-numbered-step-color-background-complete
  );
  --bubble-background-active: var(
    --click-stepper-vertical-numbered-step-color-background-active
  );
  --bubble-stroke-incomplete: var(
    --click-stepper-vertical-numbered-step-color-stroke-incomplete
  );
  --bubble-stroke-complete: var(
    --click-stepper-vertical-numbered-step-color-stroke-complete
  );
  --bubble-stroke-active: var(
    --click-stepper-vertical-numbered-step-color-stroke-active
  );
  --bubble-icon-incomplete: var(
    --click-stepper-vertical-numbered-step-color-icon-incomplete
  );
  --bubble-icon-complete: var(
    --click-stepper-vertical-numbered-step-color-icon-complete
  );
  --bubble-icon-active: var(
    --click-stepper-vertical-numbered-step-color-icon-active
  );
}

.step__bubble_type_bulleted__upwgF {
  --bubble-size: var(--click-stepper-vertical-bulleted-step-size-width);
  --bubble-radii: var(--click-stepper-vertical-bulleted-step-radii-default);
  --bubble-background-incomplete: var(
    --click-stepper-vertical-bulleted-step-color-background-incomplete
  );
  --bubble-background-complete: var(
    --click-stepper-vertical-bulleted-step-color-background-complete
  );
  --bubble-background-active: var(
    --click-stepper-vertical-bulleted-step-color-background-active
  );
  --bubble-stroke-incomplete: var(
    --click-stepper-vertical-bulleted-step-color-stroke-incomplete
  );
  --bubble-stroke-complete: var(
    --click-stepper-vertical-bulleted-step-color-stroke-complete
  );
  --bubble-stroke-active: var(
    --click-stepper-vertical-bulleted-step-color-stroke-active
  );
  --bubble-icon-incomplete: var(
    --click-stepper-vertical-bulleted-step-color-icon-incomplete
  );
  --bubble-icon-complete: var(
    --click-stepper-vertical-bulleted-step-color-icon-complete
  );
  --bubble-icon-active: var(
    --click-stepper-vertical-bulleted-step-color-icon-active
  );
}

.step__bubble_status_complete__pwF7A {
  --bubble-background: var(--bubble-background-complete);
  --bubble-stroke: var(--bubble-stroke-complete);
  --bubble-icon: var(--bubble-icon-complete);
}

.step__bubble_status_active__8DpW9 {
  --bubble-background: var(--bubble-background-active);
  --bubble-stroke: var(--bubble-stroke-active);
  --bubble-icon: var(--bubble-icon-active);
}

.step__bubble_type_numbered__0Mq85.step__bubble_status_incomplete__obFaf::before,
.step__bubble_type_numbered__0Mq85.step__bubble_status_active__8DpW9::before {
  content: counter(vertical-stepper);
  box-sizing: content-box;
  color: inherit;
  font: inherit;
}

.step__bubble_type_bulleted__upwgF.step__bubble_status_complete__pwF7A::after {
  content: "";
  position: absolute;
  box-sizing: content-box;
  width: 50%;
  height: 50%;
  border-radius: inherit;
  background: var(--click-stepper-vertical-bulleted-step-color-icon-complete);
}

.step__check__FLpAl {
  color: inherit;
}

.step__check__FLpAl path {
  stroke-width: 3;
}

.step__label__qeVN9 {
  --label-color: var(--label-color-incomplete);

  display: flex;
  flex-direction: column;
  gap: inherit;
  color: var(--label-color);
  font: var(--label-font);
}

.step__label_type_numbered__TfXtm {
  --label-font: var(--click-stepper-vertical-numbered-typography-title-default);
  --label-color-incomplete: var(
    --click-stepper-vertical-numbered-color-title-incomplete
  );
  --label-color-complete: var(
    --click-stepper-vertical-numbered-color-title-complete
  );
  --label-color-active: var(
    --click-stepper-vertical-numbered-color-title-active
  );
}

.step__label_type_bulleted__3l3aZ {
  --label-font: var(--click-stepper-vertical-bulleted-typography-title-default);
  --label-color-incomplete: var(
    --click-stepper-vertical-bulleted-color-title-incomplete
  );
  --label-color-complete: var(
    --click-stepper-vertical-bulleted-color-title-complete
  );
  --label-color-active: var(
    --click-stepper-vertical-bulleted-color-title-active
  );
}

.step__label_status_complete__Trs-h {
  --label-color: var(--label-color-complete);
}

.step__label_status_active__b8vFI {
  --label-color: var(--label-color-active);
}

.step__content__mslBh {
  display: flex;
  width: 100%;
  padding-left: var(--content-padding-left);
  flex-direction: column;
}

.step__content_type_numbered__Vo5Da {
  --content-padding-left: var(
    --click-stepper-vertical-numbered-content-space-left
  );
}

.step__content_type_bulleted__RBhi8 {
  --content-padding-left: var(
    --click-stepper-vertical-bulleted-content-space-left
  );
}


/* /node_modules/@clickhouse/click-ui/dist/esm/theme/styles/tokens-light.css */
:root,
[data-cui-theme="light"] {
  --click-accordion-sm-icon-size-height: 1rem;
  --click-accordion-sm-icon-size-width: 1rem;
  --click-accordion-sm-space-gap: 0.25rem;
  --click-accordion-sm-typography-label-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-sm-typography-label-hover: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-sm-typography-label-active: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-md-icon-size-height: 1.25rem;
  --click-accordion-md-icon-size-width: 1.25rem;
  --click-accordion-md-space-gap: 0.25rem;
  --click-accordion-md-typography-label-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-md-typography-label-hover: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-md-typography-label-active: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-lg-icon-size-height: 1.5rem;
  --click-accordion-lg-icon-size-width: 1.5rem;
  --click-accordion-lg-space-gap: 0.25rem;
  --click-accordion-lg-typography-label-default: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-lg-typography-label-hover: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-lg-typography-label-active: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-color-default-label-default: #161517;
  --click-accordion-color-default-label-hover: lch(13.917 1.3308 305.43);
  --click-accordion-color-default-label-active: #161517;
  --click-accordion-color-default-icon-default: #161517;
  --click-accordion-color-default-icon-hover: lch(13.917 1.3308 305.43);
  --click-accordion-color-default-icon-active: #161517;
  --click-accordion-color-link-label-default: #437eef;
  --click-accordion-color-link-label-hover: #104ec6;
  --click-accordion-color-link-label-active: #437eef;
  --click-accordion-color-link-icon-default: #437eef;
  --click-accordion-color-link-icon-hover: lch(40.786 66.387 286.32);
  --click-accordion-color-link-icon-active: #437eef;
  --click-alert-medium-space-y: 0.75rem;
  --click-alert-medium-space-x: 0.75rem;
  --click-alert-medium-space-gap: 0;
  --click-alert-medium-space-banner: 0.5rem;
  --click-alert-medium-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-medium-typography-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-medium-icon-height: 1.25rem;
  --click-alert-medium-icon-width: 1.25rem;
  --click-alert-small-space-y: 0.5rem;
  --click-alert-small-space-x: 0.75rem;
  --click-alert-small-space-gap: 0;
  --click-alert-small-space-banner: 0.25rem;
  --click-alert-small-icon-height: 1rem;
  --click-alert-small-icon-width: 1rem;
  --click-alert-small-typography-title-default: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-small-typography-text-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-radii-center: 0;
  --click-alert-radii-end: 0.25rem;
  --click-alert-color-background-default: #ffffff;
  --click-alert-color-background-success: rgb(20% 100% 26.667% / 0.1);
  --click-alert-color-background-neutral: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-alert-color-background-danger: rgb(100% 13.725% 13.725% / 0.1);
  --click-alert-color-background-warning: rgb(100% 46.667% 16.078% / 0.1);
  --click-alert-color-background-info: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-alert-color-text-default: #696e79;
  --click-alert-color-text-success: #008a0b;
  --click-alert-color-text-neutral: #53575f;
  --click-alert-color-text-danger: #c10000;
  --click-alert-color-text-warning: #a33c00;
  --click-alert-color-text-info: #437eef;
  --click-alert-color-iconBackground-default: #ffffff;
  --click-alert-color-iconBackground-success: rgb(20% 100% 26.667% / 0);
  --click-alert-color-iconBackground-neutral: rgb(41.176% 43.137% 47.451% / 0);
  --click-alert-color-iconBackground-danger: rgb(100% 13.725% 13.725% / 0);
  --click-alert-color-iconBackground-warning: rgb(100% 46.667% 16.078% / 0);
  --click-alert-color-iconBackground-info: rgb(26.275% 49.412% 93.725% / 0);
  --click-alert-color-iconForeground-default: #696e79;
  --click-alert-color-iconForeground-success: lch(49.786 70.246 135.31 / 0.75);
  --click-alert-color-iconForeground-neutral: lch(36.838 5.2307 266.96 / 0.75);
  --click-alert-color-iconForeground-danger: lch(41.001 86.638 40.858 / 0.75);
  --click-alert-color-iconForeground-warning: lch(40.227 66.602 51.059 / 0.75);
  --click-alert-color-iconForeground-info: lch(53.426 64.605 278.98 / 0.75);
  --click-avatar-typography-label-sm-default: 600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-sm-hover: 600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-sm-active: 600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-md-default: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-md-hover: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-md-active: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-size-label-width: 1.5rem;
  --click-avatar-size-width: 1.5rem;
  --click-avatar-size-height: 1.5rem;
  --click-avatar-radii-all: 9999px;
  --click-avatar-color-background-default: #696e79;
  --click-avatar-color-background-hover: #9a9ea7;
  --click-avatar-color-background-active: #9a9ea7;
  --click-avatar-color-text-default: #ffffff;
  --click-avatar-color-text-hover: #ffffff;
  --click-avatar-color-text-active: #ffffff;
  --click-badge-space-md-x: 0.75rem;
  --click-badge-space-md-y: 0.125rem;
  --click-badge-space-md-gap: 0.25rem;
  --click-badge-space-sm-x: 0.5rem;
  --click-badge-space-sm-y: 0.1563rem;
  --click-badge-space-sm-gap: 0.125rem;
  --click-badge-typography-label-md-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-badge-typography-label-sm-default: 500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-badge-radii-all: 9999px;
  --click-badge-stroke: 1px;
  --click-badge-icon-md-size-height: 0.75rem;
  --click-badge-icon-md-size-width: 0.75rem;
  --click-badge-icon-sm-size-height: 0.625rem;
  --click-badge-icon-sm-size-width: 0.625rem;
  --click-badge-opaque-color-background-default: #f6f7fa;
  --click-badge-opaque-color-background-success: rgb(20% 100% 26.667% / 0.1);
  --click-badge-opaque-color-background-neutral: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-badge-opaque-color-background-danger: rgb(100% 13.725% 13.725% / 0.1);
  --click-badge-opaque-color-background-disabled: #dfdfdf;
  --click-badge-opaque-color-background-info: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-badge-opaque-color-background-warning: rgb(100% 46.667% 16.078% / 0.1);
  --click-badge-opaque-color-text-default: #696e79;
  --click-badge-opaque-color-text-success: #008a0b;
  --click-badge-opaque-color-text-neutral: #53575f;
  --click-badge-opaque-color-text-danger: #c10000;
  --click-badge-opaque-color-text-disabled: #a0a0a0;
  --click-badge-opaque-color-text-info: #437eef;
  --click-badge-opaque-color-text-warning: #a33c00;
  --click-badge-opaque-color-stroke-default: #e6e7e9;
  --click-badge-opaque-color-stroke-success: rgb(20% 100% 26.667% / 0.05);
  --click-badge-opaque-color-stroke-neutral: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-badge-opaque-color-stroke-danger: rgb(100% 13.725% 13.725% / 0.05);
  --click-badge-opaque-color-stroke-disabled: rgb(83.078% 83.078% 83.078%);
  --click-badge-opaque-color-stroke-info: rgb(26.275% 49.412% 93.725% / 0.05);
  --click-badge-opaque-color-stroke-warning: rgb(100% 46.667% 16.078% / 0.05);
  --click-badge-solid-color-background-default: #a0a0a0;
  --click-badge-solid-color-background-success: #008a0b;
  --click-badge-solid-color-background-neutral: #606060;
  --click-badge-solid-color-background-danger: #c10000;
  --click-badge-solid-color-background-disabled: #dfdfdf;
  --click-badge-solid-color-background-info: #104ec6;
  --click-badge-solid-color-background-warning: #d64f00;
  --click-badge-solid-color-text-default: #ffffff;
  --click-badge-solid-color-text-success: #ffffff;
  --click-badge-solid-color-text-neutral: #ffffff;
  --click-badge-solid-color-text-danger: #ffffff;
  --click-badge-solid-color-text-disabled: #a0a0a0;
  --click-badge-solid-color-text-info: #ffffff;
  --click-badge-solid-color-text-warning: #ffffff;
  --click-badge-solid-color-stroke-default: #e6e7e9;
  --click-badge-solid-color-stroke-success: rgb(20% 100% 26.667% / 0.05);
  --click-badge-solid-color-stroke-neutral: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-badge-solid-color-stroke-danger: rgb(100% 13.725% 13.725% / 0.05);
  --click-badge-solid-color-stroke-disabled: rgb(83.078% 83.078% 83.078%);
  --click-badge-solid-color-stroke-info: rgb(26.275% 49.412% 93.725% / 0.05);
  --click-badge-solid-color-stroke-warning: rgb(100% 46.667% 16.078% / 0.05);
  --click-bigStat-space-all: 1rem;
  --click-bigStat-space-sm-gap: 0;
  --click-bigStat-space-lg-gap: 0.5rem;
  --click-bigStat-radii-all: 0.25rem;
  --click-bigStat-stroke: 1px;
  --click-bigStat-typography-lg-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-lg-label-muted: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-lg-title-default: 700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-lg-title-muted: 700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-label-muted: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-title-muted: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-color-stroke-default: #e6e7e9;
  --click-bigStat-color-stroke-muted: #e6e7e9;
  --click-bigStat-color-stroke-danger: #c10000;
  --click-bigStat-color-background-default: #ffffff;
  --click-bigStat-color-background-muted: #f6f7fa;
  --click-bigStat-color-label-default: #696e79;
  --click-bigStat-color-label-muted: #696e79;
  --click-bigStat-color-label-danger: #c10000;
  --click-bigStat-color-title-default: lch(11.126 1.374 305.43);
  --click-bigStat-color-title-muted: lch(11.126 1.374 305.43);
  --click-button-radii-all: 0.25rem;
  --click-button-basic-space-x: 1rem;
  --click-button-basic-space-y: 0.2813rem;
  --click-button-basic-space-gap: 0.5rem;
  --click-button-basic-space-group: 0.5rem;
  --click-button-basic-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-mobile-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-mobile-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-size-icon-height: 0.9688rem;
  --click-button-basic-size-icon-all: 0.9688rem;
  --click-button-basic-size-icon-width: 0.9688rem;
  --click-button-basic-color-primary-background-default: #302e32;
  --click-button-basic-color-primary-background-hover: lch(29.47 4.1845 266.96);
  --click-button-basic-color-primary-background-active: #161517;
  --click-button-basic-color-primary-background-disabled: #dfdfdf;
  --click-button-basic-color-primary-background-loading: linear-gradient(90deg, rgb(76, 76, 76, 0.1) 0%, rgb(76, 76, 76) 100%);
  --click-button-basic-color-primary-stroke-default: #302e32;
  --click-button-basic-color-primary-stroke-hover: lch(29.47 4.1845 266.96);
  --click-button-basic-color-primary-stroke-active: #161517;
  --click-button-basic-color-primary-stroke-disabled: #dfdfdf;
  --click-button-basic-color-primary-text-default: #ffffff;
  --click-button-basic-color-primary-text-hover: #ffffff;
  --click-button-basic-color-primary-text-active: #ffffff;
  --click-button-basic-color-primary-text-disabled: #a0a0a0;
  --click-button-basic-color-secondary-background-default: rgba(0, 0, 0, 0);
  --click-button-basic-color-secondary-background-hover: #f6f7fa;
  --click-button-basic-color-secondary-background-active: lch(95.274 1.5364 271.98);
  --click-button-basic-color-secondary-background-disabled: #dfdfdf;
  --click-button-basic-color-secondary-background-loading: linear-gradient(90deg, rgb(232, 233, 235, 0.1) 0%, rgb(232, 233, 235) 100%);
  --click-button-basic-color-secondary-stroke-default: #e6e7e9;
  --click-button-basic-color-secondary-stroke-hover: #e6e7e9;
  --click-button-basic-color-secondary-stroke-active: #cccfd3;
  --click-button-basic-color-secondary-stroke-disabled: #dfdfdf;
  --click-button-basic-color-secondary-text-default: #161517;
  --click-button-basic-color-secondary-text-hover: #161517;
  --click-button-basic-color-secondary-text-active: #161517;
  --click-button-basic-color-secondary-text-disabled: #a0a0a0;
  --click-button-basic-color-danger-text-default: #c10000;
  --click-button-basic-color-danger-text-hover: #c10000;
  --click-button-basic-color-danger-text-active: #c10000;
  --click-button-basic-color-danger-text-disabled: #a0a0a0;
  --click-button-basic-color-danger-background-default: rgb(100% 13.725% 13.725% / 0.1);
  --click-button-basic-color-danger-background-hover: rgb(100% 13.725% 13.725% / 0.2);
  --click-button-basic-color-danger-background-active: rgb(100% 13.725% 13.725% / 0.3);
  --click-button-basic-color-danger-background-disabled: #dfdfdf;
  --click-button-basic-color-danger-background-loading: linear-gradient(90deg, rgba(255, 211, 211, 0.1) 0%, rgb(255, 211, 211) 100%);
  --click-button-basic-color-danger-stroke-default: rgb(100% 13.725% 13.725% / 0.1);
  --click-button-basic-color-danger-stroke-hover: rgb(100% 13.725% 13.725% / 0.05);
  --click-button-basic-color-danger-stroke-active: rgb(100% 13.725% 13.725% / 0.05);
  --click-button-basic-color-danger-stroke-disabled: #dfdfdf;
  --click-button-basic-color-empty-text-default: #437eef;
  --click-button-basic-color-empty-text-hover: #104ec6;
  --click-button-basic-color-empty-text-active: #437eef;
  --click-button-basic-color-empty-text-disabled: #a0a0a0;
  --click-button-basic-color-empty-background-default: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-background-hover: #f6f7fa;
  --click-button-basic-color-empty-background-active: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-background-disabled: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-background-loading: linear-gradient(90deg, rgba(240, 242, 248, 0.1) 0%, rgb(240, 242, 248) 100%);
  --click-button-basic-color-empty-stroke-default: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-stroke-active: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-iconButton-default-space-x: 0.4375rem;
  --click-button-iconButton-default-space-y: 0.4375rem;
  --click-button-iconButton-size-small: 0.75rem;
  --click-button-iconButton-size-medium: 1rem;
  --click-button-iconButton-size-large: 1.25rem;
  --click-button-iconButton-radii-all: 0.25rem;
  --click-button-iconButton-sm-space-x: 0.25rem;
  --click-button-iconButton-sm-space-y: 0.25rem;
  --click-button-iconButton-xs-space-x: 0;
  --click-button-iconButton-xs-space-y: 0;
  --click-button-iconButton-color-primary-background-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-primary-background-hover: #f6f7fa;
  --click-button-iconButton-color-primary-background-active: rgb(86.824% 87.176% 88.235%);
  --click-button-iconButton-color-primary-stroke-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-primary-stroke-hover: #f6f7fa;
  --click-button-iconButton-color-primary-stroke-active: rgb(86.824% 87.176% 88.235%);
  --click-button-iconButton-color-primary-text-default: #161517;
  --click-button-iconButton-color-primary-text-hover: #161517;
  --click-button-iconButton-color-primary-text-active: #161517;
  --click-button-iconButton-color-secondary-background-default: #302e32;
  --click-button-iconButton-color-secondary-background-hover: lch(29.47 4.1845 266.96);
  --click-button-iconButton-color-secondary-background-active: lch(6.5908 1.3668 305.43);
  --click-button-iconButton-color-secondary-stroke-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-secondary-stroke-hover: lch(29.47 4.1845 266.96);
  --click-button-iconButton-color-secondary-stroke-active: lch(6.5908 1.3668 305.43);
  --click-button-iconButton-color-secondary-text-default: #ffffff;
  --click-button-iconButton-color-secondary-text-hover: #ffffff;
  --click-button-iconButton-color-secondary-text-active: #ffffff;
  --click-button-iconButton-color-disabled-background-default: #dfdfdf;
  --click-button-iconButton-color-disabled-text-default: #a0a0a0;
  --click-button-iconButton-color-danger-background-default: rgb(100% 13.725% 13.725% / 0.1);
  --click-button-iconButton-color-danger-background-hover: rgb(100% 13.725% 13.725% / 0.2);
  --click-button-iconButton-color-danger-background-active: rgb(100% 13.725% 13.725% / 0.3);
  --click-button-iconButton-color-danger-text-default: #c10000;
  --click-button-iconButton-color-danger-text-hover: #c10000;
  --click-button-iconButton-color-danger-text-active: #c10000;
  --click-button-iconButton-color-danger-stroke-default: rgb(100% 13.725% 13.725% / 0.1);
  --click-button-iconButton-color-danger-stroke-hover: rgb(100% 13.725% 13.725% / 0.2);
  --click-button-iconButton-color-danger-stroke-active: rgb(100% 13.725% 13.725% / 0.3);
  --click-button-iconButton-color-ghost-background-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-background-hover: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-background-active: rgb(0% 0% 0% / 0);
  --click-button-iconButton-color-ghost-stroke-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-stroke-active: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-text-default: #696e79;
  --click-button-iconButton-color-ghost-text-hover: #161517;
  --click-button-iconButton-color-ghost-text-active: #161517;
  --click-button-iconButton-color-info-background-default: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-button-iconButton-color-info-background-hover: #d0dffb;
  --click-button-iconButton-color-info-background-active: #a1bef7;
  --click-button-iconButton-color-info-text-default: #437eef;
  --click-button-iconButton-color-info-text-hover: #437eef;
  --click-button-iconButton-color-info-text-active: #437eef;
  --click-button-iconButton-color-info-stroke-default: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-button-iconButton-color-info-stroke-hover: #d0dffb;
  --click-button-iconButton-color-info-stroke-active: #a1bef7;
  --click-button-stroke: 1px;
  --click-button-split-icon-space-y: 0.4375rem;
  --click-button-split-icon-space-x: 0.3438rem;
  --click-button-split-space-x: 1rem;
  --click-button-split-space-y: 0.2813rem;
  --click-button-split-space-gap: 0.5rem;
  --click-button-split-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-mobile-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-mobile-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-primary-divide-default: lch(23.301 2.6341 306.08);
  --click-button-split-primary-divide-active: lch(16.375 2.3568 306.08);
  --click-button-split-primary-divide-hover: lch(33.055 3.2737 266.96);
  --click-button-split-primary-divide-disabled: lch(75.5 0 none);
  --click-button-split-primary-background-main-default: #302e32;
  --click-button-split-primary-background-main-hover: lch(26.965 3.8288 266.96);
  --click-button-split-primary-background-main-active: lch(6.348 1.3164 305.43);
  --click-button-split-primary-background-main-disabled: #dfdfdf;
  --click-button-split-primary-background-action-default: #161517;
  --click-button-split-primary-background-action-hover: lch(25.617 3.6374 266.96);
  --click-button-split-primary-background-action-active: lch(3.4689 0.71935 305.43);
  --click-button-split-primary-background-action-disabled: lch(84.382 0 none);
  --click-button-split-primary-text-default: #ffffff;
  --click-button-split-primary-text-hover: #ffffff;
  --click-button-split-primary-text-active: #ffffff;
  --click-button-split-primary-text-disabled: #a0a0a0;
  --click-button-split-primary-stroke-default: rgba(0, 0, 0, 0);
  --click-button-split-primary-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-split-primary-stroke-active: rgba(0, 0, 0, 0);
  --click-button-split-primary-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-split-secondary-divide-default: lch(92.029 1.0472 265.86);
  --click-button-split-secondary-divide-hover: lch(92.449 0.99207 265.86);
  --click-button-split-secondary-divide-active: #cccfd3;
  --click-button-split-secondary-divide-disabled: lch(75.5 0 none);
  --click-button-split-secondary-background-main-default: rgba(0, 0, 0, 0);
  --click-button-split-secondary-background-main-hover: #f6f7fa;
  --click-button-split-secondary-background-main-active: lch(95.274 1.5364 271.98);
  --click-button-split-secondary-background-main-disabled: #dfdfdf;
  --click-button-split-secondary-background-action-default: #f6f7fa;
  --click-button-split-secondary-background-action-hover: lch(94.788 1.5286 271.98);
  --click-button-split-secondary-background-action-active: lch(92.892 1.498 271.98);
  --click-button-split-secondary-background-action-disabled: lch(84.382 0 none);
  --click-button-split-secondary-text-default: #161517;
  --click-button-split-secondary-text-hover: #161517;
  --click-button-split-secondary-text-active: #161517;
  --click-button-split-secondary-text-disabled: #a0a0a0;
  --click-button-split-secondary-stroke-default: #e6e7e9;
  --click-button-split-secondary-stroke-hover: #e6e7e9;
  --click-button-split-secondary-stroke-active: #cccfd3;
  --click-button-split-secondary-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-mobile-button-space-x: 0.75rem;
  --click-button-mobile-button-space-y: 0.5rem;
  --click-button-mobile-button-space-gap: 0.5rem;
  --click-button-mobile-basic-size-icon-all: 1.25rem;
  --click-button-group-radii-button-default-all: 2px;
  --click-button-group-radii-button-borderless-all: 0.25rem;
  --click-button-group-radii-panel-all: 0.25rem;
  --click-button-group-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-mobile-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-mobile-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-space-panel-default-x: 3px;
  --click-button-group-space-panel-default-y: 3px;
  --click-button-group-space-panel-default-gap: 3px;
  --click-button-group-space-panel-borderless-x: 0;
  --click-button-group-space-panel-borderless-y: 0;
  --click-button-group-space-panel-borderless-gap: 0.25rem;
  --click-button-group-space-button-default-y: 1.5px;
  --click-button-group-space-button-default-x: 0.75rem;
  --click-button-group-space-button-borderless-y: 5.5px;
  --click-button-group-space-button-borderless-x: 1rem;
  --click-button-group-space-icon-default-y: 3px;
  --click-button-group-space-icon-default-x: 1rem;
  --click-button-group-space-icon-borderless-y: 5.5px;
  --click-button-group-space-icon-borderless-x: 1rem;
  --click-button-group-icon-size-all: 1rem;
  --click-button-group-color-background-default: rgba(0, 0, 0, 0);
  --click-button-group-color-background-hover: #f6f7fa;
  --click-button-group-color-background-active: lch(95.274 1.5364 271.98);
  --click-button-group-color-background-disabled: rgba(0, 0, 0, 0);
  --click-button-group-color-background-disabled-active: lch(76.219 1.2291 271.98);
  --click-button-group-color-background-panel: rgba(0, 0, 0, 0);
  --click-button-group-color-text-default: #505050;
  --click-button-group-color-text-hover: #505050;
  --click-button-group-color-text-active: #161517;
  --click-button-group-color-text-disabled: #a0a0a0;
  --click-button-group-color-text-disabled-active: #a0a0a0;
  --click-button-group-color-stroke-default: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-active: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-disabled-active: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-panel: #e6e7e9;
  --click-button-group-color-panel-stroke-default: #e6e7e9;
  --click-button-group-color-panel-stroke-borderless: rgba(0, 0, 0, 0);
  --click-button-alignLeft-size-icon-all: 0.9688rem;
  --click-button-alignLeft-space-x: 1rem;
  --click-button-alignLeft-space-y: 0.3438rem;
  --click-button-alignLeft-space-gap: 0.5rem;
  --click-button-alignLeft-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-mobile-label-hover: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-mobile-label-active: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignedLeft-color-background-default: rgba(0, 0, 0, 0);
  --click-button-alignedLeft-color-background-hover: #f6f7fa;
  --click-button-alignedLeft-color-background-active: lch(95.274 1.5364 271.98);
  --click-button-alignedLeft-color-stroke-default: #e6e7e9;
  --click-button-alignedLeft-color-stroke-hover: #e6e7e9;
  --click-button-alignedLeft-color-stroke-active: #cccfd3;
  --click-button-alignedLeft-color-text-default: #161517;
  --click-button-alignedLeft-color-text-hover: #161517;
  --click-button-alignedLeft-color-text-active: #161517;
  --click-card-secondary-space-all: 1rem;
  --click-card-secondary-space-gap: 1rem;
  --click-card-secondary-space-link-gap: 0.5rem;
  --click-card-secondary-radii-all: 0.25rem;
  --click-card-secondary-icon-size-all: 2rem;
  --click-card-secondary-stroke: 1px;
  --click-card-secondary-color-background-default: #ffffff;
  --click-card-secondary-color-background-hover: #f6f7fa;
  --click-card-secondary-color-background-active: lch(92.358 1.4894 271.98);
  --click-card-secondary-color-background-disabled: #dfdfdf;
  --click-card-secondary-color-title-default: lch(11.126 1.374 305.43);
  --click-card-secondary-color-title-hover: lch(11.126 1.374 305.43);
  --click-card-secondary-color-title-active: lch(11.126 1.374 305.43);
  --click-card-secondary-color-title-disabled: #a0a0a0;
  --click-card-secondary-color-description-default: #696e79;
  --click-card-secondary-color-description-hover: #696e79;
  --click-card-secondary-color-description-active: #696e79;
  --click-card-secondary-color-description-disabled: #a0a0a0;
  --click-card-secondary-color-link-default: #161517;
  --click-card-secondary-color-link-hover: #437eef;
  --click-card-secondary-color-link-active: #161517;
  --click-card-secondary-color-link-disabled: #a0a0a0;
  --click-card-secondary-color-stroke-default: #e6e7e9;
  --click-card-secondary-color-stroke-hover: #e6e7e9;
  --click-card-secondary-color-stroke-active: lch(87.029 1.0472 265.86);
  --click-card-secondary-color-stroke-disabled: #dfdfdf;
  --click-card-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-title-hover: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-title-active: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-title-disabled: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-hover: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-active: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-disabled: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-primary-size-icon-sm-all: 2rem;
  --click-card-primary-size-icon-md-all: 4rem;
  --click-card-primary-space-md-y: 1.5rem;
  --click-card-primary-space-md-x: 1.5rem;
  --click-card-primary-space-md-gap: 0.75rem;
  --click-card-primary-space-sm-y: 1.5rem;
  --click-card-primary-space-sm-x: 1.5rem;
  --click-card-primary-space-sm-gap: 0.25rem;
  --click-card-primary-radii-all: 0.25rem;
  --click-card-primary-stroke: 1px;
  --click-card-primary-color-background-default: #ffffff;
  --click-card-primary-color-background-hover: #f6f7fa;
  --click-card-primary-color-background-active: #ffffff;
  --click-card-primary-color-background-disabled: #dfdfdf;
  --click-card-primary-color-title-default: lch(11.126 1.374 305.43);
  --click-card-primary-color-title-hover: lch(11.126 1.374 305.43);
  --click-card-primary-color-title-active: lch(11.126 1.374 305.43);
  --click-card-primary-color-title-disabled: #a0a0a0;
  --click-card-primary-color-description-default: #696e79;
  --click-card-primary-color-description-hover: #696e79;
  --click-card-primary-color-description-active: #696e79;
  --click-card-primary-color-description-disabled: #a0a0a0;
  --click-card-primary-color-stroke-default: #e6e7e9;
  --click-card-primary-color-stroke-hover: #e6e7e9;
  --click-card-primary-color-stroke-active: #151515;
  --click-card-primary-color-stroke-disabled: #dfdfdf;
  --click-card-shadow: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-card-horizontal-radii-all: 0.25rem;
  --click-card-horizontal-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-title-hover: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-title-active: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-title-disabled: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-icon-size-all: 1.5rem;
  --click-card-horizontal-space-md-y: 0.75rem;
  --click-card-horizontal-space-md-x: 1rem;
  --click-card-horizontal-space-md-gap: 1rem;
  --click-card-horizontal-space-sm-y: 0.5rem;
  --click-card-horizontal-space-sm-x: 0.75rem;
  --click-card-horizontal-space-sm-gap: 0.75rem;
  --click-card-horizontal-default-color-background-default: #ffffff;
  --click-card-horizontal-default-color-background-hover: #f6f7fa;
  --click-card-horizontal-default-color-background-active: #ffffff;
  --click-card-horizontal-default-color-background-disabled: #dfdfdf;
  --click-card-horizontal-default-color-title-default: lch(11.126 1.374 305.43);
  --click-card-horizontal-default-color-title-hover: lch(11.126 1.374 305.43);
  --click-card-horizontal-default-color-title-active: lch(11.126 1.374 305.43);
  --click-card-horizontal-default-color-title-disabled: #a0a0a0;
  --click-card-horizontal-default-color-description-default: #696e79;
  --click-card-horizontal-default-color-description-hover: #696e79;
  --click-card-horizontal-default-color-description-active: #696e79;
  --click-card-horizontal-default-color-description-disabled: #a0a0a0;
  --click-card-horizontal-default-color-stroke-default: #e6e7e9;
  --click-card-horizontal-default-color-stroke-hover: #e6e7e9;
  --click-card-horizontal-default-color-stroke-active: #151515;
  --click-card-horizontal-default-color-stroke-disabled: #dfdfdf;
  --click-card-horizontal-muted-color-background-default: #f6f7fa;
  --click-card-horizontal-muted-color-background-hover: #ffffff;
  --click-card-horizontal-muted-color-background-active: #f6f7fa;
  --click-card-horizontal-muted-color-background-disabled: #dfdfdf;
  --click-card-horizontal-muted-color-title-default: lch(11.126 1.374 305.43);
  --click-card-horizontal-muted-color-title-hover: lch(11.126 1.374 305.43);
  --click-card-horizontal-muted-color-title-active: lch(11.126 1.374 305.43);
  --click-card-horizontal-muted-color-title-disabled: #a0a0a0;
  --click-card-horizontal-muted-color-description-default: #696e79;
  --click-card-horizontal-muted-color-description-hover: #696e79;
  --click-card-horizontal-muted-color-description-active: #696e79;
  --click-card-horizontal-muted-color-description-disabled: #a0a0a0;
  --click-card-horizontal-muted-color-stroke-default: #e6e7e9;
  --click-card-horizontal-muted-color-stroke-hover: #e6e7e9;
  --click-card-horizontal-muted-color-stroke-active: #151515;
  --click-card-horizontal-muted-color-stroke-disabled: #dfdfdf;
  --click-card-promotion-radii-all: 0.25rem;
  --click-card-promotion-typography-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-promotion-space-y: 5.5px;
  --click-card-promotion-space-x: 0.75rem;
  --click-card-promotion-space-gap: 0.75rem;
  --click-card-promotion-icon-size-all: 1rem;
  --click-card-promotion-color-background-default: #f6f7fa;
  --click-card-promotion-color-background-hover: #e6e7e9;
  --click-card-promotion-color-background-active: lch(89.777 1.0803 265.86);
  --click-card-promotion-color-icon-default: #161517;
  --click-card-promotion-color-icon-hover: #161517;
  --click-card-promotion-color-icon-active: #161517;
  --click-card-promotion-color-stroke-default: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
  --click-card-promotion-color-stroke-hover: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
  --click-card-promotion-color-stroke-active: linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%);
  --click-card-promotion-color-stroke-focus: #151515;
  --click-card-promotion-color-text-default: #161517;
  --click-card-promotion-color-text-hover: #161517;
  --click-card-promotion-color-text-active: #161517;
  --click-checkbox-radii-all: 0.125rem;
  --click-checkbox-space-all: 1px;
  --click-checkbox-space-gap: 0.5rem;
  --click-checkbox-size-all: 1rem;
  --click-checkbox-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-color-variations-default-background-default: #f6f7fa;
  --click-checkbox-color-variations-default-background-hover: #f6f7fa;
  --click-checkbox-color-variations-default-background-active: #161517;
  --click-checkbox-color-variations-default-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-default-stroke-default: #b3b6bd;
  --click-checkbox-color-variations-default-stroke-hover: #b3b6bd;
  --click-checkbox-color-variations-default-stroke-active: #161517;
  --click-checkbox-color-variations-default-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-default-check-default: #ffffff;
  --click-checkbox-color-variations-default-check-hover: #ffffff;
  --click-checkbox-color-variations-default-check-active: #ffffff;
  --click-checkbox-color-variations-default-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var1-background-default: #f6f7fa;
  --click-checkbox-color-variations-var1-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var1-background-active: #00e513;
  --click-checkbox-color-variations-var1-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var1-stroke-default: #62de85;
  --click-checkbox-color-variations-var1-stroke-hover: #62de85;
  --click-checkbox-color-variations-var1-stroke-active: #62de85;
  --click-checkbox-color-variations-var1-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var1-check-default: #ffffff;
  --click-checkbox-color-variations-var1-check-hover: #ffffff;
  --click-checkbox-color-variations-var1-check-active: #ffffff;
  --click-checkbox-color-variations-var1-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var2-background-default: #f6f7fa;
  --click-checkbox-color-variations-var2-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var2-background-active: #437eef;
  --click-checkbox-color-variations-var2-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var2-stroke-default: #6d9bf3;
  --click-checkbox-color-variations-var2-stroke-hover: #6d9bf3;
  --click-checkbox-color-variations-var2-stroke-active: #6d9bf3;
  --click-checkbox-color-variations-var2-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var2-check-default: #ffffff;
  --click-checkbox-color-variations-var2-check-hover: #ffffff;
  --click-checkbox-color-variations-var2-check-active: #ffffff;
  --click-checkbox-color-variations-var2-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var3-background-default: #f6f7fa;
  --click-checkbox-color-variations-var3-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var3-background-active: #fb32c9;
  --click-checkbox-color-variations-var3-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var3-stroke-default: #fb64d6;
  --click-checkbox-color-variations-var3-stroke-hover: #fb64d6;
  --click-checkbox-color-variations-var3-stroke-active: #fb64d6;
  --click-checkbox-color-variations-var3-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var3-check-default: #ffffff;
  --click-checkbox-color-variations-var3-check-hover: #ffffff;
  --click-checkbox-color-variations-var3-check-active: #ffffff;
  --click-checkbox-color-variations-var3-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var4-background-default: #f6f7fa;
  --click-checkbox-color-variations-var4-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var4-background-active: #ff7729;
  --click-checkbox-color-variations-var4-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var4-stroke-default: #ff9457;
  --click-checkbox-color-variations-var4-stroke-hover: #ff9457;
  --click-checkbox-color-variations-var4-stroke-active: #ff9457;
  --click-checkbox-color-variations-var4-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var4-check-default: #ffffff;
  --click-checkbox-color-variations-var4-check-hover: #ffffff;
  --click-checkbox-color-variations-var4-check-active: #ffffff;
  --click-checkbox-color-variations-var4-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var5-background-default: #f6f7fa;
  --click-checkbox-color-variations-var5-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var5-background-active: #089b83;
  --click-checkbox-color-variations-var5-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var5-stroke-default: #089b83;
  --click-checkbox-color-variations-var5-stroke-hover: #089b83;
  --click-checkbox-color-variations-var5-stroke-active: #089b83;
  --click-checkbox-color-variations-var5-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var5-check-default: #ffffff;
  --click-checkbox-color-variations-var5-check-hover: #ffffff;
  --click-checkbox-color-variations-var5-check-active: #ffffff;
  --click-checkbox-color-variations-var5-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var6-background-default: #f6f7fa;
  --click-checkbox-color-variations-var6-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var6-background-active: #bb33ff;
  --click-checkbox-color-variations-var6-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var6-stroke-default: #cc66ff;
  --click-checkbox-color-variations-var6-stroke-hover: #bb33ff;
  --click-checkbox-color-variations-var6-stroke-active: #bb33ff;
  --click-checkbox-color-variations-var6-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var6-check-default: #ffffff;
  --click-checkbox-color-variations-var6-check-hover: #ffffff;
  --click-checkbox-color-variations-var6-check-active: #ffffff;
  --click-checkbox-color-variations-var6-check-disabled: #a0a0a0;
  --click-checkbox-color-check-default: #ffffff;
  --click-checkbox-color-check-hover: #ffffff;
  --click-checkbox-color-check-active: #ffffff;
  --click-checkbox-color-check-disabled: #a0a0a0;
  --click-checkbox-color-background-default: #f6f7fa;
  --click-checkbox-color-background-hover: #f6f7fa;
  --click-checkbox-color-background-active: #161517;
  --click-checkbox-color-background-disabled: #dfdfdf;
  --click-checkbox-color-stroke-default: #b3b6bd;
  --click-checkbox-color-stroke-hover: #b3b6bd;
  --click-checkbox-color-stroke-active: #161517;
  --click-checkbox-color-stroke-disabled: #c0c0c0;
  --click-codeblock-space-x: 1rem;
  --click-codeblock-space-y: 1rem;
  --click-codeblock-space-gap: 1.5rem;
  --click-codeblock-radii-all: 0.25rem;
  --click-codeblock-stroke: 1px;
  --click-codeblock-typography-text-default: 500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --click-codeblock-numbers-size-width: 1.5rem;
  --click-codeblock-darkMode-color-background-default: #282828;
  --click-codeblock-darkMode-color-text-default: #ffffff;
  --click-codeblock-darkMode-color-numbers-default: #c0c0c0;
  --click-codeblock-darkMode-color-button-background-default: #282828;
  --click-codeblock-darkMode-color-button-background-hover: #53575f;
  --click-codeblock-darkMode-color-button-foreground-default: #ffffff;
  --click-codeblock-darkMode-color-stroke-default: #282828;
  --click-codeblock-lightMode-color-background-default: #f6f7fa;
  --click-codeblock-lightMode-color-text-default: #282828;
  --click-codeblock-lightMode-color-numbers-default: #808080;
  --click-codeblock-lightMode-color-button-background-default: #f6f7fa;
  --click-codeblock-lightMode-color-button-background-hover: #53575f;
  --click-codeblock-lightMode-color-button-foreground-default: #a0a0a0;
  --click-codeblock-lightMode-color-stroke-default: #282828;
  --click-codeblock-monacoTheme-parameter-foreground: #53575f;
  --click-codeblock-monacoTheme-parameter-background: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-codeInline-space-x: 0.25rem;
  --click-codeInline-stroke: 1px;
  --click-codeInline-typography-text-default: 500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --click-codeInline-radii-all: 0.25rem;
  --click-codeInline-color-background-default: #f6f7fa;
  --click-codeInline-color-text-default: #161517;
  --click-codeInline-color-stroke-default: #e6e7e9;
  --click-container-space-none: 0;
  --click-container-space-xxs: 0.25rem;
  --click-container-space-xs: 0.5rem;
  --click-container-space-sm: 0.75rem;
  --click-container-space-md: 1rem;
  --click-container-space-lg: 1.5rem;
  --click-container-space-xl: 2rem;
  --click-container-space-xxl: 4rem;
  --click-container-gap-none: 0;
  --click-container-gap-xxs: 0.25rem;
  --click-container-gap-xs: 0.5rem;
  --click-container-gap-sm: 0.75rem;
  --click-container-gap-md: 1rem;
  --click-container-gap-lg: 1.5rem;
  --click-container-gap-xl: 2rem;
  --click-container-gap-xxl: 4rem;
  --click-datePicker-dateOption-space-gap: 2px;
  --click-datePicker-dateOption-radii-default: 0.25rem;
  --click-datePicker-dateOption-radii-range: 0;
  --click-datePicker-dateOption-stroke: 1px;
  --click-datePicker-dateOption-size-height: 2rem;
  --click-datePicker-dateOption-size-width: 2rem;
  --click-datePicker-dateOption-typography-label-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-hover: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-active: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-disabled: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-range: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-color-label-default: #161517;
  --click-datePicker-dateOption-color-label-hover: #161517;
  --click-datePicker-dateOption-color-label-active: #ffffff;
  --click-datePicker-dateOption-color-label-disabled: #a0a0a0;
  --click-datePicker-dateOption-color-label-range: #161517;
  --click-datePicker-dateOption-color-background-default: #ffffff;
  --click-datePicker-dateOption-color-background-hover: #ffffff;
  --click-datePicker-dateOption-color-background-active: #151515;
  --click-datePicker-dateOption-color-background-disabled: #ffffff;
  --click-datePicker-dateOption-color-background-range: #e6e7e9;
  --click-datePicker-dateOption-color-stroke-default: #ffffff;
  --click-datePicker-dateOption-color-stroke-hover: #151515;
  --click-datePicker-dateOption-color-stroke-active: #151515;
  --click-datePicker-dateOption-color-stroke-disabled: #ffffff;
  --click-datePicker-dateOption-color-stroke-range: #e6e7e9;
  --click-datePicker-space-gap: 0.25rem;
  --click-datePicker-typography-daytitle-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-color-title-default: lch(11.126 1.374 305.43);
  --click-datePicker-color-daytitle-default: #696e79;
  --click-dialog-space-y: 1.5rem;
  --click-dialog-space-x: 2rem;
  --click-dialog-space-gap: 1rem;
  --click-dialog-title-space-gap: 0.25rem;
  --click-dialog-radii-all: 0.5rem;
  --click-dialog-shadow-default: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-dialog-stroke-default: 1px solid #e6e7e9;
  --click-dialog-typography-title-default: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dialog-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dialog-color-background-default: #ffffff;
  --click-dialog-color-title-default: lch(11.126 1.374 305.43);
  --click-dialog-color-description-default: #696e79;
  --click-dialog-color-opaqueBackground-default: lch(6.7738 0 none / 0.75);
  --click-docs-typography-titles-lg: 600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-titles-md: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-titles-sm: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-breadcrumbs-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-breadcrumbs-active: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-item-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-item-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-item-active: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-hover: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-active: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-disabled: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-error: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-error: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-placeholder-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-hover: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-active: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-disabled: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-error: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-error: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-type-mobile-label: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-type-mobile-field-value: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-space-x: 0.75rem;
  --click-field-space-y: 0.2813rem;
  --click-field-space-gap: 0.5rem;
  --click-field-size-icon: 1rem;
  --click-field-radii-all: 0.25rem;
  --click-field-mobile-space-x: 0.75rem;
  --click-field-mobile-space-y: 0.5rem;
  --click-field-mobile-space-gap: 0.5rem;
  --click-field-color-genericLabel-default: #161517;
  --click-field-color-genericLabel-hover: #161517;
  --click-field-color-genericLabel-active: #161517;
  --click-field-color-genericLabel-disabled: #a0a0a0;
  --click-field-color-background-default: #fbfcff;
  --click-field-color-background-hover: #f6f7fa;
  --click-field-color-background-active: #ffffff;
  --click-field-color-background-disabled: #dfdfdf;
  --click-field-color-background-error: #ffffff;
  --click-field-color-text-default: #302e32;
  --click-field-color-text-hover: #302e32;
  --click-field-color-text-active: #161517;
  --click-field-color-text-disabled: #a0a0a0;
  --click-field-color-text-error: #c10000;
  --click-field-color-stroke-default: #e6e7e9;
  --click-field-color-stroke-hover: #cccfd3;
  --click-field-color-stroke-active: #161517;
  --click-field-color-stroke-disabled: #dfdfdf;
  --click-field-color-stroke-error: #c10000;
  --click-field-color-label-default: #696e79;
  --click-field-color-label-hover: #696e79;
  --click-field-color-label-active: #161517;
  --click-field-color-label-disabled: #a0a0a0;
  --click-field-color-label-error: #c10000;
  --click-field-color-placeholder-default: #9a9ea7;
  --click-field-color-placeholder-disabled: #b3b6bd;
  --click-field-color-format-default: lch(71.998 4.1843 268.48);
  --click-field-color-format-hover: lch(71.998 4.1843 268.48);
  --click-field-color-format-active: lch(71.998 4.1843 268.48);
  --click-field-color-format-disabled: #a0a0a0;
  --click-field-color-format-error: lch(71.998 4.1843 268.48);
  --click-fileUpload-sm-icon-size-height: 1.5rem;
  --click-fileUpload-sm-icon-size-width: 1.5rem;
  --click-fileUpload-sm-space-gap: 0.75rem;
  --click-fileUpload-sm-space-x: 1rem;
  --click-fileUpload-sm-space-y: 0.5rem;
  --click-fileUpload-sm-radii-all: 0.25rem;
  --click-fileUpload-sm-color-icon-default: #696e79;
  --click-fileUpload-md-icon-size-height: 2rem;
  --click-fileUpload-md-icon-size-width: 2rem;
  --click-fileUpload-md-space-gap: 0.5rem;
  --click-fileUpload-md-space-x: 1rem;
  --click-fileUpload-md-space-y: 0.75rem;
  --click-fileUpload-md-radii-all: 0.5rem;
  --click-fileUpload-md-color-icon-default: #161517;
  --click-fileUpload-typography-title-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-fileUpload-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-fileUpload-hasFile-space-gap: 0.75rem;
  --click-fileUpload-hasFile-header-space-gap: 0.5rem;
  --click-fileUpload-transitions-all: all 100ms ease-in 0ms;
  --click-fileUpload-color-background-default: #ffffff;
  --click-fileUpload-color-background-hover: #ffffff;
  --click-fileUpload-color-background-active: #f6f7fa;
  --click-fileUpload-color-background-error: rgb(100% 13.725% 13.725% / 0.1);
  --click-fileUpload-color-stroke-default: #e6e7e9;
  --click-fileUpload-color-stroke-hover: #e6e7e9;
  --click-fileUpload-color-stroke-active: #b3b6bd;
  --click-fileUpload-color-stroke-error: rgba(0, 0, 0, 0);
  --click-fileUpload-color-title-default: #161517;
  --click-fileUpload-color-title-hover: #161517;
  --click-fileUpload-color-title-active: #161517;
  --click-fileUpload-color-title-error: #c10000;
  --click-fileUpload-color-description-default: #696e79;
  --click-fileUpload-color-description-hover: #696e79;
  --click-fileUpload-color-description-active: #696e79;
  --click-fileUpload-color-description-error: #c10000;
  --click-flyout-space-default-x: 0;
  --click-flyout-space-default-y: 1.5rem;
  --click-flyout-space-default-gap: 1rem;
  --click-flyout-space-default-top: 0;
  --click-flyout-space-default-content-x: 1.5rem;
  --click-flyout-space-default-content-y: 1.5rem;
  --click-flyout-space-default-content-row-gap: 0.25rem;
  --click-flyout-space-default-content-column-gap: 1rem;
  --click-flyout-space-inline-x: 0;
  --click-flyout-space-inline-y: 0.75rem;
  --click-flyout-space-inline-gap: 0.75rem;
  --click-flyout-space-inline-top: 3.5rem;
  --click-flyout-space-inline-content-x: 0.75rem;
  --click-flyout-space-inline-content-y: 0.75rem;
  --click-flyout-space-inline-content-row-gap: 0.25rem;
  --click-flyout-space-inline-content-column-gap: 0.75rem;
  --click-flyout-shadow-default: -5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --click-flyout-shadow-reverse: 5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --click-flyout-size-default-width: 27.5rem;
  --click-flyout-size-default-height: 100%;
  --click-flyout-size-wide-width: 37.5rem;
  --click-flyout-size-wide-height: 100vh;
  --click-flyout-size-narrow-width: 21rem;
  --click-flyout-size-narrow-height: 100%;
  --click-flyout-size-widest-width: 55rem;
  --click-flyout-size-widest-height: 100vh;
  --click-flyout-typography-default-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-typography-default-title-default: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-typography-inline-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-typography-inline-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-color-background-default: #ffffff;
  --click-flyout-color-title-default: lch(11.126 1.374 305.43);
  --click-flyout-color-description-default: #696e79;
  --click-flyout-color-stroke-default: #e6e7e9;
  --click-genericMenu-item-space-x: 1rem;
  --click-genericMenu-item-space-y: 0.3438rem;
  --click-genericMenu-item-space-gap: 0.5rem;
  --click-genericMenu-item-icon-size-height: 0.9688rem;
  --click-genericMenu-item-icon-size-width: 0.9688rem;
  --click-genericMenu-item-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-sectionHeader-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-hover: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-active: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-disabled: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-two-lines-space-x: 1rem;
  --click-genericMenu-item-two-lines-space-y: 0.3438rem;
  --click-genericMenu-item-two-lines-space-gap: 0.75rem;
  --click-genericMenu-item-size-minWidth: 180px;
  --click-genericMenu-item-color-default-text-default: #161517;
  --click-genericMenu-item-color-default-text-hover: #161517;
  --click-genericMenu-item-color-default-text-active: #161517;
  --click-genericMenu-item-color-default-text-disabled: #a0a0a0;
  --click-genericMenu-item-color-default-text-muted: #696e79;
  --click-genericMenu-item-color-default-background-default: #ffffff;
  --click-genericMenu-item-color-default-background-hover: #f6f7fa;
  --click-genericMenu-item-color-default-background-active: #ffffff;
  --click-genericMenu-item-color-default-background-disabled: #ffffff;
  --click-genericMenu-item-color-default-stroke-default: #e6e7e9;
  --click-genericMenu-item-color-default-stroke-focus: #437eef;
  --click-genericMenu-item-color-format-default: lch(71.998 4.1843 268.48);
  --click-genericMenu-item-color-format-hover: lch(71.998 4.1843 268.48);
  --click-genericMenu-item-color-format-active: lch(71.998 4.1843 268.48);
  --click-genericMenu-item-color-format-disabled: #a0a0a0;
  --click-genericMenu-item-color-subtext-default: #696e79;
  --click-genericMenu-item-color-subtext-hover: #696e79;
  --click-genericMenu-item-color-subtext-active: #696e79;
  --click-genericMenu-item-color-subtext-disabled: #c0c0c0;
  --click-genericMenu-item-color-danger-text-default: #c10000;
  --click-genericMenu-item-color-danger-text-hover: #c10000;
  --click-genericMenu-item-color-danger-text-active: #c10000;
  --click-genericMenu-item-color-danger-text-disabled: #a0a0a0;
  --click-genericMenu-item-color-danger-background-default: #ffffff;
  --click-genericMenu-item-color-danger-background-hover: rgb(100% 13.725% 13.725% / 0.2);
  --click-genericMenu-item-color-danger-background-active: rgb(100% 13.725% 13.725% / 0.3);
  --click-genericMenu-item-color-danger-background-disabled: #ffffff;
  --click-genericMenu-item-color-danger-stroke-default: rgba(0, 0, 0, 0);
  --click-genericMenu-item-color-danger-stroke-focus: #437eef;
  --click-genericMenu-itemCustom-typography-label-sm: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-itemCustom-typography-label-lg: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-space-gap: 0.25rem;
  --click-genericMenu-button-space-y: 0.5rem;
  --click-genericMenu-button-typography-label-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-typography-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-typography-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-color-background-default: #f6f7fa;
  --click-genericMenu-button-color-label-default: #696e79;
  --click-genericMenu-button-color-stroke-default: #e6e7e9;
  --click-genericMenu-panel-radii-all: 0.25rem;
  --click-genericMenu-panel-shadow-default: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-genericMenu-panel-size-height: 2rem;
  --click-genericMenu-panel-color-background-default: #ffffff;
  --click-genericMenu-panel-color-stroke-default: #e6e7e9;
  --click-genericMenu-autocomplete-typography-results-label-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-autocomplete-typography-search-placeholder-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-autocomplete-typography-search-term-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-autocomplete-search-stroke-default: 2px solid #e6e7e9;
  --click-genericMenu-autocomplete-color-placeholder-default: #9a9ea7;
  --click-genericMenu-autocomplete-color-searchTerm-default: #161517;
  --click-genericMenu-autocomplete-color-background-default: #ffffff;
  --click-genericMenu-autocomplete-color-stroke-default: #e6e7e9;
  --click-genericMenu-sectionHeader-space-bottom: 0.3438rem;
  --click-genericMenu-sectionHeader-space-top: 0.5rem;
  --click-genericMenu-placeholder-space-gap: 0.5rem;
  --click-grid-header-cell-space-y: 0.4375rem;
  --click-grid-header-cell-space-x: 0.5rem;
  --click-grid-header-cell-size-height: 2rem;
  --click-grid-header-cell-color-background-default: #f6f7fa;
  --click-grid-header-cell-color-background-selectIndirect: lch(95.61 5.8361 264.18);
  --click-grid-header-cell-color-background-selectDirect: #e7effd;
  --click-grid-header-cell-color-title-default: #696e79;
  --click-grid-header-cell-color-title-selectIndirect: #161517;
  --click-grid-header-cell-color-title-selectDirect: #161517;
  --click-grid-header-cell-color-stroke-default: lch(89.319 1.0747 265.86);
  --click-grid-header-cell-color-stroke-selectIndirect: #e7effd;
  --click-grid-header-cell-color-stroke-selectDirect: lch(86.135 15.126 266.4);
  --click-grid-header-title-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-grid-body-cell-space-y: 5.5px;
  --click-grid-body-cell-space-x: 0.5rem;
  --click-grid-body-cell-size-height: 2rem;
  --click-grid-body-cell-color-background-default: #ffffff;
  --click-grid-body-cell-color-background-selectIndirect: lch(94.146 7.7815 264.18 / 0.2);
  --click-grid-body-cell-color-background-selectDirect: lch(94.146 7.7815 264.18 / 0.2);
  --click-grid-body-cell-color-stroke-default: #e6e7e9;
  --click-grid-body-cell-color-stroke-selectIndirect: #d0dffb;
  --click-grid-body-cell-color-stroke-selectDirect: #437eef;
  --click-grid-body-cell-color-text-default: lch(7.1704 1.4351 305.43);
  --click-grid-body-cell-color-text-selectIndirect: #161517;
  --click-grid-body-cell-color-text-selectDirect: #161517;
  --click-grid-cell-text-default: 500 0.875rem/1.5 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --click-grid-radii-none: 0;
  --click-grid-radii-sm: 0.25rem;
  --click-grid-radii-md: 0.5rem;
  --click-grid-radii-lg: 0.75rem;
  --click-grid-global-color-stroke-default: #e6e7e9;
  --click-grid-global-color-background-default: #ffffff;
  --click-gridContainer-gap-none: 0;
  --click-gridContainer-gap-xxs: 0.25rem;
  --click-gridContainer-gap-xs: 0.5rem;
  --click-gridContainer-gap-sm: 0.75rem;
  --click-gridContainer-gap-md: 1rem;
  --click-gridContainer-gap-lg: 1.5rem;
  --click-gridContainer-gap-xl: 2rem;
  --click-gridContainer-gap-xxl: 4rem;
  --click-gridContainer-gap-unset: '';
  --click-icon-space-xs-all: 0.25rem;
  --click-icon-space-sm-all: 0.25rem;
  --click-icon-space-md-all: 0.365rem;
  --click-icon-space-lg-all: 0.5rem;
  --click-icon-space-xl-all: 0.75rem;
  --click-icon-space-xxl-all: 1rem;
  --click-icon-color-background-default: rgba(0, 0, 0, 0);
  --click-icon-color-background-success: rgb(20% 100% 26.667% / 0.1);
  --click-icon-color-background-neutral: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-icon-color-background-danger: rgb(100% 13.725% 13.725% / 0.1);
  --click-icon-color-background-info: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-icon-color-background-warning: rgb(100% 46.667% 16.078% / 0.1);
  --click-icon-color-text-default: rgba(0, 0, 0, 0);
  --click-icon-color-text-success: #008a0b;
  --click-icon-color-text-neutral: #53575f;
  --click-icon-color-text-danger: #c10000;
  --click-icon-color-text-info: #437eef;
  --click-icon-color-text-warning: #a33c00;
  --click-icon-color-stroke-default: rgba(0, 0, 0, 0);
  --click-icon-color-stroke-success: rgb(20% 100% 26.667% / 0.05);
  --click-icon-color-stroke-neutral: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-icon-color-stroke-danger: rgb(100% 13.725% 13.725% / 0.05);
  --click-icon-color-stroke-info: rgb(26.275% 49.412% 93.725% / 0.05);
  --click-icon-color-stroke-warning: rgb(100% 46.667% 16.078% / 0.05);
  --click-image-sm-size-height: 1rem;
  --click-image-sm-size-width: 1rem;
  --click-image-xs-size-height: 0.75rem;
  --click-image-xs-size-width: 0.75rem;
  --click-image-md-size-height: 1.25rem;
  --click-image-md-size-width: 1.25rem;
  --click-image-lg-size-height: 1.5rem;
  --click-image-lg-size-width: 1.5rem;
  --click-image-xl-size-height: 2rem;
  --click-image-xl-size-width: 2rem;
  --click-image-xxl-size-height: 4rem;
  --click-image-xxl-size-width: 4rem;
  --click-image-borderWidth-default: 1.5px;
  --click-image-borderWidth-thin: 1px;
  --click-image-color-stroke: #161517;
  --click-link-space-md-gap: 0.25rem;
  --click-link-space-sm-gap: 2px;
  --click-link-icon-size-sm-height: 0.75rem;
  --click-link-icon-size-sm-width: 0.75rem;
  --click-link-icon-size-md-height: 1rem;
  --click-link-icon-size-md-width: 1rem;
  --click-panel-strokeWidth-default: 1px;
  --click-panel-radii-none: 0;
  --click-panel-radii-sm: 0.25rem;
  --click-panel-radii-md: 0.5rem;
  --click-panel-radii-lg: 0.75rem;
  --click-panel-stroke-default: 1px solid #e6e7e9;
  --click-panel-shadow-default: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-panel-space-y-none: 0;
  --click-panel-space-y-xs: 0.5rem;
  --click-panel-space-y-sm: 0.75rem;
  --click-panel-space-y-md: 1rem;
  --click-panel-space-y-lg: 1.5rem;
  --click-panel-space-y-xl: 2rem;
  --click-panel-space-x-none: 0;
  --click-panel-space-x-xs: 0.5rem;
  --click-panel-space-x-sm: 0.75rem;
  --click-panel-space-x-md: 1rem;
  --click-panel-space-x-lg: 1.5rem;
  --click-panel-space-x-xl: 2rem;
  --click-panel-space-gap-none: 0;
  --click-panel-space-gap-xs: 0.5rem;
  --click-panel-space-gap-sm: 0.75rem;
  --click-panel-space-gap-md: 1rem;
  --click-panel-space-gap-lg: 1.5rem;
  --click-panel-space-gap-xl: 2rem;
  --click-panel-color-background-default: #ffffff;
  --click-panel-color-background-muted: #f6f7fa;
  --click-panel-color-background-transparent: rgba(0, 0, 0, 0);
  --click-panel-color-stroke-default: #e6e7e9;
  --click-popover-space-y: 1rem;
  --click-popover-space-x: 1.5rem;
  --click-popover-space-gap: 0.75rem;
  --click-popover-radii-all: 0.25rem;
  --click-popover-shadow-default: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-popover-icon-size-height: 1.25rem;
  --click-popover-icon-size-width: 1.25rem;
  --click-popover-color-panel-background-default: #ffffff;
  --click-popover-color-panel-stroke-default: #e6e7e9;
  --click-radio-radii-all: 9999px;
  --click-radio-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-color-background-default: #f6f7fa;
  --click-radio-color-background-hover: #f6f7fa;
  --click-radio-color-background-active: #161517;
  --click-radio-color-background-disabled: #dfdfdf;
  --click-radio-color-stroke-default: #b3b6bd;
  --click-radio-color-stroke-hover: #b3b6bd;
  --click-radio-color-stroke-active: #151515;
  --click-radio-color-stroke-disabled: #c0c0c0;
  --click-radio-color-indicator-default: #ffffff;
  --click-radio-color-indicator-hover: #f6f7fa;
  --click-radio-color-indicator-active: #ffffff;
  --click-radio-color-indicator-disabled: #a0a0a0;
  --click-separator-horizontal-space-y-xs: 0;
  --click-separator-horizontal-space-y-sm: 0.25rem;
  --click-separator-horizontal-space-y-md: 0.5rem;
  --click-separator-horizontal-space-y-ml: 0.75rem;
  --click-separator-horizontal-space-y-lg: 1rem;
  --click-separator-horizontal-space-y-xl: 1.5rem;
  --click-separator-horizontal-space-y-xxl: 2rem;
  --click-separator-horizontal-space-x-all: 0;
  --click-separator-vertical-space-x-xs: 0;
  --click-separator-vertical-space-x-sm: 0.25rem;
  --click-separator-vertical-space-x-md: 0.5rem;
  --click-separator-vertical-space-x-lg: 1rem;
  --click-separator-vertical-space-x-xl: 1.5rem;
  --click-separator-vertical-space-x-xxl: 2rem;
  --click-separator-vertical-space-y-all: 0;
  --click-separator-color-stroke-default: #e6e7e9;
  --click-sidebar-navigation-item-radii-all: 0.25rem;
  --click-sidebar-navigation-item-default-space-right: 0.75rem;
  --click-sidebar-navigation-item-default-space-y: 0.2813rem;
  --click-sidebar-navigation-item-default-space-gap: 0.75rem;
  --click-sidebar-navigation-item-default-space-left: 0;
  --click-sidebar-navigation-item-typography-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-typography-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-typography-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-typography-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-typography-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-typography-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-typography-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-space-left: 0;
  --click-sidebar-navigation-item-mobile-space-right: 0.75rem;
  --click-sidebar-navigation-item-mobile-space-y: 0.75rem;
  --click-sidebar-navigation-item-mobile-space-gap: 0.75rem;
  --click-sidebar-navigation-item-collapsible-space-left: 0;
  --click-sidebar-navigation-item-collapsible-space-right: 0.75rem;
  --click-sidebar-navigation-item-collapsible-space-y: 0.2813rem;
  --click-sidebar-navigation-item-collapsible-space-gap: 0.75rem;
  --click-sidebar-navigation-item-icon-size-height: 1rem;
  --click-sidebar-navigation-item-icon-size-width: 1rem;
  --click-sidebar-navigation-item-global-gap: 2px;
  --click-sidebar-navigation-title-typography-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-title-typography-hover: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-title-typography-active: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-title-typography-disabled: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-default-space-left: 2.75rem;
  --click-sidebar-navigation-subItem-default-space-right: 0.75rem;
  --click-sidebar-navigation-subItem-default-space-y: 0.2813rem;
  --click-sidebar-navigation-subItem-mobile-space-left: 2.75rem;
  --click-sidebar-navigation-subItem-mobile-space-right: 0.75rem;
  --click-sidebar-navigation-subItem-mobile-space-y: 0.75rem;
  --click-sidebar-navigation-subItem-mobile-space-gap: 0.75rem;
  --click-sidebar-navigation-subItem-mobile-typography-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-mobile-typography-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-mobile-typography-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-radii-all: 0.25rem;
  --click-sidebar-navigation-subItem-typography-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-typography-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-typography-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-typography-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-dragControl-separator-size-height: 0.125rem;
  --click-sidebar-main-color-background-default: #ffffff;
  --click-sidebar-main-color-text-default: #161517;
  --click-sidebar-main-color-text-muted: #696e79;
  --click-sidebar-main-color-stroke-default: #e6e7e9;
  --click-sidebar-main-navigation-item-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-item-color-background-hover: lch(91.609 1.1023 265.86 / 0.6);
  --click-sidebar-main-navigation-item-color-background-active: #e6e7e9;
  --click-sidebar-main-navigation-item-color-text-default: #161517;
  --click-sidebar-main-navigation-item-color-text-hover: #161517;
  --click-sidebar-main-navigation-item-color-text-active: #161517;
  --click-sidebar-main-navigation-item-color-text-muted: #696e79;
  --click-sidebar-main-navigation-item-color-text-disabled: #a0a0a0;
  --click-sidebar-main-navigation-item-color-icon-default: #696e79;
  --click-sidebar-main-navigation-item-color-icon-disabled: #a0a0a0;
  --click-sidebar-main-navigation-title-color-default: #696e79;
  --click-sidebar-main-navigation-title-color-hover: #696e79;
  --click-sidebar-main-navigation-title-color-active: #696e79;
  --click-sidebar-main-navigation-subItem-color-text-default: #696e79;
  --click-sidebar-main-navigation-subItem-color-text-hover: #161517;
  --click-sidebar-main-navigation-subItem-color-text-active: #161517;
  --click-sidebar-main-navigation-subItem-color-text-disabled: #a0a0a0;
  --click-sidebar-main-navigation-subItem-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-subItem-color-background-hover: lch(91.609 1.1023 265.86 / 0.6);
  --click-sidebar-main-navigation-subItem-color-background-active: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-subItem-color-background-disabled: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-subItem-color-icon-default: #696e79;
  --click-sidebar-main-navigation-subItem-color-icon-disabled: #a0a0a0;
  --click-sidebar-main-navigation-dragControl-separator-color-default: #161517;
  --click-sidebar-sqlSidebar-navigation-item-color-text-disabled: #a0a0a0;
  --click-sidebar-sqlSidebar-navigation-item-color-text-default: #161517;
  --click-sidebar-sqlSidebar-navigation-item-color-text-hover: #161517;
  --click-sidebar-sqlSidebar-navigation-item-color-text-active: #161517;
  --click-sidebar-sqlSidebar-navigation-item-color-text-muted: #696e79;
  --click-sidebar-sqlSidebar-navigation-item-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-sqlSidebar-navigation-item-color-background-hover: lch(91.609 1.1023 265.86 / 0.6);
  --click-sidebar-sqlSidebar-navigation-item-color-background-active: #e6e7e9;
  --click-sidebar-sqlSidebar-navigation-item-color-icon-default: #696e79;
  --click-sidebar-sqlSidebar-navigation-title-color-default: #696e79;
  --click-sidebar-sqlSidebar-navigation-title-color-hover: #696e79;
  --click-sidebar-sqlSidebar-navigation-title-color-active: #696e79;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-default: #696e79;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-hover: #161517;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-active: #161517;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-disabled: #a0a0a0;
  --click-sidebar-sqlSidebar-navigation-subItem-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-sqlSidebar-navigation-subItem-color-background-hover: lch(91.609 1.1023 265.86 / 0.6);
  --click-sidebar-sqlSidebar-navigation-subItem-color-background-active: rgba(0, 0, 0, 0);
  --click-sidebar-sqlSidebar-navigation-dragControl-separator-color-default: #161517;
  --click-sidebar-sqlSidebar-color-background-default: #f6f7fa;
  --click-sidebar-sqlSidebar-color-stroke-default: #e6e7e9;
  --click-spacer-horizontal-space-y-xs: 0;
  --click-spacer-horizontal-space-y-sm: 0.25rem;
  --click-spacer-horizontal-space-y-md: 0.5rem;
  --click-spacer-horizontal-space-y-ml: 0.75rem;
  --click-spacer-horizontal-space-y-lg: 1rem;
  --click-spacer-horizontal-space-y-xl: 1.5rem;
  --click-spacer-horizontal-space-y-xxl: 2rem;
  --click-spacer-horizontal-space-x-all: 0;
  --click-stepper-vertical-numbered-connector-size-width: 0.1875rem;
  --click-stepper-vertical-numbered-connector-stroke-default: 2px;
  --click-stepper-vertical-numbered-connector-color-stroke-incomplete: #c0c0c0;
  --click-stepper-vertical-numbered-connector-color-stroke-complete: #1f1f1c;
  --click-stepper-vertical-numbered-connector-color-stroke-active: #c0c0c0;
  --click-stepper-vertical-numbered-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-stepper-vertical-numbered-step-typography-number-default: 700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-stepper-vertical-numbered-step-size-height: 1.5rem;
  --click-stepper-vertical-numbered-step-size-width: 1.5rem;
  --click-stepper-vertical-numbered-step-size-icon-height: 0.75rem;
  --click-stepper-vertical-numbered-step-size-icon-width: 0.75rem;
  --click-stepper-vertical-numbered-step-stroke-default: 2px;
  --click-stepper-vertical-numbered-step-radii-default: 9999px;
  --click-stepper-vertical-numbered-step-color-stroke-incomplete: #c0c0c0;
  --click-stepper-vertical-numbered-step-color-stroke-complete: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-stroke-active: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-background-incomplete: #ffffff;
  --click-stepper-vertical-numbered-step-color-background-complete: #ffffff;
  --click-stepper-vertical-numbered-step-color-background-active: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-icon-incomplete: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-icon-complete: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-icon-active: #ffffff;
  --click-stepper-vertical-numbered-content-space-gap-x: 1rem;
  --click-stepper-vertical-numbered-content-space-gap-y: 0.5rem;
  --click-stepper-vertical-numbered-content-space-left: 2.75rem;
  --click-stepper-vertical-numbered-content-space-bottom-default: 2.5rem;
  --click-stepper-vertical-numbered-content-space-bottom-active: 1.5rem;
  --click-stepper-vertical-numbered-color-title-incomplete: #c0c0c0;
  --click-stepper-vertical-numbered-color-title-complete: #696e79;
  --click-stepper-vertical-numbered-color-title-active: #161517;
  --click-stepper-vertical-bulleted-connector-size-width: 0.1875rem;
  --click-stepper-vertical-bulleted-connector-stroke-default: 2px;
  --click-stepper-vertical-bulleted-connector-color-stroke-incomplete: #c0c0c0;
  --click-stepper-vertical-bulleted-connector-color-stroke-complete: #1f1f1c;
  --click-stepper-vertical-bulleted-connector-color-stroke-active: #c0c0c0;
  --click-stepper-vertical-bulleted-step-size-height: 1rem;
  --click-stepper-vertical-bulleted-step-size-width: 1rem;
  --click-stepper-vertical-bulleted-step-size-icon-height: 0.75rem;
  --click-stepper-vertical-bulleted-step-size-icon-width: 0.75rem;
  --click-stepper-vertical-bulleted-step-radii-default: 9999px;
  --click-stepper-vertical-bulleted-step-stroke-default: 2px;
  --click-stepper-vertical-bulleted-step-color-stroke-incomplete: #c0c0c0;
  --click-stepper-vertical-bulleted-step-color-stroke-complete: #1f1f1c;
  --click-stepper-vertical-bulleted-step-color-stroke-active: #1f1f1c;
  --click-stepper-vertical-bulleted-step-color-background-incomplete: #ffffff;
  --click-stepper-vertical-bulleted-step-color-background-complete: #ffffff;
  --click-stepper-vertical-bulleted-step-color-background-active: #ffffff;
  --click-stepper-vertical-bulleted-step-color-icon-incomplete: #ffffff;
  --click-stepper-vertical-bulleted-step-color-icon-complete: #1f1f1c;
  --click-stepper-vertical-bulleted-step-color-icon-active: #ffffff;
  --click-stepper-vertical-bulleted-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-stepper-vertical-bulleted-content-space-gap-x: 1rem;
  --click-stepper-vertical-bulleted-content-space-gap-y: 0.5rem;
  --click-stepper-vertical-bulleted-content-space-left: 2.25rem;
  --click-stepper-vertical-bulleted-content-space-bottom-default: 2.5rem;
  --click-stepper-vertical-bulleted-content-space-bottom-active: 1.5rem;
  --click-stepper-vertical-bulleted-color-title-incomplete: #c0c0c0;
  --click-stepper-vertical-bulleted-color-title-complete: #696e79;
  --click-stepper-vertical-bulleted-color-title-active: #161517;
  --click-switch-space-gap: 0.5rem;
  --click-switch-radii-all: 9999px;
  --click-switch-size-width: 2rem;
  --click-switch-size-height: 1rem;
  --click-switch-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-color-background-default: #cccfd3;
  --click-switch-color-background-active: #151515;
  --click-switch-color-background-disabled: #dfdfdf;
  --click-switch-color-stroke-default: #cccfd3;
  --click-switch-color-stroke-active: #161517;
  --click-switch-color-stroke-disabled: #dfdfdf;
  --click-switch-color-indicator-default: #ffffff;
  --click-switch-color-indicator-active: #ffffff;
  --click-switch-color-indicator-disabled: #a0a0a0;
  --click-table-header-title-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-table-header-cell-space-md-y: 0.75rem;
  --click-table-header-cell-space-md-x: 1rem;
  --click-table-header-cell-space-sm-y: 0.5rem;
  --click-table-header-cell-space-sm-x: 1rem;
  --click-table-header-color-background-default: #f6f7fa;
  --click-table-header-color-background-hover: #f6f7fa;
  --click-table-header-color-background-active: #e7effd;
  --click-table-header-color-title-default: #161517;
  --click-table-header-color-icon-default: #161517;
  --click-table-header-color-checkbox-background-default: #cccfd3;
  --click-table-header-color-checkbox-border-default: #808691;
  --click-table-cell-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-table-cell-label-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-table-cell-stroke: 1px;
  --click-table-radii-all: 0.25rem;
  --click-table-body-cell-space-md-y: 1rem;
  --click-table-body-cell-space-md-x: 1rem;
  --click-table-body-cell-space-sm-y: 0.5rem;
  --click-table-body-cell-space-sm-x: 1rem;
  --click-table-mobile-cell-space-y: 1rem;
  --click-table-mobile-cell-space-x: 1rem;
  --click-table-mobile-cell-space-gap: 0.5rem;
  --click-table-row-color-background-default: #ffffff;
  --click-table-row-color-background-hover: lch(94.146 7.7815 264.18 / 0.2);
  --click-table-row-color-background-active: lch(94.146 7.7815 264.18 / 0.2);
  --click-table-row-color-stroke-default: #e6e7e9;
  --click-table-row-color-text-default: #161517;
  --click-table-row-color-text-disabled: #a0a0a0;
  --click-table-row-color-link-default: #437eef;
  --click-table-row-color-label-default: #696e79;
  --click-table-row-color-barChart-default: #dfdfdf;
  --click-table-row-color-barChart-hover: #c0c0c0;
  --click-table-global-color-stroke-default: #e6e7e9;
  --click-table-global-color-background-default: #ffffff;
  --click-tabs-space-y: 0.5rem;
  --click-tabs-space-x: 0.75rem;
  --click-tabs-radii-all: 0.25rem;
  --click-tabs-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-basic-strokeWidth-default: 1px;
  --click-tabs-basic-strokeWidth-hover: 1px;
  --click-tabs-basic-strokeWidth-active: 2px;
  --click-tabs-basic-strokeWidth-global: 1px;
  --click-tabs-basic-color-background-default: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-background-hover: #f6f7fa;
  --click-tabs-basic-color-background-active: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-text-default: #696e79;
  --click-tabs-basic-color-text-hover: #161517;
  --click-tabs-basic-color-text-active: #161517;
  --click-tabs-basic-color-stroke-default: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-stroke-hover: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-stroke-active: #151515;
  --click-tabs-basic-color-global-default: #e6e7e9;
  --click-tabs-fileTabs-icon-size-height: 1rem;
  --click-tabs-fileTabs-icon-size-width: 1rem;
  --click-tabs-fileTabs-space-y: 1.0625rem;
  --click-tabs-fileTabs-space-x: 1rem;
  --click-tabs-fileTabs-space-gap: 0.75rem;
  --click-tabs-fileTabs-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-fileTabs-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-fileTabs-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-fileTabs-radii-all: 0;
  --click-tabs-fileTabs-color-background-default: #f6f7fa;
  --click-tabs-fileTabs-color-background-hover: #ffffff;
  --click-tabs-fileTabs-color-background-active: #ffffff;
  --click-tabs-fileTabs-color-text-default: #696e79;
  --click-tabs-fileTabs-color-text-hover: #161517;
  --click-tabs-fileTabs-color-text-active: #161517;
  --click-tabs-fileTabs-color-stroke-default: #e6e7e9;
  --click-tabs-fileTabs-color-stroke-hover: #e6e7e9;
  --click-tabs-fileTabs-color-stroke-active: #e6e7e9;
  --click-tabs-fileTabs-color-closeButton-background-default: rgba(0, 0, 0, 0);
  --click-tabs-fileTabs-color-closeButton-background-hover: #e6e7e9;
  --click-toast-icon-size-height: 1rem;
  --click-toast-icon-size-width: 1rem;
  --click-toast-space-title-gap: 0.5rem;
  --click-toast-space-y: 0.75rem;
  --click-toast-space-x: 0.75rem;
  --click-toast-space-gap: 0.5rem;
  --click-toast-radii-all: 0.25rem;
  --click-toast-shadow: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-toast-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-toast-typography-description-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-toast-size-width: 20.75rem;
  --click-toast-color-title-default: lch(11.126 1.374 305.43);
  --click-toast-color-description-default: #696e79;
  --click-toast-color-stroke-default: #e6e7e9;
  --click-toast-color-icon-default: lch(11.126 1.374 305.43);
  --click-toast-color-icon-success: #008a0b;
  --click-toast-color-icon-warning: #a33c00;
  --click-toast-color-icon-danger: #c10000;
  --click-tooltip-radii-all: 0.25rem;
  --click-tooltip-space-x: 0.75rem;
  --click-tooltip-space-y: 0.5rem;
  --click-tooltip-typography-label-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tooltip-color-background-default: lch(10.767 0 none / 0.85);
  --click-tooltip-color-label-default: #ffffff;
  --click-dashboards-chartWidget-space-gap: 1rem;
  --click-dashboards-chartWidget-space-element-gap: 0.5rem;
  --click-dashboards-chartWidget-borderWidth-default: 1px;
  --click-dashboards-chartWidget-stroke-default: 1px solid #e6e7e9;
  --click-dashboards-chartWidget-stroke-element-default: 1px solid #e6e7e9;
  --click-dashboards-chartWidget-stroke-hover: 1px solid #b3b6bd;
  --click-dashboards-chartWidget-stroke-selected: 1px solid #151515;
  --click-dashboards-chartWidget-element-radii-all: 0.25rem;
  --click-dashboards-chartWidget-radii-all: 0.25rem;
  --click-dashboards-chartWidget-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dashboards-chartWidget-typography-description-default-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dashboards-chartWidget-typography-label-default-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dashboards-chartWidget-shadow-default: 0;
  --click-dashboards-chartWidget-shadow-hover: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --click-dashboards-chartWidget-size-icon-all-drag: 1.25rem;
  --click-dashboards-chartWidget-size-icon-all-menu: 1.5rem;
  --click-dashboards-chartWidget-size-icon-all-resize: 0.75rem;
  --click-dashboards-chartWidget-color-background-default: #ffffff;
  --click-dashboards-chartWidget-color-background-hover: #ffffff;
  --click-dashboards-chartWidget-color-background-selected: #ffffff;
  --click-dashboards-chartWidget-color-stroke-default: #e6e7e9;
  --click-dashboards-chartWidget-color-stroke-hover: #b3b6bd;
  --click-dashboards-chartWidget-color-stroke-selected: #151515;
  --click-dashboards-chartWidget-color-title-default: lch(11.126 1.374 305.43);
  --click-dashboards-chartWidget-color-description-default: #696e79;
  --click-dashboards-chartWidget-color-legend-default: #696e79;
  --click-dashboards-chartWidget-color-legend-hover: #696e79;
  --click-dashboards-chartWidget-color-legend-selected: #161517;
  --click-dashboards-chartWidget-color-element-stroke-default: #e6e7e9;
  --click-dashboards-chartWidget-color-icon-default: #161517;
  --click-dashboards-chartWidget-color-icon-hover: #161517;
  --click-dashboards-chartWidget-color-icon-selected: #151515;
  --click-dashboards-chartWidget-color-opacity-bar-default: 0.2;
  --click-dashboards-chartWidget-color-opacity-bar-hover: 0.5;
  --click-dashboards-chartWidget-color-label-default: #696e79;
  --click-dashboards-chartWidget-color-label-hover: #696e79;
  --click-dashboards-chartWidget-color-label-selected: #696e79;
  --click-global-color-stroke-default: #e6e7e9;
  --click-global-color-stroke-muted: lch(91.609 1.1023 265.86);
  --click-global-color-stroke-intense: #b3b6bd;
  --click-global-color-accent-default: #151515;
  --click-global-color-background-default: #ffffff;
  --click-global-color-background-muted: #f6f7fa;
  --click-global-color-text-default: #161517;
  --click-global-color-text-muted: #696e79;
  --click-global-color-text-disabled: #a0a0a0;
  --click-global-color-text-link-default: #437eef;
  --click-global-color-text-link-hover: #104ec6;
  --click-global-color-text-danger: #c10000;
  --click-global-color-text-warning: #a33c00;
  --click-global-color-title-default: lch(11.126 1.374 305.43);
  --click-global-color-title-muted: #696e79;
  --click-global-color-outline-default: #437eef;
  --click-global-color-shadow-default: lch(6.7738 0 none / 0.15);
  --click-feedback-color-info-background: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-feedback-color-info-foreground: #437eef;
  --click-feedback-color-success-background: rgb(20% 100% 26.667% / 0.1);
  --click-feedback-color-success-foreground: #008a0b;
  --click-feedback-color-warning-background: rgb(100% 46.667% 16.078% / 0.1);
  --click-feedback-color-warning-foreground: #a33c00;
  --click-feedback-color-danger-background: rgb(100% 13.725% 13.725% / 0.1);
  --click-feedback-color-danger-foreground: #c10000;
  --click-feedback-color-neutral-background: rgb(41.176% 43.137% 47.451% / 0.1);
  --click-feedback-color-neutral-foreground: #53575f;
  --click-feedback-color-neutral-stroke: #e6e7e9;
  --click-storybook-global-background: #ffffff;
  --click-chart-color-default-blue: #437eef;
  --click-chart-color-default-orange: #ff7729;
  --click-chart-color-default-green: #00e513;
  --click-chart-color-default-fuchsia: #fb32c9;
  --click-chart-color-default-yellow: #eef400;
  --click-chart-color-default-violet: #bb33ff;
  --click-chart-color-default-babyblue: #00cbeb;
  --click-chart-color-default-red: #ff2323;
  --click-chart-color-default-teal: #089b83;
  --click-chart-color-default-sunrise: #ffc300;
  --click-chart-color-default-slate: #9a9ea7;
  --click-chart-color-label-default: #161517;
  --click-chart-color-label-deselected: lch(6.9377 1.4387 305.43 / 0.3);
  --click-chart-bars-color-blue: #437eef;
  --click-chart-bars-color-orange: #ff7729;
  --click-chart-bars-color-green: #00e513;
  --click-chart-bars-color-fuchsia: #fb32c9;
  --click-chart-bars-color-yellow: #eef400;
  --click-chart-bars-color-violet: #bb33ff;
  --click-chart-bars-color-babyblue: #00cbeb;
  --click-chart-bars-color-red: #ff2323;
  --click-chart-bars-color-teal: #089b83;
  --click-chart-bars-color-sunrise: #ffc300;
  --click-chart-bars-color-slate: #9a9ea7;
  --click-serviceCard-color-background-default: #fbfcff;
  --click-serviceCard-color-background-hover: #fbfcff;
  --click-serviceCard-color-stroke-default: #e6e7e9;
  --click-serviceCard-color-stroke-hover: #cccfd3;
  --click-gareth-test-main-text: #161517;
  --click-gareth-test-main-danger: #c10000;
  --transition-default: all 100ms ease-in 0ms;
  --transition-duration-slow: 300ms;
  --transition-duration-smooth: 150ms;
  --transition-duration-medium: 100ms;
  --transition-duration-fast: 50ms;
  --transition-delay-slow: 100ms;
  --transition-delay-fast: 0ms;
  --transition-function-ease: ease;
  --transition-function-ease-in: ease-in;
  --transition-function-ease-in-out: ease-in-out;
  --transition-function-linear: linear;
  --grid-header-cell-borderWidth-default: 1px;
  --grid-header-cell-borderWidth-selectIndirect: 1px;
  --grid-header-cell-borderWidth-selectDirect: 1px;
  --grid-body-cell-borderWidth-default: 1px;
  --grid-body-cell-borderWidth-selectIndirect: 1px;
  --grid-body-cell-borderWidth-selectDirect: 2px;
  --palette-brand-50: #ffffe8;
  --palette-brand-100: #feffc2;
  --palette-brand-200: #fdffa3;
  --palette-brand-300: #faff69;
  --palette-brand-400: #eef400;
  --palette-brand-500: #c7cc00;
  --palette-brand-600: #959900;
  --palette-brand-700: #686b00;
  --palette-brand-800: #3c4601;
  --palette-brand-900: #333300;
  --palette-brand-base: #fbff46;
  --palette-neutral-0: #ffffff;
  --palette-neutral-100: #f9f9f9;
  --palette-neutral-200: #dfdfdf;
  --palette-neutral-300: #c0c0c0;
  --palette-neutral-400: #a0a0a0;
  --palette-neutral-500: #808080;
  --palette-neutral-600: #606060;
  --palette-neutral-650: #505050;
  --palette-neutral-700: #414141;
  --palette-neutral-712: #323232;
  --palette-neutral-725: #282828;
  --palette-neutral-750: #1f1f1c;
  --palette-neutral-800: #1d1d1d;
  --palette-neutral-900: #151515;
  --palette-neutral-base: #212121;
  --palette-slate-25: #fbfcff;
  --palette-slate-50: #f6f7fa;
  --palette-slate-100: #e6e7e9;
  --palette-slate-200: #cccfd3;
  --palette-slate-300: #b3b6bd;
  --palette-slate-400: #9a9ea7;
  --palette-slate-500: #808691;
  --palette-slate-600: #696e79;
  --palette-slate-700: #53575f;
  --palette-slate-800: #302e32;
  --palette-slate-900: #161517;
  --palette-slate-base: #373439;
  --palette-slate-50a: lch(49.809 30.506 276.77 / 0.06);
  --palette-indigo-50: #f4f1fc;
  --palette-indigo-100: #e4e2e9;
  --palette-indigo-200: #c8c5d3;
  --palette-indigo-300: #ada8bd;
  --palette-indigo-400: #918ba7;
  --palette-indigo-500: #766e91;
  --palette-indigo-600: #5e5874;
  --palette-indigo-700: #474257;
  --palette-indigo-800: #23212c;
  --palette-indigo-900: #18161d;
  --palette-indigo-base: #2f2c3a;
  --palette-info-50: #e7effd;
  --palette-info-100: #d0dffb;
  --palette-info-200: #a1bef7;
  --palette-info-300: #6d9bf3;
  --palette-info-400: #437eef;
  --palette-info-500: #1d64ec;
  --palette-info-600: #104ec6;
  --palette-info-650: #0d3e9b;
  --palette-info-700: #0d3e9b;
  --palette-info-800: #092b6c;
  --palette-info-900: #061c47;
  --palette-info-base: #4781f0;
  --palette-success-50: #e5ffe8;
  --palette-success-100: #ccffd0;
  --palette-success-200: #99ffa1;
  --palette-success-300: #66ff73;
  --palette-success-400: #33ff44;
  --palette-success-500: #00e513;
  --palette-success-600: #00bd10;
  --palette-success-700: #008a0b;
  --palette-success-800: #006108;
  --palette-success-850: #004206;
  --palette-success-900: #004206;
  --palette-success-base: #62de85;
  --palette-warning-50: #ffe2d1;
  --palette-warning-100: #ffcbad;
  --palette-warning-200: #ffb88f;
  --palette-warning-300: #ff9457;
  --palette-warning-400: #ff7729;
  --palette-warning-500: #f55a00;
  --palette-warning-600: #d64f00;
  --palette-warning-700: #a33c00;
  --palette-warning-800: #7a2d00;
  --palette-warning-900: #471a00;
  --palette-warning-base: #ffa63d;
  --palette-danger-50: #ffdddd;
  --palette-danger-100: #ffbaba;
  --palette-danger-200: #ff9898;
  --palette-danger-300: #ff7575;
  --palette-danger-400: #ff2323;
  --palette-danger-500: #f10000;
  --palette-danger-600: #c10000;
  --palette-danger-700: #910000;
  --palette-danger-800: #610000;
  --palette-danger-900: #300000;
  --palette-danger-base: #ff5353;
  --palette-gradients-base: linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%);
  --palette-gradients-yellowToblack: linear-gradient(132deg, #FAFF69 8%, #292929 30%);
  --palette-gradients-whiteToblack: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);
  --palette-gradients-transparent: rgba(0, 0, 0, 0);
  --palette-utility-transparent: rgba(0, 0, 0, 0);
  --palette-teal-50: #e6fefa;
  --palette-teal-100: #cffcf4;
  --palette-teal-200: #a3faec;
  --palette-teal-300: #6df8e1;
  --palette-teal-400: #0cedc8;
  --palette-teal-500: #0bd0af;
  --palette-teal-600: #089b83;
  --palette-teal-700: #067462;
  --palette-teal-800: #045245;
  --palette-teal-850: #004237;
  --palette-teal-900: #03352d;
  --palette-violet-50: #f6e5ff;
  --palette-violet-100: #eeccff;
  --palette-violet-200: #dd99ff;
  --palette-violet-300: #cc66ff;
  --palette-violet-400: #bb33ff;
  --palette-violet-500: #aa00ff;
  --palette-violet-600: #8800cc;
  --palette-violet-700: #660099;
  --palette-violet-800: #440066;
  --palette-violet-850: #33004d;
  --palette-violet-900: #220033;
  --palette-fuchsia-50: #fbeff8;
  --palette-fuchsia-100: #fbc9ef;
  --palette-fuchsia-200: #fb97e2;
  --palette-fuchsia-300: #fb64d6;
  --palette-fuchsia-400: #fb32c9;
  --palette-fuchsia-500: #fb00bc;
  --palette-fuchsia-600: #cc0099;
  --palette-fuchsia-700: #990073;
  --palette-fuchsia-800: #66004d;
  --palette-fuchsia-850: #4d0039;
  --palette-fuchsia-900: #330026;
  --palette-sunrise-50: #fff3cc;
  --palette-sunrise-100: #ffe799;
  --palette-sunrise-200: #ffdb66;
  --palette-sunrise-300: #ffcf33;
  --palette-sunrise-400: #ffc300;
  --palette-sunrise-500: #e0ac00;
  --palette-sunrise-600: #b28800;
  --palette-sunrise-700: #8a6900;
  --palette-sunrise-800: #574200;
  --palette-sunrise-900: #332700;
  --palette-babyblue-50: #dbfaff;
  --palette-babyblue-100: #bdf6ff;
  --palette-babyblue-200: #8aefff;
  --palette-babyblue-300: #33e4ff;
  --palette-babyblue-400: #00cbeb;
  --palette-babyblue-500: #00b5d1;
  --palette-babyblue-600: #008599;
  --palette-babyblue-700: #006170;
  --palette-babyblue-800: #00424d;
  --palette-babyblue-900: #002c33;
  --sizes-0: 0;
  --sizes-1: 1px;
  --sizes-2: 0.25rem;
  --sizes-3: 0.5rem;
  --sizes-4: 0.75rem;
  --sizes-5: 1rem;
  --sizes-6: 1.25rem;
  --sizes-7: 1.5rem;
  --sizes-8: 1.75rem;
  --sizes-9: 2rem;
  --sizes-10: 2.5rem;
  --sizes-11: 4rem;
  --typography-font-families-regular: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-font-families-mono: "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-font-families-display: 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-font-weights-1: 400;
  --typography-font-weights-2: 500;
  --typography-font-weights-3: 600;
  --typography-font-weights-4: 700;
  --typography-font-sizes-0: 0.625rem;
  --typography-font-sizes-1: 0.75rem;
  --typography-font-sizes-2: 0.875rem;
  --typography-font-sizes-3: 1rem;
  --typography-font-sizes-4: 1.125rem;
  --typography-font-sizes-5: 1.25rem;
  --typography-font-sizes-6: 2rem;
  --typography-font-sizes-base: 16px;
  --typography-font-line-height-1: 1.5;
  --typography-font-line-height-2: 1.6;
  --typography-font-line-height-3: 1.7;
  --typography-font-line-height-4: 1.3;
  --typography-styles-product-titles-xs: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-sm: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-md: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-lg: 700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-xl: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-2xl: 600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-xs: 400 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-sm: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-md: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-lg: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-xs: 500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-sm: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-md: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-lg: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-xs: 600 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-sm: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-md: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-lg: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-mono-xs: 500 0.625rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-mono-sm: 500 0.75rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-mono-md: 500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-mono-lg: 500 1rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-bold-xs: 700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-bold-sm: 700 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-bold-md: 700 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-bold-lg: 700 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-xs: 600 20px/1.5 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-sm: 600 24px/1.5 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-md: 600 36px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-lg: 600 56px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-xl: 700 64px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-2xl: 700 80px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-field-md: 400 0.875rem/1.6 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --border-radii-0: 0;
  --border-radii-1: 0.25rem;
  --border-radii-2: 0.5rem;
  --border-radii-3: 0.75rem;
  --border-radii-full: 9999px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --spaces-0: 0;
  --spaces-1: 0.25rem;
  --spaces-2: 0.5rem;
  --spaces-3: 0.75rem;
  --spaces-4: 1rem;
  --spaces-5: 1.5rem;
  --spaces-6: 2rem;
  --spaces-7: 2.5rem;
  --spaces-8: 4rem;
  --shadow-1: 0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15);
  --shadow-2: 0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1);
  --shadow-3: -5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --shadow-4: 5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --shadow-5: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  --breakpoint-sizes-sm: 640px;
  --breakpoint-sizes-md: 768px;
  --breakpoint-sizes-lg: 1024px;
  --breakpoint-sizes-xl: 1280px;
  --breakpoint-sizes-2xl: 1536px;
  --global-color-gradients-yellowToBlack: linear-gradient(132deg, #faff69 8%, #292929 30%);
  --global-color-gradients-whiteToBlack: linear-gradient(132deg, #ffffff 8%, #292929 30%);
  --global-color-background-default: #ffffff;
  --global-color-background-muted: #f6f7fa;
  --global-color-background-sidebar: #ffffff;
  --global-color-background-split: #f6f7fa;
  --global-color-background-muted_a: lch(49.809 30.506 276.77 / 0.06);
  --global-color-stroke-default: #e6e7e9;
  --global-color-stroke-muted: #e6e7e9;
  --global-color-stroke-intense: #b3b6bd;
  --global-color-stroke-split: #e6e7e9;
  --global-color-accent-default: #151515;
  --global-color-text-default: #161517;
  --global-color-text-muted: #696e79;
  --global-color-text-disabled: #a0a0a0;
  --global-color-text-link-default: #437eef;
  --global-color-text-link-hover: #104ec6;
  --global-color-outline-default: #437eef;
  --global-color-shadow-default: lch(6.7738 0 none / 0.15);
  --global-color-feedback-info-background: #e7effd;
  --global-color-feedback-info-foreground: #437eef;
  --global-color-feedback-success-background: #e5ffe8;
  --global-color-feedback-success-foreground: #008a0b;
  --global-color-feedback-warning-background: #ffe2d1;
  --global-color-feedback-warning-foreground: #a33c00;
  --global-color-feedback-danger-background: #ffdddd;
  --global-color-feedback-danger-foreground: #c10000;
  --global-color-feedback-neutral-background: #f6f7fa;
  --global-color-feedback-neutral-foreground: #53575f;
  --global-color-feedback-neutral-stroke: #e6e7e9;
  --global-color-chart-default-blue: #437eef;
  --global-color-chart-default-orange: #ff7729;
  --global-color-chart-default-green: #00e513;
  --global-color-chart-default-fuchsia: #fb32c9;
  --global-color-chart-default-yellow: #eef400;
  --global-color-chart-default-violet: #bb33ff;
  --global-color-chart-default-babyblue: #00cbeb;
  --global-color-chart-default-red: #ff2323;
  --global-color-chart-default-danger: #ff2323;
  --global-color-chart-default-teal: #089b83;
  --global-color-chart-default-sunrise: #ffc300;
  --global-color-chart-default-slate: #9a9ea7;
  --global-color-chart-bars-blue: #437eef;
  --global-color-chart-bars-orange: #ff7729;
  --global-color-chart-bars-green: #00e513;
  --global-color-chart-bars-fuchsia: #fb32c9;
  --global-color-chart-bars-yellow: #eef400;
  --global-color-chart-bars-violet: #bb33ff;
  --global-color-chart-bars-babyblue: #00cbeb;
  --global-color-chart-bars-red: #ff2323;
  --global-color-chart-bars-teal: #089b83;
  --global-color-chart-bars-sunrise: #ffc300;
  --global-color-chart-bars-slate: #9a9ea7;
  --global-color-chart-label-default: #161517;
  --global-color-chart-label-deselected: lch(6.9377 1.4387 305.43 / 0.3);
  --global-color-iconButton-badge-foreground: #437eef;
  --global-color-iconButton-badge-background: #e7effd;
  --global-color-icon-background: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);
  --name: light;
}

/* /node_modules/@clickhouse/click-ui/dist/esm/theme/styles/tokens-dark.css */
[data-cui-theme="dark"] {
  --click-accordion-sm-icon-size-height: 1rem;
  --click-accordion-sm-icon-size-width: 1rem;
  --click-accordion-sm-space-gap: 0.25rem;
  --click-accordion-sm-typography-label-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-sm-typography-label-hover: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-sm-typography-label-active: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-md-icon-size-height: 1.25rem;
  --click-accordion-md-icon-size-width: 1.25rem;
  --click-accordion-md-space-gap: 0.25rem;
  --click-accordion-md-typography-label-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-md-typography-label-hover: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-md-typography-label-active: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-lg-icon-size-height: 1.5rem;
  --click-accordion-lg-icon-size-width: 1.5rem;
  --click-accordion-lg-space-gap: 0.25rem;
  --click-accordion-lg-typography-label-default: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-lg-typography-label-hover: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-lg-typography-label-active: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-accordion-color-default-label-default: #ffffff;
  --click-accordion-color-default-label-hover: rgb(100% 100% 100%);
  --click-accordion-color-default-label-active: #ffffff;
  --click-accordion-color-default-icon-default: #ffffff;
  --click-accordion-color-default-icon-hover: rgb(100% 100% 100%);
  --click-accordion-color-default-icon-active: #ffffff;
  --click-accordion-color-link-label-default: #faff69;
  --click-accordion-color-link-label-hover: #feffc2;
  --click-accordion-color-link-label-active: #faff69;
  --click-accordion-color-link-icon-default: #faff69;
  --click-accordion-color-link-icon-hover: rgb(99.637% 100% 77.873%);
  --click-accordion-color-link-icon-active: #faff69;
  --click-alert-medium-space-y: 0.75rem;
  --click-alert-medium-space-x: 0.75rem;
  --click-alert-medium-space-gap: 0;
  --click-alert-medium-space-banner: 0.5rem;
  --click-alert-medium-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-medium-typography-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-medium-icon-height: 1.25rem;
  --click-alert-medium-icon-width: 1.25rem;
  --click-alert-small-space-y: 0.5rem;
  --click-alert-small-space-x: 0.75rem;
  --click-alert-small-space-gap: 0;
  --click-alert-small-space-banner: 0.25rem;
  --click-alert-small-icon-height: 1rem;
  --click-alert-small-icon-width: 1rem;
  --click-alert-small-typography-title-default: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-small-typography-text-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-alert-radii-center: 0;
  --click-alert-radii-end: 0.25rem;
  --click-alert-color-background-default: #1f1f1c;
  --click-alert-color-background-success: rgb(20% 100% 26.667% / 0.2);
  --click-alert-color-background-neutral: rgb(62.745% 62.745% 62.745% / 0.2);
  --click-alert-color-background-danger: rgb(100% 13.725% 13.725% / 0.2);
  --click-alert-color-background-warning: rgb(100% 46.667% 16.078% / 0.2);
  --click-alert-color-background-info: rgb(26.275% 49.412% 93.725% / 0.2);
  --click-alert-color-text-default: #b3b6bd;
  --click-alert-color-text-success: #ccffd0;
  --click-alert-color-text-neutral: #c0c0c0;
  --click-alert-color-text-danger: #ffbaba;
  --click-alert-color-text-warning: #ffb88f;
  --click-alert-color-text-info: #d0dffb;
  --click-alert-color-iconBackground-default: #1f1f1c;
  --click-alert-color-iconBackground-success: rgb(20% 100% 26.667% / 0);
  --click-alert-color-iconBackground-neutral: rgb(62.745% 62.745% 62.745% / 0);
  --click-alert-color-iconBackground-danger: rgb(100% 13.725% 13.725% / 0);
  --click-alert-color-iconBackground-warning: rgb(100% 46.667% 16.078% / 0);
  --click-alert-color-iconBackground-info: rgb(26.275% 49.412% 93.725% / 0);
  --click-alert-color-iconForeground-default: #b3b6bd;
  --click-alert-color-iconForeground-success: lch(95.558 28.893 143.93 / 0.75);
  --click-alert-color-iconForeground-neutral: lch(77.704 0 none / 0.75);
  --click-alert-color-iconForeground-danger: lch(82.069 27.695 22.026 / 0.75);
  --click-alert-color-iconForeground-warning: lch(80.892 39.042 53.918 / 0.75);
  --click-alert-color-iconForeground-info: lch(88.343 15.514 266.4 / 0.75);
  --click-avatar-typography-label-sm-default: 600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-sm-hover: 600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-sm-active: 600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-md-default: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-md-hover: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-typography-label-md-active: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-avatar-size-label-width: 1.5rem;
  --click-avatar-size-width: 1.5rem;
  --click-avatar-size-height: 1.5rem;
  --click-avatar-radii-all: 9999px;
  --click-avatar-color-background-default: #808691;
  --click-avatar-color-background-hover: #b3b6bd;
  --click-avatar-color-background-active: #b3b6bd;
  --click-avatar-color-text-default: #1f1f1c;
  --click-avatar-color-text-hover: #1f1f1c;
  --click-avatar-color-text-active: #1f1f1c;
  --click-badge-space-md-x: 0.75rem;
  --click-badge-space-md-y: 0.125rem;
  --click-badge-space-md-gap: 0.25rem;
  --click-badge-space-sm-x: 0.5rem;
  --click-badge-space-sm-y: 0.1563rem;
  --click-badge-space-sm-gap: 0.125rem;
  --click-badge-typography-label-md-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-badge-typography-label-sm-default: 500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-badge-radii-all: 9999px;
  --click-badge-stroke: 1px;
  --click-badge-icon-md-size-height: 0.75rem;
  --click-badge-icon-md-size-width: 0.75rem;
  --click-badge-icon-sm-size-height: 0.625rem;
  --click-badge-icon-sm-size-width: 0.625rem;
  --click-badge-opaque-color-background-default: #1f1f1c;
  --click-badge-opaque-color-background-success: rgb(20% 100% 26.667% / 0.2);
  --click-badge-opaque-color-background-neutral: rgb(62.745% 62.745% 62.745% / 0.2);
  --click-badge-opaque-color-background-danger: rgb(100% 13.725% 13.725% / 0.2);
  --click-badge-opaque-color-background-disabled: #414141;
  --click-badge-opaque-color-background-info: rgb(26.275% 49.412% 93.725% / 0.2);
  --click-badge-opaque-color-background-warning: rgb(100% 46.667% 16.078% / 0.2);
  --click-badge-opaque-color-text-default: #b3b6bd;
  --click-badge-opaque-color-text-success: #ccffd0;
  --click-badge-opaque-color-text-neutral: #c0c0c0;
  --click-badge-opaque-color-text-danger: #ffbaba;
  --click-badge-opaque-color-text-disabled: #808080;
  --click-badge-opaque-color-text-info: #d0dffb;
  --click-badge-opaque-color-text-warning: #ffb88f;
  --click-badge-opaque-color-stroke-default: #323232;
  --click-badge-opaque-color-stroke-success: rgb(20% 100% 26.667% / 0.1);
  --click-badge-opaque-color-stroke-neutral: rgb(62.745% 62.745% 62.745% / 0.1);
  --click-badge-opaque-color-stroke-danger: rgb(100% 22.353% 22.353% / 0.2);
  --click-badge-opaque-color-stroke-disabled: rgb(24.216% 24.216% 24.216%);
  --click-badge-opaque-color-stroke-info: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-badge-opaque-color-stroke-warning: rgb(100% 46.667% 16.078% / 0.1);
  --click-badge-solid-color-background-default: #c0c0c0;
  --click-badge-solid-color-background-success: #99ffa1;
  --click-badge-solid-color-background-neutral: #c0c0c0;
  --click-badge-solid-color-background-danger: #ff9898;
  --click-badge-solid-color-background-disabled: #414141;
  --click-badge-solid-color-background-info: #a1bef7;
  --click-badge-solid-color-background-warning: #ff9457;
  --click-badge-solid-color-text-default: #1f1f1c;
  --click-badge-solid-color-text-success: #1f1f1c;
  --click-badge-solid-color-text-neutral: #1f1f1c;
  --click-badge-solid-color-text-danger: #1f1f1c;
  --click-badge-solid-color-text-disabled: #808080;
  --click-badge-solid-color-text-info: #1f1f1c;
  --click-badge-solid-color-text-warning: #1f1f1c;
  --click-badge-solid-color-stroke-default: rgb(19.608% 19.608% 19.608% / 0.1);
  --click-badge-solid-color-stroke-success: rgb(20% 100% 26.667% / 0.1);
  --click-badge-solid-color-stroke-neutral: rgb(62.745% 62.745% 62.745% / 0.1);
  --click-badge-solid-color-stroke-danger: rgb(100% 22.353% 22.353% / 0.2);
  --click-badge-solid-color-stroke-disabled: rgb(24.216% 24.216% 24.216%);
  --click-badge-solid-color-stroke-info: rgb(26.275% 49.412% 93.725% / 0.1);
  --click-badge-solid-color-stroke-warning: rgb(100% 46.667% 16.078% / 0.1);
  --click-bigStat-space-all: 1rem;
  --click-bigStat-space-sm-gap: 0;
  --click-bigStat-space-lg-gap: 0.5rem;
  --click-bigStat-radii-all: 0.25rem;
  --click-bigStat-stroke: 1px;
  --click-bigStat-typography-lg-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-lg-label-muted: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-lg-title-default: 700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-lg-title-muted: 700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-label-muted: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-typography-sm-title-muted: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-bigStat-color-stroke-default: #323232;
  --click-bigStat-color-stroke-muted: #323232;
  --click-bigStat-color-stroke-danger: #ffbaba;
  --click-bigStat-color-background-default: #1f1f1c;
  --click-bigStat-color-background-muted: #282828;
  --click-bigStat-color-label-default: #b3b6bd;
  --click-bigStat-color-label-muted: #b3b6bd;
  --click-bigStat-color-label-danger: #ffbaba;
  --click-bigStat-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-bigStat-color-title-muted: rgb(97.5% 97.5% 97.5%);
  --click-button-radii-all: 0.25rem;
  --click-button-basic-space-x: 1rem;
  --click-button-basic-space-y: 0.2813rem;
  --click-button-basic-space-gap: 0.5rem;
  --click-button-basic-space-group: 0.5rem;
  --click-button-basic-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-mobile-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-typography-mobile-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-basic-size-icon-height: 0.9688rem;
  --click-button-basic-size-icon-all: 0.9688rem;
  --click-button-basic-size-icon-width: 0.9688rem;
  --click-button-basic-color-primary-background-default: #faff69;
  --click-button-basic-color-primary-background-hover: rgb(98.627% 100% 58.824%);
  --click-button-basic-color-primary-background-active: rgb(90.686% 92.5% 38.088%);
  --click-button-basic-color-primary-background-disabled: #414141;
  --click-button-basic-color-primary-background-loading: linear-gradient(90deg, rgb(206, 211, 84, 0.1) 0%, rgb(206, 211, 84) 100%);
  --click-button-basic-color-primary-text-default: #1f1f1c;
  --click-button-basic-color-primary-text-hover: #1f1f1c;
  --click-button-basic-color-primary-text-active: #1f1f1c;
  --click-button-basic-color-primary-text-disabled: #808080;
  --click-button-basic-color-primary-stroke-default: #faff69;
  --click-button-basic-color-primary-stroke-hover: #faff69;
  --click-button-basic-color-primary-stroke-active: rgb(82.978% 84.638% 34.851%);
  --click-button-basic-color-primary-stroke-disabled: #414141;
  --click-button-basic-color-secondary-background-default: #1f1f1c;
  --click-button-basic-color-secondary-background-hover: #282828;
  --click-button-basic-color-secondary-background-active: rgb(19.902% 19.902% 19.902%);
  --click-button-basic-color-secondary-background-disabled: #414141;
  --click-button-basic-color-secondary-background-loading: linear-gradient(90deg, rgb(48, 48, 43, 0.1) 0%, rgb(48, 48, 43) 100%);
  --click-button-basic-color-secondary-stroke-default: #414141;
  --click-button-basic-color-secondary-stroke-hover: #53575f;
  --click-button-basic-color-secondary-stroke-active: rgb(22.882% 22.137% 23.627%);
  --click-button-basic-color-secondary-stroke-disabled: #414141;
  --click-button-basic-color-secondary-text-default: #ffffff;
  --click-button-basic-color-secondary-text-hover: #ffffff;
  --click-button-basic-color-secondary-text-active: #ffffff;
  --click-button-basic-color-secondary-text-disabled: #808080;
  --click-button-basic-color-danger-background-default: rgb(100% 13.725% 13.725% / 0.2);
  --click-button-basic-color-danger-background-hover: rgb(100% 13.725% 13.725% / 0.3);
  --click-button-basic-color-danger-background-active: rgb(100% 13.725% 13.725% / 0.45);
  --click-button-basic-color-danger-background-disabled: #414141;
  --click-button-basic-color-danger-background-loading: linear-gradient(90deg, rgb(93, 45, 42, 0.1) 0%, rgb(93, 45, 42) 100%);
  --click-button-basic-color-danger-text-default: #ffbaba;
  --click-button-basic-color-danger-text-hover: #ffbaba;
  --click-button-basic-color-danger-text-active: #ffbaba;
  --click-button-basic-color-danger-text-disabled: #808080;
  --click-button-basic-color-danger-stroke-default: rgb(100% 22.353% 22.353% / 0.2);
  --click-button-basic-color-danger-stroke-hover: rgb(100% 13.725% 13.725% / 0.05);
  --click-button-basic-color-danger-stroke-active: rgb(100% 13.725% 13.725% / 0.05);
  --click-button-basic-color-danger-stroke-disabled: #414141;
  --click-button-basic-color-empty-text-default: #faff69;
  --click-button-basic-color-empty-text-hover: #feffc2;
  --click-button-basic-color-empty-text-active: #faff69;
  --click-button-basic-color-empty-text-disabled: #a0a0a0;
  --click-button-basic-color-empty-background-default: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-background-hover: #282828;
  --click-button-basic-color-empty-background-active: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-background-disabled: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-background-loading: linear-gradient(90deg, rgb(50, 51, 27, 0.1) 0%, rgb(50, 51, 27, 0.5) 100%);
  --click-button-basic-color-empty-stroke-default: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-stroke-active: rgba(0, 0, 0, 0);
  --click-button-basic-color-empty-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-iconButton-default-space-x: 0.4375rem;
  --click-button-iconButton-default-space-y: 0.4375rem;
  --click-button-iconButton-size-small: 0.75rem;
  --click-button-iconButton-size-medium: 1rem;
  --click-button-iconButton-size-large: 1.25rem;
  --click-button-iconButton-radii-all: 0.25rem;
  --click-button-iconButton-sm-space-x: 0.25rem;
  --click-button-iconButton-sm-space-y: 0.25rem;
  --click-button-iconButton-xs-space-x: 0;
  --click-button-iconButton-xs-space-y: 0;
  --click-button-iconButton-color-primary-background-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-primary-background-hover: #282828;
  --click-button-iconButton-color-primary-background-active: rgb(14.118% 14.118% 14.118%);
  --click-button-iconButton-color-primary-stroke-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-primary-stroke-hover: #282828;
  --click-button-iconButton-color-primary-stroke-active: rgb(14.118% 14.118% 14.118%);
  --click-button-iconButton-color-primary-text-default: #ffffff;
  --click-button-iconButton-color-primary-text-hover: #ffffff;
  --click-button-iconButton-color-primary-text-active: #ffffff;
  --click-button-iconButton-color-secondary-background-default: #faff69;
  --click-button-iconButton-color-secondary-background-hover: rgb(98.627% 100% 58.824%);
  --click-button-iconButton-color-secondary-background-active: rgb(86.152% 87.875% 36.184%);
  --click-button-iconButton-color-secondary-stroke-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-secondary-stroke-hover: rgb(98.627% 100% 58.824%);
  --click-button-iconButton-color-secondary-stroke-active: rgb(86.152% 87.875% 36.184%);
  --click-button-iconButton-color-secondary-text-default: #1f1f1c;
  --click-button-iconButton-color-secondary-text-hover: #1f1f1c;
  --click-button-iconButton-color-secondary-text-active: #1f1f1c;
  --click-button-iconButton-color-disabled-background-default: #414141;
  --click-button-iconButton-color-disabled-text-default: #808080;
  --click-button-iconButton-color-danger-background-default: rgb(100% 13.725% 13.725% / 0.2);
  --click-button-iconButton-color-danger-background-hover: #ff9898;
  --click-button-iconButton-color-danger-background-active: #c10000;
  --click-button-iconButton-color-danger-text-default: #ffbaba;
  --click-button-iconButton-color-danger-text-hover: #ffbaba;
  --click-button-iconButton-color-danger-text-active: #ffbaba;
  --click-button-iconButton-color-danger-stroke-default: rgb(100% 13.725% 13.725% / 0.2);
  --click-button-iconButton-color-danger-stroke-hover: rgb(100% 13.725% 13.725% / 0.3);
  --click-button-iconButton-color-danger-stroke-active: rgb(100% 13.725% 13.725% / 0.45);
  --click-button-iconButton-color-ghost-background-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-background-hover: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-background-active: rgb(0% 0% 0% / 0);
  --click-button-iconButton-color-ghost-stroke-default: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-stroke-active: rgba(0, 0, 0, 0);
  --click-button-iconButton-color-ghost-text-default: #b3b6bd;
  --click-button-iconButton-color-ghost-text-hover: #ffffff;
  --click-button-iconButton-color-ghost-text-active: #ffffff;
  --click-button-iconButton-color-info-background-default: rgb(26.275% 49.412% 93.725% / 0.2);
  --click-button-iconButton-color-info-background-hover: #1d64ec;
  --click-button-iconButton-color-info-background-active: #437eef;
  --click-button-iconButton-color-info-text-default: #d0dffb;
  --click-button-iconButton-color-info-text-hover: #d0dffb;
  --click-button-iconButton-color-info-text-active: #d0dffb;
  --click-button-iconButton-color-info-stroke-default: rgb(26.275% 49.412% 93.725% / 0.2);
  --click-button-iconButton-color-info-stroke-hover: #1d64ec;
  --click-button-iconButton-color-info-stroke-active: #437eef;
  --click-button-stroke: 1px;
  --click-button-split-icon-space-y: 0.4375rem;
  --click-button-split-icon-space-x: 0.3438rem;
  --click-button-split-space-x: 1rem;
  --click-button-split-space-y: 0.2813rem;
  --click-button-split-space-gap: 0.5rem;
  --click-button-split-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-mobile-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-typography-mobile-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-split-primary-background-main-default: #faff69;
  --click-button-split-primary-background-main-hover: rgb(98.627% 100% 58.824%);
  --click-button-split-primary-background-main-active: rgb(82.978% 84.638% 34.851%);
  --click-button-split-primary-background-main-disabled: rgb(23.324% 23.324% 23.324%);
  --click-button-split-primary-background-action-default: rgb(88.235% 90% 37.059%);
  --click-button-split-primary-background-action-hover: rgb(90.737% 92% 54.118%);
  --click-button-split-primary-background-action-active: rgb(73.021% 74.481% 30.669%);
  --click-button-split-primary-background-action-disabled: rgb(20.525% 20.525% 20.525%);
  --click-button-split-primary-text-default: #1f1f1c;
  --click-button-split-primary-text-hover: #1f1f1c;
  --click-button-split-primary-text-active: #1f1f1c;
  --click-button-split-primary-text-disabled: #808080;
  --click-button-split-primary-stroke-default: rgba(0, 0, 0, 0);
  --click-button-split-primary-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-split-primary-stroke-active: rgba(0, 0, 0, 0);
  --click-button-split-primary-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-split-primary-divide-default: rgb(85.784% 87.5% 36.029%);
  --click-button-split-primary-divide-hover: rgb(86.299% 87.5% 51.471%);
  --click-button-split-primary-divide-active: rgb(72.606% 74.058% 30.495%);
  --click-button-split-primary-divide-disabled: rgb(21.341% 21.341% 21.341%);
  --click-button-split-secondary-divide-default: #414141;
  --click-button-split-secondary-divide-hover: #414141;
  --click-button-split-secondary-divide-active: rgb(23.653% 22.916% 24.391%);
  --click-button-split-secondary-divide-disabled: #414141;
  --click-button-split-secondary-background-main-default: #1f1f1c;
  --click-button-split-secondary-background-main-hover: #282828;
  --click-button-split-secondary-background-main-active: rgb(19.902% 19.902% 19.902%);
  --click-button-split-secondary-background-main-disabled: #414141;
  --click-button-split-secondary-background-action-default: #282828;
  --click-button-split-secondary-background-action-hover: rgb(17.794% 17.794% 17.794%);
  --click-button-split-secondary-background-action-active: rgb(20.703% 20.703% 20.703%);
  --click-button-split-secondary-background-action-disabled: rgb(22.158% 22.158% 22.158%);
  --click-button-split-secondary-text-default: #ffffff;
  --click-button-split-secondary-text-hover: #ffffff;
  --click-button-split-secondary-text-active: #ffffff;
  --click-button-split-secondary-text-disabled: #808080;
  --click-button-split-secondary-stroke-default: #414141;
  --click-button-split-secondary-stroke-hover: #414141;
  --click-button-split-secondary-stroke-active: rgb(23.653% 22.916% 24.391%);
  --click-button-split-secondary-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-mobile-button-space-x: 0.75rem;
  --click-button-mobile-button-space-y: 0.5rem;
  --click-button-mobile-button-space-gap: 0.5rem;
  --click-button-mobile-basic-size-icon-all: 1.25rem;
  --click-button-group-radii-button-default-all: 2px;
  --click-button-group-radii-button-borderless-all: 0.25rem;
  --click-button-group-radii-panel-all: 0.25rem;
  --click-button-group-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-mobile-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-typography-mobile-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-group-space-panel-default-x: 3px;
  --click-button-group-space-panel-default-y: 3px;
  --click-button-group-space-panel-default-gap: 3px;
  --click-button-group-space-panel-borderless-x: 0;
  --click-button-group-space-panel-borderless-y: 0;
  --click-button-group-space-panel-borderless-gap: 0.25rem;
  --click-button-group-space-button-default-y: 1.5px;
  --click-button-group-space-button-default-x: 0.75rem;
  --click-button-group-space-button-borderless-y: 5.5px;
  --click-button-group-space-button-borderless-x: 1rem;
  --click-button-group-space-icon-default-y: 3px;
  --click-button-group-space-icon-default-x: 1rem;
  --click-button-group-space-icon-borderless-y: 5.5px;
  --click-button-group-space-icon-borderless-x: 1rem;
  --click-button-group-icon-size-all: 1rem;
  --click-button-group-color-background-default: rgba(0, 0, 0, 0);
  --click-button-group-color-background-hover: #282828;
  --click-button-group-color-background-active: #414141;
  --click-button-group-color-background-disabled: rgba(0, 0, 0, 0);
  --click-button-group-color-background-disabled-active: lch(0 0 none / 0);
  --click-button-group-color-background-panel: rgba(0, 0, 0, 0);
  --click-button-group-color-text-default: #c0c0c0;
  --click-button-group-color-text-hover: #c0c0c0;
  --click-button-group-color-text-active: #ffffff;
  --click-button-group-color-text-disabled: #414141;
  --click-button-group-color-text-disabled-active: #808080;
  --click-button-group-color-stroke-default: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-hover: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-active: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-disabled: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-disabled-active: rgba(0, 0, 0, 0);
  --click-button-group-color-stroke-panel: #323232;
  --click-button-group-color-panel-stroke-default: #323232;
  --click-button-group-color-panel-stroke-borderless: rgba(0, 0, 0, 0);
  --click-button-alignLeft-size-icon-all: 0.9688rem;
  --click-button-alignLeft-space-x: 1rem;
  --click-button-alignLeft-space-y: 0.3438rem;
  --click-button-alignLeft-space-gap: 0.5rem;
  --click-button-alignLeft-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-mobile-label-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-mobile-label-hover: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignLeft-typography-mobile-label-active: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-button-alignedLeft-color-background-default: rgba(0, 0, 0, 0);
  --click-button-alignedLeft-color-background-hover: #282828;
  --click-button-alignedLeft-color-background-active: rgb(15.373% 15.373% 15.373%);
  --click-button-alignedLeft-color-stroke-default: #323232;
  --click-button-alignedLeft-color-stroke-hover: #53575f;
  --click-button-alignedLeft-color-stroke-active: rgb(22.882% 22.137% 23.627%);
  --click-button-alignedLeft-color-text-default: #ffffff;
  --click-button-alignedLeft-color-text-hover: #ffffff;
  --click-button-alignedLeft-color-text-active: #ffffff;
  --click-card-secondary-space-all: 1rem;
  --click-card-secondary-space-gap: 1rem;
  --click-card-secondary-space-link-gap: 0.5rem;
  --click-card-secondary-radii-all: 0.25rem;
  --click-card-secondary-icon-size-all: 2rem;
  --click-card-secondary-stroke: 1px;
  --click-card-secondary-color-background-default: #1f1f1c;
  --click-card-secondary-color-background-hover: #282828;
  --click-card-secondary-color-background-active: rgb(14.902% 14.902% 14.902%);
  --click-card-secondary-color-background-disabled: #414141;
  --click-card-secondary-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-card-secondary-color-title-hover: rgb(97.5% 97.5% 97.5%);
  --click-card-secondary-color-title-active: rgb(97.5% 97.5% 97.5%);
  --click-card-secondary-color-title-disabled: #808080;
  --click-card-secondary-color-description-default: #b3b6bd;
  --click-card-secondary-color-description-hover: #b3b6bd;
  --click-card-secondary-color-description-active: #b3b6bd;
  --click-card-secondary-color-description-disabled: #808080;
  --click-card-secondary-color-link-default: #ffffff;
  --click-card-secondary-color-link-hover: #faff69;
  --click-card-secondary-color-link-active: #ffffff;
  --click-card-secondary-color-link-disabled: #808080;
  --click-card-secondary-color-stroke-default: #323232;
  --click-card-secondary-color-stroke-hover: #323232;
  --click-card-secondary-color-stroke-active: rgb(18.627% 18.627% 18.627%);
  --click-card-secondary-color-stroke-disabled: #414141;
  --click-card-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-title-hover: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-title-active: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-title-disabled: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-description-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-hover: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-active: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-typography-link-disabled: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-primary-size-icon-sm-all: 2rem;
  --click-card-primary-size-icon-md-all: 4rem;
  --click-card-primary-space-md-y: 1.5rem;
  --click-card-primary-space-md-x: 1.5rem;
  --click-card-primary-space-md-gap: 0.75rem;
  --click-card-primary-space-sm-y: 1.5rem;
  --click-card-primary-space-sm-x: 1.5rem;
  --click-card-primary-space-sm-gap: 0.25rem;
  --click-card-primary-radii-all: 0.25rem;
  --click-card-primary-stroke: 1px;
  --click-card-primary-color-background-default: #1f1f1c;
  --click-card-primary-color-background-hover: #282828;
  --click-card-primary-color-background-active: rgb(14.902% 14.902% 14.902%);
  --click-card-primary-color-background-disabled: #414141;
  --click-card-primary-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-card-primary-color-title-hover: rgb(97.5% 97.5% 97.5%);
  --click-card-primary-color-title-active: rgb(97.5% 97.5% 97.5%);
  --click-card-primary-color-title-disabled: #808080;
  --click-card-primary-color-description-default: #b3b6bd;
  --click-card-primary-color-description-hover: #b3b6bd;
  --click-card-primary-color-description-active: #b3b6bd;
  --click-card-primary-color-description-disabled: #808080;
  --click-card-primary-color-stroke-default: #323232;
  --click-card-primary-color-stroke-hover: #323232;
  --click-card-primary-color-stroke-active: #faff69;
  --click-card-primary-color-stroke-disabled: #414141;
  --click-card-shadow: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-card-horizontal-radii-all: 0.25rem;
  --click-card-horizontal-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-title-hover: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-title-active: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-title-disabled: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-typography-description-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-horizontal-icon-size-all: 1.5rem;
  --click-card-horizontal-space-md-y: 0.75rem;
  --click-card-horizontal-space-md-x: 1rem;
  --click-card-horizontal-space-md-gap: 1rem;
  --click-card-horizontal-space-sm-y: 0.5rem;
  --click-card-horizontal-space-sm-x: 0.75rem;
  --click-card-horizontal-space-sm-gap: 0.75rem;
  --click-card-horizontal-default-color-background-default: #1f1f1c;
  --click-card-horizontal-default-color-background-hover: #282828;
  --click-card-horizontal-default-color-background-active: #282828;
  --click-card-horizontal-default-color-background-disabled: #414141;
  --click-card-horizontal-default-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-card-horizontal-default-color-title-hover: rgb(97.5% 97.5% 97.5%);
  --click-card-horizontal-default-color-title-active: rgb(97.5% 97.5% 97.5%);
  --click-card-horizontal-default-color-title-disabled: #808080;
  --click-card-horizontal-default-color-description-default: #b3b6bd;
  --click-card-horizontal-default-color-description-hover: #b3b6bd;
  --click-card-horizontal-default-color-description-active: #b3b6bd;
  --click-card-horizontal-default-color-description-disabled: #808080;
  --click-card-horizontal-default-color-stroke-default: #323232;
  --click-card-horizontal-default-color-stroke-hover: #323232;
  --click-card-horizontal-default-color-stroke-active: #faff69;
  --click-card-horizontal-default-color-stroke-disabled: #414141;
  --click-card-horizontal-muted-color-background-default: #282828;
  --click-card-horizontal-muted-color-background-hover: #1f1f1c;
  --click-card-horizontal-muted-color-background-active: #282828;
  --click-card-horizontal-muted-color-background-disabled: #414141;
  --click-card-horizontal-muted-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-card-horizontal-muted-color-title-hover: rgb(97.5% 97.5% 97.5%);
  --click-card-horizontal-muted-color-title-active: rgb(97.5% 97.5% 97.5%);
  --click-card-horizontal-muted-color-title-disabled: #808080;
  --click-card-horizontal-muted-color-description-default: #b3b6bd;
  --click-card-horizontal-muted-color-description-hover: #b3b6bd;
  --click-card-horizontal-muted-color-description-active: #b3b6bd;
  --click-card-horizontal-muted-color-description-disabled: #808080;
  --click-card-horizontal-muted-color-stroke-default: #323232;
  --click-card-horizontal-muted-color-stroke-hover: #323232;
  --click-card-horizontal-muted-color-stroke-active: #faff69;
  --click-card-horizontal-muted-color-stroke-disabled: #414141;
  --click-card-promotion-radii-all: 0.25rem;
  --click-card-promotion-typography-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-card-promotion-space-y: 5.5px;
  --click-card-promotion-space-x: 0.75rem;
  --click-card-promotion-space-gap: 0.75rem;
  --click-card-promotion-icon-size-all: 1rem;
  --click-card-promotion-color-text-default: #ffffff;
  --click-card-promotion-color-text-hover: #ffffff;
  --click-card-promotion-color-text-active: #ffffff;
  --click-card-promotion-color-icon-default: #faff69;
  --click-card-promotion-color-icon-hover: #faff69;
  --click-card-promotion-color-icon-active: #faff69;
  --click-card-promotion-color-background-default: rgb(15.686% 15.686% 15.686% / 0.9);
  --click-card-promotion-color-background-hover: rgb(17.794% 17.794% 17.794% / 0.9);
  --click-card-promotion-color-background-active: rgb(19.849% 19.849% 19.849% / 0.9);
  --click-card-promotion-color-stroke-default: linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%);
  --click-card-promotion-color-stroke-hover: linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%);
  --click-card-promotion-color-stroke-active: linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%);
  --click-card-promotion-color-stroke-focus: #faff69;
  --click-checkbox-radii-all: 0.125rem;
  --click-checkbox-space-all: 1px;
  --click-checkbox-space-gap: 0.5rem;
  --click-checkbox-size-all: 1rem;
  --click-checkbox-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-checkbox-color-variations-default-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-default-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-default-background-active: #faff69;
  --click-checkbox-color-variations-default-background-disabled: #414141;
  --click-checkbox-color-variations-default-stroke-default: #414141;
  --click-checkbox-color-variations-default-stroke-hover: #414141;
  --click-checkbox-color-variations-default-stroke-active: #faff69;
  --click-checkbox-color-variations-default-stroke-disabled: #606060;
  --click-checkbox-color-variations-default-check-default: #ffffff;
  --click-checkbox-color-variations-default-check-hover: #ffffff;
  --click-checkbox-color-variations-default-check-active: #151515;
  --click-checkbox-color-variations-default-check-disabled: #808080;
  --click-checkbox-color-variations-default-label-default: #ffffff;
  --click-checkbox-color-variations-default-label-hover: #ffffff;
  --click-checkbox-color-variations-default-label-active: #ffffff;
  --click-checkbox-color-variations-default-label-disabled: #606060;
  --click-checkbox-color-variations-var1-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var1-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var1-background-active: #33ff44;
  --click-checkbox-color-variations-var1-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var1-stroke-default: #00bd10;
  --click-checkbox-color-variations-var1-stroke-hover: #66ff73;
  --click-checkbox-color-variations-var1-stroke-active: #66ff73;
  --click-checkbox-color-variations-var1-stroke-disabled: #606060;
  --click-checkbox-color-variations-var1-check-default: #ffffff;
  --click-checkbox-color-variations-var1-check-hover: #ffffff;
  --click-checkbox-color-variations-var1-check-active: #ffffff;
  --click-checkbox-color-variations-var1-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var2-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var2-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var2-background-active: #437eef;
  --click-checkbox-color-variations-var2-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var2-stroke-default: #6d9bf3;
  --click-checkbox-color-variations-var2-stroke-hover: #a1bef7;
  --click-checkbox-color-variations-var2-stroke-active: #a1bef7;
  --click-checkbox-color-variations-var2-stroke-disabled: #606060;
  --click-checkbox-color-variations-var2-check-default: #ffffff;
  --click-checkbox-color-variations-var2-check-hover: #ffffff;
  --click-checkbox-color-variations-var2-check-active: #ffffff;
  --click-checkbox-color-variations-var2-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var3-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var3-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var3-background-active: #fb64d6;
  --click-checkbox-color-variations-var3-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var3-stroke-default: #fb64d6;
  --click-checkbox-color-variations-var3-stroke-hover: #fb64d6;
  --click-checkbox-color-variations-var3-stroke-active: #fb64d6;
  --click-checkbox-color-variations-var3-stroke-disabled: #606060;
  --click-checkbox-color-variations-var3-check-default: #ffffff;
  --click-checkbox-color-variations-var3-check-hover: #ffffff;
  --click-checkbox-color-variations-var3-check-active: #ffffff;
  --click-checkbox-color-variations-var3-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var4-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var4-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var4-background-active: #ff7729;
  --click-checkbox-color-variations-var4-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var4-stroke-default: #faff69;
  --click-checkbox-color-variations-var4-stroke-hover: #fdffa3;
  --click-checkbox-color-variations-var4-stroke-active: #fdffa3;
  --click-checkbox-color-variations-var4-stroke-disabled: #606060;
  --click-checkbox-color-variations-var4-check-default: #ffffff;
  --click-checkbox-color-variations-var4-check-hover: #ffffff;
  --click-checkbox-color-variations-var4-check-active: #ffffff;
  --click-checkbox-color-variations-var4-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var5-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var5-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var5-background-active: #6df8e1;
  --click-checkbox-color-variations-var5-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var5-stroke-default: #6df8e1;
  --click-checkbox-color-variations-var5-stroke-hover: #a3faec;
  --click-checkbox-color-variations-var5-stroke-active: #a3faec;
  --click-checkbox-color-variations-var5-stroke-disabled: #606060;
  --click-checkbox-color-variations-var5-check-default: #ffffff;
  --click-checkbox-color-variations-var5-check-hover: #ffffff;
  --click-checkbox-color-variations-var5-check-active: #ffffff;
  --click-checkbox-color-variations-var5-check-disabled: #a0a0a0;
  --click-checkbox-color-variations-var6-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var6-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var6-background-active: #bb33ff;
  --click-checkbox-color-variations-var6-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var6-stroke-default: #cc66ff;
  --click-checkbox-color-variations-var6-stroke-hover: #cc66ff;
  --click-checkbox-color-variations-var6-stroke-active: #cc66ff;
  --click-checkbox-color-variations-var6-stroke-disabled: #606060;
  --click-checkbox-color-variations-var6-check-default: #ffffff;
  --click-checkbox-color-variations-var6-check-hover: #ffffff;
  --click-checkbox-color-variations-var6-check-active: #ffffff;
  --click-checkbox-color-variations-var6-check-disabled: #a0a0a0;
  --click-checkbox-color-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-background-active: #faff69;
  --click-checkbox-color-background-disabled: #414141;
  --click-checkbox-color-stroke-default: #414141;
  --click-checkbox-color-stroke-hover: #414141;
  --click-checkbox-color-stroke-active: #faff69;
  --click-checkbox-color-stroke-disabled: #606060;
  --click-checkbox-color-check-default: #ffffff;
  --click-checkbox-color-check-hover: #ffffff;
  --click-checkbox-color-check-active: #151515;
  --click-checkbox-color-check-disabled: #808080;
  --click-checkbox-color-label-default: #ffffff;
  --click-checkbox-color-label-hover: #ffffff;
  --click-checkbox-color-label-active: #ffffff;
  --click-checkbox-color-label-disabled: #606060;
  --click-codeblock-space-x: 1rem;
  --click-codeblock-space-y: 1rem;
  --click-codeblock-space-gap: 1.5rem;
  --click-codeblock-radii-all: 0.25rem;
  --click-codeblock-stroke: 1px;
  --click-codeblock-typography-text-default: 500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --click-codeblock-numbers-size-width: 1.5rem;
  --click-codeblock-darkMode-color-background-default: #282828;
  --click-codeblock-darkMode-color-text-default: #ffffff;
  --click-codeblock-darkMode-color-numbers-default: #c0c0c0;
  --click-codeblock-darkMode-color-button-background-default: #282828;
  --click-codeblock-darkMode-color-button-background-hover: #53575f;
  --click-codeblock-darkMode-color-button-foreground-default: #ffffff;
  --click-codeblock-darkMode-color-stroke-default: #282828;
  --click-codeblock-lightMode-color-background-default: #f6f7fa;
  --click-codeblock-lightMode-color-text-default: #282828;
  --click-codeblock-lightMode-color-numbers-default: #808080;
  --click-codeblock-lightMode-color-button-background-default: #f6f7fa;
  --click-codeblock-lightMode-color-button-background-hover: #53575f;
  --click-codeblock-lightMode-color-button-foreground-default: #a0a0a0;
  --click-codeblock-lightMode-color-stroke-default: #282828;
  --click-codeblock-monacoTheme-parameter-foreground: #c0c0c0;
  --click-codeblock-monacoTheme-parameter-background: rgb(62.745% 62.745% 62.745% / 0.2);
  --click-codeInline-space-x: 0.25rem;
  --click-codeInline-stroke: 1px;
  --click-codeInline-typography-text-default: 500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --click-codeInline-radii-all: 0.25rem;
  --click-codeInline-color-background-default: #282828;
  --click-codeInline-color-text-default: #ffffff;
  --click-codeInline-color-stroke-default: #323232;
  --click-container-space-none: 0;
  --click-container-space-xxs: 0.25rem;
  --click-container-space-xs: 0.5rem;
  --click-container-space-sm: 0.75rem;
  --click-container-space-md: 1rem;
  --click-container-space-lg: 1.5rem;
  --click-container-space-xl: 2rem;
  --click-container-space-xxl: 4rem;
  --click-container-gap-none: 0;
  --click-container-gap-xxs: 0.25rem;
  --click-container-gap-xs: 0.5rem;
  --click-container-gap-sm: 0.75rem;
  --click-container-gap-md: 1rem;
  --click-container-gap-lg: 1.5rem;
  --click-container-gap-xl: 2rem;
  --click-container-gap-xxl: 4rem;
  --click-datePicker-dateOption-space-gap: 2px;
  --click-datePicker-dateOption-radii-default: 0.25rem;
  --click-datePicker-dateOption-radii-range: 0;
  --click-datePicker-dateOption-stroke: 1px;
  --click-datePicker-dateOption-size-height: 2rem;
  --click-datePicker-dateOption-size-width: 2rem;
  --click-datePicker-dateOption-typography-label-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-hover: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-active: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-disabled: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-typography-label-range: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-dateOption-color-label-default: #ffffff;
  --click-datePicker-dateOption-color-label-hover: #ffffff;
  --click-datePicker-dateOption-color-label-active: #1f1f1c;
  --click-datePicker-dateOption-color-label-disabled: #a0a0a0;
  --click-datePicker-dateOption-color-label-range: #ffffff;
  --click-datePicker-dateOption-color-background-default: #1f1f1c;
  --click-datePicker-dateOption-color-background-hover: #1f1f1c;
  --click-datePicker-dateOption-color-background-active: #faff69;
  --click-datePicker-dateOption-color-background-disabled: #1f1f1c;
  --click-datePicker-dateOption-color-background-range: #323232;
  --click-datePicker-dateOption-color-stroke-default: #1f1f1c;
  --click-datePicker-dateOption-color-stroke-hover: #faff69;
  --click-datePicker-dateOption-color-stroke-active: #faff69;
  --click-datePicker-dateOption-color-stroke-disabled: #1f1f1c;
  --click-datePicker-dateOption-color-stroke-range: #323232;
  --click-datePicker-space-gap: 0.25rem;
  --click-datePicker-typography-daytitle-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-datePicker-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-datePicker-color-daytitle-default: #b3b6bd;
  --click-dialog-space-y: 1.5rem;
  --click-dialog-space-x: 2rem;
  --click-dialog-space-gap: 1rem;
  --click-dialog-title-space-gap: 0.25rem;
  --click-dialog-radii-all: 0.5rem;
  --click-dialog-shadow-default: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-dialog-stroke-default: 1px solid #323232;
  --click-dialog-typography-title-default: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dialog-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dialog-color-background-default: #1f1f1c;
  --click-dialog-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-dialog-color-description-default: #b3b6bd;
  --click-dialog-color-opaqueBackground-default: lch(40.731 0 none / 0.75);
  --click-docs-typography-titles-lg: 600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-titles-md: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-titles-sm: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-breadcrumbs-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-breadcrumbs-active: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-item-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-item-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-docs-typography-toc-item-active: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-hover: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-active: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-disabled: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-label-error: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-fieldText-error: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-placeholder-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-hover: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-active: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-disabled: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-format-error: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-typography-genericLabel-error: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-type-mobile-label: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-type-mobile-field-value: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-field-space-x: 0.75rem;
  --click-field-space-y: 0.2813rem;
  --click-field-space-gap: 0.5rem;
  --click-field-size-icon: 1rem;
  --click-field-radii-all: 0.25rem;
  --click-field-mobile-space-x: 0.75rem;
  --click-field-mobile-space-y: 0.5rem;
  --click-field-mobile-space-gap: 0.5rem;
  --click-field-color-background-default: rgb(17.794% 17.794% 17.794%);
  --click-field-color-background-hover: rgb(19.849% 19.849% 19.849%);
  --click-field-color-background-active: rgb(19.849% 19.849% 19.849%);
  --click-field-color-background-disabled: #414141;
  --click-field-color-background-error: rgb(19.849% 19.849% 19.849%);
  --click-field-color-text-default: #e6e7e9;
  --click-field-color-text-hover: #e6e7e9;
  --click-field-color-text-active: #ffffff;
  --click-field-color-text-disabled: #808080;
  --click-field-color-text-error: #ffbaba;
  --click-field-color-stroke-default: rgb(23.627% 23.627% 23.627%);
  --click-field-color-stroke-hover: rgb(27.446% 27.446% 27.446%);
  --click-field-color-stroke-active: #faff69;
  --click-field-color-stroke-disabled: #414141;
  --click-field-color-stroke-error: #ffbaba;
  --click-field-color-label-default: #b3b6bd;
  --click-field-color-label-hover: #b3b6bd;
  --click-field-color-label-active: #ffffff;
  --click-field-color-label-disabled: #606060;
  --click-field-color-label-error: #ffbaba;
  --click-field-color-format-default: rgb(60.157% 60.157% 60.157%);
  --click-field-color-format-hover: rgb(60.157% 60.157% 60.157%);
  --click-field-color-format-active: rgb(60.157% 60.157% 60.157%);
  --click-field-color-format-disabled: #808080;
  --click-field-color-format-error: rgb(60.157% 60.157% 60.157%);
  --click-field-color-genericLabel-default: #ffffff;
  --click-field-color-genericLabel-hover: #ffffff;
  --click-field-color-genericLabel-active: #ffffff;
  --click-field-color-genericLabel-disabled: #a0a0a0;
  --click-field-color-placeholder-default: #808080;
  --click-field-color-placeholder-disabled: #606060;
  --click-fileUpload-sm-icon-size-height: 1.5rem;
  --click-fileUpload-sm-icon-size-width: 1.5rem;
  --click-fileUpload-sm-space-gap: 0.75rem;
  --click-fileUpload-sm-space-x: 1rem;
  --click-fileUpload-sm-space-y: 0.5rem;
  --click-fileUpload-sm-radii-all: 0.25rem;
  --click-fileUpload-sm-color-icon-default: #b3b6bd;
  --click-fileUpload-md-icon-size-height: 2rem;
  --click-fileUpload-md-icon-size-width: 2rem;
  --click-fileUpload-md-space-gap: 0.5rem;
  --click-fileUpload-md-space-x: 1rem;
  --click-fileUpload-md-space-y: 0.75rem;
  --click-fileUpload-md-radii-all: 0.5rem;
  --click-fileUpload-md-color-icon-default: #ffffff;
  --click-fileUpload-typography-title-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-fileUpload-typography-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-fileUpload-hasFile-space-gap: 0.75rem;
  --click-fileUpload-hasFile-header-space-gap: 0.5rem;
  --click-fileUpload-transitions-all: all 100ms ease-in 0ms;
  --click-fileUpload-color-background-default: #1f1f1c;
  --click-fileUpload-color-background-hover: #1f1f1c;
  --click-fileUpload-color-background-active: rgb(19.849% 19.849% 19.849%);
  --click-fileUpload-color-background-error: rgb(100% 13.725% 13.725% / 0.2);
  --click-fileUpload-color-stroke-default: rgb(23.627% 23.627% 23.627%);
  --click-fileUpload-color-stroke-hover: rgb(23.627% 23.627% 23.627%);
  --click-fileUpload-color-stroke-active: #414141;
  --click-fileUpload-color-stroke-error: rgba(0, 0, 0, 0);
  --click-fileUpload-color-title-default: #ffffff;
  --click-fileUpload-color-title-hover: #ffffff;
  --click-fileUpload-color-title-active: #ffffff;
  --click-fileUpload-color-title-error: #ffbaba;
  --click-fileUpload-color-description-default: #b3b6bd;
  --click-fileUpload-color-description-hover: #b3b6bd;
  --click-fileUpload-color-description-active: #b3b6bd;
  --click-fileUpload-color-description-error: #ffbaba;
  --click-flyout-space-default-x: 0;
  --click-flyout-space-default-y: 1.5rem;
  --click-flyout-space-default-gap: 1rem;
  --click-flyout-space-default-top: 0;
  --click-flyout-space-default-content-x: 1.5rem;
  --click-flyout-space-default-content-y: 1.5rem;
  --click-flyout-space-default-content-row-gap: 0.25rem;
  --click-flyout-space-default-content-column-gap: 1rem;
  --click-flyout-space-inline-x: 0;
  --click-flyout-space-inline-y: 0.75rem;
  --click-flyout-space-inline-gap: 0.75rem;
  --click-flyout-space-inline-top: 3.5rem;
  --click-flyout-space-inline-content-x: 0.75rem;
  --click-flyout-space-inline-content-y: 0.75rem;
  --click-flyout-space-inline-content-row-gap: 0.25rem;
  --click-flyout-space-inline-content-column-gap: 0.75rem;
  --click-flyout-shadow-default: -5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --click-flyout-shadow-reverse: 5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --click-flyout-size-default-width: 27.5rem;
  --click-flyout-size-default-height: 100%;
  --click-flyout-size-wide-width: 37.5rem;
  --click-flyout-size-wide-height: 100vh;
  --click-flyout-size-narrow-width: 21rem;
  --click-flyout-size-narrow-height: 100%;
  --click-flyout-size-widest-width: 55rem;
  --click-flyout-size-widest-height: 100vh;
  --click-flyout-typography-default-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-typography-default-title-default: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-typography-inline-description-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-typography-inline-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-flyout-color-background-default: #282828;
  --click-flyout-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-flyout-color-description-default: #b3b6bd;
  --click-flyout-color-opaqueBackground-default: lch(6.7738 0 none / 0.45);
  --click-flyout-color-stroke-default: #323232;
  --click-genericMenu-item-space-x: 1rem;
  --click-genericMenu-item-space-y: 0.3438rem;
  --click-genericMenu-item-space-gap: 0.5rem;
  --click-genericMenu-item-icon-size-height: 0.9688rem;
  --click-genericMenu-item-icon-size-width: 0.9688rem;
  --click-genericMenu-item-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-sectionHeader-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-hover: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-active: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-typography-subtext-disabled: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-item-two-lines-space-x: 1rem;
  --click-genericMenu-item-two-lines-space-y: 0.3438rem;
  --click-genericMenu-item-two-lines-space-gap: 0.75rem;
  --click-genericMenu-item-size-minWidth: 180px;
  --click-genericMenu-item-color-default-text-default: #ffffff;
  --click-genericMenu-item-color-default-text-hover: #ffffff;
  --click-genericMenu-item-color-default-text-active: #ffffff;
  --click-genericMenu-item-color-default-text-disabled: #808080;
  --click-genericMenu-item-color-default-text-muted: #b3b6bd;
  --click-genericMenu-item-color-default-background-default: #282828;
  --click-genericMenu-item-color-default-background-hover: rgb(23.064% 23.064% 23.064%);
  --click-genericMenu-item-color-default-background-active: #282828;
  --click-genericMenu-item-color-default-background-disabled: #414141;
  --click-genericMenu-item-color-default-stroke-default: #323232;
  --click-genericMenu-item-color-default-stroke-focus: #faff69;
  --click-genericMenu-item-color-format-default: lch(62.868 0 none);
  --click-genericMenu-item-color-format-hover: rgb(60.157% 60.157% 60.157%);
  --click-genericMenu-item-color-format-active: rgb(60.157% 60.157% 60.157%);
  --click-genericMenu-item-color-format-disabled: #808080;
  --click-genericMenu-item-color-format-error: rgb(60.157% 60.157% 60.157%);
  --click-genericMenu-item-color-subtext-default: #b3b6bd;
  --click-genericMenu-item-color-subtext-hover: #b3b6bd;
  --click-genericMenu-item-color-subtext-active: #b3b6bd;
  --click-genericMenu-item-color-subtext-disabled: #c0c0c0;
  --click-genericMenu-item-color-danger-text-default: #ffbaba;
  --click-genericMenu-item-color-danger-text-hover: #ffbaba;
  --click-genericMenu-item-color-danger-text-active: #ffbaba;
  --click-genericMenu-item-color-danger-text-disabled: #808080;
  --click-genericMenu-item-color-danger-background-default: #282828;
  --click-genericMenu-item-color-danger-background-hover: rgb(100% 21.274% 21.274% / 0.3);
  --click-genericMenu-item-color-danger-background-active: rgb(100% 13.725% 13.725% / 0.45);
  --click-genericMenu-item-color-danger-background-disabled: #414141;
  --click-genericMenu-item-color-danger-stroke-default: rgba(0, 0, 0, 0);
  --click-genericMenu-item-color-danger-stroke-focus: #faff69;
  --click-genericMenu-itemCustom-typography-label-sm: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-itemCustom-typography-label-lg: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-space-gap: 0.25rem;
  --click-genericMenu-button-space-y: 0.5rem;
  --click-genericMenu-button-typography-label-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-typography-label-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-typography-label-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-button-color-background-default: #282828;
  --click-genericMenu-button-color-label-default: #b3b6bd;
  --click-genericMenu-button-color-stroke-default: #323232;
  --click-genericMenu-panel-radii-all: 0.25rem;
  --click-genericMenu-panel-shadow-default: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-genericMenu-panel-size-height: 2rem;
  --click-genericMenu-panel-color-background-default: #282828;
  --click-genericMenu-panel-color-stroke-default: #414141;
  --click-genericMenu-autocomplete-typography-results-label-default: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-autocomplete-typography-search-placeholder-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-autocomplete-typography-search-term-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-genericMenu-autocomplete-search-stroke-default: 2px solid #323232;
  --click-genericMenu-autocomplete-color-placeholder-default: #808080;
  --click-genericMenu-autocomplete-color-searchTerm-default: #ffffff;
  --click-genericMenu-autocomplete-color-background-default: #282828;
  --click-genericMenu-autocomplete-color-stroke-default: #323232;
  --click-genericMenu-sectionHeader-space-bottom: 0.3438rem;
  --click-genericMenu-sectionHeader-space-top: 0.5rem;
  --click-genericMenu-placeholder-space-gap: 0.5rem;
  --click-grid-header-cell-space-y: 0.4375rem;
  --click-grid-header-cell-space-x: 0.5rem;
  --click-grid-header-cell-size-height: 2rem;
  --click-grid-header-cell-color-background-default: #282828;
  --click-grid-header-cell-color-background-selectIndirect: lch(19.47 0 none);
  --click-grid-header-cell-color-background-selectDirect: lch(27.259 0 none);
  --click-grid-header-cell-color-title-default: #b3b6bd;
  --click-grid-header-cell-color-title-selectIndirect: #ffffff;
  --click-grid-header-cell-color-title-selectDirect: #ffffff;
  --click-grid-header-cell-color-stroke-default: lch(20.268 0 none);
  --click-grid-header-cell-color-stroke-selectIndirect: lch(26.846 0 none);
  --click-grid-header-cell-color-stroke-selectDirect: lch(29.406 0 none);
  --click-grid-header-title-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-grid-body-cell-space-y: 5.5px;
  --click-grid-body-cell-space-x: 0.5rem;
  --click-grid-body-cell-size-height: 2rem;
  --click-grid-body-cell-color-background-default: #1f1f1c;
  --click-grid-body-cell-color-background-selectIndirect: lch(15.792 0 none);
  --click-grid-body-cell-color-background-selectDirect: lch(15.792 0 none);
  --click-grid-body-cell-color-stroke-default: #323232;
  --click-grid-body-cell-color-stroke-selectIndirect: lch(22.028 0 none);
  --click-grid-body-cell-color-stroke-selectDirect: #faff69;
  --click-grid-body-cell-color-text-default: lch(100 0 none);
  --click-grid-body-cell-color-text-selectIndirect: #ffffff;
  --click-grid-body-cell-color-text-selectDirect: #ffffff;
  --click-grid-cell-text-default: 500 0.875rem/1.5 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --click-grid-radii-none: 0;
  --click-grid-radii-sm: 0.25rem;
  --click-grid-radii-md: 0.5rem;
  --click-grid-radii-lg: 0.75rem;
  --click-grid-global-color-stroke-default: #323232;
  --click-grid-global-color-background-default: #1f1f1c;
  --click-gridContainer-gap-none: 0;
  --click-gridContainer-gap-xxs: 0.25rem;
  --click-gridContainer-gap-xs: 0.5rem;
  --click-gridContainer-gap-sm: 0.75rem;
  --click-gridContainer-gap-md: 1rem;
  --click-gridContainer-gap-lg: 1.5rem;
  --click-gridContainer-gap-xl: 2rem;
  --click-gridContainer-gap-xxl: 4rem;
  --click-gridContainer-gap-unset: '';
  --click-icon-space-xs-all: 0.25rem;
  --click-icon-space-sm-all: 0.25rem;
  --click-icon-space-md-all: 0.365rem;
  --click-icon-space-lg-all: 0.5rem;
  --click-icon-space-xl-all: 0.75rem;
  --click-icon-space-xxl-all: 1rem;
  --click-icon-color-background-default: rgba(0, 0, 0, 0);
  --click-icon-color-background-success: rgb(20% 100% 26.667% / 0.2);
  --click-icon-color-background-neutral: rgb(62.745% 62.745% 62.745% / 0.2);
  --click-icon-color-background-danger: rgb(100% 13.725% 13.725% / 0.2);
  --click-icon-color-background-info: rgb(26.275% 49.412% 93.725% / 0.2);
  --click-icon-color-background-warning: rgb(100% 46.667% 16.078% / 0.2);
  --click-icon-color-text-default: rgba(0, 0, 0, 0);
  --click-icon-color-text-success: #ccffd0;
  --click-icon-color-text-neutral: #c0c0c0;
  --click-icon-color-text-danger: #ffbaba;
  --click-icon-color-text-info: #d0dffb;
  --click-icon-color-text-warning: #ffb88f;
  --click-icon-color-stroke-default: rgba(0, 0, 0, 0);
  --click-icon-color-stroke-success: rgb(20% 100% 26.667% / 0.05);
  --click-icon-color-stroke-neutral: rgb(62.745% 62.745% 62.745% / 0.2);
  --click-icon-color-stroke-danger: rgb(100% 13.725% 13.725% / 0.05);
  --click-icon-color-stroke-info: rgb(26.275% 49.412% 93.725% / 0.05);
  --click-icon-color-stroke-warning: rgb(100% 46.667% 16.078% / 0.05);
  --click-image-sm-size-height: 1rem;
  --click-image-sm-size-width: 1rem;
  --click-image-xs-size-height: 0.75rem;
  --click-image-xs-size-width: 0.75rem;
  --click-image-md-size-height: 1.25rem;
  --click-image-md-size-width: 1.25rem;
  --click-image-lg-size-height: 1.5rem;
  --click-image-lg-size-width: 1.5rem;
  --click-image-xl-size-height: 2rem;
  --click-image-xl-size-width: 2rem;
  --click-image-xxl-size-height: 4rem;
  --click-image-xxl-size-width: 4rem;
  --click-image-borderWidth-default: 1.5px;
  --click-image-borderWidth-thin: 1px;
  --click-image-color-stroke: #ffffff;
  --click-link-space-md-gap: 0.25rem;
  --click-link-space-sm-gap: 2px;
  --click-link-icon-size-sm-height: 0.75rem;
  --click-link-icon-size-sm-width: 0.75rem;
  --click-link-icon-size-md-height: 1rem;
  --click-link-icon-size-md-width: 1rem;
  --click-panel-strokeWidth-default: 1px;
  --click-panel-radii-none: 0;
  --click-panel-radii-sm: 0.25rem;
  --click-panel-radii-md: 0.5rem;
  --click-panel-radii-lg: 0.75rem;
  --click-panel-stroke-default: 1px solid #323232;
  --click-panel-shadow-default: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-panel-space-y-none: 0;
  --click-panel-space-y-xs: 0.5rem;
  --click-panel-space-y-sm: 0.75rem;
  --click-panel-space-y-md: 1rem;
  --click-panel-space-y-lg: 1.5rem;
  --click-panel-space-y-xl: 2rem;
  --click-panel-space-x-none: 0;
  --click-panel-space-x-xs: 0.5rem;
  --click-panel-space-x-sm: 0.75rem;
  --click-panel-space-x-md: 1rem;
  --click-panel-space-x-lg: 1.5rem;
  --click-panel-space-x-xl: 2rem;
  --click-panel-space-gap-none: 0;
  --click-panel-space-gap-xs: 0.5rem;
  --click-panel-space-gap-sm: 0.75rem;
  --click-panel-space-gap-md: 1rem;
  --click-panel-space-gap-lg: 1.5rem;
  --click-panel-space-gap-xl: 2rem;
  --click-panel-color-background-default: #1f1f1c;
  --click-panel-color-background-muted: #282828;
  --click-panel-color-background-transparent: rgba(0, 0, 0, 0);
  --click-panel-color-stroke-default: #323232;
  --click-popover-space-y: 1rem;
  --click-popover-space-x: 1.5rem;
  --click-popover-space-gap: 0.75rem;
  --click-popover-radii-all: 0.25rem;
  --click-popover-shadow-default: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-popover-icon-size-height: 1.25rem;
  --click-popover-icon-size-width: 1.25rem;
  --click-popover-color-panel-background-default: #282828;
  --click-popover-color-panel-stroke-default: #414141;
  --click-radio-radii-all: 9999px;
  --click-radio-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-radio-color-background-default: rgb(17.794% 17.794% 17.794%);
  --click-radio-color-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-radio-color-background-active: #faff69;
  --click-radio-color-background-disabled: #414141;
  --click-radio-color-stroke-default: #414141;
  --click-radio-color-stroke-hover: #414141;
  --click-radio-color-stroke-active: #151515;
  --click-radio-color-stroke-disabled: #414141;
  --click-radio-color-indicator-default: #1f1f1c;
  --click-radio-color-indicator-hover: rgb(17.794% 17.794% 17.794%);
  --click-radio-color-indicator-active: #151515;
  --click-radio-color-indicator-disabled: #808080;
  --click-separator-horizontal-space-y-xs: 0;
  --click-separator-horizontal-space-y-sm: 0.25rem;
  --click-separator-horizontal-space-y-md: 0.5rem;
  --click-separator-horizontal-space-y-ml: 0.75rem;
  --click-separator-horizontal-space-y-lg: 1rem;
  --click-separator-horizontal-space-y-xl: 1.5rem;
  --click-separator-horizontal-space-y-xxl: 2rem;
  --click-separator-horizontal-space-x-all: 0;
  --click-separator-vertical-space-x-xs: 0;
  --click-separator-vertical-space-x-sm: 0.25rem;
  --click-separator-vertical-space-x-md: 0.5rem;
  --click-separator-vertical-space-x-lg: 1rem;
  --click-separator-vertical-space-x-xl: 1.5rem;
  --click-separator-vertical-space-x-xxl: 2rem;
  --click-separator-vertical-space-y-all: 0;
  --click-separator-color-stroke-default: #323232;
  --click-sidebar-navigation-item-radii-all: 0.25rem;
  --click-sidebar-navigation-item-default-space-right: 0.75rem;
  --click-sidebar-navigation-item-default-space-y: 0.2813rem;
  --click-sidebar-navigation-item-default-space-gap: 0.75rem;
  --click-sidebar-navigation-item-default-space-left: 0;
  --click-sidebar-navigation-item-typography-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-typography-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-typography-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-typography-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-typography-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-typography-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-typography-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-item-mobile-space-left: 0;
  --click-sidebar-navigation-item-mobile-space-right: 0.75rem;
  --click-sidebar-navigation-item-mobile-space-y: 0.75rem;
  --click-sidebar-navigation-item-mobile-space-gap: 0.75rem;
  --click-sidebar-navigation-item-collapsible-space-left: 0;
  --click-sidebar-navigation-item-collapsible-space-right: 0.75rem;
  --click-sidebar-navigation-item-collapsible-space-y: 0.2813rem;
  --click-sidebar-navigation-item-collapsible-space-gap: 0.75rem;
  --click-sidebar-navigation-item-icon-size-height: 1rem;
  --click-sidebar-navigation-item-icon-size-width: 1rem;
  --click-sidebar-navigation-item-global-gap: 2px;
  --click-sidebar-navigation-title-typography-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-title-typography-hover: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-title-typography-active: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-title-typography-disabled: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-default-space-left: 2.75rem;
  --click-sidebar-navigation-subItem-default-space-right: 0.75rem;
  --click-sidebar-navigation-subItem-default-space-y: 0.2813rem;
  --click-sidebar-navigation-subItem-mobile-space-left: 2.75rem;
  --click-sidebar-navigation-subItem-mobile-space-right: 0.75rem;
  --click-sidebar-navigation-subItem-mobile-space-y: 0.75rem;
  --click-sidebar-navigation-subItem-mobile-space-gap: 0.75rem;
  --click-sidebar-navigation-subItem-mobile-typography-default: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-mobile-typography-hover: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-mobile-typography-active: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-radii-all: 0.25rem;
  --click-sidebar-navigation-subItem-typography-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-typography-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-typography-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-subItem-typography-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-sidebar-navigation-dragControl-separator-size-height: 0.125rem;
  --click-sidebar-main-color-background-default: #1f1f1c;
  --click-sidebar-main-color-text-default: #ffffff;
  --click-sidebar-main-color-text-muted: #b3b6bd;
  --click-sidebar-main-color-stroke-default: #323232;
  --click-sidebar-main-navigation-item-color-background-active: lch(27.535 0 none / 0.6);
  --click-sidebar-main-navigation-item-color-background-hover: lch(19.05 0 none);
  --click-sidebar-main-navigation-item-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-item-color-text-default: #ffffff;
  --click-sidebar-main-navigation-item-color-text-hover: #ffffff;
  --click-sidebar-main-navigation-item-color-text-active: #ffffff;
  --click-sidebar-main-navigation-item-color-text-muted: #b3b6bd;
  --click-sidebar-main-navigation-item-color-text-disabled: #808080;
  --click-sidebar-main-navigation-item-color-icon-default: #b3b6bd;
  --click-sidebar-main-navigation-item-color-icon-disabled: #808080;
  --click-sidebar-main-navigation-title-color-default: #b3b6bd;
  --click-sidebar-main-navigation-title-color-hover: #b3b6bd;
  --click-sidebar-main-navigation-title-color-active: #b3b6bd;
  --click-sidebar-main-navigation-subItem-color-text-default: #b3b6bd;
  --click-sidebar-main-navigation-subItem-color-text-disabled: #808080;
  --click-sidebar-main-navigation-subItem-color-text-hover: #ffffff;
  --click-sidebar-main-navigation-subItem-color-text-active: #ffffff;
  --click-sidebar-main-navigation-subItem-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-subItem-color-background-disabled: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-subItem-color-background-hover: lch(19.05 0 none);
  --click-sidebar-main-navigation-subItem-color-background-active: rgba(0, 0, 0, 0);
  --click-sidebar-main-navigation-subItem-color-icon-default: #b3b6bd;
  --click-sidebar-main-navigation-subItem-color-icon-disabled: #808080;
  --click-sidebar-main-navigation-dragControl-separator-color-default: #faff69;
  --click-sidebar-sqlSidebar-color-background-default: #282828;
  --click-sidebar-sqlSidebar-color-stroke-default: #323232;
  --click-sidebar-sqlSidebar-navigation-item-color-background-active: lch(27.535 0 none / 0.6);
  --click-sidebar-sqlSidebar-navigation-item-color-background-hover: lch(19.05 0 none);
  --click-sidebar-sqlSidebar-navigation-item-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-sqlSidebar-navigation-item-color-text-default: #ffffff;
  --click-sidebar-sqlSidebar-navigation-item-color-text-hover: #ffffff;
  --click-sidebar-sqlSidebar-navigation-item-color-text-active: #ffffff;
  --click-sidebar-sqlSidebar-navigation-item-color-text-muted: #b3b6bd;
  --click-sidebar-sqlSidebar-navigation-item-color-text-disabled: #808080;
  --click-sidebar-sqlSidebar-navigation-item-color-icon-default: #b3b6bd;
  --click-sidebar-sqlSidebar-navigation-item-color-icon-disabled: #808080;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-disabled: #808080;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-default: #b3b6bd;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-hover: #ffffff;
  --click-sidebar-sqlSidebar-navigation-subItem-color-text-active: #ffffff;
  --click-sidebar-sqlSidebar-navigation-subItem-color-background-default: rgba(0, 0, 0, 0);
  --click-sidebar-sqlSidebar-navigation-subItem-color-background-hover: lch(19.05 0 none);
  --click-sidebar-sqlSidebar-navigation-subItem-color-background-active: rgba(0, 0, 0, 0);
  --click-sidebar-sqlSidebar-navigation-title-color-default: #b3b6bd;
  --click-sidebar-sqlSidebar-navigation-title-color-hover: #b3b6bd;
  --click-sidebar-sqlSidebar-navigation-title-color-active: #b3b6bd;
  --click-sidebar-sqlSidebar-navigation-dragControl-separator-color-default: #faff69;
  --click-spacer-horizontal-space-y-xs: 0;
  --click-spacer-horizontal-space-y-sm: 0.25rem;
  --click-spacer-horizontal-space-y-md: 0.5rem;
  --click-spacer-horizontal-space-y-ml: 0.75rem;
  --click-spacer-horizontal-space-y-lg: 1rem;
  --click-spacer-horizontal-space-y-xl: 1.5rem;
  --click-spacer-horizontal-space-y-xxl: 2rem;
  --click-spacer-horizontal-space-x-all: 0;
  --click-stepper-vertical-numbered-connector-size-width: 0.1875rem;
  --click-stepper-vertical-numbered-connector-stroke-default: 2px;
  --click-stepper-vertical-numbered-connector-color-stroke-incomplete: #606060;
  --click-stepper-vertical-numbered-connector-color-stroke-complete: #ffffff;
  --click-stepper-vertical-numbered-connector-color-stroke-active: #606060;
  --click-stepper-vertical-numbered-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-stepper-vertical-numbered-step-typography-number-default: 700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-stepper-vertical-numbered-step-size-height: 1.5rem;
  --click-stepper-vertical-numbered-step-size-width: 1.5rem;
  --click-stepper-vertical-numbered-step-size-icon-height: 0.75rem;
  --click-stepper-vertical-numbered-step-size-icon-width: 0.75rem;
  --click-stepper-vertical-numbered-step-stroke-default: 2px;
  --click-stepper-vertical-numbered-step-radii-default: 9999px;
  --click-stepper-vertical-numbered-step-color-stroke-incomplete: #606060;
  --click-stepper-vertical-numbered-step-color-stroke-complete: #ffffff;
  --click-stepper-vertical-numbered-step-color-stroke-active: #ffffff;
  --click-stepper-vertical-numbered-step-color-background-incomplete: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-background-complete: #1f1f1c;
  --click-stepper-vertical-numbered-step-color-background-active: #ffffff;
  --click-stepper-vertical-numbered-step-color-icon-incomplete: #ffffff;
  --click-stepper-vertical-numbered-step-color-icon-complete: #ffffff;
  --click-stepper-vertical-numbered-step-color-icon-active: #1f1f1c;
  --click-stepper-vertical-numbered-content-space-gap-x: 1rem;
  --click-stepper-vertical-numbered-content-space-gap-y: 0.5rem;
  --click-stepper-vertical-numbered-content-space-left: 2.75rem;
  --click-stepper-vertical-numbered-content-space-bottom-default: 2.5rem;
  --click-stepper-vertical-numbered-content-space-bottom-active: 1.5rem;
  --click-stepper-vertical-numbered-color-title-incomplete: #606060;
  --click-stepper-vertical-numbered-color-title-complete: #b3b6bd;
  --click-stepper-vertical-numbered-color-title-active: #ffffff;
  --click-stepper-vertical-bulleted-connector-size-width: 0.1875rem;
  --click-stepper-vertical-bulleted-connector-stroke-default: 2px;
  --click-stepper-vertical-bulleted-connector-color-stroke-incomplete: #606060;
  --click-stepper-vertical-bulleted-connector-color-stroke-complete: #ffffff;
  --click-stepper-vertical-bulleted-connector-color-stroke-active: #606060;
  --click-stepper-vertical-bulleted-step-size-height: 1rem;
  --click-stepper-vertical-bulleted-step-size-width: 1rem;
  --click-stepper-vertical-bulleted-step-size-icon-height: 0.75rem;
  --click-stepper-vertical-bulleted-step-size-icon-width: 0.75rem;
  --click-stepper-vertical-bulleted-step-radii-default: 9999px;
  --click-stepper-vertical-bulleted-step-stroke-default: 2px;
  --click-stepper-vertical-bulleted-step-color-stroke-incomplete: #606060;
  --click-stepper-vertical-bulleted-step-color-stroke-complete: #ffffff;
  --click-stepper-vertical-bulleted-step-color-stroke-active: #ffffff;
  --click-stepper-vertical-bulleted-step-color-background-incomplete: #1f1f1c;
  --click-stepper-vertical-bulleted-step-color-background-complete: #1f1f1c;
  --click-stepper-vertical-bulleted-step-color-background-active: #ffffff;
  --click-stepper-vertical-bulleted-step-color-icon-incomplete: #1f1f1c;
  --click-stepper-vertical-bulleted-step-color-icon-complete: #ffffff;
  --click-stepper-vertical-bulleted-step-color-icon-active: #ffffff;
  --click-stepper-vertical-bulleted-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-stepper-vertical-bulleted-content-space-gap-x: 1rem;
  --click-stepper-vertical-bulleted-content-space-gap-y: 0.5rem;
  --click-stepper-vertical-bulleted-content-space-left: 2.25rem;
  --click-stepper-vertical-bulleted-content-space-bottom-default: 2.5rem;
  --click-stepper-vertical-bulleted-content-space-bottom-active: 1.5rem;
  --click-stepper-vertical-bulleted-color-title-incomplete: #606060;
  --click-stepper-vertical-bulleted-color-title-complete: #b3b6bd;
  --click-stepper-vertical-bulleted-color-title-active: #ffffff;
  --click-switch-space-gap: 0.5rem;
  --click-switch-radii-all: 9999px;
  --click-switch-size-width: 2rem;
  --click-switch-size-height: 1rem;
  --click-switch-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-typography-label-disabled: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-switch-color-background-default: #606060;
  --click-switch-color-background-active: #faff69;
  --click-switch-color-background-disabled: #414141;
  --click-switch-color-stroke-default: #606060;
  --click-switch-color-stroke-active: #faff69;
  --click-switch-color-stroke-disabled: #414141;
  --click-switch-color-indicator-default: #151515;
  --click-switch-color-indicator-active: #161517;
  --click-switch-color-indicator-disabled: #606060;
  --click-table-header-title-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-table-header-cell-space-md-y: 0.75rem;
  --click-table-header-cell-space-md-x: 1rem;
  --click-table-header-cell-space-sm-y: 0.5rem;
  --click-table-header-cell-space-sm-x: 1rem;
  --click-table-header-color-background-default: #282828;
  --click-table-header-color-background-hover: #282828;
  --click-table-header-color-background-active: rgb(17.794% 17.794% 17.794%);
  --click-table-header-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-table-header-color-icon-default: #ffffff;
  --click-table-header-color-checkbox-background-default: #cccfd3;
  --click-table-header-color-checkbox-border-default: #808691;
  --click-table-cell-text-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-table-cell-label-default: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-table-cell-stroke: 1px;
  --click-table-radii-all: 0.25rem;
  --click-table-body-cell-space-md-y: 1rem;
  --click-table-body-cell-space-md-x: 1rem;
  --click-table-body-cell-space-sm-y: 0.5rem;
  --click-table-body-cell-space-sm-x: 1rem;
  --click-table-mobile-cell-space-y: 1rem;
  --click-table-mobile-cell-space-x: 1rem;
  --click-table-mobile-cell-space-gap: 0.5rem;
  --click-table-row-color-background-default: #1f1f1c;
  --click-table-row-color-background-hover: lch(15.792 0 none);
  --click-table-row-color-background-active: rgb(17.535% 17.535% 17.535%);
  --click-table-row-color-stroke-default: #323232;
  --click-table-row-color-text-default: #ffffff;
  --click-table-row-color-text-disabled: #808080;
  --click-table-row-color-link-default: #faff69;
  --click-table-row-color-label-default: #b3b6bd;
  --click-table-row-color-barChart-default: #414141;
  --click-table-row-color-barChart-hover: #606060;
  --click-table-global-color-stroke-default: #323232;
  --click-table-global-color-background-default: #1f1f1c;
  --click-tabs-space-y: 0.5rem;
  --click-tabs-space-x: 0.75rem;
  --click-tabs-radii-all: 0.25rem;
  --click-tabs-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-basic-strokeWidth-default: 1px;
  --click-tabs-basic-strokeWidth-hover: 1px;
  --click-tabs-basic-strokeWidth-active: 2px;
  --click-tabs-basic-strokeWidth-global: 1px;
  --click-tabs-basic-color-background-default: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-background-hover: #282828;
  --click-tabs-basic-color-background-active: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-text-default: #b3b6bd;
  --click-tabs-basic-color-text-hover: #ffffff;
  --click-tabs-basic-color-text-active: #ffffff;
  --click-tabs-basic-color-stroke-default: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-stroke-hover: rgba(0, 0, 0, 0);
  --click-tabs-basic-color-stroke-active: #faff69;
  --click-tabs-basic-color-global-default: #323232;
  --click-tabs-fileTabs-icon-size-height: 1rem;
  --click-tabs-fileTabs-icon-size-width: 1rem;
  --click-tabs-fileTabs-space-y: 1.0625rem;
  --click-tabs-fileTabs-space-x: 1rem;
  --click-tabs-fileTabs-space-gap: 0.75rem;
  --click-tabs-fileTabs-typography-label-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-fileTabs-typography-label-hover: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-fileTabs-typography-label-active: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tabs-fileTabs-radii-all: 0;
  --click-tabs-fileTabs-color-background-default: #1f1f1c;
  --click-tabs-fileTabs-color-background-hover: #282828;
  --click-tabs-fileTabs-color-background-active: #282828;
  --click-tabs-fileTabs-color-text-default: #b3b6bd;
  --click-tabs-fileTabs-color-text-hover: #ffffff;
  --click-tabs-fileTabs-color-text-active: #ffffff;
  --click-tabs-fileTabs-color-stroke-default: #323232;
  --click-tabs-fileTabs-color-stroke-hover: #323232;
  --click-tabs-fileTabs-color-stroke-active: #323232;
  --click-tabs-fileTabs-color-closeButton-background-default: rgba(0, 0, 0, 0);
  --click-tabs-fileTabs-color-closeButton-background-hover: #414141;
  --click-toast-icon-size-height: 1rem;
  --click-toast-icon-size-width: 1rem;
  --click-toast-space-title-gap: 0.5rem;
  --click-toast-space-y: 0.75rem;
  --click-toast-space-x: 0.75rem;
  --click-toast-space-gap: 0.5rem;
  --click-toast-radii-all: 0.25rem;
  --click-toast-shadow: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-toast-typography-title-default: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-toast-typography-description-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-toast-size-width: 20.75rem;
  --click-toast-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-toast-color-description-default: #b3b6bd;
  --click-toast-color-stroke-default: #414141;
  --click-toast-color-icon-default: rgb(97.5% 97.5% 97.5%);
  --click-toast-color-icon-success: #ccffd0;
  --click-toast-color-icon-warning: #ffb88f;
  --click-toast-color-icon-danger: #ffbaba;
  --click-tooltip-radii-all: 0.25rem;
  --click-tooltip-space-x: 0.75rem;
  --click-tooltip-space-y: 0.5rem;
  --click-tooltip-typography-label-default: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-tooltip-color-background-default: lch(16.114 0 none / 0.95);
  --click-tooltip-color-label-default: #ffffff;
  --click-dashboards-chartWidget-space-gap: 1rem;
  --click-dashboards-chartWidget-space-element-gap: 0.5rem;
  --click-dashboards-chartWidget-borderWidth-default: 1px;
  --click-dashboards-chartWidget-stroke-default: 1px solid #323232;
  --click-dashboards-chartWidget-stroke-element-default: 1px solid #323232;
  --click-dashboards-chartWidget-stroke-hover: 1px solid #414141;
  --click-dashboards-chartWidget-stroke-selected: 1px solid #faff69;
  --click-dashboards-chartWidget-element-radii-all: 0.25rem;
  --click-dashboards-chartWidget-radii-all: 0.25rem;
  --click-dashboards-chartWidget-typography-title-default: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dashboards-chartWidget-typography-description-default-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dashboards-chartWidget-typography-label-default-default: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --click-dashboards-chartWidget-shadow-default: 0;
  --click-dashboards-chartWidget-shadow-hover: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-dashboards-chartWidget-size-icon-all-drag: 1.25rem;
  --click-dashboards-chartWidget-size-icon-all-menu: 1.5rem;
  --click-dashboards-chartWidget-size-icon-all-resize: 0.75rem;
  --click-dashboards-chartWidget-color-stroke-default: #323232;
  --click-dashboards-chartWidget-color-stroke-hover: #414141;
  --click-dashboards-chartWidget-color-stroke-selected: #faff69;
  --click-dashboards-chartWidget-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-dashboards-chartWidget-color-description-default: #b3b6bd;
  --click-dashboards-chartWidget-color-legend-default: #b3b6bd;
  --click-dashboards-chartWidget-color-legend-hover: #b3b6bd;
  --click-dashboards-chartWidget-color-legend-selected: #ffffff;
  --click-dashboards-chartWidget-color-element-stroke-default: #323232;
  --click-dashboards-chartWidget-color-background-default: #282828;
  --click-dashboards-chartWidget-color-background-hover: #282828;
  --click-dashboards-chartWidget-color-background-selected: #282828;
  --click-dashboards-chartWidget-color-icon-default: #ffffff;
  --click-dashboards-chartWidget-color-icon-hover: #ffffff;
  --click-dashboards-chartWidget-color-icon-selected: #faff69;
  --click-dashboards-chartWidget-color-opacity-bar-default: 0.2;
  --click-dashboards-chartWidget-color-opacity-bar-hover: 0.5;
  --click-dashboards-chartWidget-color-label-default: #b3b6bd;
  --click-dashboards-chartWidget-color-label-hover: #b3b6bd;
  --click-dashboards-chartWidget-color-label-selected: #b3b6bd;
  --click-global-color-background-default: #1f1f1c;
  --click-global-color-background-muted: #282828;
  --click-global-color-text-default: #ffffff;
  --click-global-color-text-muted: #b3b6bd;
  --click-global-color-text-disabled: #808080;
  --click-global-color-text-link-default: #faff69;
  --click-global-color-text-link-hover: #feffc2;
  --click-global-color-text-danger: #ffbaba;
  --click-global-color-text-warning: #ffb88f;
  --click-global-color-stroke-default: #323232;
  --click-global-color-stroke-muted: #323232;
  --click-global-color-stroke-intense: #414141;
  --click-global-color-accent-default: #faff69;
  --click-global-color-outline-default: #faff69;
  --click-global-color-shadow-default: rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --click-global-color-title-default: rgb(97.5% 97.5% 97.5%);
  --click-global-color-title-muted: #b3b6bd;
  --click-feedback-color-info-background: rgb(26.275% 49.412% 93.725% / 0.2);
  --click-feedback-color-info-foreground: #d0dffb;
  --click-feedback-color-success-background: rgb(20% 100% 26.667% / 0.2);
  --click-feedback-color-success-foreground: #ccffd0;
  --click-feedback-color-warning-background: rgb(100% 46.667% 16.078% / 0.2);
  --click-feedback-color-warning-foreground: #ffb88f;
  --click-feedback-color-danger-background: rgb(100% 13.725% 13.725% / 0.2);
  --click-feedback-color-danger-foreground: #ffbaba;
  --click-feedback-color-neutral-background: rgb(62.745% 62.745% 62.745% / 0.2);
  --click-feedback-color-neutral-foreground: #c0c0c0;
  --click-feedback-color-neutral-stroke: #323232;
  --click-storybook-global-background: #1b1c1d;
  --click-chart-bars-color-blue: #437eef;
  --click-chart-bars-color-orange: #ff7729;
  --click-chart-bars-color-green: #33ff44;
  --click-chart-bars-color-fuchsia: #fb64d6;
  --click-chart-bars-color-yellow: #eef400;
  --click-chart-bars-color-violet: #bb33ff;
  --click-chart-bars-color-babyblue: #00cbeb;
  --click-chart-bars-color-red: #ff2323;
  --click-chart-bars-color-teal: #6df8e1;
  --click-chart-bars-color-sunrise: #ffc300;
  --click-chart-bars-color-slate: #9a9ea7;
  --click-chart-color-default-blue: #437eef;
  --click-chart-color-default-orange: #ff7729;
  --click-chart-color-default-green: #33ff44;
  --click-chart-color-default-fuchsia: #fb64d6;
  --click-chart-color-default-yellow: #eef400;
  --click-chart-color-default-violet: #bb33ff;
  --click-chart-color-default-babyblue: #00cbeb;
  --click-chart-color-default-red: #ff2323;
  --click-chart-color-default-teal: #6df8e1;
  --click-chart-color-default-sunrise: #ffc300;
  --click-chart-color-default-slate: #9a9ea7;
  --click-chart-color-label-default: #ffffff;
  --click-chart-color-label-deselected: lch(100 0 none / 0.3);
  --click-serviceCard-color-background-default: rgb(17.794% 17.794% 17.794%);
  --click-serviceCard-color-background-hover: lch(19.053 0 none);
  --click-serviceCard-color-stroke-default: rgb(23.627% 23.627% 23.627%);
  --click-serviceCard-color-stroke-hover: rgb(27.446% 27.446% 27.446%);
  --click-gareth-test-main-text: #ffffff;
  --click-gareth-test-main-danger: #ffbaba;
  --transition-default: all 100ms ease-in 0ms;
  --transition-duration-slow: 300ms;
  --transition-duration-smooth: 150ms;
  --transition-duration-medium: 100ms;
  --transition-duration-fast: 50ms;
  --transition-delay-slow: 100ms;
  --transition-delay-fast: 0ms;
  --transition-function-ease: ease;
  --transition-function-ease-in: ease-in;
  --transition-function-ease-in-out: ease-in-out;
  --transition-function-linear: linear;
  --grid-header-cell-borderWidth-default: 1px;
  --grid-header-cell-borderWidth-selectIndirect: 1px;
  --grid-header-cell-borderWidth-selectDirect: 1px;
  --grid-body-cell-borderWidth-default: 1px;
  --grid-body-cell-borderWidth-selectIndirect: 1px;
  --grid-body-cell-borderWidth-selectDirect: 2px;
  --palette-brand-50: #ffffe8;
  --palette-brand-100: #feffc2;
  --palette-brand-200: #fdffa3;
  --palette-brand-300: #faff69;
  --palette-brand-400: #eef400;
  --palette-brand-500: #c7cc00;
  --palette-brand-600: #959900;
  --palette-brand-700: #686b00;
  --palette-brand-800: #3c4601;
  --palette-brand-900: #333300;
  --palette-brand-base: #fbff46;
  --palette-neutral-0: #ffffff;
  --palette-neutral-100: #f9f9f9;
  --palette-neutral-200: #dfdfdf;
  --palette-neutral-300: #c0c0c0;
  --palette-neutral-400: #a0a0a0;
  --palette-neutral-500: #808080;
  --palette-neutral-600: #606060;
  --palette-neutral-650: #505050;
  --palette-neutral-700: #414141;
  --palette-neutral-712: #323232;
  --palette-neutral-725: #282828;
  --palette-neutral-750: #1f1f1c;
  --palette-neutral-800: #1d1d1d;
  --palette-neutral-900: #151515;
  --palette-neutral-base: #212121;
  --palette-slate-25: #fbfcff;
  --palette-slate-50: #f6f7fa;
  --palette-slate-100: #e6e7e9;
  --palette-slate-200: #cccfd3;
  --palette-slate-300: #b3b6bd;
  --palette-slate-400: #9a9ea7;
  --palette-slate-500: #808691;
  --palette-slate-600: #696e79;
  --palette-slate-700: #53575f;
  --palette-slate-800: #302e32;
  --palette-slate-900: #161517;
  --palette-slate-base: #373439;
  --palette-slate-50a: lch(49.809 30.506 276.77 / 0.06);
  --palette-indigo-50: #f4f1fc;
  --palette-indigo-100: #e4e2e9;
  --palette-indigo-200: #c8c5d3;
  --palette-indigo-300: #ada8bd;
  --palette-indigo-400: #918ba7;
  --palette-indigo-500: #766e91;
  --palette-indigo-600: #5e5874;
  --palette-indigo-700: #474257;
  --palette-indigo-800: #23212c;
  --palette-indigo-900: #18161d;
  --palette-indigo-base: #2f2c3a;
  --palette-info-50: #e7effd;
  --palette-info-100: #d0dffb;
  --palette-info-200: #a1bef7;
  --palette-info-300: #6d9bf3;
  --palette-info-400: #437eef;
  --palette-info-500: #1d64ec;
  --palette-info-600: #104ec6;
  --palette-info-650: #0d3e9b;
  --palette-info-700: #0d3e9b;
  --palette-info-800: #092b6c;
  --palette-info-900: #061c47;
  --palette-info-base: #4781f0;
  --palette-success-50: #e5ffe8;
  --palette-success-100: #ccffd0;
  --palette-success-200: #99ffa1;
  --palette-success-300: #66ff73;
  --palette-success-400: #33ff44;
  --palette-success-500: #00e513;
  --palette-success-600: #00bd10;
  --palette-success-700: #008a0b;
  --palette-success-800: #006108;
  --palette-success-850: #004206;
  --palette-success-900: #004206;
  --palette-success-base: #62de85;
  --palette-warning-50: #ffe2d1;
  --palette-warning-100: #ffcbad;
  --palette-warning-200: #ffb88f;
  --palette-warning-300: #ff9457;
  --palette-warning-400: #ff7729;
  --palette-warning-500: #f55a00;
  --palette-warning-600: #d64f00;
  --palette-warning-700: #a33c00;
  --palette-warning-800: #7a2d00;
  --palette-warning-900: #471a00;
  --palette-warning-base: #ffa63d;
  --palette-danger-50: #ffdddd;
  --palette-danger-100: #ffbaba;
  --palette-danger-200: #ff9898;
  --palette-danger-300: #ff7575;
  --palette-danger-400: #ff2323;
  --palette-danger-500: #f10000;
  --palette-danger-600: #c10000;
  --palette-danger-700: #910000;
  --palette-danger-800: #610000;
  --palette-danger-900: #300000;
  --palette-danger-base: #ff5353;
  --palette-gradients-base: linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%);
  --palette-gradients-yellowToblack: linear-gradient(132deg, #FAFF69 8%, #292929 30%);
  --palette-gradients-whiteToblack: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);
  --palette-gradients-transparent: rgba(0, 0, 0, 0);
  --palette-utility-transparent: rgba(0, 0, 0, 0);
  --palette-teal-50: #e6fefa;
  --palette-teal-100: #cffcf4;
  --palette-teal-200: #a3faec;
  --palette-teal-300: #6df8e1;
  --palette-teal-400: #0cedc8;
  --palette-teal-500: #0bd0af;
  --palette-teal-600: #089b83;
  --palette-teal-700: #067462;
  --palette-teal-800: #045245;
  --palette-teal-850: #004237;
  --palette-teal-900: #03352d;
  --palette-violet-50: #f6e5ff;
  --palette-violet-100: #eeccff;
  --palette-violet-200: #dd99ff;
  --palette-violet-300: #cc66ff;
  --palette-violet-400: #bb33ff;
  --palette-violet-500: #aa00ff;
  --palette-violet-600: #8800cc;
  --palette-violet-700: #660099;
  --palette-violet-800: #440066;
  --palette-violet-850: #33004d;
  --palette-violet-900: #220033;
  --palette-fuchsia-50: #fbeff8;
  --palette-fuchsia-100: #fbc9ef;
  --palette-fuchsia-200: #fb97e2;
  --palette-fuchsia-300: #fb64d6;
  --palette-fuchsia-400: #fb32c9;
  --palette-fuchsia-500: #fb00bc;
  --palette-fuchsia-600: #cc0099;
  --palette-fuchsia-700: #990073;
  --palette-fuchsia-800: #66004d;
  --palette-fuchsia-850: #4d0039;
  --palette-fuchsia-900: #330026;
  --palette-sunrise-50: #fff3cc;
  --palette-sunrise-100: #ffe799;
  --palette-sunrise-200: #ffdb66;
  --palette-sunrise-300: #ffcf33;
  --palette-sunrise-400: #ffc300;
  --palette-sunrise-500: #e0ac00;
  --palette-sunrise-600: #b28800;
  --palette-sunrise-700: #8a6900;
  --palette-sunrise-800: #574200;
  --palette-sunrise-900: #332700;
  --palette-babyblue-50: #dbfaff;
  --palette-babyblue-100: #bdf6ff;
  --palette-babyblue-200: #8aefff;
  --palette-babyblue-300: #33e4ff;
  --palette-babyblue-400: #00cbeb;
  --palette-babyblue-500: #00b5d1;
  --palette-babyblue-600: #008599;
  --palette-babyblue-700: #006170;
  --palette-babyblue-800: #00424d;
  --palette-babyblue-900: #002c33;
  --sizes-0: 0;
  --sizes-1: 1px;
  --sizes-2: 0.25rem;
  --sizes-3: 0.5rem;
  --sizes-4: 0.75rem;
  --sizes-5: 1rem;
  --sizes-6: 1.25rem;
  --sizes-7: 1.5rem;
  --sizes-8: 1.75rem;
  --sizes-9: 2rem;
  --sizes-10: 2.5rem;
  --sizes-11: 4rem;
  --typography-font-families-regular: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-font-families-mono: "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-font-families-display: 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-font-weights-1: 400;
  --typography-font-weights-2: 500;
  --typography-font-weights-3: 600;
  --typography-font-weights-4: 700;
  --typography-font-sizes-0: 0.625rem;
  --typography-font-sizes-1: 0.75rem;
  --typography-font-sizes-2: 0.875rem;
  --typography-font-sizes-3: 1rem;
  --typography-font-sizes-4: 1.125rem;
  --typography-font-sizes-5: 1.25rem;
  --typography-font-sizes-6: 2rem;
  --typography-font-sizes-base: 16px;
  --typography-font-line-height-1: 1.5;
  --typography-font-line-height-2: 1.6;
  --typography-font-line-height-3: 1.7;
  --typography-font-line-height-4: 1.3;
  --typography-styles-product-titles-xs: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-sm: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-md: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-lg: 700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-xl: 700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-titles-2xl: 600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-xs: 400 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-sm: 400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-md: 400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-normal-lg: 400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-xs: 500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-sm: 500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-md: 500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-medium-lg: 500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-xs: 600 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-sm: 600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-md: 600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-semibold-lg: 600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-mono-xs: 500 0.625rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-mono-sm: 500 0.75rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-mono-md: 500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-mono-lg: 500 1rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace;
  --typography-styles-product-text-bold-xs: 700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-bold-sm: 700 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-bold-md: 700 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-product-text-bold-lg: 700 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-xs: 600 20px/1.5 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-sm: 600 24px/1.5 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-md: 600 36px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-lg: 600 56px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-xl: 700 64px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-brand-titles-2xl: 700 80px/1.3 'Basier Square', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --typography-styles-field-md: 400 0.875rem/1.6 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --border-radii-0: 0;
  --border-radii-1: 0.25rem;
  --border-radii-2: 0.5rem;
  --border-radii-3: 0.75rem;
  --border-radii-full: 9999px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --spaces-0: 0;
  --spaces-1: 0.25rem;
  --spaces-2: 0.5rem;
  --spaces-3: 0.75rem;
  --spaces-4: 1rem;
  --spaces-5: 1.5rem;
  --spaces-6: 2rem;
  --spaces-7: 2.5rem;
  --spaces-8: 4rem;
  --shadow-1: 0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6);
  --shadow-2: 0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1);
  --shadow-3: -5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --shadow-4: 5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08);
  --shadow-5: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  --breakpoint-sizes-sm: 640px;
  --breakpoint-sizes-md: 768px;
  --breakpoint-sizes-lg: 1024px;
  --breakpoint-sizes-xl: 1280px;
  --breakpoint-sizes-2xl: 1536px;
  --global-color-gradients-yellowToBlack: linear-gradient(132deg, #faff69 8%, #292929 30%);
  --global-color-gradients-whiteToBlack: linear-gradient(132deg, #ffffff 8%, #292929 30%);
  --global-color-background-default: #1f1f1c;
  --global-color-background-muted: #282828;
  --global-color-background-sidebar: #1f1f1c;
  --global-color-background-split: #282828;
  --global-color-background-muted_a: lch(49.809 30.506 276.77 / 0.06);
  --global-color-text-default: #ffffff;
  --global-color-text-muted: #b3b6bd;
  --global-color-text-disabled: #808080;
  --global-color-text-link-default: #faff69;
  --global-color-text-link-hover: #feffc2;
  --global-color-stroke-default: #323232;
  --global-color-stroke-muted: #323232;
  --global-color-stroke-intense: #414141;
  --global-color-stroke-split: #414141;
  --global-color-accent-default: #faff69;
  --global-color-outline-default: #faff69;
  --global-color-shadow-default: lch(6.7738 0 none / 0.6);
  --global-color-feedback-info-background: #0d3e9b;
  --global-color-feedback-info-foreground: #d0dffb;
  --global-color-feedback-success-background: #004206;
  --global-color-feedback-success-foreground: #ccffd0;
  --global-color-feedback-warning-background: #7a2d00;
  --global-color-feedback-warning-foreground: #ffb88f;
  --global-color-feedback-danger-background: #610000;
  --global-color-feedback-danger-foreground: #ffbaba;
  --global-color-feedback-neutral-background: #414141;
  --global-color-feedback-neutral-foreground: #f9f9f9;
  --global-color-feedback-neutral-stroke: #323232;
  --global-color-chart-bars-blue: #437eef;
  --global-color-chart-bars-orange: #ff7729;
  --global-color-chart-bars-green: #33ff44;
  --global-color-chart-bars-fuchsia: #fb64d6;
  --global-color-chart-bars-yellow: #eef400;
  --global-color-chart-bars-violet: #bb33ff;
  --global-color-chart-bars-babyblue: #00cbeb;
  --global-color-chart-bars-red: #ff2323;
  --global-color-chart-bars-teal: #6df8e1;
  --global-color-chart-bars-sunrise: #ffc300;
  --global-color-chart-bars-slate: #9a9ea7;
  --global-color-chart-default-blue: #437eef;
  --global-color-chart-default-orange: #ff7729;
  --global-color-chart-default-green: #33ff44;
  --global-color-chart-default-fuchsia: #fb64d6;
  --global-color-chart-default-yellow: #eef400;
  --global-color-chart-default-violet: #bb33ff;
  --global-color-chart-default-babyblue: #00cbeb;
  --global-color-chart-default-red: #ff2323;
  --global-color-chart-default-danger: #ff2323;
  --global-color-chart-default-teal: #6df8e1;
  --global-color-chart-default-sunrise: #ffc300;
  --global-color-chart-default-slate: #9a9ea7;
  --global-color-chart-label-default: #ffffff;
  --global-color-chart-label-deselected: lch(100 0 none / 0.3);
  --global-color-iconButton-badge-foreground: #1d1d1d;
  --global-color-iconButton-badge-background: #faff69;
  --global-color-icon-background: linear-gradient(132deg, #FAFF69 8%, #292929 30%);
  --name: dark;
}