@layer clickui {.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);
}
}
@layer clickui {/* 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);
}
}
@layer clickui {/* Design tokens use camelCase segments (e.g. datePicker, dateOption). */
/* stylelint-disable custom-property-pattern */

.clickable-title__CXLxz {
  padding: 0.25rem 0.5rem;
  border: 1px solid transparent;
  border-radius: var(--click-datePicker-dateOption-radii-default);
  background: transparent;
  color: var(--click-datePicker-color-title-default);
  font: var(--click-datePicker-typography-title-default);
  outline: none;
  cursor: pointer;
  user-select: none;
}

.clickable-title__CXLxz:focus,
.clickable-title__CXLxz:focus-visible {
  border-color: var(--click-datePicker-dateOption-color-stroke-hover);
}

.clickable-title__CXLxz:hover {
  background: var(--click-datePicker-dateOption-color-background-hover);
}

.date-picker-container__-WW7c {
  background: var(--click-datePicker-dateOption-color-background-default);
}

.date-table__LSuG6 {
  width: 250px;
  font: var(--typography-styles-product-text-normal-md);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  user-select: none;
}

.date-table__LSuG6 tbody {
  cursor: pointer;
}

.date-table__LSuG6 td,
.date-table__LSuG6 th {
  padding: 4px;
}

.date-table__LSuG6 thead tr {
  height: var(--click-datePicker-dateOption-size-height);
}

.date-table-cell__2SA9O {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-stroke-default);
  border-radius: var(--click-datePicker-dateOption-radii-default);
  font: var(--click-datePicker-dateOption-typography-label-default);
  text-align: center;
  outline: none;
}

.date-table-cell__2SA9O:focus,
.date-table-cell__2SA9O:focus-visible {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-stroke-hover);
  outline: none;
}

.date-table-cell__2SA9O:hover {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-stroke-hover);
  border-radius: var(--click-datePicker-dateOption-radii-default);
}

.date-table-cell_disabled__s7GCx:focus,
.date-table-cell_disabled__s7GCx:focus-visible {
  border-color: var(--click-datePicker-dateOption-color-stroke-disabled);
}

.date-table-cell_disabled__s7GCx:hover {
  border-color: var(--click-datePicker-dateOption-color-stroke-disabled);
}

/* (!isCurrentMonth || isDisabled) */
.date-table-cell_muted__qGOGf {
  color: var(--click-datePicker-dateOption-color-label-disabled);
  font: var(--click-datePicker-dateOption-typography-label-disabled);
}

/* isPresent && !isSelected */
.date-table-cell_present__RVPkq {
  background: var(--click-datePicker-dateOption-color-background-range);
}

.date-table-cell_present__RVPkq:hover {
  background: var(--click-datePicker-dateOption-color-background-range);
}

/* Ordered after `_muted` so the selected color wins for a selected out-of-month
   cell (equal specificity, later declaration wins). */
.date-table-cell_selected__P6-xc {
  background: var(--click-datePicker-dateOption-color-background-active) !important;
  color: var(--click-datePicker-dateOption-color-label-active);
}

.date-table-header__mBVXt {
  width: 14%;
  color: var(--click-datePicker-color-daytitle-default);
  font: var(--click-datePicker-typography-daytitle-default);
}

.empty-date-select-nav__h2d5u {
  visibility: hidden;
  pointer-events: none;
}

.grid-cell__8VIXB {
  display: flex;
  min-height: 26px;
  padding: 8px 4px;
  justify-content: center;
  align-items: center;
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-stroke-default);
  border-radius: var(--click-datePicker-dateOption-radii-default);
  background: var(--click-datePicker-dateOption-color-background-default);
  color: var(--click-datePicker-dateOption-color-label-default);
  font: var(--click-datePicker-dateOption-typography-label-default);
  text-align: center;
  cursor: pointer;
}

.grid-cell__8VIXB:focus {
  border-color: var(--click-datePicker-dateOption-color-stroke-hover);
  outline: none;
}

.grid-cell__8VIXB:focus-visible {
  border-color: var(--click-datePicker-dateOption-color-stroke-hover);
  outline: none;
}

.grid-cell__8VIXB:hover {
  border-color: var(--click-datePicker-dateOption-color-stroke-hover);
}

.grid-cell_active__mIy9X {
  background: var(--click-datePicker-dateOption-color-background-active);
  color: var(--click-datePicker-dateOption-color-label-active);
}

.grid-cell_present__t3KSM {
  background: var(--click-datePicker-dateOption-color-background-range);
}

.grid-container__PbYrA {
  display: grid;
  padding: 0.25rem 0 0;
  gap: calc(var(--click-datePicker-space-gap) * 2);
}

/* HighlightedInputWrapper = styled(InputWrapper). The doubled class beats the
   InputWrapper base `.wrapper` (0,1,0) for the width override and the active
   border. The resting default border and the error border are identical to
   what the InputWrapper base / `.wrapper_error` already render, so they are not
   re-declared here. */
.highlighted-input-wrapper__tel22.highlighted-input-wrapper__tel22 {
  width: 250px;
}

.highlighted-input-wrapper_active__Me-wJ.highlighted-input-wrapper_active__Me-wJ {
  border-color: var(--click-datePicker-dateOption-color-stroke-active);
}

/* Base `.wrapper:hover` (0,1,1) loses to the doubled active class, so re-assert
   the hover border for the active (non-error) input to preserve the original
   hover-over-active behavior. */
.highlighted-input-wrapper_active__Me-wJ.highlighted-input-wrapper_active__Me-wJ:hover {
  border-color: var(--click-field-color-stroke-hover);
}

.highlighted-input-wrapper_fill-width__Yjvys.highlighted-input-wrapper_fill-width__Yjvys {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the original styled-components used this width; preserved for byte-for-byte parity. */
  width: max-content;
  min-width: 250px;
}

.months-grid__DSh1q {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

/* PickerNavControl = styled(IconButton) with `&&`. The IconButton ghost focus
   rule is `.iconbutton_type_ghost:not([disabled]):focus` (0,3,0), so the focus
   override needs (0,4,0) — a tripled class plus the pseudo — to win. */
.picker-nav-control__DWXpi.picker-nav-control__DWXpi.picker-nav-control__DWXpi:focus,
.picker-nav-control__DWXpi.picker-nav-control__DWXpi.picker-nav-control__DWXpi:focus-visible {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-stroke-hover);
  outline: none;
}

/* StyledDropdownItem = styled(Dropdown.Item). Doubled to beat the
   `.dropdown-menu-item` base min-height (0,1,0). */
.styled-dropdown-item__3ck-T.styled-dropdown-item__3ck-T {
  box-sizing: content-box;
  min-height: 24px;
}

.unselectable-title__OaxFE {
  margin: 0;
  padding: 0;
  color: var(--click-datePicker-color-title-default);
  font: var(--click-datePicker-typography-title-default);
  user-select: none;
}

.years-grid__oB0tx {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
}
@layer clickui {/* 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;
}
}
@layer clickui {.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;
}
}
@layer clickui {.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);
}
}
@layer clickui {.error__Wvrfq {
  color: var(--click-field-color-label-error);
  font: var(--click-field-typography-label-error);
}
}
@layer clickui {.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 pre-migration 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. 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);
}
}
@layer clickui {.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.5px;
  }

  60% {
    r: 0;
  }

  100% {
    r: 0;
  }
}

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

  20% {
    r: 0;
  }

  40% {
    r: 1.5px;
  }

  80% {
    r: 0;
  }

  100% {
    r: 0;
  }
}

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

  40% {
    r: 0;
  }

  80% {
    r: 1.5px;
  }

  100% {
    r: 0;
  }
}
}
@layer clickui {/* 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;
  }
}
}
@layer clickui {.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%;
}

.text_wrap_wrap__RR--m {
  white-space: normal;
}

.text_wrap_nowrap__DCK82 {
  white-space: nowrap;
}

.text_wrap_break-word__Oc5qD {
  white-space: normal;
  /* `anywhere` rather than `break-word` so long words also shrink the
   min-content width, which is what flex and table layouts measure. */
  overflow-wrap: anywhere;
}

.text_wrap_break-all__EdYJs {
  white-space: normal;
  word-break: break-all;
}

/* font shorthand depends on both size and weight; one class per pairing
   emits a single `font:` declaration. */

.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;
}
}
@layer clickui {/* 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);
  /* Kept in this file (not Dropdown.module.css) so it can't lose to `overflow: hidden` above due to cross-file import order. */
  overflow-y: auto;
}

.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);
  text-decoration: none;
  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:visited {
  color: var(--gmi-text-default);
}

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

.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:hover .dropdown-arrow__e2s6p,
.generic-menu-item__ApV25[data-state='open'] .dropdown-arrow__e2s6p {
  left: 0.5rem;
}

.generic-menu-item__ApV25[hidden] {
  display: none;
}
}
@layer clickui {.content__UW4Fd {
  --tooltip-max-width: initial;

  display: flex;
  /* Sit above the z-index:1 overlay tier (Dropdown, Menu, ContextMenu, DatePicker)
     so a tooltip triggered from inside one of them isn't occluded by it. */
  z-index: 2;
  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);
}
}
@layer clickui {/* 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;
}
}
@layer clickui {.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;
  flex-shrink: 0;
}

.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);
}
}
@layer clickui {/* 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__G-cEu:focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: 2px;
}

.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;
}
}
@layer clickui {/* Design tokens use camelCase segments (e.g. datePicker, dateOption). */
/* stylelint-disable custom-property-pattern */

/* left value of 276px is the width of the PredefinedDatesContainer + 1 pixel for border */
.calendar-renderer-container__Uuq5T {
  position: absolute;
  top: 0;
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-background-range);
  border-radius: var(--click-datePicker-dateOption-radii-default);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the original styled-components used lch() shadows; preserved for byte-for-byte parity. */
  box-shadow:
    lch(6.77% 0 0deg / 15%) 4px 4px 6px -1px,
    lch(6.77% 0 0deg / 15%) 2px 2px 4px -1px;
}

.calendar-renderer-container_left__prjRb {
  right: 100%;
}

.calendar-renderer-container_right__P2NI5 {
  left: 276px;
}

/* DateRangeTableCell = styled(DateTableCell). Doubled to beat DateTableCell's
   base border/border-radius and `.date-table-cell_present` background (0,1,0). */
.date-range-table-cell_indicator__7mlDH.date-range-table-cell_indicator__7mlDH {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-background-range);
  border-radius: 0;
  background: var(--click-datePicker-dateOption-color-background-range);
}

/* PredefinedCalendarContainer = styled(Panel). Doubled to beat the Panel
   `.panel_align-items_center` / `.panel_color_default` default modifiers (0,1,0). */
.predefined-calendar-container__voUOa.predefined-calendar-container__voUOa {
  align-items: start;
  background: var(--click-panel-color-background-muted);
}

/* styled(Container) — Container's base is `:where(.container)` (0,0,0), so a
   single class wins. */
.predefined-dates-container__AD7R- {
  width: 275px;
}

.scrollable-container__Sghxv {
  max-height: 210px;
  overflow-y: auto;
}

/* Height of 221px is the height the calendar needs to match the PredefinedDatesContainer */
.styled-calendar-renderer__NyOzk {
  min-height: 221px;
  border-radius: var(--click-datePicker-dateOption-radii-default);
}
}
@layer clickui {.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);
}
}
@layer clickui {.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);
}
}
@layer clickui {.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);
}
}
@layer clickui {/* Design tokens use camelCase segments (e.g. datePicker, dateOption). */
/* stylelint-disable custom-property-pattern */

.bottom-padding-tabs__tpwPI {
  padding-bottom: var(--sizes-3);
}

/* left value of 259px is the width of the PredefinedTimesContainer + 1 pixel for border */
.calendar-renderer-container__dPoSA {
  position: absolute;
  top: 0;
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-background-range);
  border-radius: var(--click-datePicker-dateOption-radii-default);
  background: var(--click-datePicker-dateOption-color-background-default);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the original styled-components used lch() shadows; preserved for byte-for-byte parity. */
  box-shadow:
    lch(6.77% 0 0deg / 15%) 4px 4px 6px -1px,
    lch(6.77% 0 0deg / 15%) 2px 2px 4px -1px;
}

.calendar-renderer-container_left__ZLg7b {
  right: 100%;
}

.calendar-renderer-container_right__XAfEt {
  left: 259px;
}

/* DateRangeTableCell = styled(DateTableCell). Doubled to beat DateTableCell's
   base border/border-radius and `.date-table-cell_present` background (0,1,0). */
.date-range-table-cell_indicator__MkHh-.date-range-table-cell_indicator__MkHh- {
  border: var(--click-datePicker-dateOption-stroke) solid
    var(--click-datePicker-dateOption-color-background-range);
  border-radius: 0;
  background: var(--click-datePicker-dateOption-color-background-range);
}

/* NoOverflowDropdownContent = styled(Dropdown.Content). Doubled to beat the
   `.dropdown-menu-content` base `overflow-y: auto` (0,1,0). */
.no-overflow-dropdown-content__8pHim.no-overflow-dropdown-content__8pHim {
  overflow-y: hidden;
}

/* PredefinedCalendarContainer = styled(Panel). Doubled to beat the Panel
   `.panel_align-items_center` / `.panel_color_default` default modifiers (0,1,0). */
.predefined-calendar-container__lJ-3j.predefined-calendar-container__lJ-3j {
  align-items: start;
  background: var(--click-panel-color-background-muted);
}

.predefined-times-container__GdP6y {
  width: 258px;
}

.scrollable-container__C66RL {
  max-height: 210px;
  overflow-y: auto;
}

/* Height of 221px is the height the calendar needs to match the PredefinedTimesContainer */
.styled-calendar-renderer__JumDL {
  min-height: 221px;
  border-radius: var(--click-datePicker-dateOption-radii-default);
}

.styled-trigger-list__mxVmt {
  justify-content: space-around;
}

.time-input-container__VTIT5 {
  background: var(--click-datePicker-dateOption-color-background-default);
}
}
@layer clickui {@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;
}
}
@layer clickui {.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;
  }
}
}
@layer clickui {/* 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 */
}
@layer clickui {.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);
}
}
@layer clickui {/* 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__spacer__kSuvG {
  margin-left: auto;
}

.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;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {.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);
}
}
@layer clickui {.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);
}
}
@layer clickui {.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 `gap` always uses the md token regardless of the badge's actual
   `size` — matching the pre-migration behavior, where the row was never passed
   a 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. Sets `width: auto; overflow: hidden;`
   on the IconWrapper's root and styles the descendant <svg> with color,
   height, width, and `gap: inherit`.

   The content wrapper is keyed off `state` only — `type` and `size` are not
   applied and effectively default to `'opaque'` and `'md'`, matching the
   pre-migration behavior. So the descendant <svg> 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 `svg` rule `.<icon-class> svg { width: ... }` (specificity 0,1,1). Badge
   and Icon are both CSS Modules in the same cascade layer, and Badge's rule
   bundles earlier, so at equal specificity Icon would win on source order —
   the bump keeps BadgeContent's <svg> sizing authoritative. */

/* stylelint-disable no-descending-specificity -- doubled-class selectors below
   raise specificity so they win over the Icon component's `& 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 — rendered as an Icon, keyed off `state` only (size and type
   default), 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 own `svg` rule that sets `color: currentColor` on
   the same element at single-class specificity. Without the bump, source
   order would decide — Badge and Icon are CSS Modules in the same layer and
   Badge bundles first — 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);
}
}
@layer clickui {/* 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);
}
}
@layer clickui {.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 */
}
@layer clickui {.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);
}
}
@layer clickui {.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
   emits a single `font:` declaration. */

.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;
}
}
@layer clickui {.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;
}
}
@layer clickui {.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 {
}
}
@layer clickui {/* 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_variant_var7__5tG25 {
  --checkbox-bg-default: var(--click-checkbox-color-variations-var7-background-default);
  --checkbox-bg-hover: var(--click-checkbox-color-variations-var7-background-hover);
  --checkbox-bg-active: var(--click-checkbox-color-variations-var7-background-active);
  --checkbox-stroke-default: var(--click-checkbox-color-variations-var7-stroke-default);
  --checkbox-stroke-active: var(--click-checkbox-color-variations-var7-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);
}
}
@layer clickui {/* 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 pre-migration styling
   emitted 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 */
}
@layer clickui {/* 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;
}
}
@layer clickui {.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 */
}
}
@layer clickui {.select-value-container__I2dbz {
  display: flex;
  width: 100%;
  overflow: hidden;
  align-items: center;
  white-space: nowrap;
  cursor: inherit;
  pointer-events: inherit;
  text-overflow: ellipsis;
}
}
@layer clickui {/* Generated by `yarn generate:tokens` from tokens/themes. Do not edit by hand. */
: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-variations-var7-background-default: #f6f7fa;
  --click-checkbox-color-variations-var7-background-hover: #f6f7fa;
  --click-checkbox-color-variations-var7-background-active: #ff2323;
  --click-checkbox-color-variations-var7-background-disabled: #dfdfdf;
  --click-checkbox-color-variations-var7-stroke-default: #ff5353;
  --click-checkbox-color-variations-var7-stroke-hover: #ff5353;
  --click-checkbox-color-variations-var7-stroke-active: #ff5353;
  --click-checkbox-color-variations-var7-stroke-disabled: #c0c0c0;
  --click-checkbox-color-variations-var7-check-default: #ffffff;
  --click-checkbox-color-variations-var7-check-hover: #ffffff;
  --click-checkbox-color-variations-var7-check-active: #ffffff;
  --click-checkbox-color-variations-var7-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-progressBar-color-text-default: #ffffff;
  --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;
}
}@layer clickui {/* Generated by `yarn generate:tokens` from tokens/themes. Do not edit by hand. */
[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-variations-var7-background-default: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var7-background-hover: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var7-background-active: #ff2323;
  --click-checkbox-color-variations-var7-background-disabled: rgb(17.794% 17.794% 17.794%);
  --click-checkbox-color-variations-var7-stroke-default: #ff2323;
  --click-checkbox-color-variations-var7-stroke-hover: #ff7575;
  --click-checkbox-color-variations-var7-stroke-active: #ff7575;
  --click-checkbox-color-variations-var7-stroke-disabled: #606060;
  --click-checkbox-color-variations-var7-check-default: #ffffff;
  --click-checkbox-color-variations-var7-check-hover: #ffffff;
  --click-checkbox-color-variations-var7-check-active: #ffffff;
  --click-checkbox-color-variations-var7-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-progressBar-color-text-default: #e6e7e9;
  --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;
}
}@layer clickui {/* Page-level defaults: apply the theme's global text/background colors to
   <body>, swapping with the active `data-cui-theme`. Replaces the old
   styled-components `createGlobalStyle` rule. Wrapped in the `clickui` cascade
   layer (like all click-ui styles), so any consumer `body` rule overrides it. */
body {
  color: var(--click-global-color-text-default);
  background-color: var(--click-global-color-background-default);
}
}
@layer clickui {.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;
  /* assign context to be above pseudo-element 
     can be cleaned up when background is a regular color variable with alpha */
  z-index: 1;
  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;
  opacity: 0;
  position: absolute;
  top: var(--click-codeblock-space-y);
  right: var(--click-codeblock-space-x);
  padding: var(--spaces-1);
  gap: var(--spaces-1);
  pointer-events: none;
  transition: opacity 200ms ease-in-out;
}

.codeblock__pRWOC:hover .codeblock__button-container__D6yob,
.codeblock__pRWOC:focus-within .codeblock__button-container__D6yob {
  opacity: 1;
  pointer-events: auto;
  transition-duration: 150ms;
}

/* this element can be refactored to a color var with alpha when available */
.codeblock__button-container__D6yob::before {
  content: "";
  opacity: 0.85;
  position: absolute;  
  z-index: 0;
  inset: 0;
  border-radius: var(--spaces-1); 
}

/* custom conditional theming can be later replaced with semantic color tokens */
[data-cui-theme="light"] .codeblock__button-container__D6yob::before {
  background: var(--palette-indigo-100);
}

[data-cui-theme="dark"] .codeblock__button-container__D6yob::before {
  background: var(--palette-neutral-900);
}
}@layer clickui {.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;
  }
}
}
@layer clickui {/* 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;
}
}
@layer clickui {/* 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);
}
}
@layer clickui {/* 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);
}
}
@layer clickui {/* 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);
}
}
@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */

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

.menu-panel__-IeVm .close-button__fpjhc {
  /* Offset by the button's own padding so the cross sits at the panel inset */
  position: absolute;
  top: calc(var(--click-popover-space-y) - var(--click-button-iconButton-sm-space-y));
  right: calc(var(--click-popover-space-x) - var(--click-button-iconButton-sm-space-x));
}
}
@layer clickui {.link__Ly-e3 {
  display: inline-flex;
  margin: 0;
  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);
}
}
@layer clickui {.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);
  }
}
}
@layer clickui {/* Design tokens use camelCase segments (e.g. genericMenu). */
/* stylelint-disable custom-property-pattern */

/* PopoverTrigger / PopoverContent = styled(RadixPopover.Trigger/Content). These
   wrap the raw Radix primitives (no CSS Module base), so the classes apply
   directly with no cascade competition. */
.popover-trigger__44tPj {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- the original styled-components used this width; preserved for byte-for-byte parity. */
  width: fit-content;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.popover-trigger__44tPj:disabled {
  cursor: not-allowed;
}

.popover-trigger__44tPj:focus-visible {
  outline: none;
}

.popover-content__ZJbSK {
  z-index: 1;
  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);
}

.popover-content__ZJbSK:focus {
  outline: none;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. progressBar) */

.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(--click-progressBar-color-text-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;
}
}
@layer clickui {/* 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);
}
}
@layer clickui {/* 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);
}
}
@layer clickui {@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);
}
}
@layer clickui {.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;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {/* 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);
}
}
@layer clickui {/* 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%;
}
}
@layer clickui {/*
 * `.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);
}
}
@layer clickui {.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;
}
}
@layer clickui {.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;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {.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 */
}
@layer clickui {.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;
}
}
@layer clickui {/* 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 pre-migration styling 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 pre-migration styling 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);
}
}
@layer clickui {/* 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 pre-migration styling 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 pre-migration 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;
}
}
@layer clickui {/* 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;
}
}
@layer clickui {.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);
}
}
@layer clickui {/* 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 */
}
@layer clickui {/* 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 {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
  word-spacing: inherit;
}

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

.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;
}
}
@layer clickui {.text-truncate__jt9-P {
  --text-truncate-max-width: initial;

  min-width: 0;
  max-width: var(--text-truncate-max-width, 100%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Doubled so `display` beats the base class of a `component` such as Link, whatever the bundle order. */
.text-truncate__jt9-P.text-truncate__jt9-P {
  display: block;
}

.text-truncate_pos-middle__GbijC.text-truncate_pos-middle__GbijC {
  display: flex;
}

/* Isolated so the full-text copy at z-index -1 stays above the backgrounds of ancestors. */
.text-truncate_split__tBLP- {
  position: relative;
  isolation: isolate;
}

/* Inset so ancestors with `overflow: hidden` cannot clip the ring. */
.text-truncate__jt9-P:focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: -2px;
}

.text-truncate__start__8-2tp {
  overflow: hidden;
  flex-shrink: 1;
  text-overflow: ellipsis;
}

.text-truncate__end__BMgDH {
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  text-overflow: ellipsis;
}

.text-truncate_split__tBLP- .text-truncate__start__8-2tp,
.text-truncate_split__tBLP- .text-truncate__end__BMgDH {
  pointer-events: none;
  /* stylelint-disable-next-line property-no-vendor-prefix -- Safari still needs the prefix and the build has no autoprefixer */
  -webkit-user-select: none;
  user-select: none;
}

/* Full text behind the halves: what screen readers read and what a click, triple-click or copy selects. */
.text-truncate__label__zI6pz {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  color: transparent;
  forced-color-adjust: none;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features -- iOS Safari ignores `::selection` and draws its own selection UI */
.text-truncate__label__zI6pz::selection {
  background-color: highlight;
}
}
@layer clickui {.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
  );
}
}