@charset "UTF-8";.g-color-text_color_primary {
  color: var(--g-color-text-primary);
}
.g-color-text_color_complementary {
  color: var(--g-color-text-complementary);
}
.g-color-text_color_secondary {
  color: var(--g-color-text-secondary);
}
.g-color-text_color_hint {
  color: var(--g-color-text-hint);
}
.g-color-text_color_info {
  color: var(--g-color-text-info);
}
.g-color-text_color_info-heavy {
  color: var(--g-color-text-info-heavy);
}
.g-color-text_color_positive {
  color: var(--g-color-text-positive);
}
.g-color-text_color_positive-heavy {
  color: var(--g-color-text-positive-heavy);
}
.g-color-text_color_warning {
  color: var(--g-color-text-warning);
}
.g-color-text_color_warning-heavy {
  color: var(--g-color-text-warning-heavy);
}
.g-color-text_color_danger {
  color: var(--g-color-text-danger);
}
.g-color-text_color_danger-heavy {
  color: var(--g-color-text-danger-heavy);
}
.g-color-text_color_utility {
  color: var(--g-color-text-utility);
}
.g-color-text_color_utility-heavy {
  color: var(--g-color-text-utility-heavy);
}
.g-color-text_color_misc {
  color: var(--g-color-text-misc);
}
.g-color-text_color_misc-heavy {
  color: var(--g-color-text-misc-heavy);
}
.g-color-text_color_brand {
  color: var(--g-color-text-brand);
}
.g-color-text_color_link {
  color: var(--g-color-text-link);
}
.g-color-text_color_link-hover {
  color: var(--g-color-text-link-hover);
}
.g-color-text_color_link-visited {
  color: var(--g-color-text-link-visited);
}
.g-color-text_color_link-visited-hover {
  color: var(--g-color-text-link-visited-hover);
}
.g-color-text_color_dark-primary {
  color: var(--g-color-text-dark-primary);
}
.g-color-text_color_dark-complementary {
  color: var(--g-color-text-dark-complementary);
}
.g-color-text_color_dark-secondary {
  color: var(--g-color-text-dark-secondary);
}
.g-color-text_color_light-primary {
  color: var(--g-color-text-light-primary);
}
.g-color-text_color_light-complementary {
  color: var(--g-color-text-light-complementary);
}
.g-color-text_color_light-secondary {
  color: var(--g-color-text-light-secondary);
}
.g-color-text_color_light-hint {
  color: var(--g-color-text-light-hint);
}
.g-color-text_color_inverted-primary {
  color: var(--g-color-text-inverted-primary);
}
.g-color-text_color_inverted-complementary {
  color: var(--g-color-text-inverted-complementary);
}
.g-color-text_color_inverted-secondary {
  color: var(--g-color-text-inverted-secondary);
}
.g-color-text_color_inverted-hint {
  color: var(--g-color-text-inverted-hint);
}.g-icon {
  line-height: 0;
  vertical-align: top;
}.g-hotkey {
  display: inline-block;
  padding: 1px 5px;
  border-radius: var(--g-border-radius-xs);
}
.g-hotkey,
.g-hotkey kbd {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-hotkey_view_light {
  color: var(--g-color-text-primary);
  background-color: var(--g-color-base-generic);
}
.g-hotkey_view_light .g-hotkey__plus {
  color: var(--g-color-text-hint);
}
.g-hotkey_view_dark {
  color: var(--g-color-text-light-complementary);
  background-color: var(--g-color-base-light-simple-hover);
}
.g-hotkey_view_dark .g-hotkey__plus {
  color: var(--g-color-text-light-hint);
}.g-portal__theme-wrapper {
  display: contents;
}.g-tooltip {
  --_--text-color: var(--g-tooltip-text-color, var(--g-color-text-primary));
  --_--background-color: var(--g-tooltip-background-color, var(--g-color-base-float));
  --_--padding: var(--g-tooltip-padding, var(--g-spacing-1) var(--g-spacing-2));
  --_--border-radius: var(--g-tooltip-border-radius, 4px);
  --_--box-shadow: var(--g-tooltip-box-shadow, 0 1px 5px 0 var(--g-color-sfx-shadow));
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -webkit-line-clamp: 20;
  -moz-line-clamp: 20;
  -ms-line-clamp: 20;
  box-sizing: border-box;
  padding: var(--_--padding);
  max-width: 360px;
  background-color: var(--_--background-color);
  box-shadow: var(--_--box-shadow);
  border-radius: var(--_--border-radius);
  overflow: hidden;
  text-overflow: ellipsis;
}.g-action-tooltip {
  --g-tooltip-text-color: var(--g-color-text-light-primary);
  --g-tooltip-background-color: var(--g-color-base-float-heavy);
  --g-tooltip-padding: var(--g-spacing-2) var(--g-spacing-3);
}
.g-action-tooltip__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.g-action-tooltip__title {
  color: var(--g-color-text-light-primary);
}
.g-action-tooltip__hotkey {
  margin-inline-start: var(--g-spacing-2);
}
.g-action-tooltip__description {
  margin-block-start: var(--g-spacing-1);
  color: var(--g-color-text-light-secondary);
}
.g-button {
  --_--text-color: var(--g-color-text-primary);
  --_--text-color-hover: var(--_--text-color);
  --_--background-color: transparent;
  --_--background-color-hover: var(--g-color-base-simple-hover);
  --_--border-width: 0;
  --_--border-color: currentColor;
  --_--focus-outline-color: var(--g-color-line-focus);
  --_--focus-outline-offset: 0;
  --_--font-size: var(--g-text-body-1-font-size);
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  height: var(--g-button-height, var(--_--height));
  line-height: var(--g-button-height, var(--_--height));
  font-size: var(--g-button-font-size, var(--_--font-size));
  user-select: none;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  color: var(--g-button-text-color, var(--_--text-color));
  background: transparent;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: transform 0.1s ease-out, color 0.15s linear;
  transform: scale(1);
  display: inline-flex;
  justify-content: center;
  padding: 0 var(--g-button-padding, var(--_--padding));
  gap: var(--g-button-icon-offset, var(--_--icon-offset));
}
.g-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: var(--g-button-background-color, var(--_--background-color));
  border: var(--g-button-border-width, var(--_--border-width)) var(--g-button-border-style, solid) var(--g-button-border-color, var(--_--border-color));
  transition: background-color 0.15s linear;
}
.g-button:hover, .g-button[aria-haspopup][aria-expanded=true] {
  color: var(--g-button-text-color-hover, var(--_--text-color-hover));
}
.g-button:hover::before, .g-button[aria-haspopup][aria-expanded=true]::before {
  background-color: var(--g-button-background-color-hover, var(--_--background-color-hover));
}
.g-button:focus-visible::before {
  outline: var(--g-button-focus-outline-color, var(--_--focus-outline-color)) var(--g-button-focus-outline-style, solid) var(--g-button-focus-outline-width, 2px);
  outline-offset: var(--g-button-focus-outline-offset, var(--_--focus-outline-offset));
}
.g-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: scale(1);
  transition: none;
}
.g-button:active {
  transition: none;
  transform: scale(0.96);
}
.g-button:active::after {
  transform: scale(1.042);
}
.g-button_size_xs {
  --_--height: 20px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--padding: 6px;
  --_--icon-space: 12px;
  --_--icon-offset: 4px;
}
.g-button_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--padding: 8px;
  --_--icon-space: 16px;
  --_--icon-offset: 4px;
}
.g-button_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--padding: 12px;
  --_--icon-space: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_l {
  --_--height: 36px;
  --_--border-radius: var(--g-border-radius-l);
  --_--padding: 16px;
  --_--icon-space: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_xl {
  --_--height: 44px;
  --_--border-radius: var(--g-border-radius-xl);
  --_--padding: 24px;
  --_--icon-space: 20px;
  --_--icon-offset: 12px;
  --_--font-size: var(--g-text-body-2-font-size);
}
.g-button_view_normal {
  --_--background-color: var(--g-color-base-generic);
  --_--background-color-hover: var(--g-color-base-generic-hover);
}
.g-button_view_action {
  --_--text-color: var(--g-color-text-brand-contrast);
  --_--background-color: var(--g-color-base-brand);
  --_--background-color-hover: var(--g-color-base-brand-hover);
  --_--focus-outline-color: var(--g-color-base-brand);
  --_--focus-outline-offset: 1px;
}
.g-button_view_outlined {
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-generic);
}
.g-button_view_outlined-info {
  --_--text-color: var(--g-color-text-info);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-info);
}
.g-button_view_outlined-success {
  --_--text-color: var(--g-color-text-positive);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-positive);
}
.g-button_view_outlined-warning {
  --_--text-color: var(--g-color-text-warning);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-warning);
}
.g-button_view_outlined-danger {
  --_--text-color: var(--g-color-text-danger);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-danger);
}
.g-button_view_outlined-utility {
  --_--text-color: var(--g-color-text-utility);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-utility);
}
.g-button_view_outlined-action {
  --_--text-color: var(--g-color-text-brand);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-brand);
}
.g-button_view_raised {
  --_--background-color: var(--g-color-base-float);
  --_--background-color-hover: var(--g-color-base-float-hover);
}
.g-button_view_raised::before {
  box-shadow: 0 3px 5px var(--g-color-sfx-shadow);
}
.g-button_view_raised:active::before {
  box-shadow: 0 1px 2px var(--g-color-sfx-shadow);
}
.g-button_view_flat-secondary {
  --_--text-color: var(--g-color-text-secondary);
  --_--text-color-hover: var(--g-color-text-primary);
}
.g-button_view_flat-info {
  --_--text-color: var(--g-color-text-info);
}
.g-button_view_flat-success {
  --_--text-color: var(--g-color-text-positive);
}
.g-button_view_flat-warning {
  --_--text-color: var(--g-color-text-warning);
}
.g-button_view_flat-danger {
  --_--text-color: var(--g-color-text-danger);
}
.g-button_view_flat-utility {
  --_--text-color: var(--g-color-text-utility);
}
.g-button_view_flat-action {
  --_--text-color: var(--g-color-text-brand);
}
.g-button_view_normal-contrast {
  --_--text-color: var(--g-color-text-dark-primary);
  --_--background-color: var(--g-color-base-light);
  --_--background-color-hover: var(--g-color-base-light-hover);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_view_normal-contrast.g-button_loading {
  --_--background-color-hover: var(--g-color-base-simple-hover);
}
.g-button_view_outlined-contrast {
  --_--text-color: var(--g-color-text-light-primary);
  --_--background-color-hover: var(--g-color-base-light-simple-hover);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-light);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_view_flat-contrast {
  --_--text-color: var(--g-color-text-light-primary);
  --_--background-color-hover: var(--g-color-base-light-simple-hover);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_pin_round-round::before {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}

.g-button_pin_brick-brick::before {
  border-radius: 0;
}

.g-button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}

.g-button_pin_circle-circle::before {
  border-radius: 100px;
}

.g-button_pin_round-brick::before {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}

.g-button_pin_brick-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}

.g-button_pin_round-clear::before {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-button_pin_clear-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}

.g-button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}

.g-button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}

.g-button_pin_circle-brick::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}

.g-button_pin_brick-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}

.g-button_pin_circle-clear::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-button_pin_clear-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}

.g-button_pin_round-round::after {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}

.g-button_pin_brick-brick::after {
  border-radius: 0;
}

.g-button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}

.g-button_pin_circle-circle::after {
  border-radius: 100px;
}

.g-button_pin_round-brick::after {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}

.g-button_pin_brick-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}

.g-button_pin_round-clear::after {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-button_pin_clear-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}

.g-button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}

.g-button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}

.g-button_pin_circle-brick::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}

.g-button_pin_brick-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}

.g-button_pin_circle-clear::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-button_pin_clear-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}

.g-button__text {
  display: inline-block;
  white-space: nowrap;
}
.g-button__icon {
  display: inline-block;
  position: relative;
  margin: 0 calc((var(--g-button-height, var(--_--height)) - var(--g-button-icon-space, var(--_--icon-space))) / 2 * -1);
  width: var(--g-button-height, var(--_--height));
  height: var(--g-button-height, var(--_--height));
  flex-shrink: 0;
}
.g-button__icon::after {
  content: " ";
  visibility: hidden;
}
.g-button__icon-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-button__icon_side_start {
  order: -1;
}
.g-button__icon_side_end {
  order: 1;
}
.g-button__icon:only-child {
  margin: 0;
}
.g-button:has(.g-button__icon:only-child) {
  --_--padding: 0;
}
.g-button:has(.g-button__icon:only-child):not(.g-button_width_max) {
  width: var(--g-button-height, var(--_--height));
}
.g-button_selected:not(.g-button_view_outlined-contrast) {
  --_--border-width: 0;
}
.g-button_selected:not(.g-button_view_normal-contrast,
.g-button_view_flat-contrast,
.g-button_view_outlined-contrast) {
  --_--text-color: var(--g-color-text-brand-heavy);
  --_--background-color: var(--g-color-base-selection);
  --_--background-color-hover: var(--g-color-base-selection-hover);
}
.g-button_selected.g-button_view_outlined-info, .g-button_selected.g-button_view_flat-info {
  --_--text-color: var(--g-color-text-info-heavy);
  --_--background-color: var(--g-color-base-info-light);
  --_--background-color-hover: var(--g-color-base-info-light-hover);
}
.g-button_selected.g-button_view_outlined-success, .g-button_selected.g-button_view_flat-success {
  --_--text-color: var(--g-color-text-positive-heavy);
  --_--background-color: var(--g-color-base-positive-light);
  --_--background-color-hover: var(--g-color-base-positive-light-hover);
}
.g-button_selected.g-button_view_outlined-warning, .g-button_selected.g-button_view_flat-warning {
  --_--text-color: var(--g-color-text-warning-heavy);
  --_--background-color: var(--g-color-base-warning-light);
  --_--background-color-hover: var(--g-color-base-warning-light-hover);
}
.g-button_selected.g-button_view_outlined-danger, .g-button_selected.g-button_view_flat-danger {
  --_--text-color: var(--g-color-text-danger-heavy);
  --_--background-color: var(--g-color-base-danger-light);
  --_--background-color-hover: var(--g-color-base-danger-light-hover);
}
.g-button_selected.g-button_view_outlined-utility, .g-button_selected.g-button_view_flat-utility {
  --_--text-color: var(--g-color-text-utility-heavy);
  --_--background-color: var(--g-color-base-utility-light);
  --_--background-color-hover: var(--g-color-base-utility-light-hover);
}
.g-button_disabled {
  cursor: default;
  pointer-events: none;
}
.g-button_disabled:not(.g-button_loading) {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--background-color-hover: var(--g-color-base-generic-accent-disabled);
  --_--border-width: 0;
}
.g-button_disabled:not(.g-button_loading):is(.g-button_view_normal-contrast, .g-button_view_outlined-contrast) {
  --_--text-color: var(--g-color-text-light-secondary);
  --_--background-color: var(--g-color-base-light-disabled);
  --_--background-color-hover: var(--g-color-base-light-disabled);
}
.g-button_disabled:not(.g-button_loading):is(.g-button_view_flat,
.g-button_view_flat-secondary,
.g-button_view_flat-info,
.g-button_view_flat-success,
.g-button_view_flat-warning,
.g-button_view_flat-danger,
.g-button_view_flat-utility,
.g-button_view_flat-action,
.g-button_view_flat-contrast) {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--background-color-hover: transparent;
}
.g-button_disabled:not(.g-button_loading).g-button_view_flat-contrast {
  --_--text-color: var(--g-color-text-light-hint);
}
.g-button_disabled:active {
  transform: scale(1);
}
.g-button_loading::before {
  background-image: repeating-linear-gradient(-45deg, var(--g-button-background-color, var(--_--background-color)), var(--g-button-background-color, var(--_--background-color)) 4px, var(--g-button-background-color-hover, var(--_--background-color-hover)) 4px, var(--g-button-background-color-hover, var(--_--background-color-hover)) 8px);
  background-size: 150%;
  background-clip: padding-box;
  animation: g-loading-animation 0.5s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .g-button_loading::before {
    animation: none;
  }
}
.g-button_width_auto {
  max-width: 100%;
}
.g-button_width_max {
  width: 100%;
}
.g-button_width_auto .g-button__text, .g-button_width_max .g-button__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}.g-text_variant_display-1 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-1-font-size);
  line-height: var(--g-text-display-1-line-height);
}
.g-text_variant_display-2 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-2-font-size);
  line-height: var(--g-text-display-2-line-height);
}
.g-text_variant_display-3 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-3-font-size);
  line-height: var(--g-text-display-3-line-height);
}
.g-text_variant_display-4 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-4-font-size);
  line-height: var(--g-text-display-4-line-height);
}
.g-text_variant_code-1 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-1-font-size);
  line-height: var(--g-text-code-1-line-height);
}
.g-text_variant_code-2 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-2-font-size);
  line-height: var(--g-text-code-2-line-height);
}
.g-text_variant_code-3 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-3-font-size);
  line-height: var(--g-text-code-3-line-height);
}
.g-text_variant_code-inline-1 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-1-font-size);
  line-height: var(--g-text-code-inline-1-line-height);
}
.g-text_variant_code-inline-2 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-2-font-size);
  line-height: var(--g-text-code-inline-2-line-height);
}
.g-text_variant_code-inline-3 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-3-font-size);
  line-height: var(--g-text-code-inline-3-line-height);
}
.g-text_variant_body-1 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-text_variant_body-2 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-text_variant_body-3 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.g-text_variant_body-short {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-text_variant_caption-1 {
  font-family: var(--g-text-caption-font-family);
  font-weight: var(--g-text-caption-font-weight);
  font-size: var(--g-text-caption-1-font-size);
  line-height: var(--g-text-caption-1-line-height);
}
.g-text_variant_caption-2 {
  font-family: var(--g-text-caption-font-family);
  font-weight: var(--g-text-caption-font-weight);
  font-size: var(--g-text-caption-2-font-size);
  line-height: var(--g-text-caption-2-line-height);
}
.g-text_variant_header-1 {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.g-text_variant_header-2 {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-2-font-size);
  line-height: var(--g-text-header-2-line-height);
}
.g-text_variant_subheader-1 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-1-font-size);
  line-height: var(--g-text-subheader-1-line-height);
}
.g-text_variant_subheader-2 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-2-font-size);
  line-height: var(--g-text-subheader-2-line-height);
}
.g-text_variant_subheader-3 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-text_ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-text_ellipsis-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  align-self: center;
  white-space: normal;
  -webkit-line-clamp: 2;
}
.g-text_ws_nowrap {
  white-space: nowrap;
}
.g-text_ws_break-spaces {
  white-space: break-spaces;
}
.g-text_wb_break-all {
  word-break: break-all;
}
.g-text_wb_break-word {
  word-break: break-word;
}.g-menu {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden auto;
  font-size: var(--g-text-body-1-font-size);
  color: var(--g-color-text-primary);
  background-color: var(--g-color-base-float);
  user-select: none;
  outline: none;
}
.g-menu__list-group-item + .g-menu__list-group-item, .g-menu__list-item + .g-menu__list-group-item, .g-menu__list-group-item + .g-menu__list-item {
  border-block-start: 1px solid var(--g-color-line-generic);
}
.g-menu__item {
  display: flex;
  align-items: center;
  color: var(--g-color-text-primary);
  text-decoration: none;
  outline: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-menu__item-icon {
  display: flex;
}
.g-menu__item-icon-end {
  display: flex;
  margin-inline-end: 0;
}
.g-menu__item-content {
  flex-grow: 1;
  min-width: 0;
}
.g-menu__item_interactive {
  cursor: pointer;
}
.g-menu__item_interactive:hover, .g-menu__item_interactive:focus-visible {
  background-color: var(--g-color-base-simple-hover);
}
.g-menu__item_selected {
  background-color: var(--g-color-base-simple-hover);
}
.g-menu__item_disabled {
  color: var(--g-color-text-secondary);
  cursor: default;
  pointer-events: none;
}
.g-menu__item_disabled:hover {
  background-color: transparent;
}
.g-menu__item_active {
  cursor: default;
  background-color: var(--g-color-base-selection);
}
.g-menu__item_active:hover, .g-menu__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-menu__item_theme_danger:not(.g-menu__item_disabled) {
  color: var(--g-color-text-danger);
}
.g-menu__group-label {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-hint);
}
.g-menu__group-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.g-menu_size_s {
  line-height: 24px;
  padding: var(--g-spacing-1) 0;
}
.g-menu_size_s .g-menu__item,
.g-menu_size_s .g-menu__group-label {
  padding: 0 var(--g-spacing-3);
}
.g-menu_size_s .g-menu__item-icon {
  margin-inline-end: var(--g-spacing-2);
}
.g-menu_size_s .g-menu__item-icon-end {
  margin-inline-start: var(--g-spacing-2);
}
.g-menu_size_s .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_s .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_s .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: var(--g-spacing-1);
  padding-block-start: var(--g-spacing-1);
}
.g-menu_size_m {
  line-height: 28px;
  padding: var(--g-spacing-1) 0;
}
.g-menu_size_m .g-menu__item,
.g-menu_size_m .g-menu__group-label {
  padding: 0 var(--g-spacing-3);
}
.g-menu_size_m .g-menu__item-icon {
  margin-inline-end: var(--g-spacing-2);
}
.g-menu_size_m .g-menu__item-icon-end {
  margin-inline-start: var(--g-spacing-2);
}
.g-menu_size_m .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_m .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_m .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: var(--g-spacing-1);
  padding-block-start: var(--g-spacing-1);
}
.g-menu_size_l {
  line-height: 32px;
  padding: var(--g-spacing-1) 0;
}
.g-menu_size_l .g-menu__item,
.g-menu_size_l .g-menu__group-label {
  padding: 0 var(--g-spacing-4);
}
.g-menu_size_l .g-menu__item-icon {
  margin-inline-end: var(--g-spacing-2);
}
.g-menu_size_l .g-menu__item-icon-end {
  margin-inline-start: var(--g-spacing-2);
}
.g-menu_size_l .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_l .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_l .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: var(--g-spacing-1);
  padding-block-start: var(--g-spacing-1);
}
.g-menu_size_xl {
  font-size: var(--g-text-body-2-font-size);
  line-height: 36px;
  padding: var(--g-spacing-1) 0;
}
.g-menu_size_xl .g-menu__item,
.g-menu_size_xl .g-menu__group-label {
  padding: 0 var(--g-spacing-4);
}
.g-menu_size_xl .g-menu__item-icon {
  margin-inline-end: var(--g-spacing-3);
}
.g-menu_size_xl .g-menu__item-icon-end {
  margin-inline-start: var(--g-spacing-3);
}
.g-menu_size_xl .g-menu__list-group-item:not(:first-child) {
  margin-block-start: 6px;
  padding-block-start: 6px;
}
.g-menu_size_xl .g-menu__list-group-item:not(:last-child) {
  margin-block-end: 6px;
  padding-block-end: 6px;
}.g-popup {
  --_--background-color: var(--g-popup-background-color, var(--g-color-base-float));
  --_--border-color: var(--g-popup-border-color, var(--g-color-line-generic-solid));
  --_--border-radius: var(--g-popup-border-radius, 4px);
  --_--border-width: var(--g-popup-border-width, 1px);
  position: relative;
  border-radius: var(--_--border-radius);
  background-color: var(--_--background-color);
  box-shadow: 0 0 0 var(--_--border-width) var(--_--border-color), 0 8px 20px var(--_--border-width) var(--g-color-sfx-shadow);
  outline: none;
  visibility: hidden;
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
}
.g-popup_open {
  visibility: visible;
}
.g-popup_disable-transition {
  transition: none;
}
.g-popup > :first-child:not(.g-popup__arrow), .g-popup > .g-popup__arrow + * {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-popup > :last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
[data-floating-ui-status=open] > .g-popup, [data-floating-ui-status=close] > .g-popup {
  transition-duration: 100ms;
}

[data-floating-ui-status=initial] > .g-popup, [data-floating-ui-status=close] > .g-popup {
  opacity: 0;
  transform: translate(0, 0);
}

[data-floating-ui-status=initial][data-floating-ui-placement*=bottom] > .g-popup, [data-floating-ui-status=close][data-floating-ui-placement*=bottom] > .g-popup {
  transform: translateY(10px);
}

[data-floating-ui-status=initial][data-floating-ui-placement*=top] > .g-popup, [data-floating-ui-status=close][data-floating-ui-placement*=top] > .g-popup {
  transform: translateY(-10px);
}

[data-floating-ui-status=initial][data-floating-ui-placement*=left] > .g-popup, [data-floating-ui-status=close][data-floating-ui-placement*=left] > .g-popup {
  transform: translateX(-10px);
}

[data-floating-ui-status=initial][data-floating-ui-placement*=right] > .g-popup, [data-floating-ui-status=close][data-floating-ui-placement*=right] > .g-popup {
  transform: translateX(10px);
}

@media (prefers-reduced-motion: reduce) {
  [data-floating-ui-status][data-floating-ui-placement] > .g-popup {
    transform: none;
    transition-property: opacity;
  }
}
.g-popup__arrow {
  position: absolute;
}
.g-popup__arrow-content {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.g-popup__arrow-circle-wrapper {
  background-color: transparent;
  overflow: hidden;
  width: 9px;
  height: 9px;
  position: relative;
}
.g-popup__arrow-circle {
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: inset 0 0 0 calc(5px - var(--_--border-width)) var(--_--background-color), inset 0 0 0 5px var(--_--border-color);
  width: 28px;
  height: 30px;
  position: absolute;
}
.g-popup__arrow-circle_left {
  inset-inline-end: -5px;
  inset-block-end: -4px;
}
.g-popup__arrow-circle_right {
  inset-inline-start: -5px;
  inset-block-end: -4px;
}
[data-floating-ui-placement*=bottom] .g-popup__arrow {
  inset-block-start: -9px;
}

[data-floating-ui-placement*=top] .g-popup__arrow {
  inset-block-end: -9px;
}
[data-floating-ui-placement*=top] .g-popup__arrow-content {
  transform: rotate(180deg);
}

[data-floating-ui-placement*=left] .g-popup__arrow {
  right: -9px;
}
[data-floating-ui-placement*=left] .g-popup__arrow-content {
  transform: rotate(90deg);
}

[data-floating-ui-placement*=right] .g-popup__arrow {
  left: -9px;
}
[data-floating-ui-placement*=right] .g-popup__arrow-content {
  transform: rotate(-90deg);
}.g-dropdown-menu__switcher-wrapper {
  display: inline-block;
}
.g-dropdown-menu__switcher-button {
  display: flex;
}
.g-dropdown-menu__menu-item_separator {
  border-block-start: 1px solid var(--g-color-line-generic-solid);
  margin: 0.5em 0;
  pointer-events: none;
}
.g-dropdown-menu__sub-menu-arrow {
  inset-inline-end: -4px;
  position: relative;
}
.g-dropdown-menu__sub-menu {
  position: relative;
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:before, .g-dropdown-menu__sub-menu .g-dropdown-menu__menu:after {
  position: absolute;
  inset-block-start: 0;
  width: 10px;
  height: 100%;
  content: "";
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:before {
  inset-inline-start: -10px;
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:after {
  inset-inline-end: -10px;
}
.g-dropdown-menu__popup-content > :first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-dropdown-menu__popup-content > :last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}.g-s__m_0 {
  margin: var(--g-spacing-0);
}
.g-s__mr_0 {
  margin-inline-end: var(--g-spacing-0);
}
.g-s__ml_0 {
  margin-inline-start: var(--g-spacing-0);
}
.g-s__mt_0 {
  margin-block-start: var(--g-spacing-0);
}
.g-s__mb_0 {
  margin-block-end: var(--g-spacing-0);
}
.g-s__mx_0 {
  margin-inline: var(--g-spacing-0);
}
.g-s__my_0 {
  margin-block: var(--g-spacing-0);
}
.g-s__p_0 {
  padding: var(--g-spacing-0);
}
.g-s__pl_0 {
  padding-inline-start: var(--g-spacing-0);
}
.g-s__pr_0 {
  padding-inline-end: var(--g-spacing-0);
}
.g-s__pb_0 {
  padding-block-end: var(--g-spacing-0);
}
.g-s__pt_0 {
  padding-block-start: var(--g-spacing-0);
}
.g-s__py_0 {
  padding-block: var(--g-spacing-0);
}
.g-s__px_0 {
  padding-inline: var(--g-spacing-0);
}
.g-s__m_half {
  margin: var(--g-spacing-half);
}
.g-s__mr_half {
  margin-inline-end: var(--g-spacing-half);
}
.g-s__ml_half {
  margin-inline-start: var(--g-spacing-half);
}
.g-s__mt_half {
  margin-block-start: var(--g-spacing-half);
}
.g-s__mb_half {
  margin-block-end: var(--g-spacing-half);
}
.g-s__mx_half {
  margin-inline: var(--g-spacing-half);
}
.g-s__my_half {
  margin-block: var(--g-spacing-half);
}
.g-s__p_half {
  padding: var(--g-spacing-half);
}
.g-s__pl_half {
  padding-inline-start: var(--g-spacing-half);
}
.g-s__pr_half {
  padding-inline-end: var(--g-spacing-half);
}
.g-s__pb_half {
  padding-block-end: var(--g-spacing-half);
}
.g-s__pt_half {
  padding-block-start: var(--g-spacing-half);
}
.g-s__py_half {
  padding-block: var(--g-spacing-half);
}
.g-s__px_half {
  padding-inline: var(--g-spacing-half);
}
.g-s__m_1 {
  margin: var(--g-spacing-1);
}
.g-s__mr_1 {
  margin-inline-end: var(--g-spacing-1);
}
.g-s__ml_1 {
  margin-inline-start: var(--g-spacing-1);
}
.g-s__mt_1 {
  margin-block-start: var(--g-spacing-1);
}
.g-s__mb_1 {
  margin-block-end: var(--g-spacing-1);
}
.g-s__mx_1 {
  margin-inline: var(--g-spacing-1);
}
.g-s__my_1 {
  margin-block: var(--g-spacing-1);
}
.g-s__p_1 {
  padding: var(--g-spacing-1);
}
.g-s__pl_1 {
  padding-inline-start: var(--g-spacing-1);
}
.g-s__pr_1 {
  padding-inline-end: var(--g-spacing-1);
}
.g-s__pb_1 {
  padding-block-end: var(--g-spacing-1);
}
.g-s__pt_1 {
  padding-block-start: var(--g-spacing-1);
}
.g-s__py_1 {
  padding-block: var(--g-spacing-1);
}
.g-s__px_1 {
  padding-inline: var(--g-spacing-1);
}
.g-s__m_2 {
  margin: var(--g-spacing-2);
}
.g-s__mr_2 {
  margin-inline-end: var(--g-spacing-2);
}
.g-s__ml_2 {
  margin-inline-start: var(--g-spacing-2);
}
.g-s__mt_2 {
  margin-block-start: var(--g-spacing-2);
}
.g-s__mb_2 {
  margin-block-end: var(--g-spacing-2);
}
.g-s__mx_2 {
  margin-inline: var(--g-spacing-2);
}
.g-s__my_2 {
  margin-block: var(--g-spacing-2);
}
.g-s__p_2 {
  padding: var(--g-spacing-2);
}
.g-s__pl_2 {
  padding-inline-start: var(--g-spacing-2);
}
.g-s__pr_2 {
  padding-inline-end: var(--g-spacing-2);
}
.g-s__pb_2 {
  padding-block-end: var(--g-spacing-2);
}
.g-s__pt_2 {
  padding-block-start: var(--g-spacing-2);
}
.g-s__py_2 {
  padding-block: var(--g-spacing-2);
}
.g-s__px_2 {
  padding-inline: var(--g-spacing-2);
}
.g-s__m_3 {
  margin: var(--g-spacing-3);
}
.g-s__mr_3 {
  margin-inline-end: var(--g-spacing-3);
}
.g-s__ml_3 {
  margin-inline-start: var(--g-spacing-3);
}
.g-s__mt_3 {
  margin-block-start: var(--g-spacing-3);
}
.g-s__mb_3 {
  margin-block-end: var(--g-spacing-3);
}
.g-s__mx_3 {
  margin-inline: var(--g-spacing-3);
}
.g-s__my_3 {
  margin-block: var(--g-spacing-3);
}
.g-s__p_3 {
  padding: var(--g-spacing-3);
}
.g-s__pl_3 {
  padding-inline-start: var(--g-spacing-3);
}
.g-s__pr_3 {
  padding-inline-end: var(--g-spacing-3);
}
.g-s__pb_3 {
  padding-block-end: var(--g-spacing-3);
}
.g-s__pt_3 {
  padding-block-start: var(--g-spacing-3);
}
.g-s__py_3 {
  padding-block: var(--g-spacing-3);
}
.g-s__px_3 {
  padding-inline: var(--g-spacing-3);
}
.g-s__m_4 {
  margin: var(--g-spacing-4);
}
.g-s__mr_4 {
  margin-inline-end: var(--g-spacing-4);
}
.g-s__ml_4 {
  margin-inline-start: var(--g-spacing-4);
}
.g-s__mt_4 {
  margin-block-start: var(--g-spacing-4);
}
.g-s__mb_4 {
  margin-block-end: var(--g-spacing-4);
}
.g-s__mx_4 {
  margin-inline: var(--g-spacing-4);
}
.g-s__my_4 {
  margin-block: var(--g-spacing-4);
}
.g-s__p_4 {
  padding: var(--g-spacing-4);
}
.g-s__pl_4 {
  padding-inline-start: var(--g-spacing-4);
}
.g-s__pr_4 {
  padding-inline-end: var(--g-spacing-4);
}
.g-s__pb_4 {
  padding-block-end: var(--g-spacing-4);
}
.g-s__pt_4 {
  padding-block-start: var(--g-spacing-4);
}
.g-s__py_4 {
  padding-block: var(--g-spacing-4);
}
.g-s__px_4 {
  padding-inline: var(--g-spacing-4);
}
.g-s__m_5 {
  margin: var(--g-spacing-5);
}
.g-s__mr_5 {
  margin-inline-end: var(--g-spacing-5);
}
.g-s__ml_5 {
  margin-inline-start: var(--g-spacing-5);
}
.g-s__mt_5 {
  margin-block-start: var(--g-spacing-5);
}
.g-s__mb_5 {
  margin-block-end: var(--g-spacing-5);
}
.g-s__mx_5 {
  margin-inline: var(--g-spacing-5);
}
.g-s__my_5 {
  margin-block: var(--g-spacing-5);
}
.g-s__p_5 {
  padding: var(--g-spacing-5);
}
.g-s__pl_5 {
  padding-inline-start: var(--g-spacing-5);
}
.g-s__pr_5 {
  padding-inline-end: var(--g-spacing-5);
}
.g-s__pb_5 {
  padding-block-end: var(--g-spacing-5);
}
.g-s__pt_5 {
  padding-block-start: var(--g-spacing-5);
}
.g-s__py_5 {
  padding-block: var(--g-spacing-5);
}
.g-s__px_5 {
  padding-inline: var(--g-spacing-5);
}
.g-s__m_6 {
  margin: var(--g-spacing-6);
}
.g-s__mr_6 {
  margin-inline-end: var(--g-spacing-6);
}
.g-s__ml_6 {
  margin-inline-start: var(--g-spacing-6);
}
.g-s__mt_6 {
  margin-block-start: var(--g-spacing-6);
}
.g-s__mb_6 {
  margin-block-end: var(--g-spacing-6);
}
.g-s__mx_6 {
  margin-inline: var(--g-spacing-6);
}
.g-s__my_6 {
  margin-block: var(--g-spacing-6);
}
.g-s__p_6 {
  padding: var(--g-spacing-6);
}
.g-s__pl_6 {
  padding-inline-start: var(--g-spacing-6);
}
.g-s__pr_6 {
  padding-inline-end: var(--g-spacing-6);
}
.g-s__pb_6 {
  padding-block-end: var(--g-spacing-6);
}
.g-s__pt_6 {
  padding-block-start: var(--g-spacing-6);
}
.g-s__py_6 {
  padding-block: var(--g-spacing-6);
}
.g-s__px_6 {
  padding-inline: var(--g-spacing-6);
}
.g-s__m_7 {
  margin: var(--g-spacing-7);
}
.g-s__mr_7 {
  margin-inline-end: var(--g-spacing-7);
}
.g-s__ml_7 {
  margin-inline-start: var(--g-spacing-7);
}
.g-s__mt_7 {
  margin-block-start: var(--g-spacing-7);
}
.g-s__mb_7 {
  margin-block-end: var(--g-spacing-7);
}
.g-s__mx_7 {
  margin-inline: var(--g-spacing-7);
}
.g-s__my_7 {
  margin-block: var(--g-spacing-7);
}
.g-s__p_7 {
  padding: var(--g-spacing-7);
}
.g-s__pl_7 {
  padding-inline-start: var(--g-spacing-7);
}
.g-s__pr_7 {
  padding-inline-end: var(--g-spacing-7);
}
.g-s__pb_7 {
  padding-block-end: var(--g-spacing-7);
}
.g-s__pt_7 {
  padding-block-start: var(--g-spacing-7);
}
.g-s__py_7 {
  padding-block: var(--g-spacing-7);
}
.g-s__px_7 {
  padding-inline: var(--g-spacing-7);
}
.g-s__m_8 {
  margin: var(--g-spacing-8);
}
.g-s__mr_8 {
  margin-inline-end: var(--g-spacing-8);
}
.g-s__ml_8 {
  margin-inline-start: var(--g-spacing-8);
}
.g-s__mt_8 {
  margin-block-start: var(--g-spacing-8);
}
.g-s__mb_8 {
  margin-block-end: var(--g-spacing-8);
}
.g-s__mx_8 {
  margin-inline: var(--g-spacing-8);
}
.g-s__my_8 {
  margin-block: var(--g-spacing-8);
}
.g-s__p_8 {
  padding: var(--g-spacing-8);
}
.g-s__pl_8 {
  padding-inline-start: var(--g-spacing-8);
}
.g-s__pr_8 {
  padding-inline-end: var(--g-spacing-8);
}
.g-s__pb_8 {
  padding-block-end: var(--g-spacing-8);
}
.g-s__pt_8 {
  padding-block-start: var(--g-spacing-8);
}
.g-s__py_8 {
  padding-block: var(--g-spacing-8);
}
.g-s__px_8 {
  padding-inline: var(--g-spacing-8);
}
.g-s__m_9 {
  margin: var(--g-spacing-9);
}
.g-s__mr_9 {
  margin-inline-end: var(--g-spacing-9);
}
.g-s__ml_9 {
  margin-inline-start: var(--g-spacing-9);
}
.g-s__mt_9 {
  margin-block-start: var(--g-spacing-9);
}
.g-s__mb_9 {
  margin-block-end: var(--g-spacing-9);
}
.g-s__mx_9 {
  margin-inline: var(--g-spacing-9);
}
.g-s__my_9 {
  margin-block: var(--g-spacing-9);
}
.g-s__p_9 {
  padding: var(--g-spacing-9);
}
.g-s__pl_9 {
  padding-inline-start: var(--g-spacing-9);
}
.g-s__pr_9 {
  padding-inline-end: var(--g-spacing-9);
}
.g-s__pb_9 {
  padding-block-end: var(--g-spacing-9);
}
.g-s__pt_9 {
  padding-block-start: var(--g-spacing-9);
}
.g-s__py_9 {
  padding-block: var(--g-spacing-9);
}
.g-s__px_9 {
  padding-inline: var(--g-spacing-9);
}
.g-s__m_10 {
  margin: var(--g-spacing-10);
}
.g-s__mr_10 {
  margin-inline-end: var(--g-spacing-10);
}
.g-s__ml_10 {
  margin-inline-start: var(--g-spacing-10);
}
.g-s__mt_10 {
  margin-block-start: var(--g-spacing-10);
}
.g-s__mb_10 {
  margin-block-end: var(--g-spacing-10);
}
.g-s__mx_10 {
  margin-inline: var(--g-spacing-10);
}
.g-s__my_10 {
  margin-block: var(--g-spacing-10);
}
.g-s__p_10 {
  padding: var(--g-spacing-10);
}
.g-s__pl_10 {
  padding-inline-start: var(--g-spacing-10);
}
.g-s__pr_10 {
  padding-inline-end: var(--g-spacing-10);
}
.g-s__pb_10 {
  padding-block-end: var(--g-spacing-10);
}
.g-s__pt_10 {
  padding-block-start: var(--g-spacing-10);
}
.g-s__py_10 {
  padding-block: var(--g-spacing-10);
}
.g-s__px_10 {
  padding-inline: var(--g-spacing-10);
}.g-box {
  box-sizing: border-box;
}
.g-box_overflow_hidden {
  overflow: hidden;
}
.g-box_overflow_auto {
  overflow: auto;
}
.g-box_overflow_x {
  overflow: hidden auto;
}
.g-box_overflow_y {
  overflow: auto hidden;
}/* stylelint-disable declaration-no-important */
.g-flex {
  display: flex;
}
.g-flex_inline {
  display: inline-flex;
}
.g-flex_center-content {
  justify-content: center;
  align-items: center;
}
.g-flex_s_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-0)) !important;
}
.g-flex_s_0 > * {
  padding-block-start: var(--g-spacing-0) !important;
  padding-inline-start: var(--g-spacing-0) !important;
}
.g-flex_s_half {
  margin-block-start: calc(-1 * var(--g-spacing-half)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-half)) !important;
}
.g-flex_s_half > * {
  padding-block-start: var(--g-spacing-half) !important;
  padding-inline-start: var(--g-spacing-half) !important;
}
.g-flex_s_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-1)) !important;
}
.g-flex_s_1 > * {
  padding-block-start: var(--g-spacing-1) !important;
  padding-inline-start: var(--g-spacing-1) !important;
}
.g-flex_s_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-2)) !important;
}
.g-flex_s_2 > * {
  padding-block-start: var(--g-spacing-2) !important;
  padding-inline-start: var(--g-spacing-2) !important;
}
.g-flex_s_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-3)) !important;
}
.g-flex_s_3 > * {
  padding-block-start: var(--g-spacing-3) !important;
  padding-inline-start: var(--g-spacing-3) !important;
}
.g-flex_s_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-4)) !important;
}
.g-flex_s_4 > * {
  padding-block-start: var(--g-spacing-4) !important;
  padding-inline-start: var(--g-spacing-4) !important;
}
.g-flex_s_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-5)) !important;
}
.g-flex_s_5 > * {
  padding-block-start: var(--g-spacing-5) !important;
  padding-inline-start: var(--g-spacing-5) !important;
}
.g-flex_s_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-6)) !important;
}
.g-flex_s_6 > * {
  padding-block-start: var(--g-spacing-6) !important;
  padding-inline-start: var(--g-spacing-6) !important;
}
.g-flex_s_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-7)) !important;
}
.g-flex_s_7 > * {
  padding-block-start: var(--g-spacing-7) !important;
  padding-inline-start: var(--g-spacing-7) !important;
}
.g-flex_s_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-8)) !important;
}
.g-flex_s_8 > * {
  padding-block-start: var(--g-spacing-8) !important;
  padding-inline-start: var(--g-spacing-8) !important;
}
.g-flex_s_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-9)) !important;
}
.g-flex_s_9 > * {
  padding-block-start: var(--g-spacing-9) !important;
  padding-inline-start: var(--g-spacing-9) !important;
}
.g-flex_s_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-10)) !important;
}
.g-flex_s_10 > * {
  padding-block-start: var(--g-spacing-10) !important;
  padding-inline-start: var(--g-spacing-10) !important;
}.g-card {
  --_--background-color: transparent;
  --_--border-color: transparent;
  --_--border-width: 0;
  --_--box-shadow: none;
  box-shadow: var(--g-card-box-shadow, var(--_--box-shadow));
  box-sizing: border-box;
  background-color: var(--g-card-background-color, var(--_--background-color));
  border: var(--g-card-border-width, var(--_--border-width)) solid var(--g-card-border-color, var(--_--border-color));
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  outline: none;
}
.g-card_theme_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--background-color: var(--g-color-base-generic);
}
.g-card_theme_info {
  --_--border-color: var(--g-color-line-info);
  --_--background-color: var(--g-color-base-info-light);
}
.g-card_theme_success {
  --_--border-color: var(--g-color-line-positive);
  --_--background-color: var(--g-color-base-positive-light);
}
.g-card_theme_warning {
  --_--border-color: var(--g-color-line-warning);
  --_--background-color: var(--g-color-base-warning-light);
}
.g-card_theme_danger {
  --_--border-color: var(--g-color-line-danger);
  --_--background-color: var(--g-color-base-danger-light);
}
.g-card_theme_utility {
  --_--border-color: var(--g-color-line-utility);
  --_--background-color: var(--g-color-base-utility-light);
}
.g-card_view_clear {
  --_--background-color: transparent;
}
.g-card_view_outlined {
  --_--background-color: transparent;
  --_--border-width: 1px;
}
.g-card_type_action {
  --_--background-color: var(--g-color-base-float);
  --_--box-shadow: 0px 1px 5px var(--g-color-sfx-shadow);
}
.g-card_type_action::after {
  position: absolute;
  inset: 0;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_action.g-card_clickable {
  cursor: pointer;
  position: relative;
}
.g-card_type_action.g-card_clickable:hover {
  --_--box-shadow: 0px 3px 10px var(--g-color-sfx-shadow);
}
.g-card_type_action.g-card_clickable:focus-visible::after {
  outline: 2px solid var(--g-color-line-focus);
  content: "";
}
.g-card_type_selection {
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-generic);
  position: relative;
}
.g-card_type_selection::before {
  position: absolute;
  inset: -1px;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_selection::after {
  position: absolute;
  inset: 0;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_selection.g-card_clickable {
  cursor: pointer;
}
.g-card_type_selection.g-card_clickable:hover {
  --_--border-color: transparent;
}
.g-card_type_selection.g-card_clickable:hover:not(.g-card_selected)::before {
  content: "";
  border: 2px solid var(--g-color-line-brand);
  opacity: 0.5;
}
.g-card_type_selection.g-card_clickable:hover:focus-visible::before {
  border-color: transparent;
}
.g-card_type_selection.g-card_clickable:focus-visible::after {
  outline: 2px solid var(--g-color-line-focus);
  content: "";
}
.g-card_type_selection.g-card_selected:not(.g-card_disabled) {
  --_--border-color: transparent;
}
.g-card_type_selection.g-card_selected:not(.g-card_disabled)::before {
  content: "";
  border: 2px solid var(--g-color-line-brand);
}
.g-card_type_selection.g-card_view_clear {
  --_--border-color: transparent;
}
.g-card_type_container.g-card_view_raised {
  --_--background-color: var(--g-color-base-float);
}
.g-card_type_container.g-card_view_raised.g-card_size_m {
  --_--box-shadow: 0px 1px 5px var(--g-color-sfx-shadow);
}

.g-card_type_container.g-card_view_raised.g-card_size_l {
  --_--box-shadow:
      0px 1px 6px var(--g-color-sfx-shadow-light),
      1px 3px 13px var(--g-color-sfx-shadow-light);
}

.g-card_size_m {
  --_--border-radius: 8px;
}
.g-card_size_l {
  --_--border-radius: 16px;
}.g-control-label {
  display: inline-flex;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  color: var(--g-color-text-primary);
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.g-control-label_disabled {
  cursor: default;
  pointer-events: none;
}
.g-control-label_size_s, .g-control-label_size_m {
  font-size: var(--g-text-body-1-font-size);
  line-height: 15px;
}
.g-control-label_size_l {
  font-size: var(--g-text-body-2-font-size);
  line-height: 18px;
}
.g-control-label_size_xl {
  font-size: var(--g-text-body-2-font-size);
  line-height: 25px;
}
.g-control-label__indicator {
  flex-shrink: 0;
}
.g-control-label__text {
  flex-grow: 1;
  margin-inline-start: var(--g-spacing-2);
  white-space: normal;
}
.g-control-label_disabled .g-control-label__text {
  opacity: 0.6;
}
.g-checkbox__indicator {
  display: inline-block;
  position: relative;
  cursor: inherit;
}
.g-checkbox__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 1px solid var(--g-color-line-generic-accent);
  border-radius: 4px;
  transition: background 0.1s linear;
}
.g-checkbox__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-checkbox__icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  visibility: hidden;
  color: transparent;
  transform: translateY(-5px);
  transition: color 0.1s, transform 0.2s;
}
.g-checkbox__control {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  cursor: inherit;
}
.g-checkbox__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
  border-radius: 4px;
}
.g-checkbox__control:focus-visible + .g-checkbox__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-checkbox_size_m .g-checkbox__icon-svg_type_tick {
  width: 8px;
  height: 10px;
}
.g-checkbox_size_m .g-checkbox__icon-svg_type_dash {
  width: 12px;
  height: 12px;
}
.g-checkbox_size_m .g-checkbox__indicator {
  width: 14px;
  height: 14px;
}
.g-checkbox_size_l .g-checkbox__icon-svg_type_tick {
  width: 11px;
  height: 9px;
}
.g-checkbox_size_l .g-checkbox__icon-svg_type_dash {
  width: 15px;
  height: 15px;
}
.g-checkbox_size_l .g-checkbox__indicator {
  width: 17px;
  height: 17px;
}
.g-checkbox_size_xl .g-checkbox__icon-svg_type_tick {
  width: 16px;
  height: 13px;
}
.g-checkbox_size_xl .g-checkbox__icon-svg_type_dash {
  width: 22px;
  height: 22px;
}
.g-checkbox_size_xl .g-checkbox__indicator {
  width: 24px;
  height: 24px;
}
.g-checkbox:hover .g-checkbox__indicator::before {
  border-color: var(--g-color-line-generic-accent-hover);
}
.g-checkbox_checked .g-checkbox__indicator::before, .g-checkbox_indeterminate .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand);
  border: transparent;
}
.g-checkbox_checked .g-checkbox__icon, .g-checkbox_indeterminate .g-checkbox__icon {
  visibility: visible;
  color: var(--g-color-text-brand-contrast);
  transform: translateX(0);
}
.g-checkbox_checked:hover .g-checkbox__indicator::before, .g-checkbox_indeterminate:hover .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand-hover);
}
.g-checkbox_disabled .g-checkbox__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
  border: transparent;
}
.g-checkbox_disabled.g-checkbox_checked .g-checkbox__icon, .g-checkbox_disabled.g-checkbox_indeterminate .g-checkbox__icon {
  color: var(--g-color-text-hint);
}
.g-help-mark {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: var(--_--size);
  height: var(--_--size);
  color: var(--g-color-text-hint);
  line-height: 0;
}
.g-help-mark::after {
  content: " ";
  visibility: hidden;
}
.g-help-mark:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  border-radius: 50%;
}
.g-help-mark__popover {
  padding: var(--g-spacing-3);
}
.g-help-mark__icon {
  position: absolute;
  inset: 0;
}
.g-help-mark_size_s {
  --_--size: 14px;
}
.g-help-mark_size_m {
  --_--size: 16px;
}
.g-help-mark_size_l {
  --_--size: 18px;
}
.g-help-mark_size_xl {
  --_--size: 20px;
}.g-clear-button {
  --g-button-text-color: var(--g-color-text-hint);
  --g-button-text-color-hover: var(--g-color-text-primary);
  --g-button-background-color: transparent;
  --g-button-background-color-hover: transparent;
}.g-outer-additional-content {
  display: flex;
  justify-content: space-between;
  vertical-align: top;
}
.g-outer-additional-content__note, .g-outer-additional-content__error {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  margin-block-start: 2px;
}
.g-outer-additional-content__error {
  color: var(--g-color-text-danger);
}
.g-outer-additional-content__error:not(:last-child) {
  margin-inline-end: var(--g-spacing-2);
}
.g-outer-additional-content__note {
  margin-inline-start: auto;
}.g-text-area {
  --_--text-color: var(--g-color-text-primary);
  --_--placeholder-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--border-width: 1px;
  --_--clear-offset: calc(
      var(--g-text-area-border-width, 1px) + 1px
  );
  --_--focus-outline-color: var(--g-text-area-focus-outline-color);
  display: inline-block;
  width: 100%;
  position: relative;
}
.g-text-area__content {
  box-sizing: border-box;
  display: flex;
  width: inherit;
  height: inherit;
  background-color: var(--g-text-area-background-color, var(--_--background-color));
  border-width: var(--g-text-area-border-width, var(--_--border-width));
  border-style: solid;
  border-color: var(--g-text-area-border-color, var(--_--border-color));
  color: var(--g-text-area-text-color, var(--_--text-color));
}
.g-text-area__content:hover {
  border-color: var(--g-text-area-border-color-hover, var(--_--border-color-hover));
}
.g-text-area__content:focus-within {
  border-color: var(--g-text-area-border-color-active, var(--_--border-color-active));
  outline: 2px solid var(--g-text-area-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-text-area__content {
  overflow: hidden;
}
.g-text-area__control {
  box-sizing: border-box;
  display: inline-block;
  flex-grow: 1;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  color: inherit;
  background-color: transparent;
  border: none;
  resize: none;
  overflow-x: hidden;
}
.g-text-area__control::placeholder {
  color: var(--g-text-area-placeholder-color, var(--_--placeholder-color));
}
.g-text-area__control:focus {
  outline: none;
}
.g-text-area__control[type=number] {
  appearance: textfield;
}
.g-text-area__clear {
  position: absolute;
}
.g-text-area__clear_size_s, .g-text-area__clear_size_m {
  inset-inline-end: var(--_--clear-offset);
  inset-block-start: var(--_--clear-offset);
}
.g-text-area__clear_size_l, .g-text-area__clear_size_xl {
  inset-inline-end: calc(var(--_--clear-offset) + 1px);
  inset-block-start: calc(var(--_--clear-offset) + 2px);
}
.g-text-area_size_s .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(24px - var(--_--input-control-border-width) * 2);
  padding: 3px 8px;
}
.g-text-area_size_s.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 26px;
}
.g-text-area_size_s {
  --_--border-radius: var(--g-border-radius-s);
}
.g-text-area_size_m .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(28px - var(--_--input-control-border-width) * 2);
  padding: 5px 8px;
}
.g-text-area_size_m.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 26px;
}
.g-text-area_size_m {
  --_--border-radius: var(--g-border-radius-m);
}
.g-text-area_size_l .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(36px - var(--_--input-control-border-width) * 2);
  padding: 9px 12px;
}
.g-text-area_size_l.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 36px;
}
.g-text-area_size_l {
  --_--border-radius: var(--g-border-radius-l);
}
.g-text-area_size_xl .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  height: calc(44px - var(--_--input-control-border-width) * 2);
  padding: 11px 12px;
}
.g-text-area_size_xl.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 36px;
}
.g-text-area_size_xl {
  --_--border-radius: var(--g-border-radius-xl);
}
.g-text-area_view_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--border-color-hover: var(--g-color-line-generic-hover);
  --_--border-color-active: var(--g-color-line-generic-active);
}
.g-text-area_view_clear {
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
  --_--border-radius: 0;
}
.g-text-area_view_clear .g-text-area__content {
  border-inline: 0;
}
.g-text-area_view_clear .g-text-area__control {
  padding-inline: 0;
}
.g-text-area_pin_round-round .g-text-area__content {
  border-radius: var(--g-text-area-border-radius, var(--_--border-radius));
}

.g-text-area_pin_brick-brick .g-text-area__content {
  border-radius: 0;
}

.g-text-area_pin_clear-clear .g-text-area__content {
  border-radius: 0;
  border-inline: 0;
}

.g-text-area_pin_circle-circle .g-text-area__content {
  border-radius: 100px;
}

.g-text-area_pin_round-brick .g-text-area__content {
  border-start-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}

.g-text-area_pin_brick-round .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
}

.g-text-area_pin_round-clear .g-text-area__content {
  border-start-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-text-area_pin_clear-round .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}

.g-text-area_pin_brick-clear .g-text-area__content {
  border-radius: 0;
  border-inline-end: 0;
}

.g-text-area_pin_clear-brick .g-text-area__content {
  border-radius: 0;
  border-inline-start: 0;
}

.g-text-area_pin_circle-brick .g-text-area__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}

.g-text-area_pin_brick-circle .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}

.g-text-area_pin_circle-clear .g-text-area__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-text-area_pin_clear-circle .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}

.g-text-area_disabled {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
}
.g-text-area_has-scrollbar .g-text-area__clear {
  inset-inline-end: var(--g-scrollbar-width);
}
.g-text-area_state_error.g-text-area_view_normal .g-text-area__content, .g-text-area_state_error.g-text-area_view_normal .g-text-area__content:hover, .g-text-area_state_error.g-text-area_view_normal .g-text-area__content:focus-within {
  border-color: var(--g-color-line-danger);
}
.g-text-area_state_error.g-text-area_view_normal .g-text-area__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-text-area_state_error.g-text-area_view_clear .g-text-area__content, .g-text-area_state_error.g-text-area_view_clear .g-text-area__content:hover, .g-text-area_state_error.g-text-area_view_clear .g-text-area__content:focus-within {
  border-block-end: 1px solid var(--g-color-line-danger);
}
.g-text-area_state_error.g-text-area_view_clear .g-text-area__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}.g-link {
  text-decoration: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: var(--g-focus-border-radius);
}
.g-link:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-link_view_normal {
  color: var(--g-color-text-link);
}
.g-link_view_primary {
  color: var(--g-color-text-primary);
}
.g-link_view_secondary {
  color: var(--g-color-text-secondary);
}
.g-link_view_normal:hover, .g-link_view_primary:hover, .g-link_view_secondary:hover {
  color: var(--g-color-text-link-hover);
}
.g-link_visitable:visited {
  color: var(--g-color-text-link-visited);
}
.g-link_visitable:visited:hover {
  color: var(--g-color-text-link-visited-hover);
}
.g-link_underline {
  text-decoration: underline;
}.g-popover-legacy {
  display: inline-block;
  position: relative;
}
.g-popover-legacy:not(.g-popover-legacy_disabled) {
  cursor: pointer;
}
.g-popover-legacy__handler {
  display: inline-block;
}
.g-popover-legacy__tooltip {
  --_--padding: 16px;
  --_--close-offset: 8px;
  --_--close-size: 24px;
  box-sizing: border-box;
  min-height: 40px;
  max-width: var(--g-popover-max-width, 300px);
  padding: var(--g-popover-padding, var(--_--padding));
  cursor: default;
}
.g-popover-legacy__tooltip-title {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  display: inline-flex;
  margin: 0 0 12px;
}
.g-popover-legacy__tooltip-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-block-start: 20px;
}
.g-popover-legacy__tooltip-button {
  flex: 1;
}
.g-popover-legacy__tooltip-close {
  position: absolute;
  inset-block-start: var(--_--close-offset);
  inset-inline-end: var(--_--close-offset);
}
.g-popover-legacy__tooltip-content {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  overflow-wrap: break-word;
}
.g-popover-legacy__tooltip-content_secondary {
  opacity: 0.7;
}
.g-popover-legacy__tooltip-links > * {
  margin-block-start: 8px;
}
.g-popover-legacy__tooltip-links > *:first-child {
  margin-block-start: 0;
}
.g-popover-legacy__tooltip-content + .g-popover-legacy__tooltip-links > *:first-child {
  margin-block-start: 12px;
}
.g-popover-legacy__tooltip-link {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: inline-block;
}
.g-popover-legacy__tooltip_theme_info.g-popover-legacy__tooltip_theme_info, .g-popover-legacy__tooltip_theme_info .g-popover-legacy__tooltip_theme_announcement, .g-popover-legacy__tooltip_theme_announcement.g-popover-legacy__tooltip_theme_info, .g-popover-legacy__tooltip_theme_announcement .g-popover-legacy__tooltip_theme_announcement {
  color: var(--g-color-text-primary);
}
.g-popover-legacy__tooltip_force-links-appearance.g-popover-legacy__tooltip_theme_info .g-popover-legacy__tooltip-content a:not(.g-button), .g-popover-legacy__tooltip_theme_announcement .g-popover-legacy__tooltip-content a:not(.g-button) {
  text-decoration: none;
  color: var(--g-color-text-link);
}
.g-popover-legacy__tooltip_force-links-appearance.g-popover-legacy__tooltip_theme_info .g-popover-legacy__tooltip-content a:not(.g-button):hover, .g-popover-legacy__tooltip_theme_announcement .g-popover-legacy__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-link-hover);
}

.g-popover-legacy__tooltip_theme_announcement {
  --g-popup-background-color: var(--g-color-base-simple-hover-solid);
  --g-popup-border-color: var(--g-color-base-simple-hover-solid);
}
.g-popover-legacy__tooltip_theme_special {
  --g-popup-background-color: var(--g-color-base-brand);
  --g-popup-border-color: var(--g-color-base-brand);
  color: var(--g-color-text-light-primary);
}
.g-popover-legacy__tooltip_theme_special .g-popover-legacy__tooltip-content a:not(.g-button) {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-light-primary);
}
.g-popover-legacy__tooltip_theme_special .g-popover-legacy__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover-legacy__tooltip_theme_special .g-link {
  color: var(--g-color-text-light-primary);
}
.g-popover-legacy__tooltip_theme_special .g-link:hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover-legacy__tooltip_size_l {
  --_--padding: 24px;
}
.g-popover-legacy__tooltip_size_l .g-popover-legacy__tooltip-title {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.g-popover-legacy__tooltip_size_l .g-popover-legacy__tooltip-content {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-popover-legacy__tooltip_with-close .g-popover-legacy__tooltip-title,
.g-popover-legacy__tooltip_with-close .g-popover-legacy__tooltip-content {
  padding-inline-end: calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding));
}.g-label {
  --_--bg-color: none;
  --_--bg-color-hover: none;
  --_--text-color: none;
  --_--animation-from: calc(-100% * var(--g-flow-direction));
  --_--animation-to: calc(100% * var(--g-flow-direction));
  --_--gradient-deg: calc(90deg * var(--g-flow-direction));
  --_--gradient-mask-begin-color: rgba(233, 233, 233, 0);
  --_--gradient-mask-end-color: rgba(233, 233, 233, 1);
  display: inline-flex;
  align-items: center;
  position: relative;
  height: var(--_--height);
  border-radius: var(--_--border-radius);
  color: var(--_--text-color);
  background-color: var(--_--bg-color);
  transition-property: opacity, color, background-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  box-sizing: border-box;
  /* make new stacking context to isolate z-indexes */
  isolation: isolate;
}
.g-label__animation-container {
  overflow: hidden;
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.g-label__animation-container::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background-color: var(--_--gradient-bg-color, var(--_--bg-color));
  mask-image: linear-gradient(var(--_--gradient-deg), var(--_--gradient-mask-begin-color), var(--_--gradient-mask-end-color));
  animation: g-label 2s linear infinite;
}
.g-label__text {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  display: flex;
  align-items: baseline;
  margin: 0 var(--_--margin-inline);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.g-label__content, .g-label__key {
  text-overflow: ellipsis;
  overflow: hidden;
}
.g-label__value {
  display: flex;
  opacity: 0.7;
  overflow: hidden;
}
.g-label__separator {
  margin: 0 4px;
}
.g-label__main-button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: inherit;
  z-index: 1;
  height: 100%;
}
.g-label__main-button:empty {
  position: absolute;
  inset: 0;
}
.g-label__addon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_--height);
  height: var(--_--height);
  border-radius: var(--_--border-radius);
}
.g-label__addon_side_start, .g-label__addon_side_end {
  position: absolute;
  inset-block-start: 0;
}
.g-label__addon_side_start {
  inset-inline-start: 2px;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.g-label__addon_side_end {
  inset-inline-end: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.g-label__addon_type_button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 2;
  cursor: pointer;
  color: var(--_--text-color);
  background-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.1s ease-out;
}
.g-label__addon_type_button:active {
  transform: scale(0.96);
}
.g-label_size_xxs {
  --_--height: 18px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--margin-inline: 6px;
  --_--margin-addon-start: 22px;
  --_--margin-addon-end: 20px;
}
.g-label_size_xs {
  --_--height: 20px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--margin-inline: 8px;
  --_--margin-addon-start: 24px;
  --_--margin-addon-end: 22px;
}
.g-label_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--margin-inline: 10px;
  --_--margin-addon-start: 28px;
  --_--margin-addon-end: 26px;
}
.g-label_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--margin-inline: 12px;
  --_--margin-addon-start: 32px;
  --_--margin-addon-end: 32px;
}
.g-label_disabled {
  opacity: 0.7;
  pointer-events: none;
}
.g-label_interactive {
  cursor: pointer;
}
.g-label_width_auto {
  max-width: 100%;
}
.g-label_theme_normal {
  --_--bg-color: var(--g-color-base-misc-light);
  --_--bg-color-hover: var(--g-color-base-misc-light-hover);
  --_--text-color: var(--g-color-text-misc-heavy);
}
.g-label_theme_success {
  --_--bg-color: var(--g-color-base-positive-light);
  --_--bg-color-hover: var(--g-color-base-positive-light-hover);
  --_--text-color: var(--g-color-text-positive-heavy);
}
.g-label_theme_info {
  --_--bg-color: var(--g-color-base-info-light);
  --_--bg-color-hover: var(--g-color-base-info-light-hover);
  --_--text-color: var(--g-color-text-info-heavy);
}
.g-label_theme_warning {
  --_--bg-color: var(--g-color-base-warning-light);
  --_--bg-color-hover: var(--g-color-base-warning-light-hover);
  --_--text-color: var(--g-color-text-warning-heavy);
}
.g-label_theme_danger {
  --_--bg-color: var(--g-color-base-danger-light);
  --_--bg-color-hover: var(--g-color-base-danger-light-hover);
  --_--text-color: var(--g-color-text-danger-heavy);
}
.g-label_theme_utility {
  --_--bg-color: var(--g-color-base-utility-light);
  --_--bg-color-hover: var(--g-color-base-utility-light-hover);
  --_--text-color: var(--g-color-text-utility-heavy);
}
.g-label_theme_unknown {
  --_--bg-color: var(--g-color-base-neutral-light);
  --_--bg-color-hover: var(--g-color-base-neutral-light-hover);
  --_--text-color: var(--g-color-text-complementary);
}
.g-label_theme_clear {
  --_--bg-color: transparent;
  --_--bg-color-hover: var(--g-color-base-simple-hover);
  --_--text-color: var(--g-color-text-complementary);
  --_--gradient-bg-color: var(--g-color-base-neutral-light);
  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
}
.g-label:has(.g-label__addon_side_start) .g-label__text {
  margin-inline-start: var(--_--margin-addon-start);
}
.g-label:has(.g-label__addon_side_end) .g-label__text {
  margin-inline-end: var(--_--margin-addon-end);
}
.g-label_interactive:hover:not(:has(.g-label__addon_type_button:not(.g-label__addon_action_copy):hover)), .g-label__addon_type_button:not(.g-label__addon_action_copy):hover {
  background-color: var(--_--bg-color-hover);
}
.g-label__main-button:focus-visible, .g-label__addon_type_button:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}

@keyframes g-label {
  0% {
    transform: translateX(var(--_--animation-from));
  }
  100% {
    transform: translateX(var(--_--animation-to));
  }
}.g-tabs-legacy {
  --_--vertical-item-padding: var(--g-tabs-vertical-item-padding, 6px 20px);
  --_--vertical-item-height: var(--g-tabs-vertical-item-height, 18px);
}
.g-tabs-legacy_size_m {
  --_--item-height: 36px;
  --_--item-gap: 24px;
  --_--item-border-width: 2px;
}
.g-tabs-legacy_size_m .g-tabs-legacy__item-title,
.g-tabs-legacy_size_m .g-tabs-legacy__item-counter {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-tabs-legacy_size_l {
  --_--item-height: 40px;
  --_--item-gap: 28px;
  --_--item-border-width: 2px;
}
.g-tabs-legacy_size_l .g-tabs-legacy__item-title,
.g-tabs-legacy_size_l .g-tabs-legacy__item-counter {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-tabs-legacy_size_xl {
  --_--item-height: 44px;
  --_--item-gap: 32px;
  --_--item-border-width: 3px;
}
.g-tabs-legacy_size_xl .g-tabs-legacy__item-title,
.g-tabs-legacy_size_xl .g-tabs-legacy__item-counter {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-tabs-legacy__item {
  cursor: pointer;
  user-select: none;
  outline: none;
}
.g-tabs-legacy__item-content {
  display: flex;
  align-items: center;
  border-radius: var(--g-focus-border-radius);
}
.g-tabs-legacy__item_overflow .g-tabs-legacy__item-content {
  min-width: 0;
}
.g-tabs-legacy__item-icon {
  margin-inline-end: 8px;
}
.g-tabs-legacy__item-title {
  white-space: nowrap;
}
.g-tabs-legacy__item_overflow .g-tabs-legacy__item-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-tabs-legacy__item-counter, .g-tabs-legacy__item-label {
  margin-inline-start: 8px;
}
.g-tabs-legacy__item-icon > svg {
  display: block;
}
.g-tabs-legacy_direction_horizontal {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  box-shadow: inset 0 calc(var(--g-tabs-border-width, 1px) * -1) 0 0 var(--g-color-line-generic);
  overflow: hidden;
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--g-tabs-item-height, var(--_--item-height));
  border-block-end: var(--g-tabs-item-border-width, var(--_--item-border-width)) solid transparent;
  padding-block-start: var(--_--item-border-width);
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:focus-visible .g-tabs-legacy__item-content {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: -2px;
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item-meta {
  display: none;
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item-title {
  color: var(--g-color-text-secondary);
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item-icon, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item-counter {
  color: var(--g-color-text-hint);
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_active .g-tabs-legacy__item-title, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:hover .g-tabs-legacy__item-title, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:focus-visible .g-tabs-legacy__item-title {
  color: var(--g-color-text-primary);
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_active .g-tabs-legacy__item-icon,
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_active .g-tabs-legacy__item-counter, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:hover .g-tabs-legacy__item-icon,
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:hover .g-tabs-legacy__item-counter, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:focus-visible .g-tabs-legacy__item-icon,
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item:focus-visible .g-tabs-legacy__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_active, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_active:hover, .g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_active:focus-visible {
  border-color: var(--g-color-line-brand);
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_disabled {
  pointer-events: none;
}
.g-tabs-legacy_direction_horizontal .g-tabs-legacy__item_disabled .g-tabs-legacy__item-title {
  color: var(--g-color-text-hint);
}
.g-tabs-legacy_direction_horizontal > :not(:last-child) {
  margin-inline-end: var(--g-tabs-item-gap, var(--_--item-gap));
}
.g-tabs-legacy_direction_vertical {
  display: flex;
  flex-direction: column;
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item {
  padding: var(--_--vertical-item-padding);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item-title {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-primary);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item-meta {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-secondary);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item-icon, .g-tabs-legacy_direction_vertical .g-tabs-legacy__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item:hover, .g-tabs-legacy_direction_vertical .g-tabs-legacy__item:focus-visible {
  background-color: var(--g-color-base-generic-hover);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item_active {
  background-color: var(--g-color-base-selection);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item_active:hover, .g-tabs-legacy_direction_vertical .g-tabs-legacy__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item_disabled {
  pointer-events: none;
}
.g-tabs-legacy_direction_vertical .g-tabs-legacy__item_disabled .g-tabs-legacy__item-title {
  color: var(--g-color-text-secondary);
}.g-text-input {
  --_--text-color: var(--g-color-text-primary);
  --_--label-color: inherit;
  --_--placeholder-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--border-width: 1px;
  --_--focus-outline-color: var(--g-text-input-focus-outline-color);
  display: inline-block;
  width: 100%;
  position: relative;
}
.g-text-input__content {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  width: 100%;
  background-color: var(--g-text-input-background-color, var(--_--background-color));
  border-width: var(--g-text-input-border-width, var(--_--border-width));
  border-style: solid;
  border-color: var(--g-text-input-border-color, var(--_--border-color));
  color: var(--g-text-input-text-color, var(--_--text-color));
}
.g-text-input__content:hover {
  border-color: var(--g-text-input-border-color-hover, var(--_--border-color-hover));
}
.g-text-input__content:focus-within {
  border-color: var(--g-text-input-border-color-active, var(--_--border-color-active));
  outline: 2px solid var(--g-text-input-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-text-input__control {
  box-sizing: border-box;
  display: inline-block;
  flex-grow: 1;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  color: inherit;
  background-color: transparent;
  border: none;
  height: var(--g-text-input-height);
}
.g-text-input__control::placeholder {
  color: var(--g-text-input-placeholder-color, var(--_--placeholder-color));
  overflow: hidden;
  white-space: nowrap;
}
.g-text-input__control:focus {
  outline: none;
}
.g-text-input__control[type=number] {
  appearance: textfield;
}
.g-text-input__control[type=search] {
  appearance: textfield;
}
.g-text-input__control[type=search]::-webkit-search-cancel-button {
  appearance: none;
}
.g-text-input__label {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: var(--g-text-input-label-color, var(--_--label-color));
}
.g-text-input__clear {
  flex-shrink: 0;
  margin: auto 0;
}
.g-text-input__clear_size_s, .g-text-input__clear_size_m {
  margin-inline-end: 1px;
}
.g-text-input__clear_size_l, .g-text-input__clear_size_xl {
  margin-inline-end: 2px;
}
.g-text-input__error-icon {
  box-sizing: content-box;
  color: var(--g-color-text-danger);
  padding-block: var(--_--error-icon-padding-block);
  padding-inline: var(--_--error-icon-padding-inline-start) var(--_--error-icon-padding-inline-end);
}
.g-text-input__additional-content {
  display: flex;
  align-items: center;
}
.g-text-input_size_s .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(24px - var(--_--input-control-border-width) * 2);
  padding: 3px 8px;
}
.g-text-input_size_s .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 3px;
  padding-inline: 8px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_s.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 2px;
}
.g-text-input_size_s .g-text-input__additional-content {
  height: 22px;
}
.g-text-input_size_s .g-text-input__additional-content_placement_start {
  padding-inline-start: 1px;
}
.g-text-input_size_s .g-text-input__additional-content_placement_end {
  padding-inline-end: 1px;
}
.g-text-input_size_s {
  --_--error-icon-padding-block: 5px;
  --_--error-icon-padding-inline-start: 0;
  --_--error-icon-padding-inline-end: 5px;
  --_--border-radius: var(--g-border-radius-s);
}
.g-text-input_size_m .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(28px - var(--_--input-control-border-width) * 2);
  padding: 5px 8px;
}
.g-text-input_size_m .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 5px;
  padding-inline: 8px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_m.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 2px;
}
.g-text-input_size_m .g-text-input__additional-content {
  height: 26px;
}
.g-text-input_size_m .g-text-input__additional-content_placement_start {
  padding-inline-start: 1px;
}
.g-text-input_size_m .g-text-input__additional-content_placement_end {
  padding-inline-end: 1px;
}
.g-text-input_size_m {
  --_--error-icon-padding-block: 5px;
  --_--error-icon-padding-inline-start: 0;
  --_--error-icon-padding-inline-end: 5px;
  --_--border-radius: var(--g-border-radius-m);
}
.g-text-input_size_l .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(36px - var(--_--input-control-border-width) * 2);
  padding: 9px 12px;
}
.g-text-input_size_l .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 9px;
  padding-inline: 12px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_l.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 3px;
}
.g-text-input_size_l .g-text-input__additional-content {
  height: 34px;
}
.g-text-input_size_l .g-text-input__additional-content_placement_start {
  padding-inline-start: 3px;
}
.g-text-input_size_l .g-text-input__additional-content_placement_end {
  padding-inline-end: 3px;
}
.g-text-input_size_l {
  --_--error-icon-padding-block: 9px;
  --_--error-icon-padding-inline-start: 0;
  --_--error-icon-padding-inline-end: 9px;
  --_--border-radius: var(--g-border-radius-l);
}
.g-text-input_size_xl .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  height: calc(44px - var(--_--input-control-border-width) * 2);
  padding: 11px 12px;
}
.g-text-input_size_xl .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  padding-block: 11px;
  padding-inline: 12px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_xl.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 3px;
}
.g-text-input_size_xl .g-text-input__additional-content {
  height: 42px;
}
.g-text-input_size_xl .g-text-input__additional-content_placement_start {
  padding-inline-start: 3px;
}
.g-text-input_size_xl .g-text-input__additional-content_placement_end {
  padding-inline-end: 3px;
}
.g-text-input_size_xl {
  --_--error-icon-padding-block: 13px;
  --_--error-icon-padding-inline-start: 0;
  --_--error-icon-padding-inline-end: 13px;
  --_--border-radius: var(--g-border-radius-xl);
}
.g-text-input_view_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--border-color-hover: var(--g-color-line-generic-hover);
  --_--border-color-active: var(--g-color-line-generic-active);
}
.g-text-input_view_clear {
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
  --_--border-radius: 0;
}
.g-text-input_view_clear .g-text-input__content {
  border-inline: 0;
}
.g-text-input_view_clear .g-text-input__control {
  padding-inline: 0;
}
.g-text-input_pin_round-round .g-text-input__content {
  border-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}

.g-text-input_pin_brick-brick .g-text-input__content {
  border-radius: 0;
}

.g-text-input_pin_clear-clear .g-text-input__content {
  border-radius: 0;
  border-inline: 0;
}

.g-text-input_pin_circle-circle .g-text-input__content {
  border-radius: 100px;
}

.g-text-input_pin_round-brick .g-text-input__content {
  border-start-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}

.g-text-input_pin_brick-round .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}

.g-text-input_pin_round-clear .g-text-input__content {
  border-start-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-text-input_pin_clear-round .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}

.g-text-input_pin_brick-clear .g-text-input__content {
  border-radius: 0;
  border-inline-end: 0;
}

.g-text-input_pin_clear-brick .g-text-input__content {
  border-radius: 0;
  border-inline-start: 0;
}

.g-text-input_pin_circle-brick .g-text-input__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}

.g-text-input_pin_brick-circle .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}

.g-text-input_pin_circle-clear .g-text-input__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-text-input_pin_clear-circle .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}

.g-text-input_disabled {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
}
.g-text-input_has-scrollbar .g-text-input__clear {
  inset-inline-end: var(--g-scrollbar-width);
}
.g-text-input_has-start-content .g-text-input__control {
  padding-inline-start: 2px;
}
.g-text-input_has-end-content {
  --_--error-icon-padding-inline-start: 0;
  --_--error-icon-padding-inline-end: 0;
}
.g-text-input_has-end-content .g-text-input__control {
  padding-inline-end: 2px;
}
.g-text-input_state_error.g-text-input_view_normal .g-text-input__content, .g-text-input_state_error.g-text-input_view_normal .g-text-input__content:hover, .g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within {
  border-color: var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_clear .g-text-input__content, .g-text-input_state_error.g-text-input_view_clear .g-text-input__content:hover, .g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within {
  border-block-end: 1px solid var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}@keyframes g-pulse {
  50% {
    opacity: 15%;
  }
}
.g-loader {
  display: inline-flex;
  align-items: center;
}
.g-loader__left, .g-loader__center, .g-loader__right {
  background: var(--g-color-base-brand);
  animation: g-pulse ease 800ms infinite;
}
.g-loader__left {
  animation-delay: 200ms;
}
.g-loader__center {
  animation-delay: 400ms;
}
.g-loader__right {
  animation-delay: 600ms;
}
.g-loader_size_s .g-loader__left {
  height: calc(20px / 1.5);
  width: 5px;
}
.g-loader_size_s .g-loader__center {
  width: 5px;
  height: 20px;
  margin-inline-start: 5px;
}
.g-loader_size_s .g-loader__right {
  height: calc(20px / 1.5);
  width: 5px;
  margin-inline-start: 5px;
}
.g-loader_size_m .g-loader__left {
  height: calc(28px / 1.5);
  width: 7px;
}
.g-loader_size_m .g-loader__center {
  width: 7px;
  height: 28px;
  margin-inline-start: 7px;
}
.g-loader_size_m .g-loader__right {
  height: calc(28px / 1.5);
  width: 7px;
  margin-inline-start: 7px;
}
.g-loader_size_l .g-loader__left {
  height: calc(36px / 1.5);
  width: 9px;
}
.g-loader_size_l .g-loader__center {
  width: 9px;
  height: 36px;
  margin-inline-start: 9px;
}
.g-loader_size_l .g-loader__right {
  height: calc(36px / 1.5);
  width: 9px;
  margin-inline-start: 9px;
}.g-list {
  --_--item-padding: var(--g-list-item-padding, 0);
  outline: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}
.g-list__filter {
  padding: var(--_--item-padding);
  margin-block-end: 8px;
  flex: 0 0 auto;
}
.g-list__items {
  flex: 1 1 auto;
}
.g-list__item, .g-list__empty-placeholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--_--item-padding);
  user-select: none;
  overflow: hidden;
}
.g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.g-list__item_selected {
  background: var(--g-color-base-selection);
}
.g-list__item_active.g-list__item_selected {
  background: var(--g-color-base-selection-hover);
}
.g-list__item_sort-handle-align_right {
  flex-direction: row-reverse;
}
.g-list__item_sort-handle-align_right .g-list__item-sort-icon {
  margin-inline: 10px 0;
}
.g-list__item_sortable[data-rbd-drag-handle-context-id]:active {
  cursor: grabbing;
}
.g-list__item_dragging {
  background: var(--g-color-base-simple-hover-solid);
  z-index: 100001;
}
.g-list__empty-placeholder {
  box-sizing: border-box;
  color: var(--g-color-text-hint);
  min-height: 36px;
  padding-block: 8px;
}
.g-list__item-content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.g-list__item-sort-icon {
  display: flex;
  align-items: center;
  width: 12px;
  margin-inline-end: 4px;
  flex: 0 0 auto;
  color: var(--g-color-text-hint);
}
.g-list__loading-indicator {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}.g-sheet {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.g-sheet__veil {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background-color: var(--g-color-sfx-veil);
  opacity: 0;
  will-change: opacity;
}
.g-sheet__veil_with-transition {
  transition: opacity 0.3s ease;
}
.g-sheet__sheet {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  max-height: 100%;
  will-change: transform;
}
.g-sheet__sheet_with-transition {
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .g-sheet__sheet {
    opacity: 0;
  }
  .g-sheet__sheet_with-transition {
    transition: opacity 0.3s ease;
  }
}
.g-sheet__sheet-swipe-area {
  position: absolute;
  inset-block-start: -20px;
  inset-inline-start: 0;
  width: 100%;
  height: 40px;
  z-index: 1;
}
.g-sheet__sheet-top {
  position: relative;
  height: 20px;
  border-start-start-radius: 20px;
  border-start-end-radius: 20px;
  background-color: var(--g-sheet-background-color, var(--g-color-base-float));
}
.g-sheet__sheet-top-resizer {
  --_--translate-x: calc(-50% * var(--g-flow-direction));
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translateX(var(--_--translate-x)) translateY(-50%);
  width: 40px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--g-color-line-generic);
}
.g-sheet__sheet-scroll-container {
  box-sizing: border-box;
  max-height: calc(100% - 20px);
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  background-color: var(--g-sheet-background-color, var(--g-color-base-float));
  transition: height 0.3s ease;
}
.g-sheet__sheet-scroll-container_without-scroll {
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .g-sheet__sheet-scroll-container {
    transition-duration: 1ms;
  }
}
.g-sheet__sheet-margin-box {
  border: 1px solid transparent;
}
.g-sheet__sheet-margin-box_always-full-height {
  box-sizing: border-box;
  height: 100%;
}
.g-sheet__sheet-margin-box_always-full-height .g-sheet__sheet-margin-box-border-compensation {
  height: 100%;
}
.g-sheet__sheet-margin-box-border-compensation {
  margin: -1px;
}
.g-sheet__sheet-content {
  box-sizing: border-box;
  width: 100%;
  padding: var(--g-sheet-content-padding, 0 10px);
}
.g-sheet__sheet-content-title {
  padding-block-end: 8px;
  font-size: var(--g-text-body-2-font-size);
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.g-select-empty-placeholder {
  margin: 4px;
  color: var(--g-color-text-hint);
}
.g-select-empty-placeholder_empty {
  margin-block-start: 0;
}.g-select-clear {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  z-index: 1;
  flex-shrink: 0;
}
.g-select-clear:focus-visible {
  border: 1px solid var(--g-color-line-generic-active);
}
.g-select-clear_size_s {
  height: 24px;
  width: 24px;
  border-radius: var(--g-border-radius-s);
}
.g-select-clear_size_m {
  height: 28px;
  width: 28px;
  border-radius: var(--g-border-radius-m);
}
.g-select-clear_size_l {
  height: 36px;
  width: 36px;
  border-radius: var(--g-border-radius-l);
}
.g-select-clear_size_xl {
  height: 44px;
  width: 44px;
  border-radius: var(--g-border-radius-xl);
}
.g-select-clear__clear {
  color: var(--g-color-text-secondary);
}
.g-select-clear:hover .g-select-clear__clear {
  color: var(--g-color-text-primary);
}.g-select-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 4px;
  background-color: var(--g-color-base-generic);
}
.g-select-counter__text {
  margin-inline: 4px;
  flex-grow: 1;
  text-align: center;
}
.g-select-counter_size_xl .g-select-counter__text {
  margin-inline: 6px;
}
.g-select-counter_size_s {
  border-radius: var(--g-border-radius-xs);
  height: 20px;
  min-width: 20px;
}
.g-select-counter_size_m {
  border-radius: var(--g-border-radius-s);
  height: 24px;
  min-width: 24px;
}
.g-select-counter_size_l {
  border-radius: var(--g-border-radius-m);
  height: 28px;
  min-width: 28px;
}
.g-select-counter_size_xl {
  border-radius: var(--g-border-radius-l);
  margin-inline: 4px;
  height: 36px;
  min-width: 36px;
}.g-select-clear {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  z-index: 1;
  flex-shrink: 0;
}
.g-select-clear:focus-visible {
  border: 1px solid var(--g-color-line-generic-active);
}
.g-select-clear_size_s {
  height: 24px;
  width: 24px;
  border-radius: var(--g-border-radius-s);
}
.g-select-clear_size_m {
  height: 28px;
  width: 28px;
  border-radius: var(--g-border-radius-m);
}
.g-select-clear_size_l {
  height: 36px;
  width: 36px;
  border-radius: var(--g-border-radius-l);
}
.g-select-clear_size_xl {
  height: 44px;
  width: 44px;
  border-radius: var(--g-border-radius-xl);
}
.g-select-clear__clear {
  color: var(--g-color-text-secondary);
}
.g-select-clear:hover .g-select-clear__clear {
  color: var(--g-color-text-primary);
}

.g-select-control {
  --_--focus-outline-color: var(--g-select-focus-outline-color);
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  transition: transform 0.1s ease-out;
  width: 100%;
  z-index: 0;
}
.g-select-control_disabled {
  cursor: default;
}
.g-select-control_size_s {
  --_--text-right-padding: 8px;
  --_--border-radius: var(--g-border-radius-s);
  height: 24px;
  padding: 4px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_m {
  --_--text-right-padding: 8px;
  --_--border-radius: var(--g-border-radius-m);
  height: 28px;
  padding: 6px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_l {
  --_--text-right-padding: 12px;
  --_--border-radius: var(--g-border-radius-l);
  height: 36px;
  padding: 10px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_xl {
  --_--text-right-padding: 12px;
  --_--border-radius: var(--g-border-radius-xl);
  height: 44px;
  padding: 12px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control__button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: color 0.15s linear, background-color 0.15s linear;
}
.g-select-control__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--g-color-line-generic);
  border-radius: var(--_--border-radius);
}
.g-select-control__button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.g-select-control__button:active::after {
  transform: scale(1.042);
}
.g-select-control__button_pin_round-round::before {
  border-radius: var(--_--border-radius);
}

.g-select-control__button_pin_brick-brick::before {
  border-radius: 0;
}

.g-select-control__button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}

.g-select-control__button_pin_circle-circle::before {
  border-radius: 100px;
}

.g-select-control__button_pin_round-brick::before {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
}

.g-select-control__button_pin_brick-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
}

.g-select-control__button_pin_round-clear::before {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-select-control__button_pin_clear-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
  border-inline-start: 0;
}

.g-select-control__button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}

.g-select-control__button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}

.g-select-control__button_pin_circle-brick::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}

.g-select-control__button_pin_brick-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}

.g-select-control__button_pin_circle-clear::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-select-control__button_pin_clear-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}

.g-select-control__button_pin_round-round::after {
  border-radius: var(--_--border-radius);
}

.g-select-control__button_pin_brick-brick::after {
  border-radius: 0;
}

.g-select-control__button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}

.g-select-control__button_pin_circle-circle::after {
  border-radius: 100px;
}

.g-select-control__button_pin_round-brick::after {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
}

.g-select-control__button_pin_brick-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
}

.g-select-control__button_pin_round-clear::after {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-select-control__button_pin_clear-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
  border-inline-start: 0;
}

.g-select-control__button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}

.g-select-control__button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}

.g-select-control__button_pin_circle-brick::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}

.g-select-control__button_pin_brick-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}

.g-select-control__button_pin_circle-clear::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.g-select-control__button_pin_clear-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}

.g-select-control__button_view_clear {
  border-color: transparent;
}
.g-select-control__button_view_clear::before {
  border-color: transparent;
}
.g-select-control__button_view_clear::after {
  border-color: transparent;
}
.g-select-control__button_size_s {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_m {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_l {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_xl {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-select-control__button_error::before {
  --_--focus-outline-color: var(--g-color-line-danger);
  border-color: var(--g-color-line-danger);
}
.g-select-control__button:hover::before {
  background-color: var(--g-color-base-simple-hover);
}
.g-select-control__button_disabled {
  color: var(--g-color-text-hint);
  pointer-events: none;
}
.g-select-control__button_disabled::before {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-select-control__button_disabled::after {
  border-color: transparent;
}
.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_disabled):not(.g-select-control__button_view_clear):hover::before {
  border-color: var(--g-color-line-generic-hover);
}
.g-select-control__button_open:not(.g-select-control__button_error):not(.g-select-control__button_view_clear)::before, .g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):focus-visible::before {
  border-color: var(--g-color-line-generic-active);
}
.g-select-control__button:focus-visible::before {
  outline: 2px solid var(--g-select-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-select-control:not(.g-select-control_disabled):not(.g-select-control_no-active):active {
  transform: scale(0.96);
}
.g-select-control__label {
  font-weight: var(--g-text-accent-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-inline-end: 4px;
}
.g-select-control__placeholder, .g-select-control__option-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline-end: var(--_--text-right-padding);
}
.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(24px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(28px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(36px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(44px + var(--_--text-right-padding));
}
.g-select-control__placeholder {
  color: var(--g-color-text-hint);
}
.g-select-control__chevron-icon {
  flex: 0 0 16px;
  margin-inline-start: auto;
  color: var(--g-color-text-secondary);
}
.g-select-control__chevron-icon_disabled {
  color: var(--g-color-text-hint);
}
.g-select-clear + .g-select-control__chevron-icon {
  margin-inline-start: 0;
}
.g-select-control__error-icon {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: content-box;
  color: var(--g-color-text-danger);
  padding: var(--_--text-input-error-icon-padding);
  border-radius: var(--g-focus-border-radius);
}
.g-select-control__error-icon:focus {
  outline: 2px solid var(--g-color-line-focus);
}
.g-select-control__error-icon:focus:not(:focus-visible) {
  outline: 0;
}.g-select-filter {
  --g-text-input-border-color: var(--g-color-line-generic-active);
}.g-select-list {
  display: flex;
  margin: 4px 0;
  overflow: hidden;
}
.g-popup .g-select-list:first-child, .g-popup .g-select-list:last-child {
  border-radius: 0;
}
.g-select-list:not(.g-select-list_virtualized) {
  overflow: auto;
  position: relative;
}
.g-select-list_mobile {
  max-height: 100%;
}
.g-select-list_multiple.g-list .g-list__item_selected {
  background: none;
}
.g-select-list_multiple.g-list .g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.g-select-list__group-label, .g-select-list__group-label-custom {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
}
.g-select-list__group-label {
  font-size: var(--g-text-body-1-font-size);
}
.g-select-list_size_s .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 24px;
  padding: 8px 8px 4px;
}
.g-select-list_size_m .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 28px;
  padding: 8px 8px 4px;
}
.g-select-list_size_l .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 36px;
  padding: 10px 12px 6px;
}
.g-select-list_size_xl .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 44px;
  padding: 12px 12px 8px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 36px;
  padding: 12px 12px 8px;
  font-size: var(--g-text-body-2-font-size);
}
.g-list__item:not(:first-child) .g-select-list__group-label {
  margin-block-start: 5px;
}
.g-list__item:not(:first-child) .g-select-list__group-label::before {
  content: "";
  position: absolute;
  inset-block-start: -3px;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
  background-color: var(--g-color-line-generic);
}
.g-select-list__group-label-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--g-text-accent-font-weight);
  width: 100%;
}
.g-select-list__option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.g-select-list_size_s .g-select-list__option {
  padding: 0 8px;
}
.g-select-list_size_s .g-select-list__option .g-select-list__option-default-label {
  height: 24px;
  line-height: 24px;
}
.g-select-list_size_s .g-select-list__option {
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_m .g-select-list__option {
  padding: 0 8px 0 8px;
}
.g-select-list_size_m .g-select-list__option .g-select-list__option-default-label {
  height: 28px;
  line-height: 28px;
}
.g-select-list_size_m .g-select-list__option {
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_l .g-select-list__option {
  padding: 0 12px 0 12px;
}
.g-select-list_size_l .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
}
.g-select-list_size_l .g-select-list__option {
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_size_xl .g-select-list__option {
  padding: 0 12px;
}
.g-select-list_size_xl .g-select-list__option .g-select-list__option-default-label {
  height: 44px;
  line-height: 44px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_size_xl .g-select-list__option {
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_mobile .g-select-list__option {
  padding: 0 12px 0 12px;
}
.g-select-list_mobile .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__option .g-select-list__tick-icon {
  padding-inline-end: calc(12px / 2);
}
.g-select-list__option_disabled {
  cursor: default;
}
.g-select-list__option-default-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--g-text-body-1-font-size);
  width: 100%;
}
.g-select-list__option-default-label_disabled {
  color: var(--g-color-text-secondary);
}
.g-select-list__tick-icon {
  box-sizing: content-box;
  flex: 0 0 16px;
  visibility: hidden;
  color: var(--g-color-text-brand);
  padding-inline-end: var(--_--select-tick-icon-padding-right);
}
.g-select-list__tick-icon_shown {
  visibility: visible;
}
.g-select-list__loading-indicator {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}.g-select-popup {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}.g-select {
  display: inline-block;
  max-width: 100%;
}
.g-select_width_max {
  width: 100%;
}.g-skeleton {
  --_--animation-from: calc(-100% * var(--g-flow-direction));
  --_--animation-to: calc(100% * var(--g-flow-direction));
  --_--gradient-deg: calc(90deg * var(--g-flow-direction));
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--g-color-base-generic);
}
.g-skeleton_animation_gradient::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: linear-gradient(var(--_--gradient-deg), transparent, var(--g-color-base-generic));
  animation: g-skeleton 1.2s ease-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .g-skeleton_animation_gradient::after {
    animation: none;
  }
}
.g-skeleton_animation_pulse {
  animation: g-skeletonPulse 1.5s infinite linear;
}

@keyframes g-skeleton {
  0% {
    transform: translateX(var(--_--animation-from));
  }
  100% {
    transform: translateX(var(--_--animation-to));
  }
}
@keyframes g-skeletonPulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.g-spin {
  display: inline-block;
  backface-visibility: hidden;
  animation: g-spin 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .g-spin {
    animation: none;
  }
}
.g-spin__inner {
  box-sizing: border-box;
  height: 100%;
  width: 50%;
  margin-inline-start: 50%;
  border: 2px solid var(--g-color-line-brand);
  border-inline-start: none;
  border-start-end-radius: 25px;
  border-end-end-radius: 25px;
}
.g-spin_size_xs {
  width: 16px;
  height: 16px;
}
.g-spin_size_s {
  width: 24px;
  height: 24px;
}
.g-spin_size_m {
  width: 28px;
  height: 28px;
}
.g-spin_size_l {
  width: 32px;
  height: 32px;
}
.g-spin_size_xl {
  width: 36px;
  height: 36px;
}

@keyframes g-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.g-md-toolbar-button__action-disabled-tooltip {
  min-height: fit-content;
  padding: 6px 12px;
}.g-md-preview-tooltip {
  padding: var(--g-spacing-3);
  border-radius: var(--g-border-radius-s);
  background-color: var(--g-color-base-float-heavy);
}
.g-md-preview-tooltip__content {
  padding: 0 0 0 var(--g-spacing-2);
  background-color: var(--g-color-base-float);
}.g-md-toolbar-list-button_arrow {
  --g-button-icon-offset: 0px;
  --g-button-padding: 2px;
  width: 42px;
}
.g-md-toolbar-list-button__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
}
.g-md-toolbar-list-button__extra {
  display: flex;
  align-items: center;
  column-gap: 8px;
  line-height: normal;
}
.g-md-toolbar-list-button__hint {
  display: flex;
  align-items: center;
}
.g-md-toolbar-list-button__hint span {
  display: flex;
}
.g-md-toolbar-list-button__action-disabled-popover {
  display: block;
}
.g-md-toolbar-list-button__action-disabled-popover .g-popover__handler {
  display: block;
}
.g-md-toolbar-list-button__action-disabled-tooltip {
  min-height: fit-content;
  padding: 6px 12px;
}.g-md-toolbar-group {
  display: flex;
  gap: 0 2px;
}.g-md-toolbar {
  display: flex;
}
.g-md-toolbar__group-separator {
  margin: 6px 8px;
  border-left: 1px solid var(--g-color-line-generic);
}
.g-md-toolbar_display_scroll {
  overflow: auto;
}.g-md-flex-toolbar {
  position: relative;
  height: 28px;
}
.g-md-flex-toolbar__container {
  position: absolute;
  inset: 0;
  display: flex;
  gap: 0 8px;
}.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

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

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::selection {
  background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection {
  caret-color: transparent;
}

/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
.ProseMirror [draggable][contenteditable=false] {
  user-select: text;
}

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */
li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/* Protect against generic img rules */
img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}

.ProseMirror-selectednode {
  outline: none;
}

.li.ProseMirror-selectednode:after {
  border: none;
}

.g-md-editor.ProseMirror-focused .ProseMirror-selectednode {
  outline: 2px solid #8cf;
}
.g-md-editor.ProseMirror-focused li.ProseMirror-selectednode:after {
  border: 2px solid #8cf;
}

.g-md-editor.ProseMirror:focus,
.g-md-editor .ProseMirror:focus {
  outline: none;
}@keyframes code_fake_blink {
  49% {
    border-color: unset;
  }
  50% {
    border-color: transparent;
  }
  99% {
    border-color: transparent;
  }
}
.ProseMirror.no-cursor {
  caret-color: transparent;
}

.ProseMirror-focused .fake-cursor {
  position: relative;
  z-index: 1;
  margin-right: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  animation: code_fake_blink 1s;
  animation-iteration-count: infinite;
}.g-md-url-input-row {
  display: flex;
}
.g-md-url-input-row__button {
  margin-left: 4px;
}.g-md-form {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 12px 12px 20px;
}.g-md-form-layout {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}.g-md-form-row {
  display: flex;
  gap: 0 12px;
}
.g-md-form-row__label {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: 128px;
}
.g-md-form-row__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-md-form-row__label-help {
  margin-left: 6px;
}
.g-md-form-row__control {
  flex-grow: 1;
  min-width: 200px;
}.g-md-form-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0 8px;
}.g-md-link-placeholder-widget {
  margin: 0 2px;
  pointer-events: none;
}.g-md-base-tooltip {
  display: flex;
  max-width: fit-content;
  padding: 0;
}
.g-md-base-tooltip__vertical-line {
  min-height: 100%;
  max-height: 100vh;
  margin: 0 7px;
  border-style: ridge;
}
.g-md-base-tooltip__remove-button {
  display: flex;
  align-items: center;
  min-height: 100%;
}
.g-md-base-tooltip__content__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.g-md-base-tooltip__content__row:not(:last-child) {
  margin-bottom: 4px;
}
.g-md-base-tooltip__content__input {
  width: 180px;
  margin-left: 8px;
}
.g-md-base-tooltip__content__number {
  max-width: 150px;
}
.g-md-base-tooltip__content__switch {
  margin-right: 28px;
}.g-md-code-block-toolbar {
  margin: var(--g-spacing-half);
}

.g-md-code-tooltip-menu {
  min-width: 150px;
  border-radius: 4px;
}

.g-md-code-block__select-popup {
  width: 175px;
  max-height: 200px;
}
.g-md-code-block__select-popup .g-select-filter {
  border-bottom: 1px solid var(--g-color-line-generic);
}
.g-md-code-block__select-popup .g-select-filter .g-text-input__content {
  border: none;
}
.g-md-code-block__select-popup .g-md-code-block__select-empty {
  margin-left: 4px;
}

.g-md-code-block__select-button {
  margin: auto 0;
}.g-md-editor.ProseMirror.yfm pre > code {
  white-space: pre;
}
.g-md-editor.ProseMirror pre > code.wrap {
  /* stylelint-disable */
  white-space: pre-wrap;
  white-space: break-spaces;
  /* stylelint-enable */
}
.g-md-editor.ProseMirror pre > code.wrap .yfm-line-number.ProseMirror-widget {
  position: absolute;
  left: 16px;
  padding: 0;
}
.g-md-editor.ProseMirror pre > code.show-line-numbers {
  position: relative;
  display: flex;
}
.g-md-editor.ProseMirror pre > code .fake-line-number {
  opacity: 0;
}.table-cell-floating-button.g-button {
  height: 28px;
  line-height: 28px;
}
.table-cell-floating-button.g-button .g-button__icon {
  width: 12px;
}

.table-cell-floating-icon {
  transform: rotate(90deg);
}.yfm-editor .g-md-checkbox {
  display: flex;
}
.yfm-editor .g-md-checkbox__input[type=checkbox] {
  top: 3px;
  align-self: flex-start;
  margin-right: 5px;
}:root {
  --yfm-colorify-black: #000;
  --yfm-colorify-gray: #808080;
  --yfm-colorify-yellow: #ffd700;
  --yfm-colorify-orange: #f80;
  --yfm-colorify-red: #c00;
  --yfm-colorify-green: #080;
  --yfm-colorify-blue: #04b;
  --yfm-colorify-violet: #f0f;
}

.yfm-colorify--black {
  color: var(--yfm-colorify-black);
}

.yfm-colorify--gray {
  color: var(--yfm-colorify-gray);
}

.yfm-colorify--yellow {
  color: var(--yfm-colorify-yellow);
}

.yfm-colorify--orange {
  color: var(--yfm-colorify-orange);
}

.yfm-colorify--red {
  color: var(--yfm-colorify-red);
}

.yfm-colorify--green {
  color: var(--yfm-colorify-green);
}

.yfm-colorify--blue {
  color: var(--yfm-colorify-blue);
}

.yfm-colorify--violet {
  color: var(--yfm-colorify-violet);
}.g-md-emoji-suggest__list.g-list {
  width: 256px;
}
.g-md-emoji-suggest__list.g-list .g-list__empty-placeholder {
  height: 28px;
  padding-right: 12px;
  padding-left: 12px;
}
.g-md-emoji-suggest__list-item {
  cursor: pointer;
}
.g-md-emoji-suggest__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 16px;
}
.g-md-emoji-suggest__item-info {
  display: flex;
  align-items: center;
}
.g-md-emoji-suggest__item-icon {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 20px;
  margin-right: 8px;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.g-md-emoji-suggest__item-name {
  margin-right: 12px;
  white-space: nowrap;
}
.g-md-emoji-suggest__item-shortcuts {
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
}
.g-md-emoji-suggest__item-shortcut {
  padding: 1px 2px;
  white-space: nowrap;
  border-radius: var(--g-border-radius-xs);
  background-color: var(--g-color-base-generic);
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-1-font-size);
  line-height: var(--g-text-code-inline-1-line-height);
}.g-md-image-skeleton {
  vertical-align: middle;
}
.g-md-image-skeleton__skeleton {
  width: min(var(--img-skeleton-width) * 1px, 100%);
  height: min(var(--img-skeleton-height) * 1px, 700px);
  margin-bottom: -5px;
}.g-md-image-form__input_type_width, .g-md-image-form__input_type_height {
  max-width: 112px;
}
.g-md-image-form__size-controls {
  display: flex;
  align-items: center;
  gap: 0 16px;
}.g-md-image-placeholder {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  min-width: 300px;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: var(--g-color-base-simple-hover-solid);
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}body :has(.g-md-resizable_resizing) {
  cursor: col-resize;
}

.g-md-resizable {
  position: relative;
}
.g-md-resizable_resizing .g-md-resizable__resizer-wrapper, .g-md-resizable_hover .g-md-resizable__resizer-wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  cursor: col-resize;
  pointer-events: auto;
}
.g-md-resizable_resizing .g-md-resizable__resizer-wrapper_left, .g-md-resizable_hover .g-md-resizable__resizer-wrapper_left {
  left: 0;
}
.g-md-resizable_resizing .g-md-resizable__resizer-wrapper_right, .g-md-resizable_hover .g-md-resizable__resizer-wrapper_right {
  right: 0;
}
.g-md-resizable__resizer {
  opacity: 0;
}
.g-md-resizable_resizing .g-md-resizable__resizer, .g-md-resizable_hover .g-md-resizable__resizer {
  box-sizing: content-box;
  width: 4px;
  height: 50px;
  max-height: 50%;
  opacity: 1;
  border-radius: 6px;
  background: rgba(127, 127, 127, 0.8);
  transition: opacity 300ms ease-in 0s;
}.g-md-image-tooltip-form__input_type_width, .g-md-image-tooltip-form__input_type_height {
  max-width: 112px;
}
.g-md-image-tooltip-form__size-controls {
  display: flex;
  align-items: center;
  gap: 0 16px;
}.g-md-img-settings-button {
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 3px;
}.g-md-img-size-node-view__wrapper {
  position: relative;
  display: inline-block;
}/* src/scss/base.scss */
.yfm ol {
  --hier-list-start: 0;
  counter-reset: hier-list-item 0;
  counter-reset: hier-list-item var(--hier-list-start);
}
.yfm ol > li {
  counter-increment: hier-list-item;
}
.yfm ol > li::marker {
  content: counter(hier-list-item) ". ";
}
.yfm ol > li > ol {
  --hier-list-start: 0;
  counter-reset: sub-hier-list-item 0;
  counter-reset: sub-hier-list-item var(--hier-list-start);
}
.yfm ol > li > ol > li {
  counter-increment: sub-hier-list-item;
}
.yfm ol > li > ol > li::marker {
  content: counter(hier-list-item) "." counter(sub-hier-list-item) ". ";
}
.yfm ol > li > ol > li > ol {
  --hier-list-start: 0;
  counter-reset: sub-sub-hier-list-item 0;
  counter-reset: sub-sub-hier-list-item var(--hier-list-start);
}
.yfm ol > li > ol > li > ol > li {
  counter-increment: sub-sub-hier-list-item;
}
.yfm ol > li > ol > li > ol > li::marker {
  content: counter(hier-list-item) "." counter(sub-hier-list-item) "." counter(sub-sub-hier-list-item) ". ";
}
.yfm ol > li > ol > li > ol > li > ol {
  --hier-list-start: 0;
  counter-reset: sub-sub-sub-hier-list-item 0;
  counter-reset: sub-sub-sub-hier-list-item var(--hier-list-start);
}
.yfm ol > li > ol > li > ol > li > ol > li {
  counter-increment: sub-sub-sub-hier-list-item;
}
.yfm ol > li > ol > li > ol > li > ol > li::marker {
  content: counter(hier-list-item) "." counter(sub-hier-list-item) "." counter(sub-sub-hier-list-item) "." counter(sub-sub-sub-hier-list-item) ". ";
}
.yfm ol > li > ol > li > ol > li > ol > li > ol {
  --hier-list-start: 0;
  counter-reset: sub-sub-sub-sub-hier-list-item 0;
  counter-reset: sub-sub-sub-sub-hier-list-item var(--hier-list-start);
}
.yfm ol > li > ol > li > ol > li > ol > li > ol > li {
  counter-increment: sub-sub-sub-sub-hier-list-item;
}
.yfm ol > li > ol > li > ol > li > ol > li > ol > li::marker {
  content: counter(hier-list-item) "." counter(sub-hier-list-item) "." counter(sub-sub-hier-list-item) "." counter(sub-sub-sub-hier-list-item) "." counter(sub-sub-sub-sub-hier-list-item) ". ";
}
.yfm ol > li > ol > li > ol > li > ol > li > ol > li > ol {
  --hier-list-start: 0;
  counter-reset: sub-sub-sub-sub-sub-hier-list-item 0;
  counter-reset: sub-sub-sub-sub-sub-hier-list-item var(--hier-list-start);
}
.yfm ol > li > ol > li > ol > li > ol > li > ol > li > ol > li {
  counter-increment: sub-sub-sub-sub-sub-hier-list-item;
}
.yfm ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::marker {
  content: counter(hier-list-item) "." counter(sub-hier-list-item) "." counter(sub-sub-hier-list-item) "." counter(sub-sub-sub-hier-list-item) "." counter(sub-sub-sub-sub-hier-list-item) "." counter(sub-sub-sub-sub-sub-hier-list-item) ". ";
}
.yfm.yfm_no-list-reset ol,
.yfm ol.yfm_no-list-reset,
.yfm .yfm_no-list-reset ol {
  counter-reset: list-item;
}
.yfm.yfm_no-list-reset ol li,
.yfm ol.yfm_no-list-reset li,
.yfm .yfm_no-list-reset ol li {
  counter-increment: none;
  counter-increment: initial;
}
.yfm.yfm_no-list-reset ol li::marker,
.yfm ol.yfm_no-list-reset li::marker,
.yfm .yfm_no-list-reset ol li::marker {
  content: normal;
  content: initial;
}
.yfm {
  --yfm-color-text-private: rgba(0, 0, 0, 0.7);
  --yfm-color-link-private: #027bf3;
  --yfm-color-link-hover-private: #004080;
  --yfm-color-base-private: #ffffff;
  --yfm-color-border-private: rgba(0, 0, 0, 0.07);
  --yfm-color-accent-private: #027bf3;
  --yfm-color-inline-code-private: rgba(59, 96, 128, 1);
  --yfm-color-inline-code-background-private: rgba(107, 132, 153, 0.12);
  --yfm-color-code-background-private: rgba(107, 132, 153, 0.12);
  --yfm-color-code-background-hovered-private: rgba(107, 132, 153, 0.2);
  --yfm-color-hljs-background-private: rgba(107, 132, 153, 0.12);
  --yfm-color-hljs-subst-private: #444;
  --yfm-color-hljs-comment-private: #888888;
  --yfm-color-hljs-deletion-private: #880000;
  --yfm-color-hljs-section-private: #880000;
  --yfm-color-hljs-pseudo-private: #bc6060;
  --yfm-color-hljs-literal-private: #78a960;
  --yfm-color-hljs-addition-private: #397300;
  --yfm-color-hljs-meta-private: #1f7199;
  --yfm-color-hljs-meta-string-private: #4d99bf;
  --yfm-color-note-tip-private: #56bd67;
  --yfm-color-note-tip-background-private: rgba(63, 201, 46, 0.1);
  --yfm-color-note-warning-private: #f19518;
  --yfm-color-note-warning-background-private: rgba(255, 136, 0, 0.15);
  --yfm-color-note-important-private: #ff4645;
  --yfm-color-note-important-background-private: rgba(235, 50, 38, 0.08);
  --yfm-color-note-info-private: #027bf3;
  --yfm-color-note-info-background-private: rgba(2, 123, 243, 0.08);
  --yfm-color-term-title-private: #027bf3;
  --yfm-color-term-title-hover-private: #004080;
  --yfm-color-term-dfn-background-private: rgb(255, 255, 255);
  --yfm-color-term-dfn-shadow-private: rgba(0, 0, 0, 0.15);
  --yfm-color-term-dfn-pseudo-shadow-private: rgb(229, 229, 229);
  --yfm-color-modal-content-private: rgb(255, 255, 255);
  --yfm-color-modal-actions-hover-private: rgba(0, 0, 0, 0.05);
  --yfm-color-modal-wide-content-private: rgba(0, 0, 0, 0.85);
  --yfm-color-modal-wide-content-overlay-private: rgb(0, 0, 0);
  --yfm-color-table-private: #333;
  --yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
  --yfm-color-table-border-private: rgba(0, 0, 0, 0.07);
  --yfm-color-table-background-private: #ffffff;
  --yfm-color-table-head-background-private: rgba(0, 0, 0, 0.02);
  --yfm-color-table-stripe-row-background-private: rgba(0, 0, 0, 0.02);
  font-family:
    "Segoe UI",
    arial,
    helvetica,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-family: var(--yfm-font-family-sans);
  font-size: 15px;
  font-size: var(--yfm-font-size, 15px);
  line-height: 20px;
  line-height: var(--yfm-font-line-height, 20px);
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.7);
  color: var(--yfm-color-text, var(--yfm-color-text-private));
  -moz-tab-size: inherit;
  -o-tab-size: inherit;
  tab-size: inherit;
  -moz-tab-size: var(--yfm-tab-size, inherit);
  -o-tab-size: var(--yfm-tab-size, inherit);
  tab-size: var(--yfm-tab-size, inherit);
  --yfm-font-family-monospace:
    "Menlo",
    "Monaco",
    "Consolas",
    "Ubuntu Mono",
    "Liberation Mono",
    "DejaVu Sans Mono",
    "Courier New",
    "Courier",
    monospace;
  --yfm-font-family-sans:
    "Segoe UI",
    arial,
    helvetica,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}
.yfm * {
  box-sizing: border-box;
}
.yfm > *:not(h2):not(h3):not(h4):not(h5):not(h6):first-child {
  margin-top: 0 !important;
}
.yfm > *:last-child {
  margin-bottom: 0 !important;
}
.yfm h1,
.yfm h2,
.yfm h3,
.yfm h4,
.yfm h5,
.yfm h6 {
  margin-bottom: 15px;
  font-weight: 500;
}
.yfm h1 {
  font-size: 32px;
  font-size: var(--yfm-font-size-h1, 32px);
  line-height: 40px;
  line-height: var(--yfm-font-line-height-h1, 40px);
}
.yfm h2 {
  font-size: 24px;
  font-size: var(--yfm-font-size-h2, 24px);
  line-height: 28px;
  line-height: var(--yfm-font-line-height-h2, 28px);
}
.yfm h3 {
  font-size: 20px;
  font-size: var(--yfm-font-size-h3, 20px);
  line-height: 24px;
  line-height: var(--yfm-font-line-height-h3, 24px);
}
.yfm h4 {
  font-size: 17px;
  font-size: var(--yfm-font-size-h4, 17px);
  line-height: 24px;
  line-height: var(--yfm-font-line-height-h4, 24px);
}
.yfm h5 {
  font-size: 15px;
  font-size: var(--yfm-font-size-h5, 15px);
  line-height: 20px;
  line-height: var(--yfm-font-line-height-h5, 20px);
}
.yfm h6 {
  font-size: 13px;
  font-size: var(--yfm-font-size-h6, 13px);
  line-height: 18px;
  line-height: var(--yfm-font-line-height-h6, 18px);
}
.yfm a {
  background-color: transparent;
  color: var(--yfm-color-link, var(--yfm-color-link-private));
  -webkit-text-decoration: none;
  text-decoration: none;
}
.yfm a:hover,
.yfm a:active {
  color: var(--yfm-color-link-hover, var(--yfm-color-link-hover-private));
}
.yfm a:not([href]) {
  color: inherit;
}
.yfm strong {
  font-weight: 700;
}
.yfm img,
.yfm svg {
  box-sizing: content-box;
  max-width: 100%;
  max-height: -moz-fit-content;
  max-height: fit-content;
  border: none;
  vertical-align: middle;
}
.yfm img[align=right],
.yfm svg[align=right] {
  padding-left: 20px;
}
.yfm img[align=left],
.yfm svg[align=left] {
  padding-right: 20px;
}
.yfm .mermaid svg[id*=mermaid] {
  max-height: none;
}
.yfm img {
  -o-object-fit: contain;
  object-fit: contain;
  background-color: var(--yfm-color-base, var(--yfm-color-base-private));
}
.yfm svg {
  height: auto;
}
.yfm img + small {
  display: block;
}
.yfm p,
.yfm .checkbox,
.yfm blockquote,
.yfm ul,
.yfm ol,
.yfm dl,
.yfm table,
.yfm pre {
  margin-block: 0 15px;
  margin-block: var(--yfm-text-block-margin-block, 0 15px);
  margin-inline: 0;
  margin-inline: var(--yfm-text-block-margin-inline, 0);
}
.yfm ul pre,
.yfm ol pre,
.yfm dl pre {
  margin-top: 15px;
}
.yfm code,
.yfm kbd,
.yfm pre {
  font-family: var(--yfm-font-family-monospace);
  font-size: 1em;
  font-feature-settings: normal;
}
.yfm input {
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.yfm input[type=checkbox] {
  position: relative;
  top: 1px;
  box-sizing: border-box;
  padding: 0;
}
.yfm .checkbox {
  display: flex;
}
.yfm .checkbox > input[type=checkbox] {
  align-self: flex-start;
  top: 3px;
  margin-right: 3px;
}
.yfm .checkbox:has(+ .checkbox) {
  margin-bottom: 0;
  margin-bottom: var(--yfm-checkbox-margin-between, 0);
}
.yfm .checkbox + .checkbox {
  margin-top: 0;
}
.yfm table {
  color: var(--yfm-color-table, var(--yfm-color-table-private));
  display: inline-block;
  max-width: 100%;
  width: auto;
  overflow: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid var(--yfm-color-table-border, var(--yfm-color-table-border-private));
  border-radius: 8px;
  border-collapse: collapse;
  border-spacing: 0;
  background: var(--yfm-color-table-background, var(--yfm-color-table-background-private));
}
.yfm table thead {
  background-color: var(--yfm-color-table-head-background, var(--yfm-color-table-head-background-private));
}
.yfm table tr:first-child td,
.yfm table tr:first-child th {
  border-top: none;
}
.yfm table tr:last-child td,
.yfm table tr:last-child th {
  border-bottom: none;
}
.yfm table th,
.yfm table td {
  padding: 10px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid var(--yfm-color-table-border, var(--yfm-color-table-border-private));
}
.yfm table th > *:first-child,
.yfm table td > *:first-child {
  margin-top: 0;
}
.yfm table th > *:last-child,
.yfm table td > *:last-child {
  margin-bottom: 0;
}
.yfm table td {
  vertical-align: top;
  white-space: normal;
}
.yfm table th {
  font-weight: 500;
  text-align: left;
}
.yfm table tr td:first-child,
.yfm table tr th:first-child {
  border-left: none;
}
.yfm table tr td:last-child,
.yfm table tr th:last-child {
  border-right: none;
}
.yfm:not(.yfm_no-stripe-table) table tr:nth-child(2n) {
  background-color: var(--yfm-color-table-stripe-row-background, var(--yfm-color-table-stripe-row-background-private));
}
.yfm hr {
  box-sizing: content-box;
  height: 0.25em;
  height: var(--yfm-hr-height, 0.25em);
  padding: 0;
  margin: 1.5em 0;
  margin: var(--yfm-hr-margin, 1.5em 0);
  overflow: hidden;
  background-color: var(--yfm-color-border, var(--yfm-color-border-private));
  border: none;
}
.yfm hr::before {
  content: "";
  display: table;
}
.yfm hr::after {
  content: "";
  display: table;
  clear: both;
}
.yfm blockquote {
  position: relative;
  padding-left: 12px;
  border-left: 3px solid var(--yfm-color-accent, var(--yfm-color-accent-private));
}
.yfm blockquote > *:first-child {
  margin-top: 0;
}
.yfm blockquote > *:last-child {
  margin-bottom: 0;
}
.yfm dl {
  padding: 0;
}
.yfm dl > *:first-child {
  margin-top: 0;
}
.yfm dl > *:last-child {
  margin-bottom: 0;
}
.yfm dl dt {
  margin-bottom: 5px;
  font-size: 1em;
  font-weight: bold;
}
.yfm dl dd {
  margin-bottom: 15px;
  padding: 0 15px;
}
.yfm dd {
  margin-left: 0;
}
.yfm ul,
.yfm ol {
  padding-left: 2.2em;
}
.yfm ul ul:last-child,
.yfm ul ol:last-child,
.yfm ol ol:last-child,
.yfm ol ul:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.yfm li {
  word-wrap: break-word;
}
.yfm li:first-child,
.yfm li + li {
  margin-block: 0.33em 0;
  margin-block: var(--yfm-list-item-margin-block, 0.33em 0);
}
.yfm li p,
.yfm li blockquote {
  margin-block: 0 15px;
  margin-block: var(--yfm-list-text-margin-block, 0 15px);
}
.yfm li > p:only-of-type,
.yfm li > blockquote:only-of-type,
.yfm li > p:first-child:has(+ ul),
.yfm li > p:first-child:has(+ ol) {
  margin-block: 0;
  margin-block: var(--yfm-list-text-only-margin-block, 0);
}
.yfm li > p:last-child {
  margin-block: 0;
  margin-block: var(--yfm-list-text-last-margin-block, 0);
}
.yfm code {
  padding: 0.1em 0.4em 0.15em;
  background-color: var(--yfm-color-inline-code-background, var(--yfm-color-inline-code-background-private));
  border-radius: 4px;
  font-size: 0.875em;
  white-space: pre-wrap;
  color: var(--yfm-color-inline-code, var(--yfm-color-inline-code-private));
  -moz-tab-size: inherit;
  -o-tab-size: inherit;
  tab-size: inherit;
  -moz-tab-size: var(--yfm-tab-size-code, inherit);
  -o-tab-size: var(--yfm-tab-size-code, inherit);
  tab-size: var(--yfm-tab-size-code, inherit);
}
.yfm a code {
  color: inherit;
}
.yfm pre {
  word-wrap: normal;
}
.yfm table code {
  white-space: nowrap;
}
.yfm pre * code {
  display: inline;
  padding: 0;
  margin: 0;
  overflow: visible;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
  color: var(--yfm-color-text, var(--yfm-color-text-private));
}
.yfm pre > code {
  display: block;
  padding: 16px;
  overflow: auto;
  background-color: var(--yfm-color-code-background, var(--yfm-color-code-background-private));
  color: var(--yfm-color-text, var(--yfm-color-text-private));
  white-space: pre;
}
.yfm pre > code .yfm-line-number {
  display: inline-block;
  padding-right: 1em;
  color: #666;
  color: var(--yfm-color-line-numbers, #666);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.yfm sup,
.yfm sub {
  line-height: 0;
}
.yfm {
}
.yfm .visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip-path: inset(100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.yfm h1 .yfm-clipboard-anchor,
.yfm h2 .yfm-clipboard-anchor,
.yfm h3 .yfm-clipboard-anchor,
.yfm h4 .yfm-clipboard-anchor,
.yfm h5 .yfm-clipboard-anchor,
.yfm h6 .yfm-clipboard-anchor {
  background: none;
  color: var(--yfm-color-link, var(--yfm-color-link-private));
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.yfm h1 .yfm-clipboard-anchor:hover,
.yfm h2 .yfm-clipboard-anchor:hover,
.yfm h3 .yfm-clipboard-anchor:hover,
.yfm h4 .yfm-clipboard-anchor:hover,
.yfm h5 .yfm-clipboard-anchor:hover,
.yfm h6 .yfm-clipboard-anchor:hover {
  color: var(--yfm-color-link-hover, var(--yfm-color-link-hover-private));
}
.yfm h1 .yfm-anchor,
.yfm h1 .yfm-clipboard-anchor,
.yfm h2 .yfm-anchor,
.yfm h2 .yfm-clipboard-anchor,
.yfm h3 .yfm-anchor,
.yfm h3 .yfm-clipboard-anchor,
.yfm h4 .yfm-anchor,
.yfm h4 .yfm-clipboard-anchor,
.yfm h5 .yfm-anchor,
.yfm h5 .yfm-clipboard-anchor,
.yfm h6 .yfm-anchor,
.yfm h6 .yfm-clipboard-anchor {
  display: inline-block;
  width: 24px;
  padding-right: 4px;
  margin-left: -24px;
  float: left;
  text-align: center;
  font-size: 18px;
}
.yfm h1 .yfm-anchor:focus::before,
.yfm h1 .yfm-clipboard-anchor:focus::before,
.yfm h2 .yfm-anchor:focus::before,
.yfm h2 .yfm-clipboard-anchor:focus::before,
.yfm h3 .yfm-anchor:focus::before,
.yfm h3 .yfm-clipboard-anchor:focus::before,
.yfm h4 .yfm-anchor:focus::before,
.yfm h4 .yfm-clipboard-anchor:focus::before,
.yfm h5 .yfm-anchor:focus::before,
.yfm h5 .yfm-clipboard-anchor:focus::before,
.yfm h6 .yfm-anchor:focus::before,
.yfm h6 .yfm-clipboard-anchor:focus::before {
  opacity: 1;
}
.yfm h1 .yfm-anchor::before,
.yfm h1 .yfm-clipboard-anchor::before,
.yfm h2 .yfm-anchor::before,
.yfm h2 .yfm-clipboard-anchor::before,
.yfm h3 .yfm-anchor::before,
.yfm h3 .yfm-clipboard-anchor::before,
.yfm h4 .yfm-anchor::before,
.yfm h4 .yfm-clipboard-anchor::before,
.yfm h5 .yfm-anchor::before,
.yfm h5 .yfm-clipboard-anchor::before,
.yfm h6 .yfm-anchor::before,
.yfm h6 .yfm-clipboard-anchor::before {
  content: "#";
  opacity: 0;
}
.yfm h1:hover .yfm-anchor::before,
.yfm h1:hover .yfm-clipboard-anchor::before,
.yfm h2:hover .yfm-anchor::before,
.yfm h2:hover .yfm-clipboard-anchor::before,
.yfm h3:hover .yfm-anchor::before,
.yfm h3:hover .yfm-clipboard-anchor::before,
.yfm h4:hover .yfm-anchor::before,
.yfm h4:hover .yfm-clipboard-anchor::before,
.yfm h5:hover .yfm-anchor::before,
.yfm h5:hover .yfm-clipboard-anchor::before,
.yfm h6:hover .yfm-anchor::before,
.yfm h6:hover .yfm-clipboard-anchor::before {
  opacity: 1;
}
.yfm table h1 .yfm-anchor,
.yfm table h1 .yfm-clipboard-anchor,
.yfm table h2 .yfm-anchor,
.yfm table h2 .yfm-clipboard-anchor,
.yfm table h3 .yfm-anchor,
.yfm table h3 .yfm-clipboard-anchor,
.yfm table h4 .yfm-anchor,
.yfm table h4 .yfm-clipboard-anchor,
.yfm table h5 .yfm-anchor,
.yfm table h5 .yfm-clipboard-anchor,
.yfm table h6 .yfm-anchor,
.yfm table h6 .yfm-clipboard-anchor {
  width: 1em;
  margin-left: -1em;
  padding-right: 0;
}
.yfm .yfm-tabs .yfm-anchor::before,
.yfm .yfm-tabs .yfm-clipboard-anchor::before {
  position: absolute;
  padding-right: 2px;
}
.yfm .hljs {
  display: block;
  overflow-x: auto;
  padding: 16px;
  background: var(--yfm-color-code-background, var(--yfm-color-hljs-background, var(--yfm-color-hljs-background-private)));
}
.yfm .hljs,
.yfm .hljs-subst {
  color: var(--yfm-color-hljs-subst, var(--yfm-color-hljs-subst-private));
}
.yfm .hljs-comment {
  color: var(--yfm-color-hljs-comment, var(--yfm-color-hljs-comment-private));
}
.yfm .hljs-keyword,
.yfm .hljs-attribute,
.yfm .hljs-selector-tag,
.yfm .hljs-meta-keyword,
.yfm .hljs-doctag,
.yfm .hljs-name {
  font-weight: bold;
}
.yfm .hljs-type,
.yfm .hljs-string,
.yfm .hljs-number,
.yfm .hljs-selector-id,
.yfm .hljs-selector-class,
.yfm .hljs-quote,
.yfm .hljs-template-tag,
.yfm .hljs-deletion {
  color: var(--yfm-color-hljs-deletion, var(--yfm-color-hljs-deletion-private));
}
.yfm .hljs-title,
.yfm .hljs-section {
  color: var(--yfm-color-hljs-section, var(--yfm-color-hljs-section-private));
  font-weight: bold;
}
.yfm .hljs-regexp,
.yfm .hljs-symbol,
.yfm .hljs-variable,
.yfm .hljs-template-variable,
.yfm .hljs-link,
.yfm .hljs-selector-attr,
.yfm .hljs-selector-pseudo {
  color: var(--yfm-color-hljs-pseudo, var(--yfm-color-hljs-pseudo-private));
}
.yfm .hljs-literal {
  color: var(--yfm-color-hljs-literal, var(--yfm-color-hljs-literal-private));
}
.yfm .hljs-built_in,
.yfm .hljs-bullet,
.yfm .hljs-code,
.yfm .hljs-addition {
  color: var(--yfm-color-hljs-addition, var(--yfm-color-hljs-addition-private));
}
.yfm .hljs-meta {
  color: var(--yfm-color-hljs-meta, var(--yfm-color-hljs-meta-private));
}
.yfm .hljs-meta-string {
  color: var(--yfm-color-hljs-meta-string, var(--yfm-color-hljs-meta-string-private));
}
.yfm .hljs-emphasis {
  font-style: italic;
}
.yfm .hljs-strong {
  font-weight: bold;
}
.yfm-code-floating-container {
  position: relative;
}
.yfm-code-floating-container .yfm-code-button {
  min-width: 20px;
  min-height: 20px;
  flex-shrink: 0;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.yfm-code-floating-container:hover .yfm-code-floating {
  opacity: 1;
}
.yfm-code-floating-container > pre {
  border-radius: 10px;
  overflow: hidden;
}
.yfm-code-floating-container > pre code:has(> .yfm-line) {
  display: grid;
  grid-template-columns: auto 1fr;
}
.yfm-code-floating-container > pre code.wrap {
  white-space: pre-wrap;
}
.yfm-code-floating-container .yfm-code-floating {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  opacity: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.yfm-code-floating-container .yfm-code-floating:focus,
.yfm-code-floating-container .yfm-code-floating:has(> .yfm-code-button:focus) {
  opacity: 1;
}
.yfm-code-floating-container .yfm-code-icon {
  pointer-events: none;
}
.yfm-clipboard-inline-code {
  transition: 0.3s;
}
.yfm-clipboard-inline-code:hover {
  cursor: pointer;
  background-color: var(--yfm-color-code-hovered-background, var(--yfm-color-code-background-hovered-private));
}
/*# sourceMappingURL=base.css.map */
/* src/scss/_yfm-only.scss */
.yfm .yfm-note {
  max-width: 1296px;
  margin: 20px 0;
  padding: 20px 20px 20px 64px;
  border-radius: 10px;
}
.yfm .yfm-note .yfm-note-title {
  font-weight: 700;
}
.yfm .yfm-note > * {
  margin: 0 0 10px;
}
.yfm .yfm-note > *:first-child::before {
  box-sizing: content-box;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-left: -44px;
  padding-right: 20px;
  float: left;
}
.yfm .yfm-note > *:last-child {
  margin-bottom: 0;
}
.yfm .yfm-note.yfm-accent-info > :first-child::before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(2,123,243)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
}
.yfm .yfm-note.yfm-accent-tip > :first-child::before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
}
.yfm .yfm-note.yfm-accent-warning > :first-child::before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
}
.yfm .yfm-note.yfm-accent-alert > :first-child::before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
}
.yfm .yfm-note.yfm-accent-info {
  background: var(--yfm-color-note-info-background, var(--yfm-color-note-info-background-private));
}
.yfm .yfm-note.yfm-accent-tip {
  background: var(--yfm-color-note-tip-background, var(--yfm-color-note-tip-background-private));
}
.yfm .yfm-note.yfm-accent-alert {
  background: var(--yfm-color-note-important-background, var(--yfm-color-note-important-background-private));
}
.yfm .yfm-note.yfm-accent-warning {
  background: var(--yfm-color-note-warning-background, var(--yfm-color-note-warning-background-private));
}
.yfm .katex svg {
  height: inherit;
  max-height: inherit;
}
.yfm table td.cell-align-top-left,
.yfm table td.cell-align-bottom-left {
  text-align: start;
}
.yfm table td.cell-align-top-center,
.yfm table td.cell-align-center {
  text-align: center;
}
.yfm table td.cell-align-top-right,
.yfm table td.cell-align-bottom-right {
  text-align: end;
}
.yfm table td.cell-align-top-left,
.yfm table td.cell-align-top-center,
.yfm table td.cell-align-top-right {
  vertical-align: top;
}
.yfm table td.cell-align-center {
  vertical-align: middle;
}
.yfm table td.cell-align-bottom-left,
.yfm table td.cell-align-bottom-right {
  vertical-align: bottom;
}
.yfm table[sticky-header] {
  position: relative;
}
.yfm table[sticky-header] thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.yfm table[sticky-header] thead td,
.yfm table[sticky-header] thead th {
  position: relative;
  z-index: 0;
}
.yfm table[sticky-header] thead td::before,
.yfm table[sticky-header] thead th::before {
  content: "";
  background: var(--yfm-color-table-background, var(--yfm-color-table-background-private));
  position: absolute;
  inset: 0;
  z-index: -2;
}
.yfm table[sticky-header] thead td::after,
.yfm table[sticky-header] thead th::after {
  content: "";
  background: var(--yfm-color-table-head-background, var(--yfm-color-table-head-background-private));
  position: absolute;
  inset: 0;
  z-index: -1;
}
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child {
  position: sticky;
  top: 0;
  z-index: 2;
}
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child td,
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child th,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child td,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child th {
  position: relative;
  z-index: 0;
}
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child td::before,
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child th::before,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child td::before,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child th::before {
  content: "";
  background: var(--yfm-color-table-background, var(--yfm-color-table-background-private));
  position: absolute;
  inset: 0;
  z-index: -2;
}
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child td::after,
.yfm table[sticky-header]:not(:has(thead)) tbody > tr:first-child th::after,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child td::after,
.yfm table[sticky-header]:not(:has(thead)) > tr:first-child th::after {
  content: "";
  background: var(--yfm-color-table-head-background, var(--yfm-color-table-head-background-private));
  position: absolute;
  inset: 0;
  z-index: -1;
}
.yfm table[sticky-header] {
  max-height: 70vh;
}
.yfm-term_title {
  color: var(--yfm-color-term-title, var(--yfm-color-term-title-private));
  cursor: pointer;
  border-bottom: 1px dotted;
  font-size: inherit;
  line-height: inherit;
  font-style: normal;
}
.yfm-term_title:hover {
  color: var(--yfm-color-term-title-hover, var(--yfm-color-term-title-hover-private));
}
.yfm-term_dfn {
  position: absolute;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  padding: 10px;
  background-color: var(--yfm-color-term-dfn-background, var(--yfm-color-term-dfn-background-private));
  font-size: inherit;
  line-height: inherit;
  font-style: normal;
  border-radius: 4px;
  box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow, var(--yfm-color-term-dfn-shadow-private));
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 450px;
}
@media screen and (max-width: 600px) {
  .yfm-term_dfn {
    max-width: 80%;
  }
}
.yfm-term_dfn::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow, var(--yfm-color-term-dfn-pseudo-shadow-private));
}
.yfm-term_dfn.open {
  visibility: visible;
  animation-name: popup;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes popup {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.inline_code_tooltip {
  position: absolute;
  z-index: 100;
  display: none;
  opacity: 0;
  padding: 10px;
  background-color: var(--yfm-color-term-dfn-background, var(--yfm-color-term-dfn-background-private));
  font-size: inherit;
  line-height: inherit;
  font-style: normal;
  border-radius: 4px;
  box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow, var(--yfm-color-term-dfn-shadow-private));
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 450px;
}
@media screen and (max-width: 600px) {
  .inline_code_tooltip {
    max-width: 80%;
  }
}
.inline_code_tooltip::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow, var(--yfm-color-term-dfn-pseudo-shadow-private));
}
.inline_code_tooltip.open {
  display: block;
  animation-name: popup;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes popup {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=_yfm-only.css.map */.yfm.yfm-editor,
.yfm.yfm-editor code,
.yfm.yfm-editor pre > code,
.yfm.yfm-editor table code,
.yfm.yfm-editor table th,
.yfm.yfm-editor table td {
  /* stylelint-disable */
  white-space: pre-wrap;
  white-space: break-spaces;
  /* stylelint-enable */
}
.yfm.yfm-editor .yfm-cut-title {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-user-select: text;
  user-select: text;
}
.yfm.yfm-editor .yfm-tab {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-user-select: text;
  user-select: text;
}.ProseMirror.yfm .yfm-cut-title > .g-md-yfm-cut-title-inner {
  cursor: text;
}
.ProseMirror.yfm .yfm-cut-content {
  display: none;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.ProseMirror.yfm .yfm-cut.yfm-cut-open > .yfm-cut-title:before {
  transform: translateY(-50%);
}
.ProseMirror.yfm .yfm-cut.yfm-cut-open > .yfm-cut-content {
  display: revert;
}details.yfm-cut>.yfm-cut-content{display:block}.yfm-cut{transition:all .15s;margin-bottom:15px}.yfm-cut.yfm-cut-highlight{background-clip:content-box;box-shadow:0 3px 0 7px var(--g-color-base-simple-hover);background-color:var(--g-color-base-simple-hover);border-radius:3px}.yfm-cut-title{list-style:none;cursor:pointer;position:relative;padding:5px 0 5px 30px}.yfm-cut-title::-webkit-details-marker{display:none}.yfm-cut-title:before{content:"";z-index:1;left:0;top:50%;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgZD0iTTMgNmw1IDUgNS01Ii8+Cjwvc3ZnPgo=);transform:translateY(-50%) rotate(-90deg);transition:transform .3s ease;height:20px;width:20px;position:absolute}.yfm-cut-content{overflow:auto;padding:5px 0 15px 30px}.yfm-cut[open]>.yfm-cut-title:before{transform:translateY(-50%)}

/*# sourceMappingURL=index.css.map */.ProseMirror.yfm .yfm-cut {
  border: 1px dashed transparent;
  border-radius: var(--g-border-radius-s);
}
.ProseMirror.yfm .yfm-cut:hover {
  border-color: var(--g-color-line-generic);
}
.ProseMirror.yfm .yfm-cut.yfm-cut-active {
  border-color: var(--g-color-line-generic);
}
.ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
  outline: 0;
}.g-md-file-skeleton {
  display: inline-flex;
  align-items: center;
}
.g-md-file-skeleton__skeleton {
  width: 120px;
  height: 20px;
}.g-md-file-placeholder {
  margin: 0 4px;
  pointer-events: none;
}
.g-md-file-placeholder .yfm-file__icon {
  margin-right: 8px;
}.yfm-file__icon{---yfm-file-icon-img: var(--yfm-file-icon, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6bS0yMi42IDIyLjdjMi4xIDIuMSAzLjUgNC42IDQuMiA3LjRIMjU2VjMyLjVjMi44LjcgNS4zIDIuMSA3LjQgNC4ybDgzLjkgODMuOXpNMzM2IDQ4MEg0OGMtOC44IDAtMTYtNy4yLTE2LTE2VjQ4YzAtOC44IDcuMi0xNiAxNi0xNmgxNzZ2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYzMDRjMCA4LjgtNy4yIDE2LTE2IDE2em0tNDgtMjQ0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyeiIvPjwvc3ZnPg==));display:inline-block;user-select:none;width:16px;margin:0 2px;color:var(--yfm-file-icon-color, --yfm-color-text);background-color:currentColor;background-repeat:no-repeat;background-position:50%;background-size:100%;mask-image:var(---yfm-file-icon-img);mask-position:center;mask-repeat:no-repeat}.yfm-file__icon:before{content:"\a0"}

/*# sourceMappingURL=index.css.map */.yfm-editor .yfm-file {
  pointer-events: none;
}.g-md-yfm-note-toolbar {
  margin: 2px 8px;
}

.g-md-toolbar-group__s-button_id_note-type-tip {
  color: var(--yfm-color-note-tip);
}
.g-md-toolbar-group__s-button_id_note-type-info {
  color: var(--yfm-color-note-info);
}
.g-md-toolbar-group__s-button_id_note-type-alert {
  color: var(--yfm-color-note-important);
}
.g-md-toolbar-group__s-button_id_note-type-warning {
  color: var(--yfm-color-note-warning);
}.yfm-editor p[yfm_block=yfm-note-title] {
  font-weight: 700;
}.g-md-editor.ProseMirror-focused .pm-node-selected {
  box-shadow: var(--g-color-text-info) 0 0 0 1px;
}.g-md-yfm-table-floating-popup {
  position: relative;
  border-radius: var(--g-border-radius-xs);
  outline: none;
  background-color: var(--g-color-base-float);
}
.g-md-yfm-table-floating-popup > :first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-md-yfm-table-floating-popup > :last-child {
  border-end-end-radius: inherit;
  border-end-start-radius: inherit;
}.g-md-yfm-table-dnd-cursor-background {
  position: fixed;
  z-index: 100500;
  inset: 0;
  overflow: hidden;
  cursor: grabbing;
  background: transparent;
}

.yfm.g-md-yfm-table-dnd-ghost,
.g-md-yfm-table-dnd-ghost-button {
  position: fixed;
  cursor: grabbing;
  pointer-events: none;
  transition: none;
  will-change: transform;
}

.yfm.g-md-yfm-table-dnd-ghost > table {
  border-color: var(--g-color-line-brand);
  box-shadow: 0 8px 20px 1px var(--g-color-sfx-shadow);
}
.yfm.g-md-yfm-table-dnd-ghost > table > tbody > tr > td {
  border-color: var(--g-color-line-brand);
}

.g-md-yfm-table-dnd-ghost-button {
  --g-button-background-color-hover: var(--g-color-base-background);
  --g-button-background-color: var(--g-color-base-background);
  --g-button-border-color: var(--g-color-line-brand);
  --g-button-text-color: var(--g-color-text-brand);
  z-index: 2;
}

.yfm.ProseMirror table td {
  position: relative;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell {
  overflow: unset;
  border-color: var(--g-color-line-brand);
  background-color: var(--g-color-base-selection);
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell::after {
  position: absolute;
  z-index: 2;
  inset: -1px;
  display: inline-block;
  content: "";
  pointer-events: none;
  border: 1px solid var(--g-color-line-brand);
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row::after {
  top: 0;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row::after {
  bottom: 0;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-column::after {
  left: 0;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-column::after {
  right: 0;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row.g-md-yfm-table-selected-cell_first-column::after {
  border-top-left-radius: 8px;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row.g-md-yfm-table-selected-cell_last-column::after {
  border-top-right-radius: 8px;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row.g-md-yfm-table-selected-cell_first-column::after {
  border-bottom-left-radius: 8px;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row.g-md-yfm-table-selected-cell_last-column::after {
  border-bottom-right-radius: 8px;
}
.yfm.ProseMirror table td.g-md-yfm-table-selected-cell.dragged-cell::before {
  position: absolute;
  inset: 0;
  display: inline-block;
  content: "";
  pointer-events: none;
  opacity: 0.7;
  background-color: var(--g-color-base-background);
}.yfm table.g-md-yfm-table-view {
  --yfm-color-border: var(--g-color-line-generic);
  background: var(--g-color-base-background);
}.ProseMirror .yfm-tabs {
  border: 1px dashed transparent;
  border-radius: var(--g-border-radius-s);
}
.ProseMirror .yfm-tabs:hover {
  border-color: var(--g-color-line-generic);
}
.ProseMirror .g-md-yfm-tab__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding-bottom: 7px;
  border-bottom: 2px solid transparent;
  background-clip: padding-box;
}
.ProseMirror .g-md-yfm-tab__remove-button {
  display: flex;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 9px;
  color: var(--g-color-base-generic-medium);
}
.ProseMirror .g-md-yfm-tab__remove-button:hover {
  color: var(--g-color-text-primary);
}
.ProseMirror .g-md-yfm-tab__create-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-bottom: 9px;
  opacity: 0;
  color: var(--g-color-text-primary);
}
.ProseMirror .g-md-yfm-tab__create-button:hover {
  border-radius: var(--g-border-radius-xs);
  background: var(--g-color-base-generic-hover);
}
.ProseMirror .yfm-tab {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 3px;
  padding-bottom: 0;
  border-bottom: none;
}
.ProseMirror .yfm-tab .g-md-placeholder {
  color: var(--g-color-text-hint);
}
.ProseMirror .yfm-tab[data-diplodoc-is-active=true] .g-md-yfm-tab__wrapper {
  border-bottom-color: #027bf3;
}
.ProseMirror .yfm-tab:hover .g-md-yfm-tab__create-button, .ProseMirror .yfm-tab:last-child .g-md-yfm-tab__create-button {
  opacity: 1;
}.yfm-tabs{margin-bottom:15px}.yfm-tab-list{display:flex;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.07)}.yfm-tab{margin-bottom:-1px;margin-right:20px;border-bottom:2px solid transparent;padding:6px 0 7px;font-weight:700;outline:none;cursor:pointer;user-select:none;white-space:break-spaces}.yfm-tab:last-child{margin-right:0}.yfm-tab:hover,.yfm-tab:active{color:#004080}.yfm-tab.active{border-bottom-color:#027bf3}.yfm-tab:focus{outline:2px solid #4d90fe;border-radius:2px}.yfm-tab:focus:not(:focus-visible){outline:0}.yfm-tab-panel{position:absolute;visibility:hidden;overflow:hidden;height:0}.yfm-tab-panel:first-child{margin-top:0!important}.yfm-tab-panel:last-child{margin-bottom:0!important}.yfm-tab-panel.active{position:relative;visibility:visible;overflow:visible;height:auto}.yfm-tabs-dropdown{position:relative;width:90%;margin-bottom:0;--yfm-tabs-dropdown-color: #F2F2F2;--yfm-tabs-dropdown-text-color: #A8A8A8;--yfm-tabs-dropdown-color-border: #CCC}.yfm-tabs-dropdown .yfm-tabs-dropdown-select{padding:10px 30px 10px 10px;background:var(--g-color-base-background);border:1px solid var(--yfm-tabs-dropdown-color-border);color:var(--yfm-tabs-dropdown-text-color);border-radius:5px;position:relative;user-select:none;margin-bottom:10px;max-width:500px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:10}.yfm-tabs-dropdown .yfm-tabs-dropdown-select.filled{color:inherit}.yfm-tabs-dropdown .yfm-tabs-dropdown-select:after{content:"";position:absolute;display:block;right:10px;top:25%;transform:rotate(90deg);transition:transform .2s;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zIDYgNSA1IDUtNSIvPjwvc3ZnPg==);width:20px;height:20px}.yfm-tabs-dropdown .yfm-tabs-dropdown-select.active+.yfm-tabs-dropdown-menu{transform:scaleY(1)}.yfm-tabs-dropdown .yfm-tabs-dropdown-select.active:after{transform:rotate(0)}.yfm-tabs-dropdown>.yfm-tabs-dropdown-menu{width:100%;max-width:500px;max-height:500px;overflow-y:scroll;padding:10px 0;position:absolute;z-index:10;display:flex;flex-direction:column;border:1px solid var(--yfm-tabs-dropdown-color-border);border-radius:5px;background-color:var(--g-color-base-background);transform:scaleY(0);list-style:none;z-index:100;transition:transform 125ms;transform-origin:top center}.yfm-tabs-dropdown>.yfm-tabs-dropdown-menu>li{user-select:none;cursor:pointer;background-color:var(--g-color-base-background)}.yfm-tabs-dropdown>.yfm-tabs-dropdown-menu>li:hover{background-color:var(--g-color-base-simple-hover);color:inherit}.yfm-tabs-dropdown>.yfm-tabs-dropdown-menu>li.yfm-tab{padding:5px 0 5px 10px;border-radius:0;border-bottom:unset;margin:0;font-weight:500}.yfm-tabs-dropdown>.yfm-tabs-dropdown-menu>li.yfm-tab.active{background-color:var(--g-color-base-selection)}.yfm-tabs-dropdown>.yfm-tabs-dropdown-menu>li.yfm-tab:hover{color:inherit}.yfm-tabs-dropdown>.yfm-tab-panel.active{border:1px solid #F2F2F2;transform:translateY(-30px);border-radius:12px;padding:40px 12px 16px}.yfm-tabs-dropdown>.yfm-tabs{width:100%}.yfm-tabs-accordion{max-width:80%}@media (max-width: 600px){.yfm-tabs-accordion{max-width:100%}}.yfm-tabs-accordion>.yfm-tab:first-of-type{border-top-color:transparent}.yfm-tabs-accordion>.yfm-tab{padding:8px 0 12px 6px;position:relative;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #E5E5E5;font-weight:500;scroll-margin-top:20px}.yfm-tabs-accordion>.yfm-tab:after{content:"";display:block;transform:rotate(-180deg);transition:transform .3s,background-color .2s;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zIDYgNSA1IDUtNSIvPjwvc3ZnPg==);width:20px;height:20px;border-radius:6px;padding:6px;align-self:center}.yfm-tabs-accordion>.yfm-tab.active{border-bottom-color:transparent!important;font-weight:700}.yfm-tabs-accordion>.yfm-tab.active:after{transform:rotate(0)}.yfm-tabs-accordion>.yfm-tab:hover{color:#3f5799}.yfm-tabs-accordion .yfm-tab-panel.active{margin:10px 0 25px 6px}.yfm-tabs-vertical>.yfm-tab-list{flex-direction:column;border-bottom:unset}.yfm-tabs-vertical>.yfm-tab-panel{margin-left:30px}.yfm-tabs-vertical>.yfm-tab-group{display:flex;flex-direction:row;margin-bottom:5px}.yfm-tabs-vertical .yfm-vertical-tab>input[type=radio]{visibility:hidden;width:0;height:0}.yfm-tabs-vertical .yfm-vertical-tab>label{display:inline-block;cursor:pointer;position:relative;padding-left:25px;margin-right:0;line-height:18px;user-select:none}.yfm-tabs-vertical .yfm-vertical-tab>label:before{font-family:initial!important;content:"";position:absolute;top:0;left:0;bottom:1px;border-radius:50%;width:18px;height:18px;border:#dfdfdf 1px solid;background-color:#fff}.yfm-tabs-vertical .yfm-vertical-tab input[type=radio]:checked+label:before{content:"\2022";background-color:#5282ff;text-align:center;vertical-align:middle;font-size:20px;white-space:pre;display:inline-flex;justify-content:center;align-items:center;color:#fff}.yfm-tabs-vertical .yfm-vertical-tab{border-bottom:unset!important}

/*# sourceMappingURL=index.css.map */.icon-refuge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.icon-refuge_inline {
  display: inline-flex;
}.g-md-gpt-dialog-error-screen__content {
  display: flex;
  align-items: center;
  margin-bottom: var(--g-spacing-2);
}
.g-md-gpt-dialog-error-screen__icon {
  color: var(--g-color-base-danger-heavy);
}
.g-md-gpt-dialog-error-screen__text {
  flex: auto;
  font-size: var(--g-text-body-2-font-size);
  font-weight: 500;
}
.g-md-gpt-dialog-error-screen__buttons {
  display: flex;
  align-items: center;
  gap: var(--g-spacing-2);
}.g-md-gpt-dialog-preset-list__preset + .g-md-gpt-dialog-preset-list__preset {
  margin-left: var(--g-spacing-2);
}
.g-md-gpt-dialog-preset-list__more-button-wrapper {
  margin-left: var(--g-spacing-2);
}.g-md-gpt-dialog-loading-screen__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.g-md-gpt-dialog-loading-screen__icon {
  margin-right: 4px;
}
.g-md-gpt-dialog-loading-screen__text {
  margin-right: 8px;
  font-size: var(--g-text-body-2-font-size);
  font-weight: 500;
}
.g-md-gpt-dialog-loading-screen__skeleton-small-button {
  width: 90px;
  height: 28px;
  margin-right: 8px;
}
.g-md-gpt-dialog-loading-screen__skeleton-medium-button {
  width: 120px;
  height: 28px;
}.g-md-gpt-dialog__header-top {
  display: flex;
  align-items: center;
}
.g-md-gpt-dialog__custom-prompt-input {
  margin-right: var(--g-spacing-2);
}
.g-md-gpt-dialog__custom-prompt-input .g-text-input__control {
  font-size: var(--g-text-body-2-font-size);
}
.g-md-gpt-dialog__header-bottom {
  margin-top: var(--g-spacing-2);
}
.g-md-gpt-dialog__custom-prompt {
  display: flex;
  flex: auto;
  align-items: center;
}
.g-md-gpt-dialog__alone-presets-text {
  margin-right: var(--g-spacing-8);
}
.g-md-gpt-dialog__alone-presets {
  display: flex;
  flex: auto;
  align-items: center;
  width: 100%;
  font-size: var(--g-text-body-2-font-size);
  font-weight: 500;
}
.g-md-gpt-dialog__alone-presets .g-md-gpt-dialog-preset-list {
  flex: auto;
}
.g-md-gpt-dialog__answer-title {
  font-size: var(--g-text-body-2-font-size);
  font-weight: 500;
}
.g-md-gpt-dialog__gpt-icon {
  margin-right: var(--g-spacing-1);
}
.g-md-gpt-dialog__try-again-button {
  margin-right: var(--g-spacing-2);
}
.g-md-gpt-dialog__body {
  margin: var(--g-spacing-2) calc(-1 * var(--g-spacing-3));
  padding: var(--g-spacing-4) var(--g-spacing-3);
  border-top: 1px solid var(--g-color-line-generic);
}
.g-md-gpt-dialog__answer {
  overflow: auto;
  max-height: 300px;
}
.g-md-gpt-dialog__answer-actions {
  display: flex;
  align-items: center;
}
.g-md-gpt-dialog__feedback-message {
  margin-left: var(--g-spacing-2);
}
.g-md-gpt-dialog__like-button {
  margin-right: var(--g-spacing-2);
}
.g-md-gpt-dialog__close-button {
  margin-right: var(--g-spacing-2);
  margin-left: auto;
}
.g-md-gpt-dialog__footer {
  display: flex;
  align-items: center;
  margin-top: var(--g-spacing-2);
}
.g-md-gpt-dialog__description-alert {
  min-height: 34px;
  margin-top: var(--g-spacing-3);
  padding: var(--g-spacing-1) var(--g-spacing-2);
}.g-md-gpt-widget-deco {
  background-color: var(--g-color-base-info-light-hover);
}

.g-md-gpt-popup {
  --layer-navigation-bar: 900;
  pointer-events: initial;
}
.g-md-gpt-popup[class] {
  border-radius: var(--g-spacing-2);
}
.g-md-gpt-popup__content {
  width: 720px;
  padding: var(--g-spacing-3);
  pointer-events: all;
  box-shadow: -8px 2px 16px -4px var(--g-color-private-purple-150), 8px 2px 16px -4px var(--g-color-private-blue-150);
}.g-md-upload-label__content {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.g-md-upload-label__filename {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 128px;
}

.cm-file-upload-widget + .cm-file-upload-widget {
  margin-left: 2px;
}.gc-form-row {
  --gc-form-row-label-width: 172px;
  --gc-form-row-field-height: 28px;
  display: flex;
  margin-block-end: 20px;
}
.gc-form-row_direction_row {
  align-items: flex-start;
}
.gc-form-row_direction_column {
  flex-direction: column;
}
.gc-form-row__left {
  display: flex;
  flex-flow: row;
  box-sizing: border-box;
}
.gc-form-row_direction_row .gc-form-row__left {
  min-height: var(--gc-form-row-field-height);
  flex-shrink: 0;
  width: var(--gc-form-row-label-width);
  padding-inline-end: var(--g-spacing-2);
}
.gc-form-row_direction_column .gc-form-row__left {
  margin-block-end: var(--g-spacing-2);
}
.gc-form-row__field-name {
  align-self: center;
}
.gc-form-row__field-name-text {
  word-break: break-word;
}
.gc-form-row__required-mark {
  line-height: 0;
  vertical-align: baseline;
  color: var(--g-color-text-danger);
  font-size: inherit;
}
.gc-form-row__help-popover {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.gc-form-row__right {
  flex: 1 1 auto;
  min-width: 0;
}
.gc-form-row__field-description {
  margin: 10px 0 0;
  color: var(--g-color-text-secondary);
  word-break: break-word;
}.g-md-search-card {
  width: 428px;
}
.g-md-search-card__row.g-md-search-card__row {
  --gc-form-row-label-width: 86px;
  --gc-form-row-field-height: 36px;
}.g-md-search-compact {
  display: flex;
  align-items: center;
  width: 428px;
}.g-md-search-popup {
  --g-popup-border-width: 0;
  --g-popup-border-radius: 16px;
  border-radius: 16px;
}
.g-md-search-popup_compact {
  --g-popup-border-radius: var(--g-border-radius-l);
  border-radius: var(--g-border-radius-l);
}.g-md-command-menu__list.g-list {
  width: 312px;
}
.g-md-command-menu__list.g-list .g-list__empty-placeholder {
  height: 28px;
  padding-right: 12px;
  padding-left: 12px;
}
.g-md-command-menu__list-item {
  cursor: pointer;
}
.g-md-command-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 16px;
}
.g-md-command-menu__item-icon {
  display: flex;
  flex: 0 0 auto;
  margin-right: 8px;
}
.g-md-command-menu__item-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 12px;
  width: 100%;
}
.g-md-command-menu__item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-md-command-menu__item-extra {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  column-gap: 8px;
}
.g-md-command-menu__item-hotkey {
  align-self: center;
}.ProseMirror .g-md-placeholder {
  display: inline-block;
  pointer-events: none;
  color: var(--g-color-text-secondary);
}

.ProseMirror.g-md-editor-hidecursor {
  caret-color: transparent;
}

@keyframes placeholder_blink {
  49% {
    border-color: unset;
  }
  50% {
    border-color: transparent;
  }
  99% {
    border-color: transparent;
  }
}
.g-md-placeholder {
  caret-color: transparent;
}
.ProseMirror-focused .g-md-placeholder_focus .g-md-placeholder__cursor {
  position: relative;
  z-index: 1;
  margin-right: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  animation: placeholder_blink 1s;
  animation-iteration-count: infinite;
}
.Prosemirror-hide-cursor {
  caret-color: transparent;
}

@keyframes gapcursor_blink {
  1% {
    border-color: unset;
  }
  49% {
    border-color: unset;
  }
  50% {
    border-color: transparent;
  }
  99% {
    border-color: transparent;
  }
}
.g-md-gapcursor {
  cursor: text;
}
.g-md-gapcursor .g-md-placeholder::before {
  display: none;
}
.g-md-gapcursor::before {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-right: -1px;
  content: " ";
  caret-color: transparent;
  border-right: 1px solid transparent;
}
.ProseMirror-focused .g-md-gapcursor::before {
  animation: gapcursor_blink 1s;
  animation-iteration-count: infinite;
}.ProseMirror-search-match {
  background-color: var(--g-color-base-info-light);
}

.ProseMirror-active-search-match {
  background-color: var(--g-color-base-info-heavy);
}.g-md-toolbar-button-with-popup-menu {
  --g-button-icon-offset: 0px;
  --g-button-padding: 2px;
  width: 42px;
}
.g-md-toolbar-button-with-popup-menu__menu-group .g-menu__group-label {
  color: var(--g-color-text-hint);
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}.g-md-toolbar-colors__menu-icon_color_gray {
  color: var(--yfm-colorify-gray);
}
.g-md-toolbar-colors__chevron-icon_color_gray {
  color: var(--yfm-colorify-gray);
}
.g-md-toolbar-colors__item-icon_color_gray {
  color: var(--yfm-colorify-gray);
}
.g-md-toolbar-colors__menu-icon_color_yellow {
  color: var(--yfm-colorify-yellow);
}
.g-md-toolbar-colors__chevron-icon_color_yellow {
  color: var(--yfm-colorify-yellow);
}
.g-md-toolbar-colors__item-icon_color_yellow {
  color: var(--yfm-colorify-yellow);
}
.g-md-toolbar-colors__menu-icon_color_orange {
  color: var(--yfm-colorify-orange);
}
.g-md-toolbar-colors__chevron-icon_color_orange {
  color: var(--yfm-colorify-orange);
}
.g-md-toolbar-colors__item-icon_color_orange {
  color: var(--yfm-colorify-orange);
}
.g-md-toolbar-colors__menu-icon_color_red {
  color: var(--yfm-colorify-red);
}
.g-md-toolbar-colors__chevron-icon_color_red {
  color: var(--yfm-colorify-red);
}
.g-md-toolbar-colors__item-icon_color_red {
  color: var(--yfm-colorify-red);
}
.g-md-toolbar-colors__menu-icon_color_green {
  color: var(--yfm-colorify-green);
}
.g-md-toolbar-colors__chevron-icon_color_green {
  color: var(--yfm-colorify-green);
}
.g-md-toolbar-colors__item-icon_color_green {
  color: var(--yfm-colorify-green);
}
.g-md-toolbar-colors__menu-icon_color_blue {
  color: var(--yfm-colorify-blue);
}
.g-md-toolbar-colors__chevron-icon_color_blue {
  color: var(--yfm-colorify-blue);
}
.g-md-toolbar-colors__item-icon_color_blue {
  color: var(--yfm-colorify-blue);
}
.g-md-toolbar-colors__menu-icon_color_violet {
  color: var(--yfm-colorify-violet);
}
.g-md-toolbar-colors__chevron-icon_color_violet {
  color: var(--yfm-colorify-violet);
}
.g-md-toolbar-colors__item-icon_color_violet {
  color: var(--yfm-colorify-violet);
}
.g-md-toolbar-colors__item-icon_color_default {
  color: var(--g-color-text-primary);
}:root {
  --toolbar-item-preview-width: 144px;
  --toolbar-item-preview-height: 104px;
  --toolbar-item-preview-h1-margin: 10px 0 2px;
  --toolbar-item-preview-h2-margin: 20px 0 4px;
  --toolbar-item-preview-h3-margin: 24px 0 4px;
  --toolbar-item-preview-h4-margin: 24px 0 4px;
  --toolbar-item-preview-h5-margin: 26px 0 6px;
  --toolbar-item-preview-h6-margin: 28px 0 6px;
}

.g-md-action-preview {
  overflow: hidden;
  width: var(--toolbar-item-preview-width);
  height: var(--toolbar-item-preview-height);
  white-space: pre;
}
.g-md-action-preview.yfm > *:not(h2):not(h3):not(h4):not(h5):not(h6):first-child {
  /* stylelint-disable-next-line declaration-no-important */
  margin: var(--toolbar-item-preview-h1-margin) !important;
}
.g-md-action-preview.yfm > h2 {
  /* stylelint-disable-next-line declaration-no-important */
  margin: var(--toolbar-item-preview-h2-margin) !important;
}
.g-md-action-preview.yfm > h3 {
  /* stylelint-disable-next-line declaration-no-important */
  margin: var(--toolbar-item-preview-h3-margin) !important;
}
.g-md-action-preview.yfm > h4 {
  /* stylelint-disable-next-line declaration-no-important */
  margin: var(--toolbar-item-preview-h4-margin) !important;
}
.g-md-action-preview.yfm > h5 {
  /* stylelint-disable-next-line declaration-no-important */
  margin: var(--toolbar-item-preview-h5-margin) !important;
}
.g-md-action-preview.yfm > h6 {
  /* stylelint-disable-next-line declaration-no-important */
  margin: var(--toolbar-item-preview-h6-margin) !important;
}
.g-md-action-preview__text-with-head {
  margin-top: 0;
  color: var(--g-color-text-hint);
}.g-md-toolbar-select__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.g-md-toolbar-select__item-icon {
  display: flex;
  flex-shrink: 0;
  margin-right: 6px;
}
.g-md-toolbar-select__item-content {
  display: flex;
  justify-content: space-between;
  column-gap: 16px;
  width: 100%;
}
.g-md-toolbar-select__item-extra {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.g-md-toolbar-select__item-hint {
  display: flex;
  align-items: center;
}
.g-md-toolbar-select__item-hint span {
  display: flex;
}.g-md-editor-sticky {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
}
.g-md-editor-sticky_sticky {
  position: sticky;
  top: calc(var(--g-md-toolbar-sticky-offset, 0px) + 8px);
}
.g-md-editor-sticky_sticky-active:not(.g-md-editor-sticky_clear) {
  z-index: 2000;
  padding: var(--g-md-toolbar-sticky-padding);
}
.g-md-editor-sticky_sticky-active:not(.g-md-editor-sticky_clear)::before {
  position: absolute;
  inset: var(--g-md-toolbar-sticky-inset, -4px);
  content: "";
  border: var(--g-md-toolbar-sticky-border, 1px solid var(--g-color-line-generic-solid));
  border-radius: 4px;
  background-color: var(--g-color-base-background);
}
.g-md-editor-sticky_part_left:not(.g-md-editor-sticky_clear).g-md-editor-sticky_sticky::before {
  right: 0;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.g-md-editor-sticky_part_right:not(.g-md-editor-sticky_clear).g-md-editor-sticky_sticky::before {
  left: 0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}.g-md-markup-editor,
.g-md-markup-preview {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}
.g-md-markup-editor__toolbar,
.g-md-markup-preview__toolbar {
  flex-shrink: 0;
  padding: var(--g-md-toolbar-padding);
}
.g-md-markup-editor__editor,
.g-md-markup-preview__editor {
  flex-basis: 100%;
  min-height: 36px;
  max-height: 100%;
  padding: var(--g-md-editor-padding);
  cursor: text;
}
.g-md-markup-editor__editor_toolbar-visible,
.g-md-markup-preview__editor_toolbar-visible {
  max-height: calc(100% - 28px);
}
.g-md-markup-editor .CodeMirror-lines,
.g-md-markup-preview .CodeMirror-lines {
  padding: 4px 0 0;
}
.g-md-markup-editor_toolbar .CodeMirror-lines,
.g-md-markup-preview_toolbar .CodeMirror-lines {
  padding-top: 16px;
}
.g-md-markup-editor .CodeMirror-focused .CodeMirror-selected,
.g-md-markup-editor .focus::selection,
.g-md-markup-preview .CodeMirror-focused .CodeMirror-selected,
.g-md-markup-preview .focus::selection {
  background: rgba(98, 146, 255, 0.2);
}
.g-md-markup-editor .CodeMirror-selected,
.g-md-markup-editor ::selection,
.g-md-markup-preview .CodeMirror-selected,
.g-md-markup-preview ::selection {
  background: rgba(0, 29.9617834395, 98, 0.2);
}
.g-md-markup-editor .CodeMirror,
.g-md-markup-preview .CodeMirror {
  height: 100%;
  min-height: 100%;
  color: var(--g-color-text-primary);
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-2-font-size);
  line-height: var(--g-text-code-2-line-height);
}
.g-md-markup-editor .CodeMirror .CodeMirror-cursor,
.g-md-markup-preview .CodeMirror .CodeMirror-cursor {
  border-color: var(--g-color-text-primary);
}
.g-md-markup-editor .CodeMirror .cm-m-markdown.cm-header,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-header {
  color: inherit;
}
.g-md-markup-editor .CodeMirror .cm-m-markdown.cm-quote,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-quote {
  color: var(--g-color-text-positive);
}
.g-md-markup-editor .CodeMirror .cm-m-markdown.cm-link,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-link {
  color: var(--g-color-text-link);
}
.g-md-markup-editor .CodeMirror .cm-m-markdown.cm-string,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-string {
  color: var(--g-color-text-warning-heavy);
}
.g-md-markup-editor .CodeMirror .cm-m-markdown.cm-comment,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-comment {
  color: var(--g-color-text-misc);
}
.g-md-markup-editor .CodeMirror .cm-m-markdown.cm-variable-2, .g-md-markup-editor .CodeMirror .cm-m-markdown.cm-variable-3, .g-md-markup-editor .CodeMirror .cm-m-markdown.cm-keyword,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-variable-2,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-variable-3,
.g-md-markup-preview .CodeMirror .cm-m-markdown.cm-keyword {
  color: unset;
}
.g-md-markup-editor .CodeMirror.cm-s-default,
.g-md-markup-preview .CodeMirror.cm-s-default {
  background-color: transparent;
}
.g-md-markup-editor .CodeMirror.cm-s-default .CodeMirror-placeholder,
.g-md-markup-preview .CodeMirror.cm-s-default .CodeMirror-placeholder {
  color: var(--g-color-text-secondary);
}

.g-md-markup-preview__outer {
  overflow-y: auto;
  flex: 1 0 0;
}
.g-md-markup-preview__outer_vertical {
  box-sizing: border-box;
  margin-top: 6px;
  padding-top: 12px;
  border-top: 8px solid var(--g-color-base-generic-ultralight);
}
.g-md-markup-preview__html {
  position: relative;
}
.g-md-markup-preview__preview-sign {
  margin-bottom: 8px;
}.g-md-wysiwyg-editor {
  display: flex;
  flex-direction: column;
}
.g-md-wysiwyg-editor__toolbar {
  flex-shrink: 0;
  padding: var(--g-md-toolbar-padding);
}
.g-md-wysiwyg-editor__editor {
  overflow-y: auto;
  flex-grow: 1;
  padding: var(--g-md-editor-padding);
}
.g-root_theme_dark .g-md-wysiwyg-editor__editor .pm-iframe-container {
  background-color: var(--g-color-base-light);
}
.g-md-wysiwyg-editor .yfm-editor {
  height: calc(100% - 4px - 4px);
  padding: 4px 4px 4px;
}
.g-md-wysiwyg-editor_toolbar .yfm-editor {
  height: calc(100% - 16px - 16px);
  padding-top: 16px;
  padding-bottom: 16px;
}.g-md-markdown-hints {
  min-width: 210px;
  line-height: var(--g-text-code-1-line-height);
}
.g-md-markdown-hints__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.g-md-markdown-hints__title {
  font-weight: 500;
}
.g-md-markdown-hints__hint {
  white-space: nowrap;
  color: var(--g-color-text-complementary);
}
.g-md-markdown-hints__title, .g-md-markdown-hints__hint {
  flex: 1;
  text-align: left;
}
.g-md-markdown-hints__docs-link {
  display: inline-block;
  margin-top: 8px;
}.g-md-editor-settings {
  display: flex;
  flex-wrap: nowrap;
}
.g-md-editor-settings__preview-button {
  margin: 0 2px;
}
.g-md-editor-settings__separator {
  z-index: 0;
  margin: 6px 4px;
  border-left: 1px solid var(--g-color-line-generic);
}

.g-md-settings-content {
  width: 300px;
}
.g-md-settings-content__mode {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-md-settings-content__mode-help {
  position: relative;
  top: 8px;
  float: right;
}
.g-md-settings-content__separator {
  border-bottom: 1px solid var(--g-color-line-generic);
}
.g-md-settings-content__check-box .g-control-label__text {
  margin-left: calc(var(--g-spacing-2) + var(--g-spacing-half));
}
.g-md-settings-content__version {
  position: absolute;
  bottom: 0px;
  left: 50%;
  opacity: 0.03;
  transform: translateX(-50%);
}.g-root .yfm:not(.yfm_only-light) {
  --yfm-file-icon-color: var(--g-color-text-primary);
}

.g-root {
  --yfm-color-text-gray: var(--g-color-text-secondary);
  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
  --yfm-color-text-red: var(--g-color-text-danger);
  --yfm-color-text-green: var(--g-color-text-positive);
  --yfm-color-text-blue: var(--g-color-text-info);
  --yfm-color-text-violet: var(--g-color-text-utility);
}

.g-root {
  --yfm-colorify-black: var(--g-color-text-primary);
  --yfm-colorify-gray: var(--yfm-color-text-gray);
  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
  --yfm-colorify-orange: var(--yfm-color-text-orange);
  --yfm-colorify-red: var(--yfm-color-text-red);
  --yfm-colorify-green: var(--yfm-color-text-green);
  --yfm-colorify-blue: var(--yfm-color-text-blue);
  --yfm-colorify-violet: var(--yfm-color-text-violet);
}

.yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

.yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

.yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

.yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

.g-root_theme_light .yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

.g-root_theme_light-hc .yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

.g-root_theme_dark .yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}
.g-root_theme_dark .yfm table[sticky-header] th::before {
  background: var(--yfm-color-base);
}
.g-root_theme_dark .yfm .yfm-cut-title:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg==");
}
.g-root_theme_dark .yfm .yfm-tabs-accordion .yfm-tab:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg==");
}

.g-root_theme_dark-hc .yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-line-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-term-title: var(--g-color-text-brand);
  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
  --yfm-color-term-dfn-background: var(--g-color-base-float);
  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
  --yfm-color-modal-content: var(--g-color-base-modal);
  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
  --yfm-color-modal-wide-content: var(--g-color-text-primary);
  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-head-background: var(--g-color-base-generic);
  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
}

/*
 TDOD: delete it after https://github.com/diplodoc-platform/transform/pull/708
 fix spacing for last paragraph and empty paragraphs with cursor (override YFM style)
 */
@supports selector(:has(br)) {
  .yfm li > p:only-of-type:has(br),
  .yfm li > blockquote:only-of-type:has(br) {
    margin-block: 0;
  }
}
.yfm li > p:last-child {
  margin-block: var(--yfm-list-text-only-margin-block, 0);
}

.yfm {
  --yfm-hr-height: 4px;
  --yfm-hr-margin: 24px 0;
}.g-md-editor-component {
  display: flex;
  height: 100%;
  outline: none;
}
.g-md-editor-component_split_vertical {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  gap: 2px;
}
.g-md-editor-component__editor {
  flex-grow: 1;
  gap: 2px;
  min-width: 0;
}
.g-md-editor-component__editor-wrapper {
  display: flex;
  width: 100%;
}
.g-md-editor-component__preview-wrapper {
  overflow-y: auto;
  width: 100%;
}
.g-md-editor-component__resizer {
  margin: 0 5px;
}
.g-md-editor-component__resizer_horizontal {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-width: 8px;
  min-height: 100%;
  margin: 0 8px;
  cursor: col-resize;
  background: var(--g-color-base-generic-ultralight);
}
.g-md-editor-component__gutter {
  top: 50%;
  bottom: 50%;
  width: 2px;
  height: 24px;
  background: var(--g-color-line-generic);
}
.g-md-editor-component .g-md-toolbar-list-button_arrow {
  --g-button-icon-offset: 0px;
  --g-button-padding: 2px;
  width: 42px;
}
.g-md-editor-component .in-resize {
  pointer-events: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._content_3ys5t_5 {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}
#app ._content_3ys5t_5 a {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}
#app ._header_3ys5t_15 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 8px;
}
#app ._wrapper_3ys5t_22 {
  border-radius: 4px;
  bottom: 20px;
  max-width: calc(100% - 40px);
  padding: 12px 18px;
  position: fixed;
  right: 20px;
  width: 390px;
  z-index: 10001;
}
#app ._wrapperError_3ys5t_32 {
  background: #cf513d;
  box-shadow: #6e2f1a 0 1px 0;
}
#app ._wrapperInfo_3ys5t_36 {
  background: #2185d0;
  box-shadow: rgba(34, 36, 38, 0.15) 0 1px 0;
}/*
 * Semantic's `<Icon>` is an inline font glyph with a built-in right margin; lucide
 * renders a block-level svg. These rules make the replacement sit in text the same
 * way the old one did, so call sites do not need layout changes.
 */
#app ._icon_zsmyo_6 {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: middle;
}
#app {
  /* Semantic's default (non-`fitted`) icon reserves 0.25em after the glyph. */
}
#app ._spaced_zsmyo_14 {
  margin-right: 0.25em;
}
#app ._link_zsmyo_17 {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 85ms ease;
}
#app ._link_zsmyo_17:hover {
  opacity: 1;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_n6mmt_5 {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0;
}
#app ._creatorIndicator_n6mmt_13 {
  background: var(--secondary);
  border-radius: 50%;
  bottom: 0;
  color: var(--muted-foreground);
  font-size: 12px;
  height: 10px;
  line-height: 10px;
  position: absolute;
  right: 0;
  width: 10px;
}
#app ._initials_n6mmt_25 {
  margin: 0 auto;
  text-transform: capitalize;
}
#app ._wrapper_n6mmt_29 {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  line-height: 1;
  position: relative;
  text-align: center;
  vertical-align: top;
}
#app ._wrapperHoverable_n6mmt_38:hover {
  opacity: 0.75;
}
#app {
  /* Sizes */
}
#app ._wrapperTiny_n6mmt_44 {
  font-size: 10px;
  height: 24px;
  line-height: 20px;
  padding: 2px 0;
  width: 24px;
}
#app ._wrapperSmall_n6mmt_51 {
  font-size: 12px;
  height: 28px;
  padding: 8px 0;
  width: 28px;
}
#app ._wrapperMedium_n6mmt_57 {
  font-size: 14px;
  height: 32px;
  padding: 10px 0;
  width: 32px;
}
#app ._wrapperLarge_n6mmt_63 {
  font-size: 14px;
  height: 36px;
  padding: 12px 0 10px;
  width: 36px;
}
#app ._wrapperMassive_n6mmt_69 {
  font-size: 36px;
  height: 100px;
  padding: 32px 0 10px;
  width: 100px;
}
#app {
  /* Backgrounds */
}
#app ._backgroundEmerald_n6mmt_78 {
  background: #2ecc71;
}
#app ._backgroundPeterRiver_n6mmt_81 {
  background: #3498db;
}
#app ._backgroundWisteria_n6mmt_84 {
  background: #8e44ad;
}
#app ._backgroundCarrot_n6mmt_87 {
  background: #e67e22;
}
#app ._backgroundAlizarin_n6mmt_90 {
  background: #e74c3c;
}
#app ._backgroundTurquoise_n6mmt_93 {
  background: #1abc9c;
}
#app ._backgroundMidnightBlue_n6mmt_96 {
  background: #2c3e50;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */

._strengthBar_1bbvi_6 {
  margin: 4px 0 0 !important;
  opacity: 0.5;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
._lineBreak_18bus_5 {
  flex-basis: 100%;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

._wrapper_18bus_12 {
  align-content: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}
._wrapper_18bus_12 > * {
  box-sizing: border-box;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */

._field_jcckr_6 {
  display: none;
}
/*!
 * Copyright (c) 2026 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._divider_mmo8g_5 {
  background: var(--overlay-hover);
  border: 0;
  height: 1px;
  margin-bottom: 8px;
}
#app ._menu_mmo8g_11 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_mmo8g_15 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_mmo8g_19 {
  float: left;
  margin: 0 0.5em 0 0;
}
#app ._proMenuItem_mmo8g_23 {
  margin: 0;
  padding-left: 14px;
}
#app ._proMenuItemIcon_mmo8g_27 {
  float: left;
  margin: 0 0.5em 0 0;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._expired_9bcpk_5 {
  color: var(--destructive);
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._author_86kcp_6 {
  color: var(--color-blue-300);
  font-weight: bold;
}
#app {
  /*
   * Ссылка на карточку — единственное, что в уведомлении нажимается, а выглядела она
   * ровно как текст вокруг неё. Синий из токена --info, а не свой хардкод: попап несёт
   * .tw-root, поэтому здесь доступны те же переменные темы, что и в остальном новом UI.
   *
   * Подчёркивание только по наведению: уведомлений в списке сразу несколько, и
   * постоянное подчёркивание в каждой строке превращает список в частокол.
   */
}
#app ._link_86kcp_20 {
  color: var(--info);
}
#app ._link_86kcp_20:hover {
  color: var(--info);
  text-decoration: underline;
}
#app ._button_86kcp_27 {
  background: transparent;
  box-shadow: none;
  float: right;
  height: 20px;
  line-height: 20px;
  margin: 0;
  min-height: auto;
  padding: 0;
  transition: background 0.3s ease;
  width: 20px;
}
#app ._button_86kcp_27:hover {
  background: var(--overlay-hover);
}
#app ._content_86kcp_42 {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  min-height: 36px;
  overflow: hidden;
  padding: 0 4px 0 8px;
  vertical-align: top;
  width: calc(100% - 56px);
  word-break: break-word;
}
#app ._date_86kcp_53 {
  color: var(--muted-foreground);
  font-size: 12px;
}
#app ._wrapper_86kcp_57 {
  padding: 12px;
}
#app ._wrapper_86kcp_57:hover {
  background: var(--overlay-hover);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /* Tinted so money stands out from the board's notifications above it. */
}
#app ._wrapper_5wdp0_8 {
  background: color-mix(in oklab, var(--warning) 8%, transparent);
  cursor: pointer;
}
#app ._amount_5wdp0_12 {
  align-items: center;
  color: var(--warning);
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 4px;
  vertical-align: middle;
}
#app ._icon_5wdp0_21 {
  height: 14px;
  width: 14px;
}
#app {
  /* The worker's side: something was taken back, so it reads as a warning, not money. */
}
#app ._withdrawnWrapper_5wdp0_28 {
  background: color-mix(in oklab, var(--destructive) 8%, transparent);
  cursor: pointer;
}
#app ._withdrawnIconWrapper_5wdp0_32 {
  align-items: center;
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-radius: 50%;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  vertical-align: top;
  width: 36px;
}
#app ._withdrawnIcon_5wdp0_32 {
  color: var(--destructive);
  height: 18px;
  width: 18px;
}
#app ._withdrawnAmount_5wdp0_47 {
  color: var(--destructive);
  font-weight: 600;
}
#app ._sectionTitle_5wdp0_51 {
  color: var(--muted-foreground);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 8px 12px 4px;
  text-transform: uppercase;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /* Destructive action — red fill, see DESIGN.md. */
}
#app ._deleteAllButton_5ob6z_9 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border: 1px solid color-mix(in oklab, var(--destructive) 35%, transparent);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--destructive);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._deleteAllButton_5ob6z_9:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._items_5ob6z_25 {
  margin: 0 -12px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._items_5ob6z_25 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._items_5ob6z_25::-webkit-scrollbar {
  width: 6px;
}
#app ._items_5ob6z_25::-webkit-scrollbar-track {
  background: transparent;
}
#app ._items_5ob6z_25::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_1nfbn_6 {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--muted-foreground);
  font-size: 15px;
  line-height: 34px;
  margin-left: 8px;
  opacity: 0;
  padding: 0;
  width: 34px;
}
#app ._editButton_1nfbn_6:hover {
  background: rgba(255, 255, 255, 0.08);
}
#app {
  /*
   * These used to be Semantic menu items; as native buttons and links they need the
   * full box themselves, or the browser's default control styling shows through.
   */
}
#app ._item_1nfbn_27 {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) * 0.7);
  color: var(--foreground);
  cursor: auto;
  display: flex;
  font: inherit;
  gap: 6px;
  height: 36px;
  justify-content: center;
  min-width: 36px;
  outline: none;
  padding: 0 8px;
  position: relative;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
  user-select: auto;
}
#app ._item_1nfbn_27:active ._editButton_1nfbn_6, #app ._item_1nfbn_27:hover ._editButton_1nfbn_6 {
  opacity: 1;
}
#app ._item_1nfbn_27:focus-visible {
  border-color: var(--ring);
}
#app ._itemHoverable_1nfbn_52 {
  color: var(--muted-foreground);
  cursor: pointer;
}
#app ._itemHoverable_1nfbn_52:hover {
  background: var(--overlay-hover);
  border-color: var(--border);
  color: var(--foreground);
}
#app ._itemIconEnabled_1nfbn_61 {
  color: var(--primary);
}
#app {
  /*
   * Режим редактирования — включённое состояние кнопки: в покое горит только
   * иконка, подложка и обводка появляются зелёными уже на ховере.
   */
}
#app ._itemEditModeEnabled_1nfbn_70 {
  color: var(--success);
}
#app ._itemEditModeEnabled_1nfbn_70:hover {
  background: color-mix(in oklab, var(--success) 20%, transparent);
  border-color: color-mix(in oklab, var(--success) 50%, transparent);
  color: var(--success);
}
#app ._itemIconSuccess_1nfbn_78 {
  color: var(--success);
}
#app {
  /*
   * The mark plus the wordmark, side by side. The wordmark carries `.title` — the same
   * 20px/bold as a project name in the toolbar — instead of the old tracked-out uppercase
   * lettering, so the two read as one type scale.
   */
}
#app ._logo_1nfbn_88 {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 50px;
  padding: 0 16px;
}
#app ._logo_1nfbn_88:before {
  background: none;
}
#app ._logoImage_1nfbn_100 {
  display: block;
  flex: 0 0 auto;
  height: 28px;
  width: 28px;
}
#app ._menu_1nfbn_106 {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--foreground);
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  height: 50px;
  margin: 0;
  padding: 0 8px;
  width: 100%;
}
#app {
  /*
   * Anchored to its own button. It used to be placed against `.wrapper` — the whole
   * header — with fixed `left`/`top` that happened to land on the bell back when the
   * bell sat near the left edge. The redesign turned the header into a flex toolbar
   * with the bell on the right, and the badge stayed behind, over the logo.
   */
}
#app ._notification_1nfbn_127 {
  background: var(--destructive);
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  min-width: 16px;
  padding: 0 4px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
}
#app {
  /* Board/calendar switch, modelled on the tabs of the Calendar project's TopNav. */
}
#app ._switcher_1nfbn_144 {
  align-items: center;
  background: var(--card);
  border-radius: 12px;
  display: flex;
  gap: 4px;
  left: 50%;
  padding: 4px;
  position: absolute;
  top: 6px;
  transform: translateX(-50%);
  z-index: 1;
}
#app ._switcherIcon_1nfbn_157 {
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}
#app ._switcherItem_1nfbn_162 {
  align-items: center;
  border-radius: 8px;
  color: var(--muted-foreground);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 6px;
  line-height: 1;
  padding: 6px 16px;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
#app ._switcherItem_1nfbn_162:hover {
  color: var(--foreground);
}
#app ._switcherItemActive_1nfbn_178 {
  background: var(--secondary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  color: var(--foreground);
}
#app ._switcherItemActive_1nfbn_178:hover {
  color: var(--foreground);
}
@media only screen and (width < 768px) {
  #app ._switcherLabel_1nfbn_187 {
    display: none;
  }
}
#app ._title_1nfbn_83 {
  font-size: 20px;
  font-weight: bold;
}
#app ._userName_1nfbn_195 {
  margin-right: 10px;
}
@media only screen and (width < 768px) {
  #app ._userName_1nfbn_195 {
    display: none;
  }
}
#app {
  /* The toolbar rows that replaced Semantic's Menu. */
}
#app ._menuSection_1nfbn_206 {
  align-items: center;
  display: flex;
  gap: 2px;
  min-width: 0;
}
#app ._menuSectionRight_1nfbn_212 {
  margin-left: auto;
}
#app ._wrapper_1nfbn_121 {
  background: var(--card);
  border-bottom: 1px solid var(--border);
  display: flex;
  flex: 0 0 auto;
  position: relative;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._content_1321t_6 {
  color: #fff;
}
#app ._cover_1321t_9 {
  background: #555;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: filter 0.2s ease;
}
#app ._cover_1321t_9::after {
  background: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
}
#app ._description_1321t_28 {
  border-left: 1px solid;
  display: -webkit-box;
  font-weight: lighter;
  hyphens: auto;
  left: 0;
  line-height: 1.2;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translate(-40px, 0);
  white-space: pre-line;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
#app ._favoriteButton_1321t_45 {
  background: none;
  box-shadow: none;
  height: 36px;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 36px;
}
#app ._favoriteButton_1321t_45:hover {
  background: rgba(0, 0, 0, 0.12);
}
#app ._favoriteButtonAppearable_1321t_60 {
  opacity: 0;
}
#app ._icon_1321t_63 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
#app {
  /*
   * Must stay below `.icon` — same specificity, so source order decides. The star
   * of a favorited project is filled (see the `filled` prop on `Icon`) and painted
   * whatever the cover behind it is, with no hover needed; the drop shadow keeps it
   * readable on a light background image.
   */
}
#app ._favoriteButtonIconActive_1321t_75 {
  color: var(--warning);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}
#app ._information_1321t_79 {
  height: 100%;
  position: relative;
}
#app ._notifications_1321t_83 {
  background: #eb5a46;
  border: none;
  border-radius: 3px;
  outline: none;
  padding: 0px 6px;
  position: absolute;
  transition: background 0.3s ease;
}
#app ._title_1321t_92 {
  bottom: 0;
  display: -webkit-box;
  hyphens: auto;
  left: 0;
  line-height: 1.1;
  overflow: hidden;
  position: absolute;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
#app ._titleActivatable_1321t_103 {
  color: rgba(255, 255, 255, 0.72);
}
#app ._titleActive_1321t_106 {
  color: #fff;
  font-weight: bold;
}
#app ._typeIndicator_1321t_110 {
  bottom: 12px;
  margin-top: auto;
  position: absolute;
  right: 12px;
}
#app ._typeIndicatorIcon_1321t_116 {
  opacity: 0.8;
}
#app ._typeIndicatorWithUser_1321t_119 {
  bottom: 12px;
  right: 8px;
}
#app ._wrapper_1321t_123 {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
#app ._wrapper_1321t_123:hover ._cover_1321t_9 {
  filter: brightness(0.8);
}
#app ._wrapper_1321t_123:hover ._description_1321t_28 {
  opacity: 1;
  transform: translate(0, 0);
}
#app ._wrapper_1321t_123:hover ._favoriteButtonAppearable_1321t_60 {
  opacity: 1;
}
#app ._wrapper_1321t_123:hover ._titleActivatable_1321t_103 {
  color: #fff;
}
#app ._wrapperHidden_1321t_141 {
  opacity: 0.5;
}
#app {
  /* Sizes */
}
#app ._wrapperSmall_1321t_147 ._notifications_1321t_83 {
  font-size: 10px;
  line-height: 18px;
}
#app ._wrapperSmall_1321t_147 ._title_1321t_92 {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  margin: 0 12px 10px 12px;
}
#app ._wrapperLarge_1321t_156 ._description_1321t_28 {
  line-clamp: 3;
  -webkit-line-clamp: 3;
  margin: 24px 20px 0 20px;
  padding-left: 10px;
}
#app ._wrapperLarge_1321t_156 ._informationWithSidebar_1321t_162 {
  margin-right: 20px;
}
#app ._wrapperLarge_1321t_156 ._notifications_1321t_83 {
  font-size: 12px;
  line-height: 20px;
}
#app ._wrapperLarge_1321t_156 ._title_1321t_92 {
  font-size: 18px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  margin: 0 18px 12px 18px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  background: var(--background);
  overflow-x: auto;
  /* The board's sideways bar is deliberately NOT here. A bar on `<body>` lives in
     the scrollbar gutter — a strip outside the layout viewport that only the canvas
     colour reaches, which is why it read as a black band below the project's
     background image. The board scrolls inside itself now; the bar and its styling
     live in `KanbanContent.module.scss`. */
}
#app .mentions-input__highlighter {
  line-height: 1.4;
  padding: 8px 12px;
}
#app .mentions-input__suggestions {
  background: var(--popover);
  border: 1px solid var(--border);
  border-radius: 3px;
  border-width: 0;
  box-shadow: 0 8px 16px -4px rgba(9, 45, 66, 0.25), 0 0 0 1px rgba(9, 45, 66, 0.08);
  max-height: 200px;
  overflow-y: auto;
}
#app .mentions-input__suggestions__item {
  color: var(--popover-foreground);
  padding: 8px 12px;
}
#app .mentions-input__suggestions__item--focused {
  background-color: var(--overlay-hover);
  color: var(--foreground);
}
#app .pswp .pswp__img--placeholder {
  display: none !important;
}
#app .ui.input.error > input {
  background-color: #fff6f6 !important;
  border-color: #e0b4b4 !important;
  color: #9f3a38 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#app .ui.page.dimmer {
  -webkit-perspective: none;
  perspective: none;
}
#root {
  display: flex;
  flex-direction: column;
  height: 100%;
}
 {
  /* Gravity UI's palette, re-pointed at our design tokens.
     `<ThemeProvider theme="dark">` only picks gravity's *own* dark theme — greys with
     a blue cast that do not match the board — and every uikit surface reads from
     these variables, so remapping them here is what actually brings the markdown
     editor onto the app palette. Anchored at `#app` (the `<body>` id, and already the
     project's anchor for beating library CSS) so it outranks `.g-root_theme_*`. */
}
#app.g-root {
  --g-font-family-sans: "Manrope Variable", "Manrope", "Nunitoga", "Helvetica Neue", Arial, Helvetica, sans-serif;
  --g-font-family-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* Floating surfaces: popups, menus, tooltips. `--card` (not `--popover`) is the
     deliberate choice for menus — see DESIGN.md. */
  --g-color-base-float: var(--card);
  --g-color-base-float-hover: var(--surface-hover);
  --g-color-base-float-heavy: var(--card);
  --g-color-base-float-accent: var(--secondary);
  --g-color-base-simple-hover: var(--overlay-hover);
  /* The opaque twin of the one above — gravity uses it for surfaces that have to
     occlude what is behind them. In the editor that is exactly one thing: the
     image placeholder block. Left unmapped it fell back to gravity's own grey. */
  --g-color-base-simple-hover-solid: var(--secondary);
  --g-color-base-generic: var(--secondary);
  --g-color-base-generic-hover: var(--surface-hover);
  /* Active menu item — the app's `bg-primary/15 text-primary` pair */
  --g-color-base-selection: color-mix(in oklab, var(--primary) 15%, transparent);
  --g-color-base-selection-hover: color-mix(in oklab, var(--primary) 22%, transparent);
  --g-color-line-generic: var(--border);
  --g-color-line-generic-hover: var(--input);
  --g-color-line-generic-solid: var(--border);
  --g-color-text-primary: var(--foreground);
  --g-color-text-secondary: var(--muted-foreground);
  --g-color-text-hint: var(--muted-foreground);
  --g-color-text-danger: var(--destructive);
  --g-color-sfx-shadow: rgba(0, 0, 0, 0.45);
}
#app.g-root .g-md-settings-content__separator, #app.g-root .g-md-settings-content__toolbar, #app.g-root .g-md-settings-content__version {
  display: none;
}
 {
  /* Popups and menus — the same shape language as the app's own dropdowns
     (`components/common/DropdownMenu`): card surface, hairline border, rounded
     items, no full-bleed hover band. */
}
#app .g-popup {
  --g-popup-border-radius: calc(var(--radius) * 0.8);
  --g-popup-border-color: var(--border);
}
 {
  /*
   * …and they have to be *visible*. Gravity portals its floating layer to `<body>`
   * with an inline `z-index: 1000` (uikit's `Popup` default), which loses to
   * `common/Modal` at `z-[1001]` — so every popup the markdown editor opens inside a
   * card window was painted behind that window: the toolbar dropdowns, the link
   * dialog and, most visibly, the image form, which made "insert image" look like it
   * did nothing at all (the placeholder block appeared, its form did not).
   *
   * `ui/popover.jsx` already lifts the app's own popups to 3000 for the same reason;
   * this is the same lift for gravity's. The `:has()` keeps it to gravity's own
   * floating elements, and `!important` is what it takes to outrank an inline style.
   */
}
#app [data-floating-ui-status]:has(> .g-popup) {
  z-index: 3000 !important;
}
 {
  /* The block the image button drops at the cursor, until the form fills it in.
     Same recessed surface as the card modal's own blocks. */
}
#app .g-md-image-placeholder {
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--muted-foreground);
  padding: 10px 16px;
}
#app .g-menu {
  padding: 6px;
}
#app .g-menu__item {
  border-radius: calc(var(--radius) * 0.6);
  font-weight: 500;
  padding-inline: 10px;
}
#app .g-menu__item_active {
  color: var(--primary);
}
#app .g-menu__group-label {
  color: var(--muted-foreground);
  font-size: 12px;
  padding-inline: 10px;
}
#app .g-menu__list-group-item + .g-menu__list-group-item, #app .g-menu__list-item + .g-menu__list-group-item, #app .g-menu__list-group-item + .g-menu__list-item {
  border-block-start-color: var(--border);
}
 {
  /* The emoji picker is a `List`, not a `Menu`, so the rules above miss it — same
     inset and rounded rows so it reads as one of the app's dropdowns. */
}
#app .g-md-emoji-suggest__list.g-list {
  padding: 6px;
}
#app .g-md-emoji-suggest__list-item {
  border-radius: calc(var(--radius) * 0.6);
}
 {
  /* Heading/text previews in the toolbar dropdowns. The preview itself carries the
     `yfm` class, so it inherits the rendered-markdown typography; only its own
     chrome is restyled here. */
}
#app .g-md-preview-tooltip {
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  padding: 10px;
}
#app .g-md-preview-tooltip__content {
  background-color: transparent;
  color: var(--foreground);
  padding: 0;
}
#app .g-md-action-preview__text-with-head {
  color: var(--muted-foreground);
}
.yfm {
  --yfm-color-accent: #ff9d00 !important;
  --yfm-color-link: #3897f0 !important;
  --yfm-color-text: #fff !important;
  font-size: 1em !important;
}
.yfm a:hover {
  color: var(--yfm-color-link) !important;
  text-decoration: underline;
}
.yfm h1, .yfm h2, .yfm h3, .yfm h4, .yfm h5, .yfm h6 {
  line-height: 1.25 !important;
}
.yfm h1 {
  font-size: 2em !important;
}
.yfm h2 {
  font-size: 1.5em !important;
}
.yfm h3 {
  font-size: 1.25em !important;
}
.yfm h4 {
  font-size: 1em !important;
}
.yfm h5 {
  font-size: 0.875em !important;
}
.yfm h6 {
  font-size: 0.85em !important;
}
.yfm .mention {
  color: #0366d6;
  background-color: #f1f8ff;
  border-radius: 3px;
  padding: 0 2px;
}
.yfm .yfm-clipboard:hover .yfm-clipboard-button {
  min-height: auto;
  min-width: auto;
}
.yfm .yfm-note {
  min-height: 60px;
}
 {
  /* The highlight.js theme used to live here as a bare `.hljs-*` palette. It could
     not win against diplodoc's own `.yfm .hljs-*` rules (0,2,0), so it moved to the
     `#app .yfm …` block in `styles/base.css` together with the rest of the code
     styling. Do not re-add it here. */
}
::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  -webkit-appearance: none;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
  /* Half the 6px track, same as every per-component thumb. */
  border-radius: 3px;
  cursor: pointer;
  transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}

#app._dragging_1lz1n_261 > * {
  pointer-events: none;
}
#app {
  /* Everything below is pointer-events: none while drag-scrolling, so the hit test
     lands on the body and this one cursor covers the whole page. */
}
#app._dragScrolling_1lz1n_268 {
  cursor: grabbing;
}
#app._dragScrolling_1lz1n_268 > * {
  pointer-events: none;
  user-select: none;
}
#app {
  /* Backgrounds */
}
#app ._backgroundMuddyGrey_1lz1n_278 {
  background: #69655a !important;
}
#app ._backgroundAutumnLeafs_1lz1n_281 {
  background: #c9b037 !important;
}
#app ._backgroundMorningSky_1lz1n_284 {
  background: #52b9d5 !important;
}
#app ._backgroundAntiqueBlue_1lz1n_287 {
  background: #6c99bb !important;
}
#app ._backgroundAntiqueBlueSoft_1lz1n_290 {
  background: #c7dcee !important;
}
#app ._backgroundEggYellow_1lz1n_293 {
  background: #f9c423 !important;
}
#app ._backgroundDesertSand_1lz1n_296 {
  background: #fad371 !important;
}
#app ._backgroundDarkGranite_1lz1n_299 {
  background: #8b8680 !important;
}
#app ._backgroundDarkGraniteSoft_1lz1n_302 {
  background: #d8d6d3 !important;
}
#app ._backgroundFreshSalad_1lz1n_305 {
  background: #ced85e !important;
}
#app ._backgroundLagoonBlue_1lz1n_308 {
  background: #109dc0 !important;
}
#app ._backgroundLagoonBlueSoft_1lz1n_311 {
  background: #bfe3ee !important;
}
#app ._backgroundMidnightBlue_1lz1n_314 {
  background: #0a63a0 !important;
}
#app ._backgroundLightOrange_1lz1n_317 {
  background: #fdae5f !important;
}
#app ._backgroundPumpkinOrange_1lz1n_320 {
  background: #ed9223 !important;
}
#app ._backgroundPumpkinOrangeSoft_1lz1n_323 {
  background: #f6d2a8 !important;
}
#app ._backgroundLightConcrete_1lz1n_326 {
  background: #afb0a4 !important;
}
#app ._backgroundSunnyGrass_1lz1n_329 {
  background: #beca02 !important;
}
#app ._backgroundNavyBlue_1lz1n_332 {
  background: #1d7299 !important;
}
#app ._backgroundLilacEyes_1lz1n_335 {
  background: #406cbd !important;
}
#app ._backgroundApricotRed_1lz1n_338 {
  background: #fc736c !important;
}
#app ._backgroundOrangePeel_1lz1n_341 {
  background: #de692f !important;
}
#app ._backgroundOrangePeelSoft_1lz1n_344 {
  background: #f2c6ae !important;
}
#app ._backgroundSilverGlint_1lz1n_347 {
  background: linear-gradient(160deg, #adadad, #92908d, #e2e2e2, #928e8e, #726f6e) !important;
}
#app ._backgroundBrightMoss_1lz1n_350 {
  background: #96b352 !important;
}
#app ._backgroundBrightMossSoft_1lz1n_353 {
  background: #d7e4b6 !important;
}
#app ._backgroundDeepOcean_1lz1n_356 {
  background: #004c70 !important;
}
#app ._backgroundSummerSky_1lz1n_359 {
  background: #5d9cec !important;
}
#app ._backgroundBerryRed_1lz1n_362 {
  background: #e83855 !important;
}
#app ._backgroundBerryRedSoft_1lz1n_365 {
  background: #f6c6cf !important;
}
#app ._backgroundLightCocoa_1lz1n_368 {
  background: #a85540 !important;
}
#app ._backgroundGreyStone_1lz1n_371 {
  background: #aab2bd !important;
}
#app ._backgroundTankGreen_1lz1n_374 {
  background: #8aa177 !important;
}
#app ._backgroundCoralGreen_1lz1n_377 {
  background: #2b6a6c !important;
}
#app ._backgroundSugarPlum_1lz1n_380 {
  background: #7e86c7 !important;
}
#app ._backgroundPinkTulip_1lz1n_383 {
  background: #e34f7c !important;
}
#app ._backgroundPinkTulipSoft_1lz1n_386 {
  background: #f2c1d3 !important;
}
#app ._backgroundShadyRust_1lz1n_389 {
  background: #87564a !important;
}
#app ._backgroundWetRock_1lz1n_392 {
  background: #83949b !important;
}
#app ._backgroundWetMoss_1lz1n_395 {
  background: #4a8753 !important;
}
#app ._backgroundTurquoiseSea_1lz1n_398 {
  background: #00858a !important;
}
#app ._backgroundTurquoiseSeaSoft_1lz1n_401 {
  background: #b7e1e3 !important;
}
#app ._backgroundLavenderFields_1lz1n_404 {
  background: #b287bd !important;
}
#app ._backgroundPiggyRed_1lz1n_407 {
  background: #f97394 !important;
}
#app ._backgroundLightMud_1lz1n_410 {
  background: #c7a57a !important;
}
#app ._backgroundLightMudSoft_1lz1n_413 {
  background: #e6d4bc !important;
}
#app ._backgroundGunMetal_1lz1n_416 {
  background: #4f6573 !important;
}
#app ._backgroundModernGreen_1lz1n_419 {
  background: #77ce87 !important;
}
#app ._backgroundFrenchCoast_1lz1n_422 {
  background: #00b4b1 !important;
}
#app ._backgroundSweetLilac_1lz1n_425 {
  background: #975298 !important;
}
#app ._backgroundRedBurgundy_1lz1n_428 {
  background: #ad5f7d !important;
}
#app ._backgroundPirateGold_1lz1n_431 {
  background: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07) !important;
}
#app ._backgroundOceanDive_1lz1n_434 {
  background: linear-gradient(to top, #062e53, #1ad0e0) !important;
}
#app ._backgroundOldLime_1lz1n_437 {
  background: linear-gradient(to bottom, #7b920a, #add100) !important;
}
#app ._backgroundTzepeschStyle_1lz1n_440 {
  background: linear-gradient(to bottom, #190a05, #870000) !important;
}
#app ._backgroundJungleMesh_1lz1n_443 {
  background: linear-gradient(to bottom, #727a17, #414d0b) !important;
}
#app ._backgroundBlueDanube_1lz1n_446 {
  background: radial-gradient(circle, rgb(9, 9, 121) 0%, rgb(2, 0, 36) 0%, rgb(2, 29, 66) 0%, rgb(2, 41, 78) 0%, rgb(2, 57, 95) 0%, rgb(1, 105, 144) 100%, rgb(1, 151, 192) 100%, rgb(0, 212, 255) 100%) !important;
}
#app ._backgroundSundownStripe_1lz1n_449 {
  background: linear-gradient(22deg, rgb(31, 30, 30) 0%, rgb(255, 128, 0) 10%, rgb(255, 128, 0) 41%, rgb(0, 0, 0) 41%, rgb(0, 102, 204) 89%) !important;
}
#app ._backgroundMagicalDawn_1lz1n_452 {
  background: radial-gradient(circle, rgb(0, 107, 141) 0%, rgb(0, 69, 91) 90%) !important;
}
#app ._backgroundStrawberryDust_1lz1n_455 {
  background: linear-gradient(180deg, rgb(172, 79, 115) 0%, rgb(254, 158, 150) 66%) !important;
}
#app ._backgroundPurpleRose_1lz1n_458 {
  background: linear-gradient(128deg, rgb(116, 43, 62) 19%, rgb(192, 71, 103) 90%) !important;
}
#app ._backgroundSunScream_1lz1n_461 {
  background: linear-gradient(112deg, rgb(251, 221, 19) 19%, rgb(255, 153, 1) 62%) !important;
}
#app ._backgroundWarmRust_1lz1n_464 {
  background: linear-gradient(141deg, rgb(255, 90, 8) 0%, rgb(88, 0, 0) 96%) !important;
}
#app ._backgroundSkyChange_1lz1n_467 {
  background: linear-gradient(135deg, rgb(0, 52, 89) 0%, rgb(0, 168, 232) 90%) !important;
}
#app ._backgroundGreenEyes_1lz1n_470 {
  background: linear-gradient(138deg, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%) !important;
}
#app ._backgroundBlueXchange_1lz1n_473 {
  background: radial-gradient(circle, #294f83, #162c4a) !important;
}
#app ._backgroundBloodOrange_1lz1n_476 {
  background: linear-gradient(360deg, #d64759 10%, #da7352 360%) !important;
}
#app ._backgroundSourPeel_1lz1n_479 {
  background: linear-gradient(360deg, #fd6f46 10%, #fb9832 360%) !important;
}
#app ._backgroundGreenNinja_1lz1n_482 {
  background: linear-gradient(360deg, #224e4d 10%, #083023 360%) !important;
}
#app ._backgroundIceBlue_1lz1n_485 {
  background: linear-gradient(360deg, #38aecc 10%, #347fb9 360%) !important;
}
#app ._backgroundEpicGreen_1lz1n_488 {
  background: linear-gradient(360deg, #01a99c 10%, #0698b1 360%) !important;
}
#app ._backgroundAlgaeGreen_1lz1n_491 {
  background: radial-gradient(circle farthest-corner at 10% 20%, rgb(0, 95, 104) 0%, rgb(15, 156, 168) 90%) !important;
}
#app ._backgroundCoralReef_1lz1n_494 {
  background: linear-gradient(110.3deg, rgb(238, 179, 123) 8.7%, rgb(216, 103, 77) 47.5%, rgb(114, 43, 54) 89.1%) !important;
}
#app ._backgroundSteelGrey_1lz1n_497 {
  background: radial-gradient(circle farthest-corner at -4% -12.9%, rgb(74, 98, 110) 0.3%, rgb(30, 33, 48) 90.2%) !important;
}
#app ._backgroundHeatWaves_1lz1n_500 {
  background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59) !important;
}
#app ._backgroundWowBlue_1lz1n_503 {
  background: linear-gradient(111.8deg, rgb(0, 104, 155) 19.8%, rgb(0, 173, 239) 92.1%) !important;
}
#app ._backgroundVelvetLounge_1lz1n_506 {
  background: radial-gradient(circle farthest-corner at 10% 20%, rgb(151, 10, 130) 0%, rgb(33, 33, 33) 100.2%) !important;
}
#app ._backgroundLagoon_1lz1n_308 {
  background: radial-gradient(circle farthest-corner at 10% 20%, rgb(0, 107, 141) 0%, rgb(0, 69, 91) 90%) !important;
}
#app ._backgroundPurpleRain_1lz1n_512 {
  background: linear-gradient(91.7deg, rgb(50, 25, 79) -4.3%, rgb(122, 101, 149) 101.8%) !important;
}
#app ._backgroundBlueSteel_1lz1n_515 {
  background: linear-gradient(to top, #09203f 0%, #537895 100%) !important;
}
#app ._backgroundBlueishCurve_1lz1n_518 {
  background: linear-gradient(171.8deg, rgb(5, 111, 146) 13.5%, rgb(6, 57, 84) 78.6%) !important;
}
#app ._backgroundPrismLight_1lz1n_521 {
  background: linear-gradient(111.7deg, rgb(251, 198, 6) 2.4%, rgb(224, 82, 95) 28.3%, rgb(194, 78, 154) 46.2%, rgb(32, 173, 190) 79.4%, rgb(22, 158, 95) 100.2%) !important;
}
#app ._backgroundTheBow_1lz1n_524 {
  background: radial-gradient(circle farthest-corner at -8.9% 51.2%, rgb(255, 124, 0) 0%, rgb(255, 124, 0) 15.9%, rgb(255, 163, 77) 15.9%, rgb(255, 163, 77) 24.4%, rgb(19, 30, 37) 24.5%, rgb(19, 30, 37) 66%) !important;
}
#app ._backgroundGreenMist_1lz1n_527 {
  background: linear-gradient(180.5deg, rgb(0, 128, 128) 8.5%, rgb(174, 206, 100) 118.2%) !important;
}
#app ._backgroundRedCurtain_1lz1n_530 {
  background: radial-gradient(circle at 2.9% 14.3%, rgb(255, 0, 102) 0%, rgb(80, 5, 35) 100.7%) !important;
}
#app {
  /* Colors */
}
#app ._colorBerryRed_1lz1n_536 {
  color: #e83855 !important;
}
#app ._colorPumpkinOrange_1lz1n_539 {
  color: #ed9223 !important;
}
#app ._colorLagoonBlue_1lz1n_542 {
  color: #109dc0 !important;
}
#app ._colorPinkTulip_1lz1n_545 {
  color: #e34f7c !important;
}
#app ._colorLightMud_1lz1n_548 {
  color: #c7a57a !important;
}
#app ._colorOrangePeel_1lz1n_551 {
  color: #de692f !important;
}
#app ._colorBrightMoss_1lz1n_554 {
  color: #96b352 !important;
}
#app ._colorAntiqueBlue_1lz1n_557 {
  color: #6c99bb !important;
}
#app ._colorDarkGranite_1lz1n_560 {
  color: #8b8680 !important;
}
#app ._colorTurquoiseSea_1lz1n_563 {
  color: #00858a !important;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._card_dmorc_5 {
  height: 70px;
  width: 160px;
}
#app ._cardWrapper_dmorc_9:not(:last-child) {
  margin-right: 20px;
}
#app ._cards_dmorc_12 {
  display: flex;
  height: 108px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px 20px 0 20px;
}
@supports (-moz-appearance: none) {
  #app ._cards_dmorc_12 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._cards_dmorc_12:hover {
  height: 90px;
}
#app ._cards_dmorc_12::-webkit-scrollbar {
  height: 6px;
}
#app ._cards_dmorc_12::-webkit-scrollbar-track {
  background: transparent;
}
#app ._cards_dmorc_12::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
#app {
  /* Owns its surface now that `common/Fixed` no longer paints one for the whole chrome. */
}
#app ._wrapper_dmorc_40 {
  background: var(--background);
  height: 0;
  overflow-y: hidden;
  transition: height 0.2s ease;
}
#app ._wrapperActive_dmorc_46 {
  height: 90px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1eylc_5 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_1eylc_9 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_1eylc_13 {
  float: left;
  margin: 0 0.5em 0 0;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 *
 * Icon buttons in the shadcn shape: outlined, filled one step lighter than the
 * canvas, with states that are actually visible on a dark background. The view
 * switcher marks its current view with `disabled`, so that is the "active" state —
 * accent surface plus the brand color, not the flat fill it used to get.
 */
#app ._action_7egga_11:not(:last-child) {
  margin-right: 10px;
}
#app ._button_7egga_14 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--muted-foreground);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 100%;
  outline: none;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
  width: 2.75rem;
  height: 2.75rem;
}
#app ._button_7egga_14:hover:enabled {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._button_7egga_14:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
}
#app ._buttonGroup_7egga_39 {
  display: inline-flex;
}
#app ._buttonGroup_7egga_39 ._button_7egga_14 {
  border-radius: 0;
  margin-left: -1px;
  /* The inactive options of the group sit flush with the canvas... */
}
#app ._buttonGroup_7egga_39 ._button_7egga_14:enabled {
  background: transparent;
  color: var(--muted-foreground);
}
#app ._buttonGroup_7egga_39 ._button_7egga_14:enabled:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}
#app ._buttonGroup_7egga_39 ._button_7egga_14 {
  /* ...and the selected one is the only filled, accented cell. */
}
#app ._buttonGroup_7egga_39 ._button_7egga_14:disabled {
  background: var(--surface-active);
  border-color: var(--input);
  color: var(--foreground);
  cursor: default;
  opacity: 1;
}
#app ._buttonGroup_7egga_39 ._button_7egga_14:first-child {
  border-top-left-radius: calc(var(--radius) * 0.8);
  border-bottom-left-radius: calc(var(--radius) * 0.8);
  margin-left: 0;
}
#app ._buttonGroup_7egga_39 ._button_7egga_14:last-child {
  border-top-right-radius: calc(var(--radius) * 0.8);
  border-bottom-right-radius: calc(var(--radius) * 0.8);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_s11ef_5 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}
#app ._action_s11ef_5:first-child {
  padding-left: 20px;
}
#app ._action_s11ef_5:last-child {
  padding-right: 20px;
}
#app ._action_s11ef_5:not(:last-child) {
  margin-right: 20px;
}
#app ._actionFilters_s11ef_19 {
  flex-grow: 1;
}
#app ._actionRightSide_s11ef_22 {
  margin-left: auto;
}
#app ._actions_s11ef_25 {
  display: flex;
}
#app ._content_s11ef_28 {
  width: 100%;
}
#app {
  /* Owns its surface now that `common/Fixed` no longer paints one for the whole chrome. */
}
#app ._wrapper_s11ef_34 {
  background: var(--background);
  display: flex;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  padding: 15px 0;
  scrollbar-width: none;
}
#app ._wrapper_s11ef_34::-webkit-scrollbar {
  display: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._content_13b88_5 {
  color: var(--foreground);
  padding-bottom: 6px;
}
#app ._field_13b88_9 {
  margin-bottom: 8px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_1fjlj_6 {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}
#app ._action_1fjlj_6:has(:enabled):hover {
  background: var(--overlay-hover);
}
#app {
  /*
   * Only action in this pane is "delete project" — red fill, see DESIGN.md. It is
   * disabled while the project still has boards, and a disabled red button reads
   * as a failed action, so that state falls back to the neutral surface.
   */
}
#app ._actionButton_1fjlj_26 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border: 1px solid color-mix(in oklab, var(--destructive) 35%, transparent);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--destructive);
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
#app ._actionButton_1fjlj_26:hover:enabled {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._actionButton_1fjlj_26:disabled {
  background: var(--secondary);
  border-color: var(--border);
  color: var(--muted-foreground);
}
#app ._radio_1fjlj_48 {
  margin-bottom: 16px;
  width: 100%;
}
#app ._radio_1fjlj_48:last-child {
  margin-bottom: 0;
}
#app ._wrapper_1fjlj_55 {
  border: none;
  box-shadow: none;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menuItem_ngic6_6 {
  background: transparent;
  border: none;
  border-radius: 0.28571429rem;
  display: block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 4px;
  text-align: left;
  width: 100%;
}
#app ._menuItem_ngic6_6:enabled {
  cursor: pointer;
}
#app ._menuItem_ngic6_6:enabled:hover {
  background: var(--overlay-hover);
}
#app ._menuItemText_ngic6_24 {
  display: inline-block;
  line-height: 32px;
  position: relative;
  width: calc(100% - 40px);
}
#app ._menuItemTextActive_ngic6_30:before {
  bottom: 2px;
  color: var(--muted-foreground);
  content: "Г";
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  position: absolute;
  right: 2px;
  text-align: center;
  transform: rotate(-135deg);
  width: 36px;
}
#app ._user_ngic6_43 {
  display: inline-block;
  line-height: 32px;
  padding-right: 8px;
  width: 40px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._users_wkmaf_5 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._users_wkmaf_5 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._users_wkmaf_5::-webkit-scrollbar {
  width: 6px;
}
#app ._users_wkmaf_5::-webkit-scrollbar-track {
  background: transparent;
}
#app ._users_wkmaf_5::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_156ei_6 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._button_156ei_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app {
  /* "Leave project" / "remove from project" — destructive, see DESIGN.md. */
}
#app ._buttonDanger_156ei_26 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  color: var(--destructive);
}
#app ._buttonDanger_156ei_26:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._content_156ei_36 {
  display: inline-block;
  width: calc(100% - 44px);
}
#app ._name_156ei_40 {
  color: var(--foreground);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  padding: 9px 28px 0 2px;
}
#app ._user_156ei_47 {
  display: inline-block;
  padding-right: 8px;
  padding-top: 10px;
  vertical-align: top;
}
#app ._username_156ei_53 {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.2;
  padding: 2px 0 2px 2px;
  word-wrap: break-word;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._addButton_u3rl2_5 {
  background: rgba(0, 0, 0, 0.24);
  border-radius: 50%;
  box-shadow: none;
  color: #fff;
  line-height: 36px;
  margin: 0;
  padding: 0;
  transition: all 0.1s ease 0s;
  vertical-align: top;
  width: 36px;
}
#app ._addButton_u3rl2_5:hover {
  background: rgba(0, 0, 0, 0.32);
}
#app ._user_u3rl2_20 {
  line-height: 1;
  margin: 0 -4px 0 0;
}
#app ._wrapper_u3rl2_24 {
  display: flex;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_1dzep_5 {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}
#app ._action_1dzep_5:has(:enabled):hover {
  background: var(--overlay-hover);
}
#app ._actionButton_1dzep_18 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--foreground);
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
#app ._actionButton_1dzep_18:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._wrapper_1dzep_35 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /*
   * The "selected" marker. It was Semantic's corner `<Label icon>`; the shim that
   * replaced Semantic ignores `corner`/`size`/`icon`, so it rendered as an empty
   * pill centred in the swatch. Drawn directly now.
   */
}
#app ._check_1l9yq_12 {
  align-items: center;
  background: var(--primary);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  color: var(--primary-foreground);
  display: flex;
  height: 20px;
  justify-content: center;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px;
}
#app {
  /*
   * `border: 0` matters: `buttonVariants` puts `border: 1px solid transparent` on every
   * button, and the gradient classes set `background` with `!important`, which resets
   * `background-clip` back to `border-box`. The gradient then paints into the border
   * strip but is not clipped by the radius there, leaving a 1px hairline of colour
   * running down the straight edges, outside the rounded outline. The swatch has no
   * border to show anyway.
   */
}
#app ._wrapper_1l9yq_36 {
  border: 0;
  height: 74px;
  margin: 0;
  padding: 0;
  position: relative;
}
#app ._wrapper_1l9yq_36:hover {
  opacity: 0.9;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_qcukj_5 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  max-height: 60vh;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._wrapper_qcukj_5 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._wrapper_qcukj_5:after {
  clear: both;
  content: "";
  display: table;
}
#app ._wrapper_qcukj_5::-webkit-scrollbar {
  width: 6px;
}
#app ._wrapper_qcukj_5::-webkit-scrollbar-track {
  background: transparent;
}
#app ._wrapper_qcukj_5::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /*
   * Sits on top of the thumbnail, so it is solid rather than tinted — a 15%
   * destructive wash would read as part of the image. See DESIGN.md.
   */
  /*
   * `height`, not `min-height`: the button carries no `icon` prop, so `common/Button`
   * treats it as a labelled button and applies the default `h-8` (32px). Against the
   * 24px `width` here that made it a vertical rectangle. Pin both axes.
   */
}
#app ._deleteButton_9r7vg_17 {
  align-items: center;
  background: var(--destructive);
  border: 0;
  box-shadow: none;
  color: var(--destructive-foreground);
  display: flex;
  height: 24px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
}
#app ._deleteButton_9r7vg_17:hover {
  background: color-mix(in oklab, var(--destructive) 85%, black);
  color: var(--destructive-foreground);
}
#app {
  /* Same badge as the gradient swatches — see `Gradients/Item.module.scss`. */
}
#app ._check_9r7vg_42 {
  align-items: center;
  background: var(--primary);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  color: var(--primary-foreground);
  display: flex;
  height: 20px;
  justify-content: center;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 20px;
}
#app ._wrapper_9r7vg_56 {
  border-radius: 3px;
  cursor: pointer;
  height: 74px;
  position: relative;
}
#app ._wrapper_9r7vg_56:hover {
  opacity: 0.9;
}
#app ._wrapper_9r7vg_56:hover ._deleteButton_9r7vg_17 {
  opacity: 1;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapperSubmitting_7wcii_5 {
  background: var(--overlay-hover);
  border-radius: 3px;
  height: 74px;
  position: relative;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_18dfi_5 {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}
#app ._action_18dfi_5:hover {
  background: var(--overlay-hover);
}
#app ._actions_18dfi_18 {
  margin-top: 20px;
}
#app ._actionButton_18dfi_21 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--foreground);
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
#app ._actionButton_18dfi_21:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._images_18dfi_38 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  max-height: 60vh;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._images_18dfi_38 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._images_18dfi_38::-webkit-scrollbar {
  width: 6px;
}
#app ._images_18dfi_38::-webkit-scrollbar-track {
  background: transparent;
}
#app ._images_18dfi_38::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._dropzone_2xby5_5 {
  background: var(--secondary);
  font-size: 20px;
  font-weight: bold;
  inset: 0;
  line-height: 30px;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  z-index: 2001;
}
#app ._dropzoneText_2xby5_16 {
  left: 50%;
  position: absolute;
  top: min(200px, 50%);
  transform: translateX(-50%) translateY(-50%);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._activeTypeButtonGroup_vsut3_5 {
  margin-bottom: 12px;
}
#app ._wrapper_vsut3_8 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_azfum_5 {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  outline: none;
  padding: 0;
}
#app ._wrapper_azfum_14 {
  background: #dce0e4;
  border-radius: 3px;
  color: var(--muted-foreground);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
  vertical-align: top;
  white-space: nowrap;
}
#app ._wrapperHoverable_azfum_25:hover {
  background: #d2d8dc;
  color: var(--foreground);
}
#app {
  /* Sizes */
}
#app ._wrapperTiny_azfum_32 {
  font-size: 12px;
  line-height: 20px;
  max-width: 176px;
  padding: 0px 6px;
}
#app ._wrapperSmall_azfum_38 {
  font-size: 12px;
  line-height: 20px;
  max-width: 176px;
  padding: 2px 8px;
}
#app ._wrapperMedium_azfum_44 {
  line-height: 20px;
  max-width: 230px;
  padding: 6px 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_1k99j_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  flex: 0 0 auto;
  font-weight: 500;
  padding: 8px 10px;
}
#app ._editButton_1k99j_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._name_1k99j_18 {
  background: var(--overlay-hover);
  border-radius: 3px;
  color: var(--foreground);
  flex: 1 1 auto;
  font-size: 14px;
  overflow: hidden;
  padding: 8px 32px 8px 10px;
  position: relative;
  text-overflow: ellipsis;
}
#app ._nameIcon_1k99j_29 {
  color: var(--muted-foreground);
  font-size: 12px;
  margin: 0 8px 0 0;
  width: 14px;
}
#app ._wrapper_1k99j_35 {
  display: flex;
  margin-bottom: 4px;
  max-width: 280px;
  white-space: nowrap;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_192xi_5 {
  margin-bottom: 8px;
}
#app ._fieldName_192xi_8 {
  margin-bottom: 16px;
}
#app ._fieldRadio_192xi_11 {
  width: 100%;
}
#app ._text_192xi_14 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._submitButton_sa2wn_5 {
  margin-top: 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._deleteButton_d5ugh_5 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  bottom: 12px;
  box-shadow: none;
  color: var(--destructive);
  position: absolute;
  right: 9px;
}
#app ._deleteButton_d5ugh_5:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._submitButton_d5ugh_19 {
  margin-top: 12px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actionButton_17ahp_6 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._actionButton_17ahp_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app {
  /* Destructive twin of .actionButton — red fill, see DESIGN.md. */
}
#app ._actionButtonDanger_17ahp_25 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  color: var(--destructive);
}
#app ._actionButtonDanger_17ahp_25:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._droppableHack_17ahp_35 {
  display: none;
  position: fixed;
}
#app ._items_17ahp_39 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._items_17ahp_39 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._items_17ahp_39::-webkit-scrollbar {
  width: 6px;
}
#app ._items_17ahp_39::-webkit-scrollbar-track {
  background: transparent;
}
#app ._items_17ahp_39::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._addAttachmentButton_y8acu_5 {
  background: var(--overlay-hover);
  border: none;
  border-radius: 3px;
  color: var(--muted-foreground);
  cursor: pointer;
  line-height: 20px;
  padding: 6px 14px;
  transition: background 0.3s ease;
  vertical-align: top;
}
#app ._addAttachmentButton_y8acu_5:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}
#app ._addAttachmentButtonIcon_y8acu_20 {
  margin: 0 -4.3px;
}
#app ._attachment_y8acu_23 {
  display: inline-block;
  margin: 0 4px 4px 0;
  max-width: 100%;
}
#app ._attachments_y8acu_28 {
  display: inline-block;
  line-height: 1;
  margin: 0 8px 8px 0;
  max-width: 100%;
  vertical-align: top;
}
#app ._wrapper_y8acu_35 {
  border: none;
  box-shadow: none;
  display: flex;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._dimmerTransparent_8084x_5 {
  backdrop-filter: none;
  background-color: transparent;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_d98zt_6 {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}
#app ._action_d98zt_6:hover {
  background: var(--overlay-hover);
}
#app {
  /* Only action in this pane is "delete board" — red fill, see DESIGN.md. */
}
#app ._actionButton_d98zt_22 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border: 1px solid color-mix(in oklab, var(--destructive) 35%, transparent);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--destructive);
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
#app ._actionButton_d98zt_22:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._wrapper_d98zt_39 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1j4tt_5 {
  margin: 0 auto 8px;
  width: 100%;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._radio_2u8os_5 {
  margin-bottom: 16px;
  width: 100%;
}
#app ._radio_2u8os_5:last-child {
  margin-bottom: 0;
}
#app ._settings_2u8os_12 {
  margin: 0 0 8px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._radio_dt8qw_5 {
  margin-bottom: 16px;
  width: 100%;
}
#app ._radio_dt8qw_5:last-child {
  margin-bottom: 0;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._firstDivider_6arwz_5 {
  margin-top: 0;
}
#app ._wrapper_6arwz_8 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_jlrbo_5 {
  margin: 0 0 0 8px;
}
#app ._field_jlrbo_8 {
  flex: auto;
}
#app ._field_jlrbo_8 input {
  width: auto;
}
#app ._wrapper_jlrbo_14 {
  display: flex;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._addItem_1akff_5 {
  display: flex;
}
#app ._button_1akff_8 {
  margin: 0 0 0 8px;
}
#app ._field_1akff_11 {
  flex: auto;
}
#app ._field_1akff_11 input {
  width: auto;
}
#app ._item_1akff_17:not(:last-child) {
  margin-bottom: 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_nspxg_5 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_16b7q_5 {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  outline: none;
  padding: 0;
}
#app {
  /*
   * Fully rounded (pill). The text colour is set inline by the component to contrast
   * with the fill, so the fixed white + text-shadow that used to prop up readability
   * on light labels are gone.
   */
}
#app ._wrapper_16b7q_21 {
  border-radius: 9999px;
  display: inline-block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
#app ._wrapperNameless_16b7q_30 {
  width: 40px;
}
#app ._wrapperHoverable_16b7q_33:hover {
  opacity: 0.75;
}
#app {
  /* Sizes */
}
#app ._wrapperTiny_16b7q_39 {
  font-size: 12px;
  line-height: 20px;
  max-width: 176px;
  padding: 0 6px;
}
#app ._wrapperSmall_16b7q_45 {
  font-size: 12px;
  line-height: 20px;
  max-width: 176px;
  padding: 2px 8px;
}
#app ._wrapperMedium_16b7q_51 {
  font-size: 14px;
  line-height: 16px;
  max-width: 230px;
  padding: 4px 12px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menuItem_9e7nl_6 {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 4px;
}
#app ._menuItemActive_9e7nl_12 {
  background: transparent;
}
#app ._menuItemActive_9e7nl_12:hover {
  background: var(--overlay-hover);
}
#app ._menuItemText_9e7nl_18 {
  display: inline-block;
  line-height: 32px;
  width: calc(100% - 40px);
}
#app ._menuItemTextActive_9e7nl_23:before {
  bottom: 2px;
  color: var(--muted-foreground);
  content: "Г";
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  position: absolute;
  right: 2px;
  text-align: center;
  transform: rotate(-135deg);
  width: 36px;
}
#app ._user_9e7nl_36 {
  display: inline-block;
  line-height: 32px;
  padding-right: 8px;
  width: 40px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._clearButton_1097t_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._clearButton_1097t_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._menu_1097t_21 {
  margin: 8px auto 0;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
@supports (-moz-appearance: none) {
  #app ._menu_1097t_21 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._menu_1097t_21::-webkit-scrollbar {
  width: 6px;
}
#app ._menu_1097t_21::-webkit-scrollbar-track {
  background: transparent;
}
#app ._menu_1097t_21::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_47lbm_6 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  flex: 0 0 auto;
  font-weight: 500;
  padding: 8px 10px;
}
#app ._editButton_47lbm_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._name_47lbm_19 {
  border-radius: 8px;
  cursor: pointer;
  flex: 1 1 auto;
  font-weight: bold;
  overflow: hidden;
  padding: 8px 32px 8px 10px;
  position: relative;
  text-overflow: ellipsis;
}
#app ._name_47lbm_19:hover {
  opacity: 0.9;
}
#app ._nameActive_47lbm_32:before {
  bottom: 1px;
  content: "Г";
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  position: absolute;
  right: 2px;
  text-align: center;
  transform: rotate(-135deg);
  width: 36px;
}
#app {
  /*
   * `align-items: center` rather than the default `stretch`: the edit button is a
   * fixed-size square (shadcn's `icon-sm`), so stretch never applied to it and it
   * hung from the top of the taller chip.
   */
}
#app ._wrapper_47lbm_51 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
  max-width: 280px;
  white-space: nowrap;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._colorButton_1sciv_6 {
  margin: 0;
  position: relative;
}
#app ._colorButton_1sciv_6:hover {
  opacity: 0.9;
}
#app ._colorButtonActive_1sciv_13:before {
  color: #ffffff;
  content: "Г";
  font-size: 16px;
  line-height: 32px;
  position: absolute;
  right: calc(50% - 5px);
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  top: calc(50% - 17px);
  transform: rotate(-135deg);
}
#app ._colorButtons_1sciv_25 {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  margin-bottom: 12px;
  max-height: 60vh;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._colorButtons_1sciv_25 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._colorButtons_1sciv_25::-webkit-scrollbar {
  width: 6px;
}
#app ._colorButtons_1sciv_25::-webkit-scrollbar-track {
  background: transparent;
}
#app ._colorButtons_1sciv_25::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}
#app ._field_1sciv_50 {
  margin-bottom: 8px;
}
#app ._hint_1sciv_53 {
  color: var(--muted-foreground);
  font-size: 11px;
  line-height: 1.4;
  margin: -4px 0 10px;
  max-width: 400px;
}
#app ._text_1sciv_60 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actions_ks7sj_5 {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
#app ._deleteButton_ks7sj_11 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  box-shadow: none;
  color: var(--destructive);
}
#app ._deleteButton_ks7sj_11:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._addButton_retxw_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._addButton_retxw_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._droppableHack_retxw_21 {
  display: none;
  position: fixed;
}
#app ._items_retxw_25 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._items_retxw_25 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._items_retxw_25::-webkit-scrollbar {
  width: 6px;
}
#app ._items_retxw_25::-webkit-scrollbar-track {
  background: transparent;
}
#app ._items_retxw_25::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_13dcy_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  flex: 0 0 auto;
  font-weight: 500;
  padding: 8px 10px;
}
#app ._editButton_13dcy_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._name_13dcy_18 {
  background: var(--overlay-hover);
  border-radius: 3px;
  color: var(--foreground);
  flex: 1 1 auto;
  font-size: 14px;
  overflow: hidden;
  padding: 8px 32px 8px 10px;
  position: relative;
  text-overflow: ellipsis;
}
#app ._wrapper_13dcy_29 {
  display: flex;
  margin-bottom: 4px;
  max-width: 280px;
  white-space: nowrap;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_192xi_5 {
  margin-bottom: 8px;
}
#app ._fieldName_192xi_8 {
  margin-bottom: 16px;
}
#app ._fieldRadio_192xi_11 {
  width: 100%;
}
#app ._text_192xi_14 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._submitButton_sa2wn_5 {
  margin-top: 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._deleteButton_d5ugh_5 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  bottom: 12px;
  box-shadow: none;
  color: var(--destructive);
  position: absolute;
  right: 9px;
}
#app ._deleteButton_d5ugh_5:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._submitButton_d5ugh_19 {
  margin-top: 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_1k99j_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  flex: 0 0 auto;
  font-weight: 500;
  padding: 8px 10px;
}
#app ._editButton_1k99j_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._name_1k99j_18 {
  background: var(--overlay-hover);
  border-radius: 3px;
  color: var(--foreground);
  flex: 1 1 auto;
  font-size: 14px;
  overflow: hidden;
  padding: 8px 32px 8px 10px;
  position: relative;
  text-overflow: ellipsis;
}
#app ._nameIcon_1k99j_29 {
  color: var(--muted-foreground);
  font-size: 12px;
  margin: 0 8px 0 0;
  width: 14px;
}
#app ._wrapper_1k99j_35 {
  display: flex;
  margin-bottom: 4px;
  max-width: 280px;
  white-space: nowrap;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._deleteButton_4e08g_5 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  bottom: 12px;
  box-shadow: none;
  color: var(--destructive);
  position: absolute;
  right: 9px;
}
#app ._deleteButton_4e08g_5:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actionButton_17ahp_6 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._actionButton_17ahp_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app {
  /* Destructive twin of .actionButton — red fill, see DESIGN.md. */
}
#app ._actionButtonDanger_17ahp_25 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  color: var(--destructive);
}
#app ._actionButtonDanger_17ahp_25:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._droppableHack_17ahp_35 {
  display: none;
  position: fixed;
}
#app ._items_17ahp_39 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._items_17ahp_39 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._items_17ahp_39::-webkit-scrollbar {
  width: 6px;
}
#app ._items_17ahp_39::-webkit-scrollbar-track {
  background: transparent;
}
#app ._items_17ahp_39::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actionButton_i00k5_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._actionButton_i00k5_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._droppableHack_i00k5_21 {
  display: none;
  position: fixed;
}
#app ._items_i00k5_25 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._items_i00k5_25 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._items_i00k5_25::-webkit-scrollbar {
  width: 6px;
}
#app ._items_i00k5_25::-webkit-scrollbar-track {
  background: transparent;
}
#app ._items_i00k5_25::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_mkkuf_6 {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 999px;
  box-shadow: none;
  color: var(--muted-foreground);
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 0;
  min-height: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
#app ._editButton_mkkuf_6:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}
#app ._link_mkkuf_30 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  line-height: 20px;
  max-width: 400px;
  overflow: hidden;
  padding: 6px 38px 6px 16px;
}
#app ._icon_mkkuf_40 {
  color: var(--muted-foreground);
  flex: 0 0 auto;
  transition: color 85ms ease;
}
#app ._name_mkkuf_45 {
  color: var(--muted-foreground);
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 85ms ease;
  white-space: nowrap;
}
#app ._notifications_mkkuf_52 {
  background: var(--destructive);
  border: none;
  border-radius: calc(var(--radius) * 0.5);
  color: var(--background);
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  margin-right: 6px;
  outline: none;
  padding: 0px 6px;
  transition: background 0.3s ease;
  vertical-align: text-bottom;
}
#app {
  /*
   * Pill-shaped tabs, same language as the filter and view controls on the other
   * side of the bar: transparent at rest so the frosted panel reads through, and a
   * translucent white wash on hover rather than an opaque fill. The active board
   * takes the segmented control's selected surface so it stays apart from a hovered
   * one. See DESIGN.md.
   */
}
#app ._tab_mkkuf_76 {
  border: 1px solid var(--border);
  border-radius: 8px;
  min-width: 100px;
  position: relative;
  transition: background 85ms ease, border-color 85ms ease;
}
#app ._tab_mkkuf_76:hover {
  background: var(--overlay-hover);
  border-color: var(--input);
}
#app ._tab_mkkuf_76:hover ._icon_mkkuf_40,
#app ._tab_mkkuf_76:hover ._name_mkkuf_45 {
  color: var(--foreground);
}
#app ._tab_mkkuf_76:hover ._editButton_mkkuf_6 {
  opacity: 1;
}
#app {
  /*
   * The active board is the same translucent white as the hover wash, one step
   * stronger (`--overlay-active`, 14% vs 8%) so it stays readable as "selected"
   * next to a pill the pointer happens to be over — and stays translucent, so the
   * frosted panel still shows through it.
   */
}
#app ._tabActive_mkkuf_102 {
  align-items: center;
  background: var(--overlay-active);
  border-color: var(--input);
}
#app ._tabActive_mkkuf_102:hover {
  background: color-mix(in oklab, var(--foreground) 20%, transparent);
}
#app ._tabActive_mkkuf_102 ._icon_mkkuf_40 {
  color: var(--foreground);
}
#app ._tabActive_mkkuf_102 ._name_mkkuf_45 {
  color: var(--foreground);
  font-weight: 600;
}
#app ._wrapper_mkkuf_117 {
  display: flex;
  flex: 0 0 auto;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_1qt5f_5 {
  background: transparent;
  box-shadow: none;
  color: var(--muted-foreground);
  font-weight: normal;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: none;
}
#app ._button_1qt5f_5:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_11vk7_5 {
  white-space: nowrap;
}
#app ._controls_11vk7_8 {
  display: flex;
  max-width: 280px;
}
@media only screen and (width < 768px) {
  #app ._controls_11vk7_8 {
    max-width: 226px;
  }
}
#app ._field_11vk7_17 {
  margin-bottom: 8px;
}
#app ._importButton_11vk7_20 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._importButton_11vk7_20:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._importButtonIcon_11vk7_39 {
  text-decoration: none;
}
#app ._text_11vk7_42 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /* Round, centred against the board pills next to it. */
}
#app ._addButton_vx1i5_9 {
  align-items: center;
  background: transparent;
  border: 1px dashed var(--border);
  border-radius: 999px;
  color: var(--muted-foreground);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 30px;
}
#app ._addButton_vx1i5_9:hover {
  background: var(--overlay-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._tabs_vx1i5_27 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  height: 38px;
  white-space: nowrap;
}
#app ._tabsWrapper_vx1i5_35 {
  display: flex;
  flex: 0 0 auto;
  height: 56px;
  overflow-x: auto;
  overflow-y: hidden;
}
@supports (-moz-appearance: none) {
  #app ._tabsWrapper_vx1i5_35 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._tabsWrapper_vx1i5_35:hover {
  height: 38px;
}
#app ._tabsWrapper_vx1i5_35::-webkit-scrollbar {
  height: 6px;
}
#app ._tabsWrapper_vx1i5_35::-webkit-scrollbar-track {
  background: transparent;
}
#app ._tabsWrapper_vx1i5_35::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
#app {
  /*
   * Shares one row with the members/filters/view controls now, so it takes the
   * leftover width and scrolls inside itself — `min-width: 0` is what lets it
   * shrink instead of pushing the right-hand tools off the bar.
   */
}
#app ._wrapper_vx1i5_67 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 38px;
  min-width: 0;
  overflow: hidden;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._fieldRadio_1n93r_5 {
  margin-bottom: 16px;
  width: 100%;
}
#app ._fieldRadio_1n93r_5:last-child {
  margin-bottom: 0;
}
#app ._menu_1n93r_12 {
  margin: 0 auto 8px;
  width: 100%;
}
#app ._settings_1n93r_16 {
  margin: 0 0 8px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menuItem_ngic6_6 {
  background: transparent;
  border: none;
  border-radius: 0.28571429rem;
  display: block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 4px;
  text-align: left;
  width: 100%;
}
#app ._menuItem_ngic6_6:enabled {
  cursor: pointer;
}
#app ._menuItem_ngic6_6:enabled:hover {
  background: var(--overlay-hover);
}
#app ._menuItemText_ngic6_24 {
  display: inline-block;
  line-height: 32px;
  position: relative;
  width: calc(100% - 40px);
}
#app ._menuItemTextActive_ngic6_30:before {
  bottom: 2px;
  color: var(--muted-foreground);
  content: "Г";
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  position: absolute;
  right: 2px;
  text-align: center;
  transform: rotate(-135deg);
  width: 36px;
}
#app ._user_ngic6_43 {
  display: inline-block;
  line-height: 32px;
  padding-right: 8px;
  width: 40px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._users_wkmaf_5 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._users_wkmaf_5 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._users_wkmaf_5::-webkit-scrollbar {
  width: 6px;
}
#app ._users_wkmaf_5::-webkit-scrollbar-track {
  background: transparent;
}
#app ._users_wkmaf_5::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /*
   * Each row of the top chrome paints its own surface — the header its `--secondary`
   * bar, favorites/home actions the canvas color, the board bar a frosted panel. The
   * shared band that used to live here had to go: an opaque ancestor leaves
   * `backdrop-filter` nothing to sample, so the glass bar would blur a flat fill
   * instead of the project background (`ProjectBackground`, fixed at `z-index: -1`).
   * See DESIGN.md.
   */
}
#app ._wrapper_evoj3_16 {
  background: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._addButton_1d541_6 {
  background: transparent;
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  color: var(--muted-foreground);
  cursor: pointer;
  fill: currentColor;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
#app ._addButton_1d541_6:hover {
  border-color: var(--input);
  color: var(--foreground);
}
#app ._addButton_1d541_6:hover ._addButtonCover_1d541_23 {
  background: var(--surface-hover);
}
#app ._addButtonCover_1d541_23 {
  background: var(--card);
  bottom: 0;
  z-index: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: filter 0.2s ease;
}
#app ._addButtonTitle_1d541_37 {
  display: table-cell;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}
#app ._addButtonTitleIcon_1d541_43 {
  display: block;
  margin: 0 auto 12px;
  width: 36px;
}
#app {
  /* The cover is absolutely positioned, so it paints above static content —
     the label has to be lifted explicitly or it disappears behind it. */
}
#app ._addButtonTitleWrapper_1d541_52 {
  display: table;
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 35px 21px;
  width: 100%;
}
#app ._card_1d541_60 {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  height: 150px;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#app ._card_1d541_60:hover {
  border-color: var(--input);
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.6);
}
@media only screen and (width < 840px) {
  #app ._column_1d541_72 {
    width: 50% !important;
  }
}
@media only screen and (840px <= width < 1120px) {
  #app ._column_1d541_72 {
    width: 33.3333333333% !important;
  }
}
@media only screen and (1120px <= width < 1400px) {
  #app ._column_1d541_72 {
    width: 25% !important;
  }
}
@media only screen and (1400px <= width < 1680px) {
  #app ._column_1d541_72 {
    width: 20% !important;
  }
}
@media only screen and (1680px <= width < 1960px) {
  #app ._column_1d541_72 {
    width: 16.6666666667% !important;
  }
}
@media only screen and (1960px <= width < 2240px) {
  #app ._column_1d541_72 {
    width: 14.2857142857% !important;
  }
}
@media only screen and (width >= 2240px) {
  #app ._column_1d541_72 {
    width: 12.5% !important;
  }
}
#app ._title_1d541_106 {
  color: var(--muted-foreground);
  font-size: 16px;
  padding: 14px 0 14px 2px;
}
#app ._titleIcon_1d541_111 {
  margin-right: 10px;
}
#app ._wrapper_1d541_114:not(:last-child) {
  margin-bottom: 20px;
}
#app ._wrapperWithoutTitle_1d541_117 {
  margin-top: 14px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_fwddb_5 {
  height: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-y: auto;
  padding: 0 20px;
}
@supports (-moz-appearance: none) {
  #app ._wrapper_fwddb_5 {
    scrollbar-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.08);
  }
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._bottom_qth58_5 {
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}
#app ._bottom_qth58_5 div {
  background: var(--secondary);
  border-radius: 100%;
  flex-grow: 1;
  height: 20px;
  position: relative;
  top: -10px;
}
#app ._bottom_qth58_5 div:nth-child(2n) {
  background: transparent;
  border-top: 15px solid #22252a;
  top: -12px;
}
#app ._button_qth58_25 {
  padding: 0.78571429em 1.5em 0.78571429em;
}
#app ._eyeLeft_qth58_28 {
  background: #22252a;
  border-radius: 50%;
  height: 12px;
  left: 10px;
  position: absolute;
  width: 12px;
}
#app ._eyeRight_qth58_36 {
  background: #22252a;
  border-radius: 50%;
  height: 12px;
  position: absolute;
  right: 10px;
  width: 12px;
}
#app ._eyes_qth58_44 {
  height: 12px;
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translateX(-50%);
  width: 70px;
}
#app ._ghost_qth58_52 {
  animation: _upndown_qth58_1 3s ease-in-out infinite;
  background: var(--secondary);
  border-radius: 100px 100px 0 0;
  height: 100px;
  margin: 0 auto 20px;
  position: relative;
  width: 100px;
  z-index: 1;
}
#app ._message_qth58_62 {
  max-width: 400px;
  text-align: center;
  z-index: 1;
}
#app ._shadow_qth58_67 {
  animation: _smallnbig_qth58_1 3s ease-in-out infinite;
  background: #000;
  border-radius: 50%;
  height: 20px;
  margin: 0 auto 30px;
  width: 80px;
}
#app ._symbol_qth58_75:nth-child(1) {
  animation: _shine_qth58_1 4s ease-in-out 3s infinite;
  left: 20px;
  opacity: 0.3;
  position: absolute;
  top: 20px;
}
#app ._symbol_qth58_75:nth-child(1):before, #app ._symbol_qth58_75:nth-child(1):after {
  background: #6b808c;
  border-radius: 3px;
  content: "";
  height: 3px;
  position: absolute;
  width: 8px;
}
#app ._symbol_qth58_75:nth-child(1):before {
  transform: rotate(45deg);
}
#app ._symbol_qth58_75:nth-child(1):after {
  transform: rotate(-45deg);
}
#app ._symbol_qth58_75:nth-child(2) {
  animation: _shine_qth58_1 4s ease-in-out 1.3s infinite;
  border: 2px solid;
  border-color: var(--muted-foreground);
  border-radius: 50%;
  height: 12px;
  opacity: 0.3;
  position: absolute;
  right: 30px;
  top: 40px;
  width: 12px;
}
#app ._symbol_qth58_75:nth-child(3) {
  animation: _shine_qth58_1 3s ease-in-out 0.5s infinite;
  bottom: 30px;
  left: 30px;
  opacity: 0.3;
  position: absolute;
}
#app ._symbol_qth58_75:nth-child(3):before, #app ._symbol_qth58_75:nth-child(3):after {
  background: #6b808c;
  border-radius: 3px;
  content: "";
  height: 3px;
  position: absolute;
  width: 8px;
}
#app ._symbol_qth58_75:nth-child(3):before {
  transform: rotate(90deg);
}
#app ._symbol_qth58_75:nth-child(3):after {
  transform: rotate(180deg);
}
#app ._symbol_qth58_75:nth-child(4) {
  animation: _shine_qth58_1 6s ease-in-out 1.6s infinite;
  opacity: 0.3;
  position: absolute;
  right: 30px;
  top: 10px;
}
#app ._symbol_qth58_75:nth-child(4):before, #app ._symbol_qth58_75:nth-child(4):after {
  background: #6b808c;
  border-radius: 3px;
  content: "";
  height: 3px;
  position: absolute;
  width: 10px;
}
#app ._symbol_qth58_75:nth-child(4):before {
  transform: rotate(45deg);
}
#app ._symbol_qth58_75:nth-child(4):after {
  transform: rotate(-45deg);
}
#app ._symbol_qth58_75:nth-child(5) {
  animation: _shine_qth58_1 1.7s ease-in-out 7s infinite;
  border: 2px solid;
  border-color: var(--muted-foreground);
  border-radius: 50%;
  height: 8px;
  opacity: 0.3;
  position: absolute;
  right: 5px;
  top: 60px;
  width: 8px;
}
#app ._symbol_qth58_75:nth-child(6) {
  animation: _shine_qth58_1 2s ease-in-out 6s infinite;
  bottom: 10px;
  opacity: 0.3;
  position: absolute;
  right: 10px;
}
#app ._symbol_qth58_75:nth-child(6):before, #app ._symbol_qth58_75:nth-child(6):after {
  background: #6b808c;
  border-radius: 3px;
  content: "";
  height: 3px;
  position: absolute;
  width: 10px;
}
#app ._symbol_qth58_75:nth-child(6):before {
  transform: rotate(90deg);
}
#app ._symbol_qth58_75:nth-child(6):after {
  transform: rotate(180deg);
}
#app ._symbols_qth58_183 {
  height: 200px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}
#app ._text_qth58_191 {
  color: var(--muted-foreground);
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 30px;
}
#app ._title_qth58_197 {
  font-size: 32px;
  letter-spacing: 0.5px;
}
#app ._wrapper_qth58_201 {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: 60vh;
  padding: 40px 20px;
  position: relative;
  width: 100%;
}
@keyframes _shine_qth58_1 {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes _smallnbig_qth58_1 {
  0% {
    width: 80px;
  }
  50% {
    width: 90px;
  }
  100% {
    width: 80px;
  }
}
@keyframes _upndown_qth58_1 {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(5px);
  }
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_16vxl_5 {
  border: none;
  border-color: var(--border);
  border-radius: 3px;
  color: var(--foreground);
  display: block;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 4px 8px;
  resize: none;
  width: 100%;
}
#app ._field_16vxl_5:focus {
  background: var(--secondary);
  border-color: var(--ring);
  box-shadow: 0 0 0 1px #5ba4cf;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._clearButton_hnn5u_6 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._clearButton_hnn5u_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app ._colorButton_hnn5u_22 {
  float: left;
  height: 40px;
  margin: 4px;
  padding: 0;
  position: relative;
  width: 49.6px;
}
#app ._colorButton_hnn5u_22:hover {
  opacity: 0.9;
}
#app ._colorButtonActive_hnn5u_33:before {
  bottom: 3px;
  color: #ffffff;
  content: "Г";
  font-size: 18px;
  line-height: 36px;
  position: absolute;
  right: 6px;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  top: 0;
  transform: rotate(-135deg);
  width: 36px;
}
#app ._colorButtons_hnn5u_47 {
  margin: -4px;
}
#app ._colorButtons_hnn5u_47:after {
  clear: both;
  content: "";
  display: table;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1eylc_5 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_1eylc_9 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_1eylc_13 {
  float: left;
  margin: 0 0.5em 0 0;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_5fz2k_6 {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0;
}
#app ._statusIcon_5fz2k_14 {
  line-height: 1;
  margin: 0 0 0 8px;
}
#app ._wrapper_5fz2k_18 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.6);
  color: var(--foreground);
  display: inline-block;
  transition: background 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}
#app ._wrapperHoverable_5fz2k_27:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app {
  /* Sizes */
}
#app ._wrapperTiny_5fz2k_34 {
  font-size: 12px;
  line-height: 20px;
  padding: 0px 6px;
}
#app ._wrapperSmall_5fz2k_39 {
  font-size: 12px;
  line-height: 20px;
  padding: 2px 8px;
}
#app ._wrapperMedium_5fz2k_44 {
  line-height: 20px;
  padding: 6px 12px;
}
#app {
  /* Statuses — translucent status colors, like the rest of the design. */
}
#app ._wrapperDueSoon_5fz2k_51 {
  background: color-mix(in oklab, var(--warning) 18%, transparent);
  border-color: color-mix(in oklab, var(--warning) 45%, transparent);
  color: var(--warning);
}
#app ._wrapperDueSoon_5fz2k_51._wrapperHoverable_5fz2k_27:hover {
  background: color-mix(in oklab, var(--warning) 28%, transparent);
  border-color: color-mix(in oklab, var(--warning) 55%, transparent);
}
#app ._wrapperOverdue_5fz2k_60 {
  background: color-mix(in oklab, var(--destructive) 18%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 45%, transparent);
  color: var(--destructive);
}
#app ._wrapperOverdue_5fz2k_60._wrapperHoverable_5fz2k_27:hover {
  background: color-mix(in oklab, var(--destructive) 28%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
}
#app ._wrapperCompleted_5fz2k_69 {
  background: color-mix(in oklab, var(--success) 18%, transparent);
  border-color: color-mix(in oklab, var(--success) 45%, transparent);
  color: var(--success);
}
#app ._wrapperCompleted_5fz2k_69._wrapperHoverable_5fz2k_27:hover {
  background: color-mix(in oklab, var(--success) 28%, transparent);
  border-color: color-mix(in oklab, var(--success) 55%, transparent);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_mgxwt_5 {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0;
}
#app ._wrapper_mgxwt_13 {
  background: var(--secondary);
  border-radius: 4px;
  color: var(--muted-foreground);
  display: inline-block;
  font-variant-numeric: tabular-nums;
  transition: background 0.3s ease, color 0.3s ease;
}
#app ._wrapperActive_mgxwt_21 {
  background: var(--success);
  color: #fff;
}
#app ._wrapperActive_mgxwt_21._wrapperHoverable_mgxwt_25:hover {
  background: color-mix(in oklab, var(--success) 85%, #000);
  color: #fff;
}
#app ._wrapperHoverable_mgxwt_25:hover {
  background: var(--surface-hover);
  color: var(--foreground);
}
#app {
  /* Sizes */
}
#app ._wrapperTiny_mgxwt_36 {
  font-size: 12px;
  line-height: 20px;
  padding: 0 6px;
}
#app ._wrapperSmall_mgxwt_41 {
  font-size: 12px;
  line-height: 20px;
  padding: 2px 8px;
}
#app ._wrapperMedium_mgxwt_46 {
  line-height: 20px;
  padding: 6px 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_azfum_5 {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  outline: none;
  padding: 0;
}
#app ._wrapper_azfum_14 {
  background: #dce0e4;
  border-radius: 3px;
  color: var(--muted-foreground);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
  vertical-align: top;
  white-space: nowrap;
}
#app ._wrapperHoverable_azfum_25:hover {
  background: #d2d8dc;
  color: var(--foreground);
}
#app {
  /* Sizes */
}
#app ._wrapperTiny_azfum_32 {
  font-size: 12px;
  line-height: 20px;
  max-width: 176px;
  padding: 0px 6px;
}
#app ._wrapperSmall_azfum_38 {
  font-size: 12px;
  line-height: 20px;
  max-width: 176px;
  padding: 2px 8px;
}
#app ._wrapperMedium_azfum_44 {
  line-height: 20px;
  max-width: 230px;
  padding: 6px 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_501cx_5 {
  border: none;
  margin-bottom: 4px;
  outline: none;
  overflow: hidden;
  padding: 0;
  resize: none;
  width: 100%;
  word-wrap: break-word;
}
#app ._fieldWrapper_501cx_15 {
  background: var(--secondary);
  border-radius: 3px;
  box-shadow: 0 1px 0 #ccc;
  margin-bottom: 8px;
  min-height: 20px;
  padding: 6px 8px 2px;
}
#app ._submitButton_501cx_23 {
  margin-bottom: 8px;
  vertical-align: top;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._deleteButton_1ropg_5 {
  bottom: 12px;
  box-shadow: none;
  position: absolute;
  right: 9px;
}
#app ._fieldWrapper_1ropg_11 {
  align-items: flex-end;
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
}
#app {
  /* Fields share the row equally and size themselves to the popup width. */
}
#app ._fieldBox_1ropg_20 {
  flex: 1 1 0;
  min-width: 0;
}
#app ._fieldBox_1ropg_20 input {
  font-size: 13px;
  height: 32px;
  padding: 0 8px;
  width: 100%;
}
#app {
  /* Plain button (not Semantic) so the lucide glyph always renders. */
}
#app ._iconButton_1ropg_33 {
  align-items: center;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--muted-foreground);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 32px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 32px;
}
#app ._iconButton_1ropg_33:hover {
  background: var(--overlay-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._text_1ropg_53 {
  color: var(--muted-foreground);
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 3px;
  padding-left: 2px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actionBar_qp8lp_5 {
  display: flex;
  margin: -7px 0;
}
#app ._actionBarItem_qp8lp_9 {
  color: var(--foreground);
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 13px;
  padding: 6px;
  row-gap: 6px;
  user-select: none;
}
#app ._actionBarItem_qp8lp_9:not(:last-child) {
  border-right: 1px solid var(--border);
}
#app ._actionBarItem_qp8lp_9:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}
#app ._actionBarItemText_qp8lp_27 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  -webkit-box-orient: vertical;
}
#app ._divider_qp8lp_35 {
  background: var(--overlay-hover);
  border: 0;
  height: 1px;
}
#app ._menu_qp8lp_40 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_qp8lp_44 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_qp8lp_48 {
  float: left;
  margin: 0 0.5em 0 0;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 *
 * Restyled onto the shared design tokens (see DESIGN.md). The tile sits one step
 * lighter than the list column it lives in: column `--card`, tile `--secondary`.
 */
/* Top level on purpose: `@keyframes` is not valid inside a style rule, and CSS
   Modules still scopes the name, so `.wrapperUnread` below can reference it. */
@keyframes _slideUnread_1tfsk_1 {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
}
#app ._actionsButton_1tfsk_19 {
  align-items: center;
  background: var(--surface-hover);
  border: 1px solid var(--input);
  border-radius: calc(var(--radius) * 0.6);
  color: var(--muted-foreground);
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 24px;
  margin: 0;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: background 85ms ease, color 85ms ease;
  width: 24px;
  z-index: 1000;
}
#app ._actionsButton_1tfsk_19:hover {
  background: var(--surface-active);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._content_1tfsk_45 {
  cursor: pointer;
}
#app ._content_1tfsk_45:after {
  clear: both;
  content: "";
  display: table;
}
#app ._contentCut_1tfsk_53 {
  opacity: 0.5;
}
#app ._contentDisabled_1tfsk_56 {
  filter: saturate(0.5);
  opacity: 0.64;
}
#app ._wrapper_1tfsk_10 {
  background: var(--secondary);
  border-radius: calc(var(--radius) * 0.8);
  overflow: hidden;
  position: relative;
  transition: filter 85ms ease;
}
#app ._wrapper_1tfsk_10:hover {
  filter: brightness(1.12);
}
#app ._wrapper_1tfsk_10:hover ._actionsButton_1tfsk_19 {
  opacity: 1;
}
#app ._wrapper_1tfsk_10 {
  /*
   * The hover ring is an overlay, not a border: it never changes the box size (so
   * neighbouring cards don't shift), and it sits above the content — including a
   * cover image — instead of behind it like an inset shadow would.
   */
}
#app ._wrapper_1tfsk_10:hover:after {
  border: 2px solid #ff7700;
  border-radius: calc(var(--radius) * 0.8);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
#app ._wrapperRecent_1tfsk_89:not(:hover) {
  overflow: hidden;
}
#app ._wrapperRecent_1tfsk_89:not(:hover):after {
  animation: _slide_1tfsk_1 4s infinite 2s;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  width: 100%;
}
@keyframes _slide_1tfsk_1 {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
}
#app {
  /*
   * A card nobody at this desk has opened yet. Like the hover ring above, the green
   * outline is an overlay on `:before` and not a border: it costs the tile no height
   * and no width, so a column does not reflow as cards are read. `:before`, because
   * `:after` is taken twice over — by the hover ring and by the shimmer.
   */
}
#app ._wrapperUnread_1tfsk_10:before {
  border: 2px solid var(--success);
  border-radius: calc(var(--radius) * 0.8);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
#app {
  /*
   * The same sweep as the last-viewed card, tinted green so it reads as one thing
   * with the outline. It stops on hover for the same reason the other one does: the
   * hover ring takes the corner and a moving highlight under it just looks broken.
   */
}
#app ._wrapperUnread_1tfsk_10:not(:hover) {
  overflow: hidden;
}
#app ._wrapperUnread_1tfsk_10:not(:hover):after {
  animation: _slideUnread_1tfsk_1 4s infinite 2s;
  background: linear-gradient(to right, rgba(74, 222, 128, 0) 0%, rgba(74, 222, 128, 0.18) 50%, rgba(74, 222, 128, 0) 100%);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  width: 100%;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_r08t7_6 {
  cursor: auto;
  outline: none;
}
#app {
  /* Lifted off the board while held — the tilt itself is applied inline. */
}
#app ._wrapperDragging_r08t7_13 {
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: 0 14px 28px -8px rgba(0, 0, 0, 0.6);
  cursor: grabbing;
}#app ._search_1u0z9_1 {
  margin-bottom: 8px;
}
#app ._items_1u0z9_4 {
  max-height: 240px;
  overflow-y: auto;
}
#app ._item_1u0z9_4 {
  background: transparent;
  border: none;
  border-radius: 3px;
  color: var(--foreground);
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 6px 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#app ._item_1u0z9_4:hover {
  background: var(--overlay-hover);
}
#app ._empty_1u0z9_25 {
  color: var(--muted-foreground);
  padding: 8px 4px;
  text-align: center;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 *
 * Restyled onto the shared design tokens (see DESIGN.md). Layout metrics — the
 * 272px column, the scroll wrappers, the max-heights — are unchanged; only the
 * palette, radii and borders now come from `design-tokens.css`.
 */
#app ._addCard_c2dg4_10 {
  margin-bottom: 8px;
}
#app ._addCardButton_c2dg4_13 {
  background: transparent;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) * 0.8);
  color: var(--muted-foreground);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  fill: currentColor;
  flex: 1;
  font-weight: normal;
  height: 36px;
  outline: none;
  padding: 8px;
  text-align: left;
  transition: background 85ms ease, color 85ms ease;
}
#app ._addCardButton_c2dg4_13:hover {
  background: var(--overlay-hover);
  border-color: var(--border);
  color: var(--foreground);
}
#app ._addCardButton_c2dg4_13:disabled {
  cursor: default;
  opacity: 0.5;
}
#app ._addCardButton_c2dg4_13._paste_c2dg4_40 {
  flex: 0 0 auto;
}
#app ._addCardButtonIcon_c2dg4_43 {
  height: 16px;
  width: 16px;
}
#app ._addCardButtonText_c2dg4_47 {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}
#app ._addCardButtonWrapper_c2dg4_53 {
  display: flex;
  gap: 4px;
  padding: 0 4px 4px;
}
#app ._card_c2dg4_58 {
  margin-bottom: 8px;
}
#app ._cards_c2dg4_61 {
  min-height: 1px;
}
#app ._cardsInnerWrapper_c2dg4_64 {
  overflow-x: hidden;
  overflow-y: auto;
  width: 290px;
}
@supports (-moz-appearance: none) {
  #app ._cardsInnerWrapper_c2dg4_64 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._cardsInnerWrapper_c2dg4_64:hover {
  width: 272px;
}
#app ._cardsInnerWrapper_c2dg4_64::-webkit-scrollbar {
  width: 6px;
}
#app ._cardsInnerWrapper_c2dg4_64::-webkit-scrollbar-track {
  background: transparent;
}
#app ._cardsInnerWrapper_c2dg4_64::-webkit-scrollbar-thumb {
  background: var(--input);
  border-radius: 3px;
}
#app ._cardsOuterWrapper_c2dg4_88 {
  padding: 0 8px;
  white-space: normal;
  width: 272px;
}
#app {
  /*
   * A distinct header strip, not floating text: a neutral `--secondary` surface with
   * a divider from the cards. When the list has a colour, the `background<Color>`
   * class (from styles.module.scss, `!important`) overrides the fill and the JS-set
   * `color` keeps the text readable on it.
   */
}
#app ._header_c2dg4_101 {
  background: var(--secondary);
  border-bottom: 1px solid var(--border);
  color: var(--card-foreground);
  outline: none;
  padding: 6px 36px 6px 8px;
  position: relative;
  margin-bottom: 0.5rem;
}
#app ._header_c2dg4_101:hover ._headerButton_c2dg4_110 {
  opacity: 1;
}
#app ._header_c2dg4_101:hover ._headerIconHidable_c2dg4_113 {
  opacity: 0;
}
#app ._headerEditable_c2dg4_116 {
  cursor: pointer;
}
#app ._headerButton_c2dg4_110 {
  align-items: center;
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.6);
  color: var(--muted-foreground);
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 28px;
  margin: 0;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  transition: background 85ms ease, color 85ms ease;
  width: 28px;
}
#app ._headerButton_c2dg4_110:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app {
  /* Inherits the header's text colour so it stays readable on a coloured strip. */
}
#app ._headerIcon_c2dg4_113 {
  color: inherit;
  opacity: 0.7;
  position: absolute;
  right: 12px;
  top: 12px;
}
#app ._headerName_c2dg4_154 {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 20px;
  max-height: 256px;
  outline: none;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 4px 8px;
  word-break: break-word;
}
#app ._innerWrapper_c2dg4_169 {
  margin-right: 8px;
  width: 272px;
}
#app {
  /*
   * A raised panel: the border is the stronger `--input` and a soft shadow lifts it,
   * so the column reads clearly against the canvas — the previous `--border` on
   * `--card` was almost invisible on the dark page. See DESIGN.md.
   *
   * The hairline is an outer ring shadow, not a `border`: a real border sits on the
   * panel's own dark `--card` fill and outside the padding box, so on a coloured
   * header it read as a black kant framing the colour. Drawn outside the box, the
   * coloured strip reaches the very edge of the panel and the ring falls on the page
   * background instead.
   */
}
#app ._outerWrapper_c2dg4_186 {
  background: var(--card);
  /* The canvas around the columns carries `cursor: grab` for its drag-scroll;
     inside the panel the ordinary cursors take over again. */
  cursor: auto;
  border-radius: var(--radius);
  box-shadow: 0 0 0 1px var(--input), 0 1px 3px rgba(0, 0, 0, 0.32);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 198px);
  overflow: hidden;
}
#app ._outerWrapperTransitioning_c2dg4_198 {
  transition: max-height 0.2s ease;
}
#app ._outerWrapperWithFavorites_c2dg4_201 {
  max-height: calc(100vh - 288px);
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._addListButton_17f37_6 {
  background: var(--card);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  color: var(--muted-foreground);
  align-items: center;
  cursor: pointer;
  display: flex;
  fill: currentColor;
  gap: 6px;
  font-weight: normal;
  height: 42px;
  padding: 11px;
  text-align: left;
  transition: background 85ms ease-in, opacity 40ms ease-in, border-color 85ms ease-in;
  width: 100%;
}
#app ._addListButton_17f37_6:active {
  outline: none;
}
#app ._addListButton_17f37_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  border-style: solid;
  color: var(--foreground);
}
#app ._addListButtonIcon_17f37_32 {
  flex: 0 0 auto;
}
#app ._addListButtonText_17f37_35 {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}
#app ._list_17f37_41 {
  margin-right: 8px;
  width: 272px;
}
#app ._lists_17f37_45 {
  display: inline-flex;
  height: 100%;
  min-width: 100%;
}
#app {
  /*
   * The board scrolls sideways *here*, not on the page. On `<body>` the bar lived in
   * the scrollbar gutter — a strip outside the layout viewport that only the canvas
   * colour reaches, so it read as a black band under the project's background image.
   * Inside this wrapper the bar sits within the board itself, over that image, and a
   * see-through track leaves nothing but the thumb. `min-width: 0` is what lets a
   * flex item be narrower than its content and actually scroll.
   *
   * The gesture (the mousedown handler in KanbanContent) scrolls this element too.
   * `cursor: grab` marks it, and is reset inside the list panel (`List.module.scss`)
   * and the add-list form, because every gap around and below the columns —
   * everything carrying `data-drag-scroller` — does take the gesture.
   */
}
#app ._wrapper_17f37_65 {
  cursor: grab;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  /* The columns cap themselves at the viewport height, so there is nothing to
     scroll vertically — and `auto` on one axis would otherwise imply it. */
  overflow-y: hidden;
  padding: 0 12px 0 20px;
  margin-top: 12px;
}
#app ._wrapper_17f37_65::-webkit-scrollbar:horizontal {
  height: 10px;
  background: transparent;
}
#app {
  /* Nothing but the thumb: the bar, both halves of the track and the corner all stay
     see-through, so the board's background shows through around it. */
}
#app ._wrapper_17f37_65::-webkit-scrollbar-track:horizontal,
#app ._wrapper_17f37_65::-webkit-scrollbar-track-piece:horizontal,
#app ._wrapper_17f37_65::-webkit-scrollbar-corner {
  background: transparent;
}
#app {
  /*
   * A translucent pill in the same key as the list panels' own scrollbars. A scrollbar
   * part takes no margin, so the 3px it floats above the bottom is a transparent
   * bottom border with the fill clipped to the padding box — leaving a 7px pill.
   * (`border-bottom: 3px` on its own would not do it: the shorthand resets the style
   * to `none` and the border stops occupying anything.)
   *
   * No `transition` here on purpose: WebKit paints the scrollbar parts outside the
   * normal pipeline and ignores transitions and animations on them, so the hover
   * swap below is instant. Animating it would take a real element in place of the
   * native bar.
   */
}
#app ._wrapper_17f37_65::-webkit-scrollbar-thumb:horizontal {
  background: rgba(255, 255, 255, 0.45);
  background-clip: padding-box;
  border: 0 solid transparent;
  border-bottom-width: 4px;
  border-radius: 50px 50px 79px 79px;
}
#app {
  /* `background-color`, not the `background` shorthand — the shorthand would reset
     the padding-box clip above. */
}
#app ._wrapper_17f37_65::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: oklch(100% 0 0deg / 0.95);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_nx6e7_5 {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: none;
  color: var(--foreground);
  font-weight: bold;
  margin: -5px;
  overflow: hidden;
  padding: 4px;
  resize: none;
  width: 100%;
}
#app ._field_nx6e7_5:focus {
  background: var(--secondary);
  border-color: var(--ring);
  box-shadow: 0 0 2px 0 #5ba4cf;
  outline: 0;
}
#app {
  /* Sizes */
}
#app ._fieldMedium_nx6e7_27 {
  font-size: 20px;
  line-height: 24px;
}
#app ._fieldLarge_nx6e7_31 {
  font-size: 28px;
  line-height: 34px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_cz5xd_5 {
  margin-bottom: 8px;
}
#app ._fieldRadio_cz5xd_8 {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
}
#app ._fieldRadio_cz5xd_8:last-of-type {
  margin-bottom: 16px;
}
#app ._text_cz5xd_16 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._deleteButton_4e08g_5 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  bottom: 12px;
  box-shadow: none;
  color: var(--destructive);
  position: absolute;
  right: 9px;
}
#app ._deleteButton_4e08g_5:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._controls_2llpf_5 {
  clear: both;
  margin-top: 6px;
}
#app ._field_2llpf_9 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--foreground);
  display: block;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  padding: 8px 12px;
  resize: none;
}
#app ._field_2llpf_9:focus {
  outline: none;
}
#app ._wrapper_2llpf_25 {
  padding: 9px 0 16px 40px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1eylc_5 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_1eylc_9 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_1eylc_13 {
  float: left;
  margin: 0 0.5em 0 0;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actions_317ix_6 {
  display: flex;
  gap: 2px;
  position: absolute;
  right: 0;
  top: 4px;
}
#app ._actionsEditable_317ix_13 {
  right: 4px;
}
#app ._assigneeUserAvatar_317ix_16 {
  padding: 2px;
}
#app ._button_317ix_19 {
  background: transparent;
  box-shadow: none;
  line-height: 28px;
  margin: 0;
  min-height: auto;
  opacity: 0;
  padding: 0;
  width: 28px;
}
#app ._button_317ix_19:hover {
  background: var(--overlay-hover);
}
#app ._checkboxWrapper_317ix_32 {
  display: inline-block;
  padding: 10px 15px 0px 8px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  vertical-align: top;
  z-index: 2000;
  line-height: 1;
  height: 100%;
}
#app ._contentHoverable_317ix_44 {
  border-radius: calc(var(--radius) * 0.6);
}
#app ._contentHoverable_317ix_44:hover {
  background: var(--overlay-hover);
}
#app ._contentHoverable_317ix_44:hover ._button_317ix_19 {
  opacity: 1;
}
#app ._icon_317ix_53 {
  color: var(--muted-foreground);
  margin-right: 8px;
}
#app ._name_317ix_57 a:hover {
  text-decoration: underline;
}
#app ._nameCompleted_317ix_60 {
  color: var(--muted-foreground);
  text-decoration: line-through;
}
#app ._task_317ix_64 {
  display: inline-block;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 8px 0;
  vertical-align: top;
  white-space: pre-wrap;
  width: 100%;
}
#app ._text_317ix_73 {
  background: transparent;
  border-radius: 3px;
  color: var(--foreground);
  display: inline-block;
  font-size: 15px;
  line-height: 1.5;
  min-height: 32px;
  padding: 0 34px 0 40px;
  width: 100%;
}
#app ._text_317ix_73._textLinked_317ix_84 {
  padding-right: 0px;
}
#app ._textEditable_317ix_87 {
  padding-right: 68px;
}
#app ._textEditable_317ix_87._textLinked_317ix_84 {
  padding-right: 34px;
}
#app ._textPointable_317ix_93 {
  cursor: pointer;
}
#app {
  /*
   * Flush with the checklist now that the 40px icon gutter is gone — the old
   * `margin-left: -40px` used to pull the row back into that gutter.
   */
}
#app ._wrapper_317ix_102 {
  border-radius: calc(var(--radius) * 0.6);
  cursor: auto;
  min-height: 32px;
  position: relative;
  width: 100%;
}
#app ._wrapperDragging_317ix_109 {
  background: var(--popover);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._controls_zqfxl_5 {
  display: flex;
  margin-top: 6px;
}
#app {
  /* Shadcn textarea look (see common/Input): `--secondary` fill, `--input` border,
     the shared radius and a focus ring. */
}
#app ._field_zqfxl_13 {
  background: var(--secondary);
  border: 1px solid var(--input);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--foreground);
  display: block;
  line-height: 1.5;
  font-size: 14px;
  margin-bottom: 4px;
  padding: 8px 12px;
  resize: none;
  transition: border-color 85ms ease, box-shadow 85ms ease;
}
#app ._field_zqfxl_13:focus {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
  outline: none;
}
#app ._field_zqfxl_13::placeholder {
  color: var(--muted-foreground);
}
#app ._field_zqfxl_13 .menu {
  border: 1px solid var(--border);
}
#app ._field_zqfxl_13 .search {
  left: 0;
}
#app ._toggleLinkingButton_zqfxl_40 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._toggleLinkingButton_zqfxl_40:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._toggleLinkingButtonIcon_zqfxl_59 {
  text-decoration: none;
}
#app ._wrapper_zqfxl_62 {
  margin-top: 6px;
  padding-bottom: 8px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._count_op76u_5 {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 14px;
}
#app ._progress_op76u_10 {
  margin: 0;
}
#app ._progressRow_op76u_13 {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
}
#app ._progressWrapper_op76u_19 {
  padding: 3px 0;
  width: 100%;
}
#app ._tasks_op76u_23 {
  min-height: 1px;
}
#app {
  /* A quiet dashed "add" row, like the add-card / add-list buttons on the board. */
}
#app ._taskButton_op76u_29 {
  background: transparent;
  border: 1px dashed var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--muted-foreground);
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 6px;
  min-height: 40px;
  outline: none;
  padding: 8px 12px;
  text-align: left;
  text-decoration: none;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
  width: 100%;
}
#app ._taskButton_op76u_29:hover {
  background: var(--overlay-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._taskButton_op76u_29:disabled {
  cursor: default;
  opacity: 0.5;
}
#app ._taskButtonText_op76u_55 {
  font-size: 14px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actions_1psb8_6 {
  display: flex;
  gap: 2px;
  position: absolute;
  right: 0;
  top: 4px;
}
#app ._button_1psb8_13 {
  background: transparent;
  box-shadow: none;
  line-height: 28px;
  margin: 0;
  min-height: auto;
  opacity: 0;
  padding: 0;
  width: 28px;
}
#app ._button_1psb8_13:hover {
  background: var(--overlay-hover);
}
#app {
  /* Caption for the block: sits on the panel, above (and outside) the recessed content. */
}
#app ._moduleHeader_1psb8_29 {
  align-items: center;
  color: var(--foreground);
  display: flex;
  font-size: 15px;
  font-weight: 600;
  gap: 8px;
  line-height: 1.5;
  margin: 0 0 8px;
  min-height: 32px;
  padding: 0;
}
#app ._moduleHeaderWithActions_1psb8_41 {
  padding-right: 32px;
}
#app ._moduleHeaderWithActions_1psb8_41:hover ._button_1psb8_13 {
  opacity: 1;
}
#app ._moduleHeaderWithActions_1psb8_41._both_1psb8_47 {
  padding-right: 62px;
}
#app ._moduleHeaderTitle_1psb8_50 {
  min-width: 0;
  word-wrap: break-word;
}
#app {
  /* Inline section marker: small and muted, sitting before the list's title. */
}
#app ._moduleIcon_1psb8_57 {
  color: var(--muted-foreground);
  flex: 0 0 auto;
  margin: 0;
}
#app ._moduleWrapper_1psb8_62 {
  margin: 0;
  position: relative;
}
#app {
  /* Recessed card, matching `CardModal/ProjectContent`'s `Module`: content only. */
}
#app ._moduleContent_1psb8_69 {
  background: color-mix(in oklab, var(--background) 60%, transparent);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 16px;
}
#app ._wrapper_1psb8_75 {
  margin-bottom: 16px;
}
#app {
  /* Only while a list is actually being dragged — a raised sheet, not a light box. */
}
#app ._wrapperDragging_1psb8_81 {
  background: var(--popover);
  border-radius: var(--radius);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  padding: 8px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_100k8_5 input {
  background: var(--overlay-hover);
  border: 1px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}
#app ._field_100k8_5 input:focus {
  background: var(--secondary);
  border-color: var(--ring);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._copyButton_1t86b_5 {
  background: var(--overlay-hover);
  box-shadow: none;
  border-radius: 3px;
  box-sizing: content-box;
  color: var(--muted-foreground);
  display: none;
  height: 30px;
  margin: 0;
  min-height: auto;
  outline: none;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 85ms ease;
  width: 20px;
}
#app ._copyButton_1t86b_5:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}
#app ._name_1t86b_27 {
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1;
  margin-bottom: 6px;
  padding: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app ._value_1t86b_37 {
  background: var(--overlay-hover);
  border: 1px solid transparent;
  border-radius: 3px;
  color: var(--foreground);
  line-height: 20px;
  opacity: 0.45;
  overflow: hidden;
  padding: 8px 12px;
  text-overflow: ellipsis;
}
#app ._valueWrapper_1t86b_48 {
  position: relative;
}
#app ._valueWrapper_1t86b_48:hover:not(:has(input:focus)) ._copyButton_1t86b_5 {
  display: block;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_tszvs_5 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._editButton_1krmp_5 {
  background: transparent;
  box-shadow: none;
  line-height: 28px;
  margin: 0;
  min-height: auto;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 4px;
  width: 28px;
}
#app ._editButton_1krmp_5:hover {
  background: var(--overlay-hover);
}
#app {
  /* Caption for the block: sits on the panel, above (and outside) the recessed content. */
}
#app ._moduleHeader_1krmp_24 {
  align-items: center;
  color: var(--foreground);
  display: flex;
  font-size: 15px;
  font-weight: 600;
  gap: 8px;
  line-height: 1.5;
  margin: 0 0 8px;
  min-height: 32px;
  padding: 0;
}
#app ._moduleHeaderEditable_1krmp_36 {
  padding-right: 32px;
}
#app ._moduleHeaderEditable_1krmp_36:hover ._editButton_1krmp_5 {
  opacity: 1;
}
#app ._moduleHeaderTitle_1krmp_42 {
  min-width: 0;
  word-wrap: break-word;
}
#app {
  /* Inline section marker: small and muted, sitting before the group's title. */
}
#app ._moduleIcon_1krmp_49 {
  color: var(--muted-foreground);
  flex: 0 0 auto;
  margin: 0;
}
#app ._moduleWrapper_1krmp_54 {
  margin: 0;
  position: relative;
}
#app {
  /* Recessed card, matching `CardModal/ProjectContent`'s `Module`: content only. */
}
#app ._moduleContent_1krmp_61 {
  background: color-mix(in oklab, var(--background) 60%, transparent);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 16px;
}
#app ._wrapper_1krmp_67 {
  margin-bottom: 16px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._dragging_1syam_5 {
  background: rgba(247, 246, 247, 0.8);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._item_14wn7_5 {
  border-radius: 3px;
  margin-bottom: 24px;
}#app ._wrapper_1u5fe_1 {
  margin-top: 8px;
}
#app ._group_1u5fe_4 {
  margin-bottom: 12px;
}
#app ._group_1u5fe_4:last-child {
  margin-bottom: 0;
}
#app ._groupTitle_1u5fe_10 {
  color: var(--muted-foreground);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
}
#app ._groupIcon_1u5fe_17 {
  margin-right: 4px;
}
#app ._item_1u5fe_20 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 2px 0;
}
#app ._itemLink_1u5fe_26 {
  color: var(--foreground);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app ._itemLink_1u5fe_26:hover {
  text-decoration: underline;
}
#app ._itemRemoveButton_1u5fe_36 {
  background: transparent;
  color: var(--muted-foreground);
  margin: 0;
  padding: 4px 6px;
}
#app ._itemRemoveButton_1u5fe_36:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}#app ._types_16afn_1 {
  margin-bottom: 8px;
}
#app ._typeButton_16afn_4 {
  font-size: 12px;
  padding: 8px 6px;
}
#app ._search_16afn_8 {
  margin-bottom: 8px;
}
#app ._items_16afn_11 {
  max-height: 240px;
  overflow-y: auto;
}
#app ._item_16afn_11 {
  background: transparent;
  border: none;
  border-radius: 3px;
  color: var(--foreground);
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 6px 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#app ._item_16afn_11:hover {
  background: var(--overlay-hover);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._controls_eu090_5 {
  clear: both;
  margin-top: 6px;
}
#app ._field_eu090_9 {
  background: var(--secondary);
  border-radius: 3px;
}
#app ._field_eu090_9 textarea {
  border: 1px solid var(--border);
  border-radius: 3px;
  color: var(--foreground);
  line-height: 1.4;
  margin: 0 !important;
  padding: 8px 12px;
}
#app ._mention_eu090_21 {
  background: var(--overlay-hover);
  border-radius: 3px;
}
#app ._suggestion_eu090_25 {
  align-items: center;
  display: flex;
  gap: 8px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_1i86e_5 {
  white-space: nowrap;
}
#app ._controls_1i86e_8 {
  align-items: center;
  display: flex;
  font-size: 12px;
  margin-top: 6px;
}
#app {
  /*
   * Matches the shadcn input/textarea (see `common/Input`): `--secondary` fill,
   * `--input` border, the shared radius and a focus ring. `react-mentions` renders
   * the control as a nested `textarea`, so the ring is driven off `:focus-within`.
   */
}
#app ._field_1i86e_21 {
  background: var(--secondary);
  border: 1px solid var(--input);
  border-radius: calc(var(--radius) * 0.8);
  transition: border-color 85ms ease, box-shadow 85ms ease;
}
#app ._field_1i86e_21:focus-within {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
}
#app ._field_1i86e_21 textarea {
  border: none;
  color: var(--foreground);
  line-height: 1.4;
  margin: 0 !important;
  padding: 8px 12px;
}
#app ._field_1i86e_21 textarea::placeholder {
  color: var(--muted-foreground);
}
#app ._mention_1i86e_41 {
  background: var(--overlay-hover);
  border-radius: 3px;
}
#app ._suggestion_1i86e_45 {
  align-items: center;
  display: flex;
  gap: 8px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._items_7bqvr_6 {
  max-width: none;
}
#app {
  /* Aligned with the comment input above — the old `-40px` pull-back is gone. */
}
#app ._itemsWrapper_7bqvr_12 {
  margin: 14px 0;
}
#app ._loaderWrapper_7bqvr_15 {
  margin-top: 14px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._author_1erzh_5 {
  color: var(--color-blue-300);
  font-weight: bold;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._items_sw4rz_6 {
  max-width: none;
}
#app {
  /* Aligned with the comment input above — the old `-40px` pull-back is gone (it clipped the avatar). */
}
#app ._itemsWrapper_sw4rz_12 {
  margin-top: 12px;
}
#app ._loaderWrapper_sw4rz_15 {
  margin-top: 10px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._content_1ffop_5 {
  display: inline-block;
  width: calc(100% - 44px);
}
#app ._information_1ffop_9 {
  color: var(--muted-foreground);
  margin-bottom: 8px;
}
#app ._informationIcon_1ffop_13 {
  margin-right: 6px;
  opacity: 0.45;
}
#app ._name_1ffop_17 {
  color: var(--foreground);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  padding: 9px 28px 0 2px;
}
#app ._userWrapper_1ffop_24 {
  margin-bottom: 8px;
}
#app ._user_1ffop_24 {
  display: inline-block;
  padding-right: 8px;
  padding-top: 10px;
  vertical-align: top;
}
#app ._username_1ffop_33 {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.2;
  padding: 2px 0 2px 2px;
  word-wrap: break-word;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1eylc_5 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_1eylc_9 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_1eylc_13 {
  float: left;
  margin: 0 0.5em 0 0;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._toggleButton_1vfl1_5 {
  box-shadow: none;
  font-weight: normal;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: center;
}
#app ._wrapper_1vfl1_12 {
  overflow: hidden;
}
#app ._wrapperExpanded_1vfl1_15 {
  max-height: none !important;
  overflow: visible;
}
#app ._wrapperPartHidden_1vfl1_19 {
  mask-image: linear-gradient(180deg, #000 80%, transparent);
  -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent);
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
/*
 * The editor is deliberately NOT a panel. It sits directly on the surface it replaces
 * — the card modal's module box (`rounded-xl border border-border bg-background/60`,
 * `MODULE_SURFACE` in `CardModal/{Project,Story}Content.jsx`) — with no fill and no
 * border of its own, so switching a description between reading and editing changes
 * nothing but the toolbar appearing: the text keeps its exact position and the
 * background never repaints.
 *
 * Everything that used to break that comes from gravity's own CSS and is undone below:
 * the `--secondary` fill on the editor, three separate sources of horizontal padding,
 * and the bordered panel the sticky toolbar draws behind itself once it detaches.
 */
#app ._editor_hq1f5_18 {
  min-height: 200px;
}
#app ._editor_hq1f5_18 .g-md-markup-editor__editor,
#app ._editor_hq1f5_18 .g-md-wysiwyg-editor__editor {
  background: none;
}
#app ._editor_hq1f5_18 {
  /*
   * Frosted glass, running the full bleed width across the top of the module box.
   * The toolbar is the one part of the editor that stays put while the text
   * scrolls underneath it, so instead of an opaque bar it gets a translucent tint
   * over a blur of whatever is behind — the module surface when docked, the
   * running text once it detaches. `backdrop-filter` has nothing to show through
   * an opaque fill, hence the `color-mix` rather than a flat token; the tint is
   * still heavy enough to keep the icons legible over body copy.
   *
   * `-webkit-` first: Safari only ships the prefixed property.
   */
}
#app ._editor_hq1f5_18 .g-md-markup-editor__toolbar,
#app ._editor_hq1f5_18 .g-md-wysiwyg-editor__toolbar {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  background: color-mix(in oklab, var(--card) 72%, transparent);
  border-bottom: 1px solid var(--border);
  z-index: 2000;
}
#app ._editor_hq1f5_18 {
  /* Gravity sticks the toolbar at `calc(var(--g-md-toolbar-sticky-offset) + 8px)`.
     The 8px is its own, and it is what left the bar hanging below the top of the
     scroll area; the offset alone is the whole stop position. */
}
#app ._editor_hq1f5_18 .g-md-editor-sticky_sticky {
  top: calc(var(--g-md-toolbar-sticky-offset) - 1.5rem);
}
#app ._editor_hq1f5_18 {
  /* Gravity's sticky chrome: a bordered box on `--g-color-base-background` that
     used to carry the surface colour so text could not scroll through the
     detached buttons. The glass above does that job now, and this one would
     undo it — being positioned, the pseudo-element paints *over* the toolbar's
     own background and would flatten the blur back to an opaque panel. */
}
#app ._editor_hq1f5_18 .g-md-editor-sticky_sticky-active:not(.g-md-editor-sticky_clear)::before {
  background-color: transparent;
  border: 0;
}
#app ._editor_hq1f5_18 {
  /* `.g-md-wysiwyg-editor_toolbar .yfm-editor` (0,2,0) adds 16px top/bottom and
     4px on the sides; this selector is (1,2,0), so it wins. Vertical breathing
     room comes from `--g-md-editor-padding` on the wrapper instead. */
}
#app ._editor_hq1f5_18 .yfm-editor {
  height: 100%;
  padding: 0;
}
#app ._editor_hq1f5_18 {
  /* Code blocks are NOT styled here. The ProseMirror root carries `yfm` as well
     as `yfm-editor`, so the `#app .yfm …` block in `styles/base.css` already
     covers the editor — and that is the point: one set of rules is what keeps
     the block identical while editing and after saving. A copy of them here
     would only outrank it and let the two drift. */
}
#app {
  /*
   * The toolbar runs the full width of the module box, right up to its rounded border,
   * while the text stays exactly where it sits when rendered: the wrapper is pulled out
   * by the box's own padding and the editor pane pads that back in. The bleed therefore
   * tracks `p-3 sm:p-4` on `MODULE_SURFACE` — go wider and the toolbar escapes the
   * border it is supposed to sit inside.
   */
}
#app ._wrapper_hq1f5_90 {
  --markdown-editor-bleed: 12px; /* p-3 */
  --markdown-editor-side-gap: 4px; /* inset of the buttons, not of the rule under them */
  /* The editor pane pads back exactly what the wrapper pulled out, so the text keeps
     landing on the same x it has once rendered. */
  --g-md-editor-padding: 10px var(--markdown-editor-bleed) 0;
  /*
   * The gaps are padding *inside* the toolbar, so they move the buttons while the
   * glass and the border-bottom keep running the full width of the box.
   *
   * The top one is what the bar leads with once it detaches: the toolbar sticks a
   * little under the top of the scroll area, and without it the text passing behind
   * showed in that strip. Padding rather than a taller box pulled up by a margin —
   * the glass would then reach past the module box's own rounded border and paint
   * over it while docked. So the bar simply carries its cover with it.
   */
  --markdown-editor-top-lead: 6px;
  --g-md-toolbar-padding: var(--markdown-editor-top-lead) var(--markdown-editor-side-gap) 6px;
  /* Where the sticky bar stops, read literally — gravity's own `+ 8px` is dropped
     above. `0` is the top of the scroll area; go negative to tuck it further up. */
  --g-md-toolbar-sticky-offset: 0px;
  margin-inline: calc(-1 * var(--markdown-editor-bleed));
}
#app {
  /* …and right up to the top edge as well: the lead above now supplies the air the
     buttons need, so the wrapper is pulled flush with the box's inner border instead
     of stopping short of it. Only applied when the editor is the first thing in the
     box: `StoryContent`'s module renders its title *inside* the surface, so there the
     pull would slide the toolbar under the heading. */
}
#app ._wrapper_hq1f5_90:first-child {
  --markdown-editor-top-gap: 0px;
  margin-top: calc(var(--markdown-editor-top-gap) - var(--markdown-editor-bleed));
}
@media (min-width: 640px) {
  #app ._wrapper_hq1f5_90 {
    --markdown-editor-bleed: 16px; /* sm:p-4 */
  }
}
#app {
  /* A ring rather than a border: a 1px border would only exist in the error state and
     would shift the whole block sideways the moment the limit is exceeded. */
}
#app ._wrapperError_hq1f5_133 {
  border-radius: calc(var(--radius) * 0.5);
  box-shadow: 0 0 0 1px var(--destructive);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._controls_7dgtb_5 {
  clear: both;
  margin-top: 6px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._name_4gj5i_6 {
  background: var(--overlay-hover);
  border-radius: 3px;
  color: var(--foreground);
  cursor: pointer;
  flex: 1 1 auto;
  font-size: 14px;
  overflow: hidden;
  padding: 8px 32px 8px 10px;
  position: relative;
  text-overflow: ellipsis;
}
#app ._name_4gj5i_6:hover {
  background: var(--overlay-hover);
}
#app ._nameActive_4gj5i_21 {
  opacity: 0.45;
}
#app ._nameActive_4gj5i_21:before {
  bottom: 1px;
  content: "Г";
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  position: absolute;
  right: 2px;
  text-align: center;
  transform: rotate(-135deg);
  width: 36px;
}
#app ._nameIcon_4gj5i_36 {
  color: var(--muted-foreground);
  font-size: 12px;
  margin: 0 8px 0 0;
  width: 14px;
}
#app ._wrapper_4gj5i_42 {
  display: flex;
  margin-bottom: 4px;
  max-width: 280px;
  white-space: nowrap;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._items_1jens_5 {
  margin-top: 8px;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  #app ._items_1jens_5 {
    scrollbar-color: var(--input) transparent;
    scrollbar-width: thin;
  }
}
#app ._items_1jens_5::-webkit-scrollbar {
  width: 6px;
}
#app ._items_1jens_5::-webkit-scrollbar-track {
  background: transparent;
}
#app ._items_1jens_5::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-left: 0.25em transparent solid;
  border-radius: 3px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._deleteButton_1tms7_5 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  bottom: 12px;
  box-shadow: none;
  color: var(--destructive);
  position: absolute;
  right: 9px;
}
#app ._deleteButton_1tms7_5:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._field_1tms7_19 {
  margin-bottom: 8px;
}
#app ._text_1tms7_22 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._fallbackIcon_bdaby_5 {
  color: var(--muted-foreground);
  font-size: 18px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._details_ffbri_6 {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  padding: 2px 32px 2px 0;
}
#app ._editButton_ffbri_12 {
  background: transparent;
  box-shadow: none;
  line-height: 28px;
  margin: 0;
  min-height: auto;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 28px;
}
#app ._editButton_ffbri_12:hover {
  background: var(--overlay-hover);
}
#app ._information_ffbri_28 {
  display: block;
  color: var(--muted-foreground);
  line-height: 20px;
  margin-bottom: 6px;
}
#app ._name_ffbri_34 {
  color: var(--foreground);
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  word-wrap: break-word;
}
#app ._option_ffbri_41 {
  background: none;
  border: none;
  color: var(--muted-foreground);
  cursor: pointer;
  outline: none;
  padding: 0;
}
#app ._option_ffbri_41:not(:last-child) {
  margin-right: 10px;
}
#app ._option_ffbri_41:hover {
  color: var(--foreground);
}
#app ._optionIcon_ffbri_55 {
  margin-right: 6px;
}
#app ._optionText_ffbri_58 {
  text-decoration: underline;
}
#app ._options_ffbri_61 {
  display: block;
  color: var(--muted-foreground);
  line-height: 20px;
}
#app {
  /*
   * A fixed 112×80 tile in a flex row (was absolutely positioned with a 128px
   * left-padded details column, which collapsed the preview). The image is painted
   * as an inline `background` on the element; the token fill shows behind non-images.
   */
}
#app ._thumbnail_ffbri_73 {
  align-items: center;
  background-color: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.6);
  cursor: pointer;
  display: flex;
  flex: 0 0 112px;
  height: 80px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: filter 85ms ease;
}
#app ._thumbnail_ffbri_73:hover {
  filter: brightness(1.08);
}
#app ._thumbnailImage_ffbri_90 {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
#app {
  /* "This is the card cover" marker, over the top-left corner of the preview. */
}
#app ._coverBadge_ffbri_100 {
  align-items: center;
  background: var(--primary);
  border-radius: calc(var(--radius) * 0.4);
  color: var(--primary-foreground);
  display: flex;
  justify-content: center;
  left: 4px;
  padding: 2px;
  position: absolute;
  top: 4px;
  z-index: 1;
}
#app ._thumbnailExtension_ffbri_113 {
  color: var(--muted-foreground);
  display: block;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  padding: 0 20px 0 20px;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
#app ._wrapper_ffbri_123 {
  border-radius: calc(var(--radius) * 0.6);
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
  min-height: 80px;
  padding: 6px;
  position: relative;
}
#app ._wrapper_ffbri_123:hover {
  background: var(--overlay-hover);
}
#app ._wrapper_ffbri_123:hover ._editButton_ffbri_12 {
  opacity: 1;
}
#app ._wrapperSubmitting_ffbri_138 {
  align-items: center;
  background: var(--overlay-hover);
  justify-content: center;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_kv1fg_5 {
  background: #fff;
  border: 0;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_1yt29_5 {
  border: 0;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_1napt_5 {
  background: #fff;
  border: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._content_1l6bz_5 {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  right: 0;
  top: 0;
}
#app ._contentViewer_1l6bz_15 {
  height: 90%;
  width: min(90%, 1120px);
}
#app ._contentError_1l6bz_19 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: fit-content;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  width: fit-content;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._toggleButton_7nxsj_5 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._toggleButton_7nxsj_5:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._divider_13gho_5 {
  background: var(--overlay-hover);
  border: 0;
  height: 1px;
  margin-bottom: 8px;
}
#app ._menu_13gho_11 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_13gho_15 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_13gho_19 {
  float: left;
  margin: 0 0.5em 0 0;
}
#app ._tip_13gho_23 {
  opacity: 0.5;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_lfx2e_5 {
  margin-bottom: 20px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._dropzone_2xby5_5 {
  background: var(--secondary);
  font-size: 20px;
  font-weight: bold;
  inset: 0;
  line-height: 30px;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  z-index: 2001;
}
#app ._dropzoneText_2xby5_16 {
  left: 50%;
  position: absolute;
  top: min(200px, 50%);
  transform: translateX(-50%) translateY(-50%);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._author_1erzh_5 {
  color: var(--color-blue-300);
  font-weight: bold;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._items_1gwt2_5 {
  max-width: none;
}
#app ._itemsWrapper_1gwt2_8 {
  margin-top: 12px;
}
#app ._loaderWrapper_1gwt2_11 {
  margin-top: 10px;
}/*!
 * Copyright (c) 2026 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_aylrq_5 {
  margin-top: 24px;
  padding: 0.78571429em 1.5em 0.78571429em;
}
#app ._message_aylrq_9 {
  align-content: space-between;
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
}
#app ._messageIcon_aylrq_18 {
  margin-top: -84px;
}
#app ._messageTitle_aylrq_21 {
  font-size: 32px;
  margin: 24px 0 8px;
}
#app ._messageContent_aylrq_25 {
  font-size: 18px;
  line-height: 1.4;
  margin: 4px 0 0;
  text-align: center;
}
#app ._wrapper_aylrq_31 {
  height: 100%;
  margin-top: calc(116px + var(--promo-banner-height, 0px));
}
#app {
  /*
   * 50px header + 76px board bar. The board tabs used to add a 48px row of their
   * own above the bar; they live inside it now. Favorites adds a further 90px.
   */
}
#app ._wrapperBoard_aylrq_41 {
  margin-top: calc(106px + var(--promo-banner-height, 0px));
}
#app ._wrapperBoardWithFavorites_aylrq_44 {
  margin-top: calc(216px + var(--promo-banner-height, 0px));
}
#app {
  /* Only the header stays fixed above the calendar, so it starts right below it. */
}
#app ._wrapperCalendar_aylrq_50 {
  height: auto;
  margin-top: calc(50px + var(--promo-banner-height, 0px));
}
#app ._wrapperFlex_aylrq_54 {
  display: flex;
}
#app ._wrapperLoader_aylrq_57 {
  position: relative;
}
#app {
  /* Same bar as a board: with no board open it still carries the tabs. */
}
#app ._wrapperProject_aylrq_63 {
  margin-top: calc(106px + var(--promo-banner-height, 0px));
}
#app ._wrapperProjectWithFavorites_aylrq_66 {
  margin-top: calc(216px + var(--promo-banner-height, 0px));
}
#app ._wrapperTransitioning_aylrq_69 {
  transition: margin-top 0.2s ease;
}
#app ._wrapperVertical_aylrq_72 {
  overflow: hidden;
}
#app ._wrapperWithFavorites_aylrq_75 {
  margin-top: calc(206px + var(--promo-banner-height, 0px));
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1j4tt_5 {
  margin: 0 auto 8px;
  width: 100%;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actionButton_f0i9n_6 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  margin-top: 8px;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._actionButton_f0i9n_6:hover {
  background: var(--surface-hover);
  border-color: var(--input);
}
#app {
  /* Destructive twin of .actionButton — red fill, see DESIGN.md. */
}
#app ._actionButtonDanger_f0i9n_25 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  color: var(--destructive);
}
#app ._actionButtonDanger_f0i9n_25:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._content_f0i9n_35 {
  margin-bottom: 6px;
}
#app ._copyButton_f0i9n_38 {
  background: var(--overlay-hover);
  box-shadow: none;
  border-radius: 3px;
  box-sizing: content-box;
  color: var(--muted-foreground);
  display: none;
  height: 30px;
  margin: 0;
  min-height: auto;
  outline: none;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 85ms ease;
  width: 20px;
}
#app ._copyButton_f0i9n_38:hover {
  background: var(--overlay-hover);
  color: var(--foreground);
}
#app ._value_f0i9n_60 input {
  overflow: hidden;
  text-overflow: ellipsis;
}
#app ._valueWrapper_f0i9n_64 {
  position: relative;
}
#app ._valueWrapper_f0i9n_64:hover:not(:has(input:focus)) ._copyButton_f0i9n_38 {
  display: block;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_834mb_5 {
  margin-bottom: 8px;
}
#app ._text_834mb_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
#app ._radioGroup_834mb_14 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_1hdik_5 {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}
#app ._action_1hdik_5:hover {
  background: var(--overlay-hover);
}
#app ._actionButton_1hdik_18 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--foreground);
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
#app ._actionButton_1hdik_18:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._menu_1eylc_5 {
  margin: 0 -12px -5px;
  width: calc(100% + 24px);
}
#app ._menuItem_1eylc_9 {
  margin: 0;
  padding-left: 14px;
}
#app ._menuItemIcon_1eylc_13 {
  float: left;
  margin: 0 0.5em 0 0;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._button_8ou6l_6 {
  box-shadow: none;
  margin-right: 0;
}
#app ._icon_8ou6l_10 {
  color: var(--muted-foreground);
  margin: 0 0.35714286em 0 0;
}
#app ._information_8ou6l_14 {
  font-size: 13px;
}
#app ._information_8ou6l_14:not(:last-of-type) {
  margin-bottom: 4px;
}
#app ._informationApiKey_8ou6l_20 {
  color: var(--destructive);
}
#app ._informationApiKey_8ou6l_20 ._icon_8ou6l_10 {
  color: inherit;
}
#app ._note_8ou6l_26 {
  color: var(--muted-foreground);
}
#app {
  /* Роль — самая узкая колонка с неразрывным текстом: `width: 1px` в таблице с
     авторазметкой означает «по содержимому», так что лишняя ширина уходит
     колонкам с почтой и информацией, а не сюда. */
}
#app ._roleCell_8ou6l_34 {
  white-space: nowrap;
  width: 1px;
}
#app {
  /* Длинный адрес или организация иначе задают таблице минимальную ширину, и
     окно упирается в вьюпорт с горизонтальным скроллом — пусть переносятся. */
}
#app ._breakingCell_8ou6l_42 {
  overflow-wrap: anywhere;
}
#app ._userName_8ou6l_45 {
  min-width: 0;
}
#app {
  /* Reads as a capability, not as a second role — hence the muted, smaller line. */
}
#app ._financeNote_8ou6l_51 {
  align-items: center;
  color: var(--warning);
  display: flex;
  font-size: 11px;
  gap: 2px;
  margin-top: 2px;
}
#app ._user_8ou6l_45 {
  align-items: center;
  display: flex;
  gap: 8px;
}
#app ._wrapper_8ou6l_64 {
  color: var(--foreground);
}
#app ._wrapperDeactivated_8ou6l_67 {
  opacity: 0.64;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app {
  /* `nowrap` is what makes the row wrap at all: a flex item cannot shrink past its
     min-content width, so once the two labels stop fitting they go onto separate
     lines rather than squeezing. `flex-grow` then fills each line — a button that had
     to wrap spans the full width instead of sitting half-width under the other. */
}
#app ._button_118r4_12 {
  flex: 1 1 auto;
  white-space: nowrap;
}
#app {
  /* The popup's content box is 280px and both buttons are `white-space: nowrap`, so a
     long role name (`Пользователь доски`) pushed the second one straight out past the
     popup's edge. They drop onto a second line instead — see `.button` for how each
     line is then filled. */
}
#app ._controls_118r4_22 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 280px;
}
@media only screen and (width < 768px) {
  #app ._controls_118r4_22 {
    max-width: 226px;
  }
}
#app ._field_118r4_33 {
  margin-bottom: 8px;
}
#app ._selectRoleButton_118r4_36 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  font-weight: 500;
  /* It reads as a select, not as an action, so its label stays at the left edge
     once the button is stretched — `text-align` alone does nothing to a flex row. */
  justify-content: flex-start;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
}
#app ._selectRoleButton_118r4_36:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._selectRoleButtonIcon_118r4_56 {
  text-decoration: none;
}
#app ._text_118r4_59 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._actions_e6rx5_6 {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  padding-top: 1rem;
  text-align: right;
}
#app ._actions_e6rx5_6:after {
  clear: both;
  content: "";
  display: table;
}
#app ._addButton_e6rx5_16 {
  margin-right: 0;
}
#app ._addButtonCounter_e6rx5_19 {
  margin-left: 6px;
  opacity: 0.5;
}
#app {
  /* No right-hand bleed. It used to pull the list out to Semantic's 2.5rem modal
     padding so the scrollbar could sit against the panel edge; `common/Modal` pads by
     20px, so the same -2.5rem now pushes the list 40px past the content box and
     `Modal.Content` — `overflow-y: auto`, which makes overflow-x `auto` too — answered
     with a horizontal scrollbar across the whole window. */
}
#app ._tableWrapper_e6rx5_30 {
  max-height: calc(100vh - 338px);
  overflow: auto;
}
@media (width < 768px) {
  #app ._tableWrapper_e6rx5_30 {
    max-height: calc(100vh - 296px);
  }
}
@media (768px <= width < 926px) {
  #app ._tableWrapper_e6rx5_30 {
    max-height: calc(100vh - 310px);
  }
}
@supports (-moz-appearance: none) {
  #app ._tableWrapper_e6rx5_30 {
    scrollbar-color: var(--input) transparent;
  }
}
#app ._tableWrapper_e6rx5_30::-webkit-scrollbar-track {
  background: transparent;
}
#app ._tableWrapper_e6rx5_30::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
#app ._toggleDeactivatedButton_e6rx5_55 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  float: left;
  font-weight: 500;
  margin-left: auto;
  margin-right: 0;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
  white-space: nowrap;
}
#app ._toggleDeactivatedButton_e6rx5_55:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._wrapper_e6rx5_75 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._checkbox_1pq52_5 {
  display: block;
  padding: 8px 0;
}
#app ._controls_1pq52_9 {
  display: flex;
  justify-content: space-between;
}
#app ._field_1pq52_13 {
  margin-bottom: 8px;
}
#app ._testLog_1pq52_16 {
  border: 1px solid var(--border);
  border-radius: 3px;
  color: var(--foreground);
  line-height: 1.4;
  padding: 8px 12px;
  width: 100%;
}
#app ._text_1pq52_24 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
#app ._wrapper_1pq52_30 {
  border: none;
  box-shadow: none;
}#app ._controls_901qh_1 {
  display: flex;
  justify-content: space-between;
}
#app ._field_901qh_5 {
  margin-bottom: 8px;
}
#app ._hint_901qh_8 {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.4;
  padding-bottom: 12px;
}
#app ._testLog_901qh_14 {
  border: 1px solid var(--border);
  border-radius: 3px;
  color: var(--foreground);
  line-height: 1.4;
  padding: 8px 12px;
  width: 100%;
}
#app ._text_901qh_22 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}
#app ._wrapper_901qh_28 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_137d5_5 {
  margin-bottom: 8px;
}
#app ._text_137d5_8 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._controls_1w3zw_5 {
  display: flex;
  justify-content: space-between;
}
#app ._deleteButton_1w3zw_9 {
  background: color-mix(in oklab, var(--destructive) 15%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  box-shadow: none;
  color: var(--destructive);
  margin-right: 0;
}
#app ._deleteButton_1w3zw_9:hover {
  background: color-mix(in oklab, var(--destructive) 25%, transparent);
  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
  color: var(--destructive);
}
#app ._title_1w3zw_21 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_nspxg_5 {
  border: none;
  box-shadow: none;
}
/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
/* Вкладка «Пользователи» — единственная с таблицей, и её ширина зависит от данных
   (длинные адреса, «Доступ к финансам» рядом с ролью). Фиксированная ширина окна
   отвечала на это горизонтальным скроллом, поэтому окно тянется по содержимому:
   `fit-content` от нижней границы до вьюпорта. Правило перебивает `max-w-4xl`
   Tailwind по специфичности (id + класс). */
#app ._wrapperUsers_lr8dj_11 {
  max-width: min(1320px, 100%);
  min-width: min(860px, 100%);
  width: fit-content;
}#app ._input_oxf8p_1 {
  margin-bottom: 12px;
}
#app ._loader_oxf8p_4 {
  margin: 16px 0;
}
#app ._empty_oxf8p_7 {
  color: var(--muted-foreground);
  padding: 12px 4px;
  text-align: center;
}
#app ._items_oxf8p_12 {
  max-height: 60vh;
  overflow-y: auto;
}
#app ._item_oxf8p_12 {
  align-items: center;
  border-radius: 4px;
  color: var(--foreground);
  display: flex;
  padding: 8px 10px;
}
#app ._item_oxf8p_12:hover {
  background: var(--overlay-hover);
}
#app ._itemIcon_oxf8p_26 {
  color: var(--muted-foreground);
  flex: 0 0 auto;
  margin-right: 8px;
}
#app ._itemName_oxf8p_31 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app ._itemMeta_oxf8p_37 {
  color: var(--muted-foreground);
  flex: 0 0 auto;
  font-size: 12px;
  margin-left: 12px;
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}#app ._section_1d0pc_1 {
  margin-bottom: 16px;
}
#app ._section_1d0pc_1:last-child {
  margin-bottom: 0;
}
#app ._sectionTitle_1d0pc_7 {
  color: var(--muted-foreground);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: uppercase;
}
#app ._row_1d0pc_14 {
  align-items: center;
  display: flex;
  padding: 4px 0;
}
#app ._keys_1d0pc_19 {
  align-items: center;
  display: flex;
  flex: 0 0 42%;
}
#app ._key_1d0pc_19 {
  background: var(--overlay-hover);
  border: 1px solid #d4d9dd;
  border-radius: 3px;
  box-shadow: 0 1px 0 #d4d9dd;
  color: var(--foreground);
  font-family: monospace;
  font-size: 12px;
  padding: 2px 6px;
}
#app ._plus_1d0pc_34 {
  color: var(--muted-foreground);
  margin: 0 4px;
}
#app ._label_1d0pc_38 {
  color: var(--foreground);
  flex: 1;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._action_e9pmb_5 {
  border: none;
  border-radius: 0.28571429rem;
  display: inline-block;
  height: 36px;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  width: 100%;
}
#app ._action_e9pmb_5:hover {
  background: var(--overlay-hover);
}
#app ._actionButton_e9pmb_18 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  color: var(--foreground);
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
}
#app ._actionButton_e9pmb_18:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._hint_e9pmb_35 {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 16px;
  margin: 8px 0 0;
}
#app ._wrapper_e9pmb_41 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._radio_1imvg_5 {
  margin-bottom: 16px;
  width: 100%;
}
#app ._radio_1imvg_5:last-child {
  margin-bottom: 0;
}
#app ._wrapper_1imvg_12 {
  border: none;
  box-shadow: none;
}#app ._account_7tm28_1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#app ._hint_7tm28_6 {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.4;
  padding-bottom: 12px;
}
#app ._status_7tm28_12 {
  color: var(--foreground);
  font-size: 13px;
}
#app ._warning_7tm28_16 {
  color: var(--destructive);
}
#app ._wrapper_7tm28_19 {
  padding-bottom: 12px;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_nspxg_5 {
  border: none;
  box-shadow: none;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._wrapper_1tkwi_5 {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -1;
}/*!
 * Copyright (c) 2024 PLANKA Software GmbH
 * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
 */
#app ._field_1vmip_5 {
  margin-bottom: 14px;
}
#app ._selectTypeButton_1vmip_8 {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.8);
  box-shadow: none;
  color: var(--foreground);
  float: right;
  font-weight: 500;
  margin-left: auto;
  margin-right: 0;
  padding: 6px 11px;
  text-align: left;
  transition: background 85ms ease, border-color 85ms ease, color 85ms ease;
  white-space: nowrap;
}
#app ._selectTypeButton_1vmip_8:hover {
  background: var(--surface-hover);
  border-color: var(--input);
  color: var(--foreground);
}
#app ._selectTypeButtonIcon_1vmip_28 {
  text-decoration: none;
}
#app ._text_1vmip_31 {
  color: var(--foreground);
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}/* manrope-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* manrope-cyrillic-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* manrope-greek-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./manrope-greek-wght-normal-DL7QRZyv.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* manrope-vietnamese-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* manrope-latin-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* manrope-latin-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.g-root {
  background: var(--g-color-base-background);
  color: var(--g-color-text-primary);
  --g-font-family-sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --g-font-family-monospace:
      "Menlo", "Monaco", "Consolas", "Liberation Mono", "Ubuntu Mono", "DejaVu Sans Mono",
      "Courier New", "Courier", monospace;
  --g-text-body-font-family: var(--g-font-family-sans);
  --g-text-caption-font-family: var(--g-font-family-sans);
  --g-text-header-font-family: var(--g-font-family-sans);
  --g-text-subheader-font-family: var(--g-font-family-sans);
  --g-text-display-font-family: var(--g-font-family-sans);
  --g-text-code-font-family: var(--g-font-family-monospace);
  --g-text-body-font-weight: 400;
  --g-text-caption-font-weight: 400;
  --g-text-header-font-weight: 600;
  --g-text-subheader-font-weight: 600;
  --g-text-display-font-weight: 600;
  --g-text-code-font-weight: 400;
  --g-text-accent-font-weight: 600;
  --g-text-body-1-font-size: 13px;
  --g-text-body-1-line-height: 18px;
  --g-text-body-2-font-size: 15px;
  --g-text-body-2-line-height: 20px;
  --g-text-body-3-font-size: 17px;
  --g-text-body-3-line-height: 24px;
  --g-text-body-short-font-size: 13px;
  --g-text-body-short-line-height: 16px;
  --g-text-caption-1-font-size: 9px;
  --g-text-caption-1-line-height: 12px;
  --g-text-caption-2-font-size: 11px;
  --g-text-caption-2-line-height: 16px;
  --g-text-header-1-font-size: 20px;
  --g-text-header-1-line-height: 24px;
  --g-text-header-2-font-size: 24px;
  --g-text-header-2-line-height: 28px;
  --g-text-subheader-1-font-size: 13px;
  --g-text-subheader-1-line-height: 18px;
  --g-text-subheader-2-font-size: 15px;
  --g-text-subheader-2-line-height: 20px;
  --g-text-subheader-3-font-size: 17px;
  --g-text-subheader-3-line-height: 24px;
  --g-text-display-1-font-size: 28px;
  --g-text-display-1-line-height: 36px;
  --g-text-display-2-font-size: 32px;
  --g-text-display-2-line-height: 40px;
  --g-text-display-3-font-size: 40px;
  --g-text-display-3-line-height: 48px;
  --g-text-display-4-font-size: 48px;
  --g-text-display-4-line-height: 52px;
  --g-text-code-1-font-size: 12px;
  --g-text-code-1-line-height: 18px;
  --g-text-code-2-font-size: 14px;
  --g-text-code-2-line-height: 20px;
  --g-text-code-3-font-size: 16px;
  --g-text-code-3-line-height: 24px;
  --g-text-code-inline-1-font-size: 12px;
  --g-text-code-inline-1-line-height: 14px;
  --g-text-code-inline-2-font-size: 14px;
  --g-text-code-inline-2-line-height: 16px;
  --g-text-code-inline-3-font-size: 16px;
  --g-text-code-inline-3-line-height: 20px;
  --g-text-body-1-font: var(--g-text-body-font-weight) var(--g-text-body-1-font-size) /
      var(--g-text-body-1-line-height) var(--g-text-body-font-family);
  --g-text-body-2-font: var(--g-text-body-font-weight) var(--g-text-body-2-font-size) /
      var(--g-text-body-2-line-height) var(--g-text-body-font-family);
  --g-text-body-3-font: var(--g-text-body-font-weight) var(--g-text-body-3-font-size) /
      var(--g-text-body-3-line-height) var(--g-text-body-font-family);
  --g-text-body-short-font: var(--g-text-body-font-weight) var(--g-text-body-short-font-size) /
      var(--g-text-body-short-line-height) var(--g-text-body-font-family);
  --g-text-caption-1-font: var(--g-text-caption-font-weight) var(--g-text-caption-1-font-size) /
      var(--g-text-caption-1-line-height) var(--g-text-caption-font-family);
  --g-text-caption-2-font: var(--g-text-caption-font-weight) var(--g-text-caption-2-font-size) /
      var(--g-text-caption-2-line-height) var(--g-text-caption-font-family);
  --g-text-header-1-font: var(--g-text-header-font-weight) var(--g-text-header-1-font-size) /
      var(--g-text-header-1-line-height) var(--g-text-header-font-family);
  --g-text-header-2-font: var(--g-text-header-font-weight) var(--g-text-header-2-font-size) /
      var(--g-text-header-2-line-height) var(--g-text-header-font-family);
  --g-text-subheader-1-font: var(--g-text-subheader-font-weight)
      var(--g-text-subheader-1-font-size) / var(--g-text-subheader-1-line-height)
      var(--g-text-subheader-font-family);
  --g-text-subheader-2-font: var(--g-text-subheader-font-weight)
      var(--g-text-subheader-2-font-size) / var(--g-text-subheader-2-line-height)
      var(--g-text-subheader-font-family);
  --g-text-subheader-3-font: var(--g-text-subheader-font-weight)
      var(--g-text-subheader-3-font-size) / var(--g-text-subheader-3-line-height)
      var(--g-text-subheader-font-family);
  --g-text-display-1-font: var(--g-text-display-font-weight) var(--g-text-display-1-font-size) /
      var(--g-text-display-1-line-height) var(--g-text-display-font-family);
  --g-text-display-2-font: var(--g-text-display-font-weight) var(--g-text-display-2-font-size) /
      var(--g-text-display-2-line-height) var(--g-text-display-font-family);
  --g-text-display-3-font: var(--g-text-display-font-weight) var(--g-text-display-3-font-size) /
      var(--g-text-display-3-line-height) var(--g-text-display-font-family);
  --g-text-display-4-font: var(--g-text-display-font-weight) var(--g-text-display-4-font-size) /
      var(--g-text-display-4-line-height) var(--g-text-display-font-family);
  --g-text-code-1-font: var(--g-text-code-font-weight) var(--g-text-code-1-font-size) /
      var(--g-text-code-1-line-height) var(--g-text-code-font-family);
  --g-text-code-2-font: var(--g-text-code-font-weight) var(--g-text-code-2-font-size) /
      var(--g-text-code-2-line-height) var(--g-text-code-font-family);
  --g-text-code-3-font: var(--g-text-code-font-weight) var(--g-text-code-3-font-size) /
      var(--g-text-code-3-line-height) var(--g-text-code-font-family);
  --g-text-code-inline-1-font: var(--g-text-code-inline-font-weight)
      var(--g-text-code-inline-1-font-size) / var(--g-text-code-inline-1-line-height)
      var(--g-text-code-inline-font-family);
  --g-text-code-inline-2-font: var(--g-text-code-inline-font-weight)
      var(--g-text-code-inline-2-font-size) / var(--g-text-code-inline-2-line-height)
      var(--g-text-code-inline-font-family);
  --g-text-code-inline-3-font: var(--g-text-code-inline-font-weight)
      var(--g-text-code-inline-3-font-size) / var(--g-text-code-inline-3-line-height)
      var(--g-text-code-inline-font-family);
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  --g-spacing-base: 4px;
  --g-spacing-0: calc(var(--g-spacing-base) * 0);
  --g-spacing-half: calc(var(--g-spacing-base) * 0.5);
  --g-spacing-1: var(--g-spacing-base);
  --g-spacing-2: calc(var(--g-spacing-base) * 2);
  --g-spacing-3: calc(var(--g-spacing-base) * 3);
  --g-spacing-4: calc(var(--g-spacing-base) * 4);
  --g-spacing-5: calc(var(--g-spacing-base) * 5);
  --g-spacing-6: calc(var(--g-spacing-base) * 6);
  --g-spacing-7: calc(var(--g-spacing-base) * 7);
  --g-spacing-8: calc(var(--g-spacing-base) * 8);
  --g-spacing-9: calc(var(--g-spacing-base) * 9);
  --g-spacing-10: calc(var(--g-spacing-base) * 10);
  --g-scrollbar-width: 12px;
  --g-border-radius-xs: 3px;
  --g-border-radius-s: 5px;
  --g-border-radius-m: 6px;
  --g-border-radius-l: 8px;
  --g-border-radius-xl: 10px;
  --g-focus-border-radius: 2px;
}
body.g-root {
  --g-flow-direction: 1;
  --g-flow-is-ltr: 1;
  --g-flow-is-rtl: 0;
}

.g-root[dir=ltr] {
  --g-flow-direction: 1;
  --g-flow-is-ltr: 1;
  --g-flow-is-rtl: 0;
}
.g-root[dir=rtl] {
  --g-flow-direction: -1;
  --g-flow-is-ltr: 0;
  --g-flow-is-rtl: 1;
}
.g-root_theme_light {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-70: rgba(0, 0, 0, 0.07);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-20-solid: rgb(250, 250, 250);
  --g-color-private-black-50-solid: rgb(242, 242, 242);
  --g-color-private-black-100-solid: rgb(229, 229, 229);
  --g-color-private-black-150-solid: rgb(217, 217, 217);
  --g-color-private-black-200-solid: rgb(204, 204, 204);
  --g-color-private-black-250-solid: rgb(191, 191, 191);
  --g-color-private-black-300-solid: rgb(179, 179, 179);
  --g-color-private-black-350-solid: rgb(166, 166, 166);
  --g-color-private-black-400-solid: rgb(153, 153, 153);
  --g-color-private-black-450-solid: rgb(140, 140, 140);
  --g-color-private-black-500-solid: rgb(128, 128, 128);
  --g-color-private-black-550-solid: rgb(115, 115, 115);
  --g-color-private-black-600-solid: rgb(102, 102, 102);
  --g-color-private-black-650-solid: rgb(89, 89, 89);
  --g-color-private-black-700-solid: rgb(76, 76, 76);
  --g-color-private-black-750-solid: rgb(64, 64, 64);
  --g-color-private-black-800-solid: rgb(51, 51, 51);
  --g-color-private-black-850-solid: rgb(38, 38, 38);
  --g-color-private-black-900-solid: rgb(26, 26, 26);
  --g-color-private-black-950-solid: rgb(13, 13, 13);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(235, 245, 254);
  --g-color-private-blue-100-solid: rgb(225, 239, 253);
  --g-color-private-blue-150-solid: rgb(215, 234, 252);
  --g-color-private-blue-200-solid: rgb(195, 224, 251);
  --g-color-private-blue-250-solid: rgb(175, 213, 249);
  --g-color-private-blue-300-solid: rgb(155, 203, 248);
  --g-color-private-blue-350-solid: rgb(134, 193, 247);
  --g-color-private-blue-400-solid: rgb(114, 182, 245);
  --g-color-private-blue-450-solid: rgb(94, 172, 244);
  --g-color-private-blue-500-solid: rgb(74, 161, 242);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(52, 139, 220);
  --g-color-private-blue-650-solid: rgb(50, 127, 200);
  --g-color-private-blue-700-solid: rgb(48, 114, 179);
  --g-color-private-blue-750-solid: rgb(46, 102, 158);
  --g-color-private-blue-800-solid: rgb(44, 90, 138);
  --g-color-private-blue-850-solid: rgb(42, 78, 117);
  --g-color-private-blue-900-solid: rgb(40, 66, 96);
  --g-color-private-blue-950-solid: rgb(38, 53, 75);
  --g-color-private-blue-1000-solid: rgb(37, 47, 65);
  --g-color-private-green-50: rgba(50, 186, 118, 0.1);
  --g-color-private-green-100: rgba(50, 186, 118, 0.15);
  --g-color-private-green-150: rgba(50, 186, 118, 0.2);
  --g-color-private-green-200: rgba(50, 186, 118, 0.3);
  --g-color-private-green-250: rgba(50, 186, 118, 0.4);
  --g-color-private-green-300: rgba(50, 186, 118, 0.5);
  --g-color-private-green-350: rgba(50, 186, 118, 0.6);
  --g-color-private-green-400: rgba(50, 186, 118, 0.7);
  --g-color-private-green-450: rgba(50, 186, 118, 0.8);
  --g-color-private-green-500: rgba(50, 186, 118, 0.9);
  --g-color-private-green-50-solid: rgb(235, 248, 241);
  --g-color-private-green-100-solid: rgb(224, 245, 234);
  --g-color-private-green-150-solid: rgb(214, 241, 228);
  --g-color-private-green-200-solid: rgb(194, 234, 214);
  --g-color-private-green-250-solid: rgb(173, 227, 200);
  --g-color-private-green-300-solid: rgb(153, 221, 187);
  --g-color-private-green-350-solid: rgb(132, 214, 173);
  --g-color-private-green-400-solid: rgb(112, 207, 159);
  --g-color-private-green-450-solid: rgb(91, 200, 145);
  --g-color-private-green-500-solid: rgb(71, 193, 132);
  --g-color-private-green-550-solid: rgb(50, 186, 118);
  --g-color-private-green-600-solid: rgb(48, 170, 110);
  --g-color-private-green-650-solid: rgb(47, 155, 101);
  --g-color-private-green-700-solid: rgb(45, 139, 93);
  --g-color-private-green-750-solid: rgb(44, 123, 84);
  --g-color-private-green-800-solid: rgb(42, 108, 76);
  --g-color-private-green-850-solid: rgb(40, 92, 68);
  --g-color-private-green-900-solid: rgb(39, 76, 59);
  --g-color-private-green-950-solid: rgb(37, 60, 51);
  --g-color-private-green-1000-solid: rgb(36, 53, 47);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(255, 249, 239);
  --g-color-private-yellow-100-solid: rgb(255, 245, 231);
  --g-color-private-yellow-150-solid: rgb(255, 242, 222);
  --g-color-private-yellow-200-solid: rgb(255, 236, 206);
  --g-color-private-yellow-250-solid: rgb(255, 229, 190);
  --g-color-private-yellow-300-solid: rgb(255, 223, 174);
  --g-color-private-yellow-350-solid: rgb(255, 216, 157);
  --g-color-private-yellow-400-solid: rgb(255, 210, 141);
  --g-color-private-yellow-450-solid: rgb(255, 203, 125);
  --g-color-private-yellow-500-solid: rgb(255, 197, 108);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(233, 174, 86);
  --g-color-private-yellow-650-solid: rgb(211, 158, 80);
  --g-color-private-yellow-700-solid: rgb(189, 142, 75);
  --g-color-private-yellow-750-solid: rgb(167, 126, 69);
  --g-color-private-yellow-800-solid: rgb(145, 110, 63);
  --g-color-private-yellow-850-solid: rgb(122, 93, 57);
  --g-color-private-yellow-900-solid: rgb(100, 77, 51);
  --g-color-private-yellow-950-solid: rgb(78, 61, 46);
  --g-color-private-yellow-1000-solid: rgb(67, 53, 43);
  --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
  --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
  --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
  --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
  --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
  --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
  --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
  --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
  --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
  --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
  --g-color-private-orange-50-solid: rgb(255, 241, 230);
  --g-color-private-orange-100-solid: rgb(255, 235, 217);
  --g-color-private-orange-150-solid: rgb(255, 228, 204);
  --g-color-private-orange-200-solid: rgb(255, 214, 179);
  --g-color-private-orange-250-solid: rgb(255, 201, 153);
  --g-color-private-orange-300-solid: rgb(255, 187, 128);
  --g-color-private-orange-350-solid: rgb(255, 173, 102);
  --g-color-private-orange-400-solid: rgb(255, 160, 77);
  --g-color-private-orange-450-solid: rgb(255, 146, 51);
  --g-color-private-orange-500-solid: rgb(255, 133, 25);
  --g-color-private-orange-550-solid: rgb(255, 119, 0);
  --g-color-private-orange-600-solid: rgb(233, 110, 3);
  --g-color-private-orange-650-solid: rgb(211, 101, 7);
  --g-color-private-orange-700-solid: rgb(189, 92, 10);
  --g-color-private-orange-750-solid: rgb(167, 83, 14);
  --g-color-private-orange-800-solid: rgb(145, 74, 17);
  --g-color-private-orange-850-solid: rgb(122, 65, 20);
  --g-color-private-orange-900-solid: rgb(100, 56, 24);
  --g-color-private-orange-950-solid: rgb(78, 47, 27);
  --g-color-private-orange-1000-solid: rgb(67, 43, 29);
  --g-color-private-red-50: rgba(255, 0, 61, 0.1);
  --g-color-private-red-100: rgba(255, 0, 61, 0.15);
  --g-color-private-red-150: rgba(255, 0, 61, 0.2);
  --g-color-private-red-200: rgba(255, 0, 61, 0.3);
  --g-color-private-red-250: rgba(255, 0, 61, 0.4);
  --g-color-private-red-300: rgba(255, 0, 61, 0.5);
  --g-color-private-red-350: rgba(255, 0, 61, 0.6);
  --g-color-private-red-400: rgba(255, 0, 61, 0.7);
  --g-color-private-red-450: rgba(255, 0, 61, 0.8);
  --g-color-private-red-500: rgba(255, 0, 61, 0.9);
  --g-color-private-red-50-solid: rgb(255, 230, 236);
  --g-color-private-red-100-solid: rgb(255, 217, 226);
  --g-color-private-red-150-solid: rgb(255, 204, 216);
  --g-color-private-red-200-solid: rgb(255, 179, 197);
  --g-color-private-red-250-solid: rgb(255, 153, 177);
  --g-color-private-red-300-solid: rgb(255, 128, 158);
  --g-color-private-red-350-solid: rgb(255, 102, 139);
  --g-color-private-red-400-solid: rgb(255, 77, 119);
  --g-color-private-red-450-solid: rgb(255, 51, 100);
  --g-color-private-red-500-solid: rgb(255, 25, 80);
  --g-color-private-red-550-solid: rgb(255, 0, 61);
  --g-color-private-red-600-solid: rgb(233, 3, 58);
  --g-color-private-red-650-solid: rgb(211, 6, 56);
  --g-color-private-red-700-solid: rgb(189, 9, 53);
  --g-color-private-red-750-solid: rgb(167, 12, 50);
  --g-color-private-red-800-solid: rgb(145, 15, 48);
  --g-color-private-red-850-solid: rgb(122, 17, 45);
  --g-color-private-red-900-solid: rgb(100, 20, 42);
  --g-color-private-red-950-solid: rgb(78, 23, 39);
  --g-color-private-red-1000-solid: rgb(67, 25, 38);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(244, 238, 250);
  --g-color-private-purple-100-solid: rgb(238, 229, 247);
  --g-color-private-purple-150-solid: rgb(233, 220, 245);
  --g-color-private-purple-200-solid: rgb(221, 203, 240);
  --g-color-private-purple-250-solid: rgb(210, 186, 235);
  --g-color-private-purple-300-solid: rgb(199, 169, 230);
  --g-color-private-purple-350-solid: rgb(188, 151, 224);
  --g-color-private-purple-400-solid: rgb(177, 134, 219);
  --g-color-private-purple-450-solid: rgb(165, 117, 214);
  --g-color-private-purple-500-solid: rgb(154, 99, 209);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(132, 77, 187);
  --g-color-private-purple-650-solid: rgb(121, 71, 170);
  --g-color-private-purple-700-solid: rgb(110, 66, 153);
  --g-color-private-purple-750-solid: rgb(99, 61, 136);
  --g-color-private-purple-800-solid: rgb(89, 56, 119);
  --g-color-private-purple-850-solid: rgb(78, 50, 102);
  --g-color-private-purple-900-solid: rgb(67, 45, 85);
  --g-color-private-purple-950-solid: rgb(56, 40, 68);
  --g-color-private-purple-1000-solid: rgb(50, 37, 60);
  --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
  --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
  --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
  --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
  --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
  --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
  --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
  --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
  --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
  --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
  --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
  --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
  --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
  --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
  --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
  --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
  --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
  --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
  --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
  --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
  --g-color-private-cool-grey-600-solid: rgb(100, 122, 141);
  --g-color-private-cool-grey-650-solid: rgb(92, 111, 129);
  --g-color-private-cool-grey-700-solid: rgb(85, 101, 117);
  --g-color-private-cool-grey-750-solid: rgb(78, 91, 105);
  --g-color-private-cool-grey-800-solid: rgb(71, 81, 94);
  --g-color-private-cool-grey-850-solid: rgb(63, 70, 82);
  --g-color-private-cool-grey-900-solid: rgb(56, 60, 70);
  --g-color-private-cool-grey-950-solid: rgb(49, 50, 58);
  --g-color-private-cool-grey-1000-solid: rgb(45, 44, 52);
  --g-color-text-primary: var(--g-color-text-dark-primary);
  --g-color-text-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-hint: var(--g-color-text-dark-hint);
  --g-color-text-info: var(--g-color-private-blue-600-solid);
  --g-color-text-positive: var(--g-color-private-green-600-solid);
  --g-color-text-warning: var(--g-color-private-yellow-700-solid);
  --g-color-text-danger: var(--g-color-private-red-600-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-text-warning-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-text-brand: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-650-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-650-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-550-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-850);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-850);
  --g-color-text-light-secondary: var(--g-color-private-white-700);
  --g-color-text-light-hint: var(--g-color-private-white-500);
  --g-color-text-inverted-primary: var(--g-color-text-light-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-light-hint);
  --g-color-base-background: var(--g-color-private-white-1000-solid);
  --g-color-base-generic: var(--g-color-private-black-50);
  --g-color-base-generic-hover: var(--g-color-private-black-150);
  --g-color-base-generic-medium: var(--g-color-private-black-150);
  --g-color-base-generic-medium-hover: var(--g-color-private-black-250);
  --g-color-base-generic-accent: var(--g-color-private-black-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-black-70);
  --g-color-base-generic-ultralight: var(--g-color-private-black-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-black-50);
  --g-color-base-simple-hover-solid: var(--g-color-private-black-50-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-600-solid);
  --g-color-base-selection: var(--g-color-private-yellow-200);
  --g-color-base-selection-hover: var(--g-color-private-yellow-300);
  --g-color-base-info-light: var(--g-color-private-blue-100);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-200);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-300);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-100);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-200);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-300);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-200);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-500);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-550-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-danger-light: var(--g-color-private-red-100);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-200);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-300);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-100);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-200);
  --g-color-base-utility-medium: var(--g-color-private-purple-200);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-300);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-black-50);
  --g-color-base-neutral-light-hover: var(--g-color-private-black-100);
  --g-color-base-neutral-medium: var(--g-color-private-black-200);
  --g-color-base-neutral-medium-hover: var(--g-color-private-black-250);
  --g-color-base-neutral-heavy: var(--g-color-private-black-450);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-black-550);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-100);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-1000-solid);
  --g-color-base-light-hover: var(--g-color-private-white-850);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-1000-solid);
  --g-color-base-float-hover: var(--g-color-private-black-50-solid);
  --g-color-base-float-medium: var(--g-color-private-black-550-solid);
  --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
  --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-850);
  --g-color-base-float-announcement: var(--g-color-private-cool-grey-50-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-black-100);
  --g-color-line-generic-hover: var(--g-color-private-black-150);
  --g-color-line-generic-active: var(--g-color-private-black-300);
  --g-color-line-generic-accent: var(--g-color-private-black-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-black-300);
  --g-color-line-generic-solid: var(--g-color-private-black-100-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-600-solid);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-250);
  --g-color-sfx-shadow: var(--g-color-private-black-150);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-50);
  --g-color-sfx-fade: var(--g-color-private-white-300);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-black-100);
  --g-color-scroll-handle-hover: var(--g-color-private-black-150);
  --g-color-scroll-corner: var(--g-color-private-black-100);
  --g-color-infographics-axis: var(--g-color-private-black-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
}
.g-root_theme_dark {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-20-solid: rgb(38, 34, 38);
  --g-color-private-white-50-solid: rgb(45, 40, 45);
  --g-color-private-white-70-solid: rgb(49, 45, 49);
  --g-color-private-white-100-solid: rgb(56, 52, 56);
  --g-color-private-white-150-solid: rgb(67, 63, 67);
  --g-color-private-white-200-solid: rgb(78, 74, 78);
  --g-color-private-white-250-solid: rgb(89, 85, 89);
  --g-color-private-white-300-solid: rgb(100, 97, 100);
  --g-color-private-white-350-solid: rgb(111, 108, 111);
  --g-color-private-white-400-solid: rgb(122, 119, 122);
  --g-color-private-white-450-solid: rgb(133, 131, 133);
  --g-color-private-white-500-solid: rgb(144, 142, 144);
  --g-color-private-white-550-solid: rgb(156, 153, 156);
  --g-color-private-white-600-solid: rgb(167, 165, 167);
  --g-color-private-white-650-solid: rgb(178, 176, 178);
  --g-color-private-white-700-solid: rgb(189, 187, 189);
  --g-color-private-white-750-solid: rgb(200, 198, 200);
  --g-color-private-white-800-solid: rgb(211, 210, 211);
  --g-color-private-white-850-solid: rgb(222, 221, 222);
  --g-color-private-white-900-solid: rgb(233, 232, 233);
  --g-color-private-white-950-solid: rgb(244, 244, 244);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-white-opaque-150: rgba(76, 75, 81, 0.95);
  --g-color-private-black-20: rgba(0, 0, 0, 0.02);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(36, 41, 55);
  --g-color-private-blue-100-solid: rgb(37, 47, 65);
  --g-color-private-blue-150-solid: rgb(38, 53, 75);
  --g-color-private-blue-200-solid: rgb(40, 66, 96);
  --g-color-private-blue-250-solid: rgb(42, 78, 117);
  --g-color-private-blue-300-solid: rgb(44, 90, 138);
  --g-color-private-blue-350-solid: rgb(46, 102, 158);
  --g-color-private-blue-400-solid: rgb(48, 114, 179);
  --g-color-private-blue-450-solid: rgb(50, 127, 200);
  --g-color-private-blue-500-solid: rgb(52, 139, 220);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(74, 161, 242);
  --g-color-private-blue-650-solid: rgb(94, 172, 244);
  --g-color-private-blue-700-solid: rgb(114, 182, 245);
  --g-color-private-blue-750-solid: rgb(134, 193, 247);
  --g-color-private-blue-800-solid: rgb(155, 203, 248);
  --g-color-private-blue-850-solid: rgb(175, 213, 249);
  --g-color-private-blue-900-solid: rgb(195, 224, 251);
  --g-color-private-blue-950-solid: rgb(215, 234, 252);
  --g-color-private-blue-1000-solid: rgb(225, 239, 253);
  --g-color-private-green-50: rgba(77, 176, 155, 0.1);
  --g-color-private-green-100: rgba(77, 176, 155, 0.15);
  --g-color-private-green-150: rgba(77, 176, 155, 0.2);
  --g-color-private-green-200: rgba(77, 176, 155, 0.3);
  --g-color-private-green-250: rgba(77, 176, 155, 0.4);
  --g-color-private-green-300: rgba(77, 176, 155, 0.5);
  --g-color-private-green-350: rgba(77, 176, 155, 0.6);
  --g-color-private-green-400: rgba(77, 176, 155, 0.7);
  --g-color-private-green-450: rgba(77, 176, 155, 0.8);
  --g-color-private-green-500: rgba(77, 176, 155, 0.9);
  --g-color-private-green-50-solid: rgb(38, 44, 46);
  --g-color-private-green-100-solid: rgb(40, 51, 52);
  --g-color-private-green-150-solid: rgb(43, 58, 58);
  --g-color-private-green-200-solid: rgb(47, 73, 70);
  --g-color-private-green-250-solid: rgb(51, 88, 82);
  --g-color-private-green-300-solid: rgb(56, 103, 95);
  --g-color-private-green-350-solid: rgb(60, 117, 107);
  --g-color-private-green-400-solid: rgb(64, 132, 119);
  --g-color-private-green-450-solid: rgb(68, 147, 131);
  --g-color-private-green-500-solid: rgb(73, 161, 143);
  --g-color-private-green-550-solid: rgb(77, 176, 155);
  --g-color-private-green-600-solid: rgb(95, 184, 165);
  --g-color-private-green-650-solid: rgb(113, 192, 175);
  --g-color-private-green-700-solid: rgb(130, 200, 185);
  --g-color-private-green-750-solid: rgb(148, 208, 195);
  --g-color-private-green-800-solid: rgb(166, 216, 205);
  --g-color-private-green-850-solid: rgb(184, 223, 215);
  --g-color-private-green-900-solid: rgb(202, 231, 225);
  --g-color-private-green-950-solid: rgb(219, 239, 235);
  --g-color-private-green-1000-solid: rgb(228, 243, 240);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(56, 45, 40);
  --g-color-private-yellow-100-solid: rgb(67, 53, 43);
  --g-color-private-yellow-150-solid: rgb(78, 61, 46);
  --g-color-private-yellow-200-solid: rgb(100, 77, 51);
  --g-color-private-yellow-250-solid: rgb(122, 93, 57);
  --g-color-private-yellow-300-solid: rgb(145, 110, 63);
  --g-color-private-yellow-350-solid: rgb(167, 126, 69);
  --g-color-private-yellow-400-solid: rgb(189, 142, 75);
  --g-color-private-yellow-450-solid: rgb(211, 158, 80);
  --g-color-private-yellow-500-solid: rgb(233, 174, 86);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(255, 197, 108);
  --g-color-private-yellow-650-solid: rgb(255, 203, 125);
  --g-color-private-yellow-700-solid: rgb(255, 210, 141);
  --g-color-private-yellow-750-solid: rgb(255, 216, 157);
  --g-color-private-yellow-800-solid: rgb(255, 223, 174);
  --g-color-private-yellow-850-solid: rgb(255, 229, 190);
  --g-color-private-yellow-900-solid: rgb(255, 236, 206);
  --g-color-private-yellow-950-solid: rgb(255, 242, 222);
  --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
  --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
  --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
  --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
  --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
  --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
  --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
  --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
  --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
  --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
  --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
  --g-color-private-orange-50-solid: rgb(51, 36, 32);
  --g-color-private-orange-100-solid: rgb(59, 40, 31);
  --g-color-private-orange-150-solid: rgb(67, 43, 30);
  --g-color-private-orange-200-solid: rgb(84, 50, 27);
  --g-color-private-orange-250-solid: rgb(100, 57, 25);
  --g-color-private-orange-300-solid: rgb(117, 64, 23);
  --g-color-private-orange-350-solid: rgb(134, 71, 21);
  --g-color-private-orange-400-solid: rgb(150, 78, 19);
  --g-color-private-orange-450-solid: rgb(167, 85, 16);
  --g-color-private-orange-500-solid: rgb(183, 92, 14);
  --g-color-private-orange-550-solid: rgb(200, 99, 12);
  --g-color-private-orange-600-solid: rgb(206, 115, 36);
  --g-color-private-orange-650-solid: rgb(211, 130, 61);
  --g-color-private-orange-700-solid: rgb(217, 146, 85);
  --g-color-private-orange-750-solid: rgb(222, 161, 109);
  --g-color-private-orange-800-solid: rgb(228, 177, 134);
  --g-color-private-orange-850-solid: rgb(233, 193, 158);
  --g-color-private-orange-900-solid: rgb(239, 208, 182);
  --g-color-private-orange-950-solid: rgb(244, 224, 206);
  --g-color-private-orange-1000-solid: rgb(247, 232, 219);
  --g-color-private-red-50: rgba(229, 50, 93, 0.1);
  --g-color-private-red-100: rgba(229, 50, 93, 0.15);
  --g-color-private-red-150: rgba(229, 50, 93, 0.2);
  --g-color-private-red-200: rgba(229, 50, 93, 0.3);
  --g-color-private-red-250: rgba(229, 50, 93, 0.4);
  --g-color-private-red-300: rgba(229, 50, 93, 0.5);
  --g-color-private-red-350: rgba(229, 50, 93, 0.6);
  --g-color-private-red-400: rgba(229, 50, 93, 0.7);
  --g-color-private-red-450: rgba(229, 50, 93, 0.8);
  --g-color-private-red-500: rgba(229, 50, 93, 0.9);
  --g-color-private-red-50-solid: rgb(54, 31, 40);
  --g-color-private-red-100-solid: rgb(63, 32, 43);
  --g-color-private-red-150-solid: rgb(73, 33, 46);
  --g-color-private-red-200-solid: rgb(93, 35, 52);
  --g-color-private-red-250-solid: rgb(112, 37, 58);
  --g-color-private-red-300-solid: rgb(132, 40, 64);
  --g-color-private-red-350-solid: rgb(151, 42, 69);
  --g-color-private-red-400-solid: rgb(171, 44, 75);
  --g-color-private-red-450-solid: rgb(190, 46, 81);
  --g-color-private-red-500-solid: rgb(210, 48, 87);
  --g-color-private-red-550-solid: rgb(229, 50, 93);
  --g-color-private-red-600-solid: rgb(232, 71, 109);
  --g-color-private-red-650-solid: rgb(234, 91, 125);
  --g-color-private-red-700-solid: rgb(237, 112, 142);
  --g-color-private-red-750-solid: rgb(239, 132, 158);
  --g-color-private-red-800-solid: rgb(242, 153, 174);
  --g-color-private-red-850-solid: rgb(245, 173, 190);
  --g-color-private-red-900-solid: rgb(247, 194, 206);
  --g-color-private-red-950-solid: rgb(250, 214, 223);
  --g-color-private-red-1000-solid: rgb(251, 224, 231);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(45, 34, 51);
  --g-color-private-purple-100-solid: rgb(50, 37, 60);
  --g-color-private-purple-150-solid: rgb(56, 40, 68);
  --g-color-private-purple-200-solid: rgb(67, 45, 85);
  --g-color-private-purple-250-solid: rgb(78, 50, 102);
  --g-color-private-purple-300-solid: rgb(89, 56, 119);
  --g-color-private-purple-350-solid: rgb(99, 61, 136);
  --g-color-private-purple-400-solid: rgb(110, 66, 153);
  --g-color-private-purple-450-solid: rgb(121, 71, 170);
  --g-color-private-purple-500-solid: rgb(132, 77, 187);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(154, 99, 209);
  --g-color-private-purple-650-solid: rgb(165, 117, 214);
  --g-color-private-purple-700-solid: rgb(177, 134, 219);
  --g-color-private-purple-750-solid: rgb(188, 151, 224);
  --g-color-private-purple-800-solid: rgb(199, 169, 230);
  --g-color-private-purple-850-solid: rgb(210, 186, 235);
  --g-color-private-purple-900-solid: rgb(221, 203, 240);
  --g-color-private-purple-950-solid: rgb(233, 220, 245);
  --g-color-private-purple-1000-solid: rgb(238, 229, 247);
  --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
  --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
  --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
  --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
  --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
  --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
  --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
  --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
  --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
  --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(40, 39, 46);
  --g-color-private-cool-grey-100-solid: rgb(43, 44, 52);
  --g-color-private-cool-grey-150-solid: rgb(46, 49, 58);
  --g-color-private-cool-grey-200-solid: rgb(53, 59, 71);
  --g-color-private-cool-grey-250-solid: rgb(59, 69, 83);
  --g-color-private-cool-grey-300-solid: rgb(65, 79, 95);
  --g-color-private-cool-grey-350-solid: rgb(71, 88, 107);
  --g-color-private-cool-grey-400-solid: rgb(77, 98, 119);
  --g-color-private-cool-grey-450-solid: rgb(84, 108, 132);
  --g-color-private-cool-grey-500-solid: rgb(90, 118, 144);
  --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
  --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
  --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
  --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
  --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
  --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
  --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
  --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
  --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
  --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
  --g-color-text-primary: var(--g-color-text-light-primary);
  --g-color-text-complementary: var(--g-color-text-light-complementary);
  --g-color-text-secondary: var(--g-color-text-light-secondary);
  --g-color-text-hint: var(--g-color-text-light-hint);
  --g-color-text-info: var(--g-color-private-blue-550-solid);
  --g-color-text-positive: var(--g-color-private-green-550-solid);
  --g-color-text-warning: var(--g-color-private-yellow-550-solid);
  --g-color-text-danger: var(--g-color-private-red-550-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-text-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-650-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-brand: var(--g-color-private-yellow-600-solid);
  --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-550-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-750-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-900);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-850);
  --g-color-text-light-complementary: var(--g-color-private-white-700);
  --g-color-text-light-secondary: var(--g-color-private-white-500);
  --g-color-text-light-hint: var(--g-color-private-white-300);
  --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
  --g-color-base-background: rgb(34, 29, 34);
  --g-color-base-generic: var(--g-color-private-white-100);
  --g-color-base-generic-hover: var(--g-color-private-white-150);
  --g-color-base-generic-medium: var(--g-color-private-white-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-white-300);
  --g-color-base-generic-accent: var(--g-color-private-white-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-white-70);
  --g-color-base-generic-ultralight: var(--g-color-private-white-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-white-100);
  --g-color-base-simple-hover-solid: var(--g-color-private-white-100-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-selection: var(--g-color-private-yellow-150);
  --g-color-base-selection-hover: var(--g-color-private-yellow-200);
  --g-color-base-info-light: var(--g-color-private-blue-150);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-300);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-400);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-150);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-300);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-400);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-150);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-200);
  --g-color-base-warning-medium: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-danger-light: var(--g-color-private-red-150);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-300);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-400);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-150);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-250);
  --g-color-base-utility-medium: var(--g-color-private-purple-300);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-400);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-white-100);
  --g-color-base-neutral-light-hover: var(--g-color-private-white-150);
  --g-color-base-neutral-medium: var(--g-color-private-white-250);
  --g-color-base-neutral-medium-hover: var(--g-color-private-white-350);
  --g-color-base-neutral-heavy: var(--g-color-private-white-550);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-white-650);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-150);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-850);
  --g-color-base-light-hover: var(--g-color-private-white-700);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-100-solid);
  --g-color-base-float-hover: var(--g-color-private-white-150-solid);
  --g-color-base-float-medium: var(--g-color-private-white-150-solid);
  --g-color-base-float-heavy: var(--g-color-private-white-250-solid);
  --g-color-base-float-accent: var(--g-color-private-white-150-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-200-solid);
  --g-color-base-float-announcement: var(--g-color-private-white-150-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-white-150);
  --g-color-line-generic-hover: var(--g-color-private-white-250);
  --g-color-line-generic-active: var(--g-color-private-white-300);
  --g-color-line-generic-accent: var(--g-color-private-white-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-white-300);
  --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-450);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-600);
  --g-color-sfx-shadow: var(--g-color-private-black-200);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-200);
  --g-color-sfx-fade: var(--g-color-private-white-250);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-white-150);
  --g-color-scroll-handle-hover: var(--g-color-private-white-250);
  --g-color-scroll-corner: var(--g-color-private-white-150);
  --g-color-infographics-axis: var(--g-color-private-white-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
}
.g-root_theme_light-hc {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-50-solid: rgb(242, 242, 242);
  --g-color-private-black-100-solid: rgb(229, 229, 229);
  --g-color-private-black-150-solid: rgb(217, 217, 217);
  --g-color-private-black-200-solid: rgb(204, 204, 204);
  --g-color-private-black-250-solid: rgb(191, 191, 191);
  --g-color-private-black-300-solid: rgb(179, 179, 179);
  --g-color-private-black-350-solid: rgb(166, 166, 166);
  --g-color-private-black-400-solid: rgb(153, 153, 153);
  --g-color-private-black-450-solid: rgb(140, 140, 140);
  --g-color-private-black-500-solid: rgb(128, 128, 128);
  --g-color-private-black-550-solid: rgb(115, 115, 115);
  --g-color-private-black-600-solid: rgb(102, 102, 102);
  --g-color-private-black-650-solid: rgb(89, 89, 89);
  --g-color-private-black-700-solid: rgb(76, 76, 76);
  --g-color-private-black-750-solid: rgb(64, 64, 64);
  --g-color-private-black-800-solid: rgb(51, 51, 51);
  --g-color-private-black-850-solid: rgb(38, 38, 38);
  --g-color-private-black-900-solid: rgb(26, 26, 26);
  --g-color-private-black-950-solid: rgb(13, 13, 13);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(235, 245, 254);
  --g-color-private-blue-100-solid: rgb(225, 239, 253);
  --g-color-private-blue-150-solid: rgb(215, 234, 252);
  --g-color-private-blue-200-solid: rgb(195, 224, 251);
  --g-color-private-blue-250-solid: rgb(175, 213, 249);
  --g-color-private-blue-300-solid: rgb(155, 203, 248);
  --g-color-private-blue-350-solid: rgb(134, 193, 247);
  --g-color-private-blue-400-solid: rgb(114, 182, 245);
  --g-color-private-blue-450-solid: rgb(94, 172, 244);
  --g-color-private-blue-500-solid: rgb(74, 161, 242);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(50, 138, 219);
  --g-color-private-blue-650-solid: rgb(47, 124, 196);
  --g-color-private-blue-700-solid: rgb(43, 111, 174);
  --g-color-private-blue-750-solid: rgb(40, 97, 152);
  --g-color-private-blue-800-solid: rgb(36, 84, 130);
  --g-color-private-blue-850-solid: rgb(32, 71, 107);
  --g-color-private-blue-900-solid: rgb(29, 57, 85);
  --g-color-private-blue-950-solid: rgb(25, 44, 63);
  --g-color-private-blue-1000-solid: rgb(23, 37, 51);
  --g-color-private-green-50: rgba(50, 186, 118, 0.1);
  --g-color-private-green-100: rgba(50, 186, 118, 0.15);
  --g-color-private-green-150: rgba(50, 186, 118, 0.2);
  --g-color-private-green-200: rgba(50, 186, 118, 0.3);
  --g-color-private-green-250: rgba(50, 186, 118, 0.4);
  --g-color-private-green-300: rgba(50, 186, 118, 0.5);
  --g-color-private-green-350: rgba(50, 186, 118, 0.6);
  --g-color-private-green-400: rgba(50, 186, 118, 0.7);
  --g-color-private-green-450: rgba(50, 186, 118, 0.8);
  --g-color-private-green-500: rgba(50, 186, 118, 0.9);
  --g-color-private-green-50-solid: rgb(235, 248, 241);
  --g-color-private-green-100-solid: rgb(224, 245, 234);
  --g-color-private-green-150-solid: rgb(214, 241, 228);
  --g-color-private-green-200-solid: rgb(194, 234, 214);
  --g-color-private-green-250-solid: rgb(173, 227, 200);
  --g-color-private-green-300-solid: rgb(153, 221, 187);
  --g-color-private-green-350-solid: rgb(132, 214, 173);
  --g-color-private-green-400-solid: rgb(112, 207, 159);
  --g-color-private-green-450-solid: rgb(91, 200, 145);
  --g-color-private-green-500-solid: rgb(71, 193, 132);
  --g-color-private-green-550-solid: rgb(50, 186, 118);
  --g-color-private-green-600-solid: rgb(47, 169, 108);
  --g-color-private-green-650-solid: rgb(44, 152, 98);
  --g-color-private-green-700-solid: rgb(40, 135, 88);
  --g-color-private-green-750-solid: rgb(37, 118, 78);
  --g-color-private-green-800-solid: rgb(34, 102, 68);
  --g-color-private-green-850-solid: rgb(31, 85, 58);
  --g-color-private-green-900-solid: rgb(28, 68, 48);
  --g-color-private-green-950-solid: rgb(24, 51, 38);
  --g-color-private-green-1000-solid: rgb(23, 42, 33);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(255, 249, 239);
  --g-color-private-yellow-100-solid: rgb(255, 245, 231);
  --g-color-private-yellow-150-solid: rgb(255, 242, 222);
  --g-color-private-yellow-200-solid: rgb(255, 236, 206);
  --g-color-private-yellow-250-solid: rgb(255, 229, 190);
  --g-color-private-yellow-300-solid: rgb(255, 223, 174);
  --g-color-private-yellow-350-solid: rgb(255, 216, 157);
  --g-color-private-yellow-400-solid: rgb(255, 210, 141);
  --g-color-private-yellow-450-solid: rgb(255, 203, 125);
  --g-color-private-yellow-500-solid: rgb(255, 197, 108);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(231, 173, 85);
  --g-color-private-yellow-650-solid: rgb(208, 155, 77);
  --g-color-private-yellow-700-solid: rgb(184, 138, 70);
  --g-color-private-yellow-750-solid: rgb(160, 121, 62);
  --g-color-private-yellow-800-solid: rgb(137, 104, 55);
  --g-color-private-yellow-850-solid: rgb(113, 86, 48);
  --g-color-private-yellow-900-solid: rgb(89, 69, 40);
  --g-color-private-yellow-950-solid: rgb(65, 52, 33);
  --g-color-private-yellow-1000-solid: rgb(54, 43, 29);
  --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
  --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
  --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
  --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
  --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
  --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
  --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
  --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
  --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
  --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
  --g-color-private-orange-50-solid: rgb(255, 241, 230);
  --g-color-private-orange-100-solid: rgb(255, 235, 217);
  --g-color-private-orange-150-solid: rgb(255, 228, 204);
  --g-color-private-orange-200-solid: rgb(255, 214, 179);
  --g-color-private-orange-250-solid: rgb(255, 201, 153);
  --g-color-private-orange-300-solid: rgb(255, 187, 128);
  --g-color-private-orange-350-solid: rgb(255, 173, 102);
  --g-color-private-orange-400-solid: rgb(255, 160, 77);
  --g-color-private-orange-450-solid: rgb(255, 146, 51);
  --g-color-private-orange-500-solid: rgb(255, 133, 25);
  --g-color-private-orange-550-solid: rgb(255, 119, 0);
  --g-color-private-orange-600-solid: rgb(231, 109, 2);
  --g-color-private-orange-650-solid: rgb(208, 99, 4);
  --g-color-private-orange-700-solid: rgb(184, 88, 5);
  --g-color-private-orange-750-solid: rgb(160, 78, 7);
  --g-color-private-orange-800-solid: rgb(137, 68, 9);
  --g-color-private-orange-850-solid: rgb(113, 58, 11);
  --g-color-private-orange-900-solid: rgb(89, 48, 13);
  --g-color-private-orange-950-solid: rgb(65, 37, 14);
  --g-color-private-orange-1000-solid: rgb(54, 32, 15);
  --g-color-private-red-50: rgba(255, 0, 61, 0.1);
  --g-color-private-red-100: rgba(255, 0, 61, 0.15);
  --g-color-private-red-150: rgba(255, 0, 61, 0.2);
  --g-color-private-red-200: rgba(255, 0, 61, 0.3);
  --g-color-private-red-250: rgba(255, 0, 61, 0.4);
  --g-color-private-red-300: rgba(255, 0, 61, 0.5);
  --g-color-private-red-350: rgba(255, 0, 61, 0.6);
  --g-color-private-red-400: rgba(255, 0, 61, 0.7);
  --g-color-private-red-450: rgba(255, 0, 61, 0.8);
  --g-color-private-red-500: rgba(255, 0, 61, 0.9);
  --g-color-private-red-50-solid: rgb(255, 230, 236);
  --g-color-private-red-100-solid: rgb(255, 217, 226);
  --g-color-private-red-150-solid: rgb(255, 204, 216);
  --g-color-private-red-200-solid: rgb(255, 179, 197);
  --g-color-private-red-250-solid: rgb(255, 153, 177);
  --g-color-private-red-300-solid: rgb(255, 128, 158);
  --g-color-private-red-350-solid: rgb(255, 102, 139);
  --g-color-private-red-400-solid: rgb(255, 77, 119);
  --g-color-private-red-450-solid: rgb(255, 51, 100);
  --g-color-private-red-500-solid: rgb(255, 25, 80);
  --g-color-private-red-550-solid: rgb(255, 0, 61);
  --g-color-private-red-600-solid: rgb(231, 2, 57);
  --g-color-private-red-650-solid: rgb(208, 3, 52);
  --g-color-private-red-700-solid: rgb(184, 5, 48);
  --g-color-private-red-750-solid: rgb(160, 7, 44);
  --g-color-private-red-800-solid: rgb(137, 9, 40);
  --g-color-private-red-850-solid: rgb(113, 10, 35);
  --g-color-private-red-900-solid: rgb(89, 12, 31);
  --g-color-private-red-950-solid: rgb(65, 14, 27);
  --g-color-private-red-1000-solid: rgb(54, 14, 24);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(244, 238, 250);
  --g-color-private-purple-100-solid: rgb(238, 229, 247);
  --g-color-private-purple-150-solid: rgb(233, 220, 245);
  --g-color-private-purple-200-solid: rgb(221, 203, 240);
  --g-color-private-purple-250-solid: rgb(210, 186, 235);
  --g-color-private-purple-300-solid: rgb(199, 169, 230);
  --g-color-private-purple-350-solid: rgb(188, 151, 224);
  --g-color-private-purple-400-solid: rgb(177, 134, 219);
  --g-color-private-purple-450-solid: rgb(165, 117, 214);
  --g-color-private-purple-500-solid: rgb(154, 99, 209);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(131, 76, 185);
  --g-color-private-purple-650-solid: rgb(118, 69, 167);
  --g-color-private-purple-700-solid: rgb(106, 63, 148);
  --g-color-private-purple-750-solid: rgb(93, 56, 130);
  --g-color-private-purple-800-solid: rgb(81, 50, 111);
  --g-color-private-purple-850-solid: rgb(68, 43, 92);
  --g-color-private-purple-900-solid: rgb(56, 37, 74);
  --g-color-private-purple-950-solid: rgb(43, 30, 55);
  --g-color-private-purple-1000-solid: rgb(37, 27, 46);
  --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
  --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
  --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
  --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
  --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
  --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
  --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
  --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
  --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
  --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
  --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
  --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
  --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
  --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
  --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
  --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
  --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
  --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
  --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
  --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
  --g-color-private-cool-grey-600-solid: rgb(98, 121, 140);
  --g-color-private-cool-grey-650-solid: rgb(89, 109, 126);
  --g-color-private-cool-grey-700-solid: rgb(80, 98, 113);
  --g-color-private-cool-grey-750-solid: rgb(71, 86, 99);
  --g-color-private-cool-grey-800-solid: rgb(63, 75, 86);
  --g-color-private-cool-grey-850-solid: rgb(54, 63, 72);
  --g-color-private-cool-grey-900-solid: rgb(45, 52, 59);
  --g-color-private-cool-grey-950-solid: rgb(36, 40, 45);
  --g-color-private-cool-grey-1000-solid: rgb(31, 34, 38);
  --g-color-text-primary: var(--g-color-text-dark-primary);
  --g-color-text-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-hint: var(--g-color-text-dark-hint);
  --g-color-text-info: var(--g-color-private-blue-650-solid);
  --g-color-text-positive: var(--g-color-private-green-650-solid);
  --g-color-text-warning: var(--g-color-private-yellow-700-solid);
  --g-color-text-danger: var(--g-color-private-red-650-solid);
  --g-color-text-utility: var(--g-color-private-purple-650-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-900-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-900-solid);
  --g-color-text-warning-heavy: var(--g-color-private-orange-900-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-900-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-900-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-900-solid);
  --g-color-text-brand: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-heavy: var(--g-color-private-orange-900-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-700-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-700-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-850-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-1000-solid);
  --g-color-text-dark-complementary: var(--g-color-private-black-850);
  --g-color-text-dark-secondary: var(--g-color-private-black-700);
  --g-color-text-dark-hint: var(--g-color-private-black-500);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-850);
  --g-color-text-light-secondary: var(--g-color-private-white-700);
  --g-color-text-light-hint: var(--g-color-private-white-500);
  --g-color-text-inverted-primary: var(--g-color-text-light-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-light-hint);
  --g-color-base-background: var(--g-color-private-white-1000-solid);
  --g-color-base-generic: var(--g-color-private-black-150);
  --g-color-base-generic-hover: var(--g-color-private-black-300);
  --g-color-base-generic-medium: var(--g-color-private-black-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-black-350);
  --g-color-base-generic-accent: var(--g-color-private-black-250);
  --g-color-base-generic-accent-disabled: var(--g-color-private-black-150);
  --g-color-base-generic-ultralight: var(--g-color-private-black-50-solid);
  --g-color-base-simple-hover: var(--g-color-private-black-150);
  --g-color-base-simple-hover-solid: var(--g-color-private-black-150-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-selection: var(--g-color-private-yellow-300);
  --g-color-base-selection-hover: var(--g-color-private-yellow-400);
  --g-color-base-info-light: var(--g-color-private-blue-250);
  --g-color-base-info-light-hover: var(--g-color-private-blue-350);
  --g-color-base-info-medium: var(--g-color-private-blue-400);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-500);
  --g-color-base-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-850-solid);
  --g-color-base-positive-light: var(--g-color-private-green-250);
  --g-color-base-positive-light-hover: var(--g-color-private-green-350);
  --g-color-base-positive-medium: var(--g-color-private-green-400);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-500);
  --g-color-base-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-800-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-300);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-550-solid);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-danger-light: var(--g-color-private-red-250);
  --g-color-base-danger-light-hover: var(--g-color-private-red-350);
  --g-color-base-danger-medium: var(--g-color-private-red-400);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-500);
  --g-color-base-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-800-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-250);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-350);
  --g-color-base-utility-medium: var(--g-color-private-purple-400);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-500);
  --g-color-base-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-800-solid);
  --g-color-base-neutral-light: var(--g-color-private-black-150);
  --g-color-base-neutral-light-hover: var(--g-color-private-black-250);
  --g-color-base-neutral-medium: var(--g-color-private-black-300);
  --g-color-base-neutral-medium-hover: var(--g-color-private-black-400);
  --g-color-base-neutral-heavy: var(--g-color-private-black-550);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-black-650);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-250);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-350);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-500);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-800-solid);
  --g-color-base-light: var(--g-color-private-white-1000-solid);
  --g-color-base-light-hover: var(--g-color-private-white-850);
  --g-color-base-light-simple-hover: var(--g-color-private-white-300);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-1000-solid);
  --g-color-base-float-hover: var(--g-color-private-black-150-solid);
  --g-color-base-float-medium: var(--g-color-private-black-550-solid);
  --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
  --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-850);
  --g-color-base-float-announcement: var(--g-color-private-cool-grey-150-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-black-200);
  --g-color-line-generic-hover: var(--g-color-private-black-400);
  --g-color-line-generic-active: var(--g-color-private-black-700);
  --g-color-line-generic-accent: var(--g-color-private-black-300);
  --g-color-line-generic-accent-hover: var(--g-color-private-black-700);
  --g-color-line-generic-solid: var(--g-color-private-black-200-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-600-solid);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-450);
  --g-color-sfx-shadow: var(--g-color-private-black-300);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-600);
  --g-color-sfx-shadow-light: var(--g-color-private-black-100);
  --g-color-sfx-fade: var(--g-color-private-white-300);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-black-100);
  --g-color-scroll-handle-hover: var(--g-color-private-black-150);
  --g-color-scroll-corner: var(--g-color-private-black-100);
  --g-color-infographics-axis: var(--g-color-private-black-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
}
.g-root_theme_dark-hc {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-50-solid: rgb(30, 29, 30);
  --g-color-private-white-70-solid: rgb(35, 34, 35);
  --g-color-private-white-100-solid: rgb(42, 41, 42);
  --g-color-private-white-150-solid: rgb(54, 53, 54);
  --g-color-private-white-200-solid: rgb(65, 65, 65);
  --g-color-private-white-250-solid: rgb(77, 77, 77);
  --g-color-private-white-300-solid: rgb(89, 88, 89);
  --g-color-private-white-350-solid: rgb(101, 100, 101);
  --g-color-private-white-400-solid: rgb(113, 112, 113);
  --g-color-private-white-450-solid: rgb(125, 124, 125);
  --g-color-private-white-500-solid: rgb(136, 136, 136);
  --g-color-private-white-550-solid: rgb(148, 148, 148);
  --g-color-private-white-600-solid: rgb(160, 160, 160);
  --g-color-private-white-650-solid: rgb(172, 172, 172);
  --g-color-private-white-700-solid: rgb(184, 184, 184);
  --g-color-private-white-750-solid: rgb(196, 195, 196);
  --g-color-private-white-800-solid: rgb(208, 207, 208);
  --g-color-private-white-850-solid: rgb(208, 207, 208);
  --g-color-private-white-900-solid: rgb(231, 231, 231);
  --g-color-private-white-950-solid: rgb(243, 243, 243);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  /*————————— To review opaque —————————*/
  --g-color-private-white-opaque-150: rgba(56, 57, 60, 0.97);
  --g-color-private-black-20: rgba(0, 0, 0, 0.02);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(22, 30, 40);
  --g-color-private-blue-100-solid: rgb(23, 37, 51);
  --g-color-private-blue-150-solid: rgb(25, 44, 63);
  --g-color-private-blue-200-solid: rgb(29, 57, 85);
  --g-color-private-blue-250-solid: rgb(32, 71, 107);
  --g-color-private-blue-300-solid: rgb(36, 84, 130);
  --g-color-private-blue-350-solid: rgb(40, 97, 152);
  --g-color-private-blue-400-solid: rgb(43, 111, 174);
  --g-color-private-blue-450-solid: rgb(47, 124, 196);
  --g-color-private-blue-500-solid: rgb(50, 138, 219);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(74, 161, 242);
  --g-color-private-blue-650-solid: rgb(94, 172, 244);
  --g-color-private-blue-700-solid: rgb(114, 182, 245);
  --g-color-private-blue-750-solid: rgb(134, 193, 247);
  --g-color-private-blue-800-solid: rgb(155, 203, 248);
  --g-color-private-blue-850-solid: rgb(175, 213, 249);
  --g-color-private-blue-900-solid: rgb(195, 224, 251);
  --g-color-private-blue-950-solid: rgb(215, 234, 252);
  --g-color-private-blue-1000-solid: rgb(225, 239, 253);
  --g-color-private-green-50: rgba(77, 176, 155, 0.1);
  --g-color-private-green-100: rgba(77, 176, 155, 0.15);
  --g-color-private-green-150: rgba(77, 176, 155, 0.2);
  --g-color-private-green-200: rgba(77, 176, 155, 0.3);
  --g-color-private-green-250: rgba(77, 176, 155, 0.4);
  --g-color-private-green-300: rgba(77, 176, 155, 0.5);
  --g-color-private-green-350: rgba(77, 176, 155, 0.6);
  --g-color-private-green-400: rgba(77, 176, 155, 0.7);
  --g-color-private-green-450: rgba(77, 176, 155, 0.8);
  --g-color-private-green-500: rgba(77, 176, 155, 0.9);
  --g-color-private-green-50-solid: rgb(24, 33, 32);
  --g-color-private-green-100-solid: rgb(27, 41, 39);
  --g-color-private-green-150-solid: rgb(30, 49, 45);
  --g-color-private-green-200-solid: rgb(36, 65, 59);
  --g-color-private-green-250-solid: rgb(42, 81, 73);
  --g-color-private-green-300-solid: rgb(48, 97, 87);
  --g-color-private-green-350-solid: rgb(53, 112, 100);
  --g-color-private-green-400-solid: rgb(59, 128, 114);
  --g-color-private-green-450-solid: rgb(65, 144, 128);
  --g-color-private-green-500-solid: rgb(71, 160, 141);
  --g-color-private-green-550-solid: rgb(77, 176, 155);
  --g-color-private-green-600-solid: rgb(95, 184, 165);
  --g-color-private-green-650-solid: rgb(113, 192, 175);
  --g-color-private-green-700-solid: rgb(130, 200, 185);
  --g-color-private-green-750-solid: rgb(148, 208, 195);
  --g-color-private-green-800-solid: rgb(166, 216, 205);
  --g-color-private-green-850-solid: rgb(184, 223, 215);
  --g-color-private-green-900-solid: rgb(202, 231, 225);
  --g-color-private-green-950-solid: rgb(219, 239, 235);
  --g-color-private-green-1000-solid: rgb(228, 243, 240);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(42, 34, 25);
  --g-color-private-yellow-100-solid: rgb(54, 43, 29);
  --g-color-private-yellow-150-solid: rgb(65, 52, 33);
  --g-color-private-yellow-200-solid: rgb(89, 69, 40);
  --g-color-private-yellow-250-solid: rgb(113, 86, 48);
  --g-color-private-yellow-300-solid: rgb(137, 104, 55);
  --g-color-private-yellow-350-solid: rgb(160, 121, 62);
  --g-color-private-yellow-400-solid: rgb(184, 138, 70);
  --g-color-private-yellow-450-solid: rgb(208, 155, 77);
  --g-color-private-yellow-500-solid: rgb(231, 173, 85);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(255, 197, 108);
  --g-color-private-yellow-650-solid: rgb(255, 203, 125);
  --g-color-private-yellow-700-solid: rgb(255, 210, 141);
  --g-color-private-yellow-750-solid: rgb(255, 216, 157);
  --g-color-private-yellow-800-solid: rgb(255, 223, 174);
  --g-color-private-yellow-850-solid: rgb(255, 229, 190);
  --g-color-private-yellow-900-solid: rgb(255, 236, 206);
  --g-color-private-yellow-950-solid: rgb(255, 242, 222);
  --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
  --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
  --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
  --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
  --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
  --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
  --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
  --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
  --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
  --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
  --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
  --g-color-private-orange-50-solid: rgb(36, 25, 17);
  --g-color-private-orange-100-solid: rgb(45, 29, 17);
  --g-color-private-orange-150-solid: rgb(54, 33, 17);
  --g-color-private-orange-200-solid: rgb(73, 42, 16);
  --g-color-private-orange-250-solid: rgb(91, 50, 16);
  --g-color-private-orange-300-solid: rgb(109, 58, 15);
  --g-color-private-orange-350-solid: rgb(127, 66, 14);
  --g-color-private-orange-400-solid: rgb(145, 74, 14);
  --g-color-private-orange-450-solid: rgb(164, 83, 13);
  --g-color-private-orange-500-solid: rgb(182, 91, 13);
  --g-color-private-orange-550-solid: rgb(200, 99, 12);
  --g-color-private-orange-600-solid: rgb(206, 115, 36);
  --g-color-private-orange-650-solid: rgb(211, 130, 61);
  --g-color-private-orange-700-solid: rgb(217, 146, 85);
  --g-color-private-orange-750-solid: rgb(222, 161, 109);
  --g-color-private-orange-800-solid: rgb(228, 177, 134);
  --g-color-private-orange-850-solid: rgb(233, 193, 158);
  --g-color-private-orange-900-solid: rgb(239, 208, 182);
  --g-color-private-orange-950-solid: rgb(244, 224, 206);
  --g-color-private-orange-1000-solid: rgb(247, 232, 219);
  --g-color-private-red-50: rgba(229, 50, 93, 0.1);
  --g-color-private-red-100: rgba(229, 50, 93, 0.15);
  --g-color-private-red-150: rgba(229, 50, 93, 0.2);
  --g-color-private-red-200: rgba(229, 50, 93, 0.3);
  --g-color-private-red-250: rgba(229, 50, 93, 0.4);
  --g-color-private-red-300: rgba(229, 50, 93, 0.5);
  --g-color-private-red-350: rgba(229, 50, 93, 0.6);
  --g-color-private-red-400: rgba(229, 50, 93, 0.7);
  --g-color-private-red-450: rgba(229, 50, 93, 0.8);
  --g-color-private-red-500: rgba(229, 50, 93, 0.9);
  --g-color-private-red-50-solid: rgb(39, 20, 26);
  --g-color-private-red-100-solid: rgb(50, 22, 29);
  --g-color-private-red-150-solid: rgb(60, 24, 33);
  --g-color-private-red-200-solid: rgb(81, 27, 41);
  --g-color-private-red-250-solid: rgb(102, 30, 48);
  --g-color-private-red-300-solid: rgb(124, 34, 56);
  --g-color-private-red-350-solid: rgb(145, 37, 63);
  --g-color-private-red-400-solid: rgb(166, 40, 71);
  --g-color-private-red-450-solid: rgb(187, 43, 78);
  --g-color-private-red-500-solid: rgb(208, 47, 86);
  --g-color-private-red-550-solid: rgb(229, 50, 93);
  --g-color-private-red-600-solid: rgb(232, 71, 109);
  --g-color-private-red-650-solid: rgb(234, 91, 125);
  --g-color-private-red-700-solid: rgb(237, 112, 142);
  --g-color-private-red-750-solid: rgb(239, 132, 158);
  --g-color-private-red-800-solid: rgb(242, 153, 174);
  --g-color-private-red-850-solid: rgb(245, 173, 190);
  --g-color-private-red-900-solid: rgb(247, 194, 206);
  --g-color-private-red-950-solid: rgb(250, 214, 223);
  --g-color-private-red-1000-solid: rgb(251, 224, 231);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(31, 24, 37);
  --g-color-private-purple-100-solid: rgb(37, 27, 46);
  --g-color-private-purple-150-solid: rgb(43, 30, 55);
  --g-color-private-purple-200-solid: rgb(56, 37, 74);
  --g-color-private-purple-250-solid: rgb(68, 43, 92);
  --g-color-private-purple-300-solid: rgb(81, 50, 111);
  --g-color-private-purple-350-solid: rgb(93, 56, 130);
  --g-color-private-purple-400-solid: rgb(106, 63, 148);
  --g-color-private-purple-450-solid: rgb(118, 69, 167);
  --g-color-private-purple-500-solid: rgb(131, 76, 185);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(154, 99, 209);
  --g-color-private-purple-650-solid: rgb(165, 117, 214);
  --g-color-private-purple-700-solid: rgb(177, 134, 219);
  --g-color-private-purple-750-solid: rgb(188, 151, 224);
  --g-color-private-purple-800-solid: rgb(199, 169, 230);
  --g-color-private-purple-850-solid: rgb(210, 186, 235);
  --g-color-private-purple-900-solid: rgb(221, 203, 240);
  --g-color-private-purple-950-solid: rgb(233, 220, 245);
  --g-color-private-purple-1000-solid: rgb(238, 229, 247);
  --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
  --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
  --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
  --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
  --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
  --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
  --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
  --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
  --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
  --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(26, 28, 32);
  --g-color-private-cool-grey-100-solid: rgb(30, 34, 39);
  --g-color-private-cool-grey-150-solid: rgb(34, 39, 46);
  --g-color-private-cool-grey-200-solid: rgb(41, 50, 59);
  --g-color-private-cool-grey-250-solid: rgb(49, 61, 73);
  --g-color-private-cool-grey-300-solid: rgb(57, 73, 87);
  --g-color-private-cool-grey-350-solid: rgb(65, 84, 101);
  --g-color-private-cool-grey-400-solid: rgb(73, 95, 115);
  --g-color-private-cool-grey-450-solid: rgb(80, 106, 128);
  --g-color-private-cool-grey-500-solid: rgb(88, 117, 142);
  --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
  --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
  --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
  --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
  --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
  --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
  --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
  --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
  --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
  --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
  --g-color-text-primary: var(--g-color-text-light-primary);
  --g-color-text-complementary: var(--g-color-text-light-complementary);
  --g-color-text-secondary: var(--g-color-text-light-secondary);
  --g-color-text-hint: var(--g-color-text-light-hint);
  --g-color-text-info: var(--g-color-private-blue-650-solid);
  --g-color-text-positive: var(--g-color-private-green-650-solid);
  --g-color-text-warning: var(--g-color-private-yellow-650-solid);
  --g-color-text-danger: var(--g-color-private-red-650-solid);
  --g-color-text-utility: var(--g-color-private-purple-650-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-850-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-850-solid);
  --g-color-text-warning-heavy: var(--g-color-private-yellow-850-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-850-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-850-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-850-solid);
  --g-color-text-brand: var(--g-color-private-yellow-600-solid);
  --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-550-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-650-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-1000-solid);
  --g-color-text-dark-complementary: var(--g-color-private-black-800);
  --g-color-text-dark-secondary: var(--g-color-private-black-600);
  --g-color-text-dark-hint: var(--g-color-private-black-400);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-800);
  --g-color-text-light-secondary: var(--g-color-private-white-600);
  --g-color-text-light-hint: var(--g-color-private-white-400);
  --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
  --g-color-base-background: rgb(18, 17, 18);
  --g-color-base-generic: var(--g-color-private-white-100);
  --g-color-base-generic-hover: var(--g-color-private-white-250);
  --g-color-base-generic-medium: var(--g-color-private-white-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-white-400);
  --g-color-base-generic-accent: var(--g-color-private-white-200);
  --g-color-base-generic-accent-disabled: var(--g-color-private-white-150);
  --g-color-base-generic-ultralight: var(--g-color-private-white-50);
  --g-color-base-simple-hover: var(--g-color-private-white-250);
  --g-color-base-simple-hover-solid: var(--g-color-private-white-250-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-selection: var(--g-color-private-yellow-250);
  --g-color-base-selection-hover: var(--g-color-private-yellow-400);
  --g-color-base-info-light: var(--g-color-private-blue-250);
  --g-color-base-info-light-hover: var(--g-color-private-blue-400);
  --g-color-base-info-medium: var(--g-color-private-blue-450);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-850-solid);
  --g-color-base-positive-light: var(--g-color-private-green-250);
  --g-color-base-positive-light-hover: var(--g-color-private-green-400);
  --g-color-base-positive-medium: var(--g-color-private-green-450);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-850-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-250);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium: var(--g-color-private-yellow-450);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-850-solid);
  --g-color-base-danger-light: var(--g-color-private-red-250);
  --g-color-base-danger-light-hover: var(--g-color-private-red-400);
  --g-color-base-danger-medium: var(--g-color-private-red-450);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-850-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-250);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-400);
  --g-color-base-utility-medium: var(--g-color-private-purple-450);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-850-solid);
  --g-color-base-neutral-light: var(--g-color-private-white-200);
  --g-color-base-neutral-light-hover: var(--g-color-private-white-350);
  --g-color-base-neutral-medium: var(--g-color-private-white-400);
  --g-color-base-neutral-medium-hover: var(--g-color-private-white-550);
  --g-color-base-neutral-heavy: var(--g-color-private-white-650);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-white-750);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-250);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-450);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-850-solid);
  --g-color-base-light: var(--g-color-private-white-850);
  --g-color-base-light-hover: var(--g-color-private-white-700);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-100-solid);
  --g-color-base-float-hover: var(--g-color-private-white-200-solid);
  --g-color-base-float-medium: var(--g-color-private-white-200-solid);
  --g-color-base-float-heavy: var(--g-color-private-white-300-solid);
  --g-color-base-float-accent: var(--g-color-private-white-300-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-400-solid);
  --g-color-base-float-announcement: var(--g-color-private-white-200-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-white-150);
  --g-color-line-generic-hover: var(--g-color-private-white-250);
  --g-color-line-generic-active: var(--g-color-private-white-600);
  --g-color-line-generic-accent: var(--g-color-private-white-350);
  --g-color-line-generic-accent-hover: var(--g-color-private-white-800);
  --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-550-solid);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-550-solid);
  --g-color-line-positive: var(--g-color-private-green-550-solid);
  --g-color-line-warning: var(--g-color-private-yellow-550-solid);
  --g-color-line-danger: var(--g-color-private-red-550-solid);
  --g-color-line-utility: var(--g-color-private-purple-550-solid);
  --g-color-line-misc: var(--g-color-private-cool-grey-550-solid);
  --g-color-sfx-veil: var(--g-color-private-black-700);
  --g-color-sfx-shadow: var(--g-color-private-black-200);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-400);
  --g-color-sfx-shadow-light: var(--g-color-private-black-200);
  --g-color-sfx-fade: var(--g-color-private-white-250);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-white-150);
  --g-color-scroll-handle-hover: var(--g-color-private-white-250);
  --g-color-scroll-corner: var(--g-color-private-white-150);
  --g-color-infographics-axis: var(--g-color-private-white-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
}

@keyframes g-loading-animation {
  from {
    background-position: -12px 0;
  }
  to {
    background-position: 0 0;
  }
}
:root:has(body.g-root_theme_light),
:root:has(body.g-root_theme_light-hc) {
  color-scheme: light;
}

:root:has(body.g-root_theme_dark),
:root:has(body.g-root_theme_dark-hc) {
  color-scheme: dark;
}/*
 * Base stylesheet: normalize, the Nunitoga @font-face declarations and the global
 * typography that the app has always relied on.
 *
 * Extracted from the vendored Semantic UI stylesheet when Semantic was removed from
 * the project — everything after this point in that file styled `.ui.*` components,
 * of which none are rendered any more. See DESIGN.md.
 *
 * `html { font-size: 14px }` is kept deliberately: the Tailwind scale in
 * `tailwind.css` is pinned to px precisely because of it, and changing it now would
 * rescale the calendar.
 */

/*
* # Semantic UI - 2.4.0
* https://github.com/Semantic-Org/Semantic-UI
* http://www.semantic-ui.com/
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

@font-face {
  font-family: "Nunitoga";
  src: url("./Nunitoga-Light-DQqgAxww.woff2") format("woff2");
  font-weight: lighter;
  font-style: normal;
  unicode-range: U+0000-036F, U+0400-1EFF, U+2000-10FFFF;
}

@font-face {
  font-family: "Nunitoga";
  src: url("./Nunitoga-LightItalic-Cj-NtCUS.woff2") format("woff2");
  font-weight: lighter;
  font-style: italic;
  unicode-range: U+0000-036F, U+0400-1EFF, U+2000-10FFFF;
}

@font-face {
  font-family: "Nunitoga";
  src: url("./Nunitoga-Medium-B1Yv08fF.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0000-036F, U+0400-1EFF, U+2000-10FFFF;
}

@font-face {
  font-family: "Nunitoga";
  src: url("./Nunitoga-MediumItalic-DkiV_W4m.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0000-036F, U+0400-1EFF, U+2000-10FFFF;
}

@font-face {
  font-family: "Nunitoga";
  src: url("./Nunitoga-Bold-8sOuGruI.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+0000-036F, U+0400-1EFF, U+2000-10FFFF;
}

@font-face {
  font-family: "Nunitoga";
  src: url("./Nunitoga-BoldItalic-BeSjj3wb.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  unicode-range: U+0000-036F, U+0400-1EFF, U+2000-10FFFF;
}

/*!
* # Semantic UI 2.4.0 - Reset
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************
            Reset
*******************************/

/* Border-Box */

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* iPad Input Shadows */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
  ========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
*    IE on Windows Phone and in iOS.
*/

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
  ========================================================================== */

/**
* Remove the margin in all browsers (opinionated).
*/

body {
  margin: 0;
}

/**
* Add the correct display in IE 9-.
*/

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
  ========================================================================== */

/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
* Add the correct margin in IE 8.
*/

figure {
  margin: 1em 40px;
}

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
  ========================================================================== */

/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/

b,
strong {
  font-weight: inherit;
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
* Add the correct font style in Android 4.3-.
*/

dfn {
  font-style: italic;
}

/**
* Add the correct background and color in IE 9-.
*/

mark {
  background-color: #ff0;
  color: #000;
}

/**
* Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
  ========================================================================== */

/**
* Add the correct display in IE 9-.
*/

audio,
video {
  display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Remove the border on images inside links in IE 10-.
*/

img {
  border-style: none;
}

/**
* Hide the overflow in IE.
*/

svg:not(:root) {
  overflow: hidden;
}

/* Forms
  ========================================================================== */

/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input {
  /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
  /* 1 */
  text-transform: none;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
* Remove the default vertical scrollbar in IE.
*/

textarea {
  overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
  ========================================================================== */

/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/

details,
menu {
  display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
  display: list-item;
}

/* Scripting
  ========================================================================== */

/**
* Add the correct display in IE 9-.
*/

canvas {
  display: inline-block;
}

/**
* Add the correct display in IE.
*/

template {
  display: none;
}

/* Hidden
  ========================================================================== */

/**
* Add the correct display in IE 10-.
*/

[hidden] {
  display: none;
}

/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.4.0 - Site
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************
            Page
*******************************/

html,
body {
  height: 100%;
}

html {
  font-size: 14px;
}

body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: var(--background);
  font-family: "Manrope Variable", "Manrope", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  line-height: 1.4285em;
  color: var(--foreground);
  font-smoothing: antialiased;
}

/*******************************
            Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
  font-family: "Manrope Variable", "Manrope", "Nunitoga", "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2rem - 0.14285714em) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

h1 {
  min-height: 1rem;
  font-size: 2rem;
}

h2 {
  font-size: 1.71428571rem;
}

h3 {
  font-size: 1.28571429rem;
}

h4 {
  font-size: 1.07142857rem;
}

h5 {
  font-size: 1rem;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}

/*******************************
            Text
*******************************/

p {
  margin: 0em 0em 1em;
  line-height: 1.4285em;
}

p:first-child {
  margin-top: 0em;
}

p:last-child {
  margin-bottom: 0em;
}

/*-------------------
        Links
--------------------*/

a {
  color: #4183c4;
  text-decoration: none;
}

a:hover {
  color: #1e70bf;
  text-decoration: none;
}

/*******************************
        Scrollbars
*******************************/

/*******************************
          Highlighting
*******************************/

/* Site */

::-webkit-selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}

::selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}

/* Form */

textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

/* Force Simple Scrollbars */

/* body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}

body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

body ::-webkit-scrollbar-thumb:window-inactive {
  background: var(--overlay-hover);
}

body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
} */

/* Inverted UI */

/* body .ui.inverted::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

body .ui.inverted::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
} */

/*******************************
        Global Overrides
*******************************/

/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.4.0 - Button
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************
            Button
*******************************/

/*******************************
      Markdown code blocks
*******************************/

/*
 * Code in markdown — the Linear / Notion look: a lift off the surrounding surface,
 * a hairline border, calm syntax colours (see the `--code-*` tokens).
 *
 * `.yfm` is on BOTH the rendered output (`common/Markdown`) and the WYSIWYG editor
 * root (gravity puts `yfm yfm-editor` on the ProseMirror node), so this one block
 * styles the "while editing" and the "after saving" view identically. Do not fork
 * it per view — that is exactly how the two drifted apart before.
 *
 * # Why every selector is anchored at `#app`
 *
 * The diplodoc stylesheet IS loaded, despite what one would expect from the imports
 * in `Root.jsx`: `@gravity-ui/markdown-editor` pulls in `@diplodoc/transform/dist/
 * css/base.css` itself (`extensions/yfm/YfmConfigs`). It is a light theme, and two
 * of its rules outrank a naive override:
 *
 *   .yfm pre > code  (0,1,2)  padding: 16px + its own background — ties with
 *                             `.yfm pre code`, so the winner came down to bundle
 *                             order; that stray 16px inside the `<pre>` padding was
 *                             the "why is this block so tall" gap
 *   .yfm .hljs       (0,2,0)  color: #444 — beat every single-class rule below and
 *                             turned the code grey on the dark fill
 *
 * `#app` is the `<body>` id and is already how the app overrides yfm elsewhere
 * (`styles.module.scss`), so it wins on specificity regardless of import order.
 *
 * # Markup
 *
 * The `code` plugin (see `configs/markdown-plugins`) does not emit a bare `<pre>`
 * for a fence — it wraps it in a container with a floating toolbar:
 *
 *   <div class="yfm-code-floating-container">
 *     <pre><code class="hljs">…</code></pre>
 *     <div class="yfm-code-floating">
 *       <button class="yfm-code-button yfm-clipboard-button">…</button>
 *     </div>
 *   </div>
 *
 * That toolbar is an ordinary block, so it used to land *below* the code and pad the
 * block out with a dead row. It is pinned to the top-right corner here and fades in
 * on hover, the way current planners do it. The editor has no equivalent — its copy
 * button is part of the ProseMirror node view.
 */
#app .yfm code,
#app .yfm pre {
  font-family: var(--font-mono), monospace;
}

/* Inline `code` — no border, so it reads as a highlight inside the sentence */
#app .yfm :not(pre) > code,
#app .yfm :not(pre) > code * {
  background: color-mix(in oklab, var(--foreground) 10%, transparent);
  border: 0;
  border-radius: calc(var(--radius) * 0.3);
  color: var(--code-foreground);
  font-size: 0.875em;
  padding: 0.1em 0.4em;
  white-space: break-spaces;
}

/* Fenced code block — the container owns the outer spacing, the `<pre>` the fill */
#app .yfm .yfm-code-floating-container {
  margin: 12px 0;
  position: relative;
}

#app .yfm .yfm-code-floating-container:first-child {
  margin-top: 0;
}

#app .yfm .yfm-code-floating-container:last-child {
  margin-bottom: 0;
}

#app .yfm pre {
  background: var(--code);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.6);
  margin: 12px 0;
  overflow-x: auto;
  padding: 10px 12px;
}

#app .yfm .yfm-code-floating-container > pre {
  margin: 0;
}

/*
 * The `<code>` is stripped back to bare text: diplodoc makes it the padded, scrolling,
 * filled box, but here that job belongs to the `<pre>` above — otherwise the two
 * paddings stack. Nothing in this rule may reset `background`, or the highlighter's
 * diff fills go with it.
 */
#app .yfm pre code,
#app .yfm pre code * {
  font-size: 13px;
  line-height: 1.55;
  padding: 0;
  white-space: pre;
}

#app .yfm pre > code {
  background: none;
  border: 0;
  color: var(--code-foreground);
  display: block;
  overflow: visible;
  tab-size: 2;
}

/* ```lang showLineNumbers */
#app .yfm .yfm-line-number {
  color: var(--code-comment);
  display: inline-block;
  margin-right: 12px;
  padding-right: 0;
  text-align: right;
  user-select: none;
}

/*
 * highlight.js theme. Replaces both the stock github-light palette this project
 * carried and diplodoc's own — each was written for a white page, so their navies
 * and teals were unreadable here. Hues stay light and low-chroma (`--code-*`).
 */
#app .yfm .hljs-comment,
#app .yfm .hljs-quote {
  color: var(--code-comment);
  font-style: italic;
}

#app .yfm .hljs-keyword,
#app .yfm .hljs-selector-tag,
#app .yfm .hljs-subst {
  color: var(--code-keyword);
  font-weight: normal;
}

#app .yfm .hljs-bullet,
#app .yfm .hljs-literal,
#app .yfm .hljs-number,
#app .yfm .hljs-symbol {
  color: var(--code-number);
}

#app .yfm .hljs-doctag,
#app .yfm .hljs-link,
#app .yfm .hljs-regexp,
#app .yfm .hljs-string {
  color: var(--code-string);
}

#app .yfm .hljs-section,
#app .yfm .hljs-selector-id,
#app .yfm .hljs-title {
  color: var(--code-function);
  font-weight: normal;
}

#app .yfm .hljs-attr,
#app .yfm .hljs-attribute,
#app .yfm .hljs-name,
#app .yfm .hljs-tag,
#app .yfm .hljs-template-variable,
#app .yfm .hljs-variable {
  color: var(--code-variable);
  font-weight: normal;
}

#app .yfm .hljs-built_in,
#app .yfm .hljs-builtin-name,
#app .yfm .hljs-class .hljs-title,
#app .yfm .hljs-meta,
#app .yfm .hljs-type {
  color: var(--code-type);
  font-weight: normal;
}

#app .yfm .hljs-deletion {
  background: color-mix(in oklab, var(--destructive) 22%, transparent);
}

#app .yfm .hljs-addition {
  background: color-mix(in oklab, var(--success) 22%, transparent);
}

#app .yfm .hljs-emphasis {
  font-style: italic;
}

#app .yfm .hljs-strong {
  font-weight: bold;
}

/* Floating toolbar (copy button); wired up in `common/Markdown` */
#app .yfm .yfm-code-floating {
  display: flex;
  gap: 4px;
  opacity: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  transition: opacity 0.12s ease;
}

#app .yfm .yfm-code-floating-container:hover .yfm-code-floating,
#app .yfm .yfm-code-floating-container:focus-within .yfm-code-floating,
#app .yfm .yfm-code-floating:has(.is-copied) {
  opacity: 1;
}

#app .yfm .yfm-code-button {
  align-items: center;
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.4);
  color: var(--muted-foreground);
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  padding: 0;
  transition:
    background 0.12s ease,
    color 0.12s ease;
  width: 26px;
}

#app .yfm .yfm-code-button:hover {
  background: var(--surface-hover);
  color: var(--foreground);
}

#app .yfm .yfm-code-icon {
  display: block;
  height: 15px;
  width: 15px;
}

/* Copied — swap the clipboard glyph for the checkmark that ships inside the icon */
#app .yfm .yfm-clipboard-button.is-copied {
  color: var(--success);
}

#app .yfm .yfm-clipboard-button.is-copied .yfm-clipboard-icon > path:first-of-type {
  opacity: 0;
}

#app .yfm .yfm-clipboard-button.is-copied .yfm-clipboard-icon > path:last-of-type {
  visibility: visible;
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :before, :after, ::backdrop {
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}

:root, :host {
  --font-sans: var(--font-sans);
  --font-mono: var(--font-mono);
  --color-blue-300: oklch(80.9% .105 251.813);
  --color-neutral-200: oklch(92.2% 0 none);
  --color-black: #000;
  --color-white: #fff;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-xl: 36rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --tracking-widest: .1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-md: calc(var(--radius) * .8);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --blur-sm: 8px;
  --blur-xl: 24px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root, .tw-root {
  color-scheme: dark;
  --background: oklch(14.5% 0 0);
  --foreground: oklch(98.5% 0 0);
  --card: oklch(20.5% 0 0);
  --card-foreground: oklch(98.5% 0 0);
  --popover: oklch(30% 0 0);
  --popover-foreground: oklch(98.5% 0 0);
  --secondary: oklch(26.9% 0 0);
  --secondary-foreground: oklch(98.5% 0 0);
  --muted: oklch(26.9% 0 0);
  --muted-foreground: oklch(70.8% 0 0);
  --accent: oklch(26.9% 0 0);
  --accent-foreground: oklch(98.5% 0 0);
  --primary: oklch(92.2% 0 0);
  --primary-foreground: oklch(20.5% 0 0);
  --ring: oklch(55.6% 0 0);
  --overlay-hover: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, .tw-root {
    --overlay-hover: color-mix(in oklab, var(--foreground) 8%, transparent);
  }
}

:root, .tw-root {
  --overlay-active: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, .tw-root {
    --overlay-active: color-mix(in oklab, var(--foreground) 14%, transparent);
  }
}

:root, .tw-root {
  --surface-hover: var(--secondary);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, .tw-root {
    --surface-hover: color-mix(in oklab, var(--secondary) 92%, var(--foreground));
  }
}

:root, .tw-root {
  --surface-active: var(--secondary);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, .tw-root {
    --surface-active: color-mix(in oklab, var(--secondary) 86%, var(--foreground));
  }
}

:root, .tw-root {
  --destructive: oklch(70.4% .191 22.216);
  --destructive-foreground: oklch(97% .01 22);
  --success: oklch(72% .16 155);
  --success-foreground: oklch(18% .04 155);
  --warning: oklch(79% .15 78);
  --warning-foreground: oklch(20% .04 78);
  --info: oklch(68% .13 240);
  --info-foreground: oklch(18% .04 240);
  --code: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :root, .tw-root {
    --code: color-mix(in oklab, var(--foreground) 8%, transparent);
  }
}

:root, .tw-root {
  --code-foreground: oklch(96% 0 0);
  --code-comment: oklch(62% 0 0);
  --code-keyword: oklch(78% .11 310);
  --code-string: oklch(80% .11 150);
  --code-number: oklch(82% .1 70);
  --code-function: oklch(79% .1 245);
  --code-variable: oklch(82% .08 200);
  --code-type: oklch(85% .09 95);
  --border: oklch(100% 0 0 / .1);
  --input: oklch(100% 0 0 / .15);
  --chart-1: oklch(87% 0 0);
  --chart-2: oklch(55.6% 0 0);
  --chart-3: oklch(43.9% 0 0);
  --chart-4: oklch(37.1% 0 0);
  --chart-5: oklch(26.9% 0 0);
  --radius: 12px;
  --sidebar: oklch(20.5% 0 0);
  --sidebar-foreground: oklch(98.5% 0 0);
  --sidebar-primary: oklch(48.8% .243 264.376);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(26.9% 0 0);
  --sidebar-accent-foreground: oklch(98.5% 0 0);
  --sidebar-border: oklch(100% 0 0 / .1);
  --sidebar-ring: oklch(55.6% 0 0);
  --font-sans: "Manrope Variable", "Manrope", "Nunitoga", "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.tw-root {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tw-root.dark, .tw-root .dark {
  color-scheme: dark;
}

.tw-root :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  min-height: 0;
  margin: 0;
}

.tw-root :where(p, dl, dd, figure, blockquote, pre) {
  margin: 0;
}

.tw-root :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tw-root :where(a) {
  color: inherit;
  text-decoration: none;
}

.tw-root :where(button, input, select, textarea) {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  margin: 0;
}

.tw-root :where(button) {
  text-align: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.tw-root :where(input, textarea, select) {
  background: none;
  border: 0;
}

.tw-root :where(input)::placeholder, .tw-root :where(textarea)::placeholder {
  color: var(--muted-foreground);
  opacity: 1;
}

.tw-root :where(svg) {
  display: block;
}

@keyframes toast-countdown {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-none {
  pointer-events: none;
}

.collapse {
  visibility: collapse;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

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

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  inset-inline: 0;
}

.inset-x-4 {
  inset-inline: 16px;
}

.top-0 {
  top: 0;
}

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

.top-3 {
  top: 12px;
}

.top-\[66px\] {
  top: 66px;
}

.top-full {
  top: 100%;
}

.-right-0\.5 {
  right: -2px;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 4px;
}

.right-2 {
  right: 8px;
}

.right-2\.5 {
  right: 10px;
}

.right-3 {
  right: 12px;
}

.-bottom-0\.5 {
  bottom: -2px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-4 {
  bottom: 16px;
}

.-left-\[120px\] {
  left: -120px;
}

.left-0 {
  left: 0;
}

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

.left-2\.5 {
  left: 10px;
}

.left-3 {
  left: 12px;
}

.isolate {
  isolation: isolate;
}

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

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

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

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

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

.z-\[calc\(1000-var\(--toast-index\)\)\] {
  z-index: calc(1000 - var(--toast-index));
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.container {
  width: 100%;
}

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

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

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

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

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

.m-0 {
  margin: 0;
}

.-mx-1 {
  margin-inline: -4px;
}

.-mx-3 {
  margin-inline: -12px;
}

.mx-1 {
  margin-inline: 4px;
}

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

.my-0\.5 {
  margin-block: 2px;
}

.my-1 {
  margin-block: 4px;
}

.my-1\.5 {
  margin-block: 6px;
}

.my-2 {
  margin-block: 8px;
}

.my-3 {
  margin-block: 12px;
}

.my-4 {
  margin-block: 16px;
}

.my-6 {
  margin-block: 24px;
}

.my-10 {
  margin-block: 40px;
}

.mt-0\.5 {
  margin-top: 2px;
}

.mt-1 {
  margin-top: 4px;
}

.mt-1\.5 {
  margin-top: 6px;
}

.mt-2 {
  margin-top: 8px;
}

.mt-2\.5 {
  margin-top: 10px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-4 {
  margin-top: 16px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

.-mr-1\.5 {
  margin-right: -6px;
}

.-mr-2 {
  margin-right: -8px;
}

.-mb-px {
  margin-bottom: -1px;
}

.mb-1 {
  margin-bottom: 4px;
}

.mb-1\.5 {
  margin-bottom: 6px;
}

.mb-2 {
  margin-bottom: 8px;
}

.mb-3 {
  margin-bottom: 12px;
}

.mb-4 {
  margin-bottom: 16px;
}

.mb-5 {
  margin-bottom: 20px;
}

.mb-6 {
  margin-bottom: 24px;
}

.ml-0\.5 {
  margin-left: 2px;
}

.ml-1 {
  margin-left: 4px;
}

.ml-1\.5 {
  margin-left: 6px;
}

.ml-2 {
  margin-left: 8px;
}

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

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

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

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

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

.field-sizing-content {
  field-sizing: content;
}

.size-1 {
  width: 4px;
  height: 4px;
}

.size-1\.5 {
  width: 6px;
  height: 6px;
}

.size-2 {
  width: 8px;
  height: 8px;
}

.size-2\.5 {
  width: 10px;
  height: 10px;
}

.size-3 {
  width: 12px;
  height: 12px;
}

.size-3\.5 {
  width: 14px;
  height: 14px;
}

.size-4 {
  width: 16px;
  height: 16px;
}

.size-4\.5 {
  width: 18px;
  height: 18px;
}

.size-5 {
  width: 20px;
  height: 20px;
}

.size-6 {
  width: 24px;
  height: 24px;
}

.size-7 {
  width: 28px;
  height: 28px;
}

.size-8 {
  width: 32px;
  height: 32px;
}

.size-9 {
  width: 36px;
  height: 36px;
}

.size-10 {
  width: 40px;
  height: 40px;
}

.size-11 {
  width: 44px;
  height: 44px;
}

.size-20 {
  width: 80px;
  height: 80px;
}

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

.size-full {
  width: 100%;
  height: 100%;
}

.h-\(--height\) {
  height: var(--height);
}

.h-0\.5 {
  height: 2px;
}

.h-1\.5 {
  height: 6px;
}

.h-3 {
  height: 12px;
}

.h-4 {
  height: 16px;
}

.h-5 {
  height: 20px;
}

.h-6 {
  height: 24px;
}

.h-7 {
  height: 28px;
}

.h-8 {
  height: 32px;
}

.h-9 {
  height: 36px;
}

.h-10 {
  height: 40px;
}

.h-11 {
  height: 44px;
}

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

.h-\[calc\(100dvh-4rem\)\] {
  height: calc(100dvh - 4rem);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-\(--available-height\) {
  max-height: var(--available-height);
}

.max-h-56 {
  max-height: 224px;
}

.max-h-72 {
  max-height: 288px;
}

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

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

.max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem);
}

.min-h-0 {
  min-height: 0;
}

.min-h-8 {
  min-height: 32px;
}

.min-h-11 {
  min-height: 44px;
}

.min-h-16 {
  min-height: 64px;
}

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

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

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

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

.w-\(--anchor-width\) {
  width: var(--anchor-width);
}

.w-5 {
  width: 20px;
}

.w-9 {
  width: 36px;
}

.w-11 {
  width: 44px;
}

.w-28 {
  width: 112px;
}

.w-72 {
  width: 288px;
}

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

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

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

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

.w-\[calc\(100vw-1\.5rem\)\] {
  width: calc(100vw - 1.5rem);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

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

.w-px {
  width: 1px;
}

.max-w-2xl {
  max-width: 672px;
}

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

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

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

.max-w-44 {
  max-width: 176px;
}

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

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

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

.max-w-\[calc\(100vw-3rem\)\] {
  max-width: calc(100vw - 3rem);
}

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

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

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

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

.min-w-0 {
  min-width: 0;
}

.min-w-4 {
  min-width: 16px;
}

.min-w-32 {
  min-width: 128px;
}

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

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

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

.flex-1 {
  flex: 1;
}

.flex-none {
  flex: none;
}

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

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

.origin-\(--transform-origin\) {
  transform-origin: var(--transform-origin);
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-left {
  transform-origin: 0;
}

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

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

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

.rotate-45 {
  rotate: 45deg;
}

.rotate-180 {
  rotate: 180deg;
}

.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
  transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));
}

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

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

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

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

.cursor-pointer {
  cursor: pointer;
}

.touch-none {
  touch-action: none;
}

.resize {
  resize: both;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

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

.\[appearance\:textfield\] {
  appearance: textfield;
}

.appearance-none {
  appearance: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: 2px;
}

.gap-1 {
  gap: 4px;
}

.gap-1\.5 {
  gap: 6px;
}

.gap-2 {
  gap: 8px;
}

.gap-2\.5 {
  gap: 10px;
}

.gap-3 {
  gap: 12px;
}

.gap-3\.5 {
  gap: 14px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

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

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

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

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

.gap-x-1 {
  column-gap: 4px;
}

.gap-x-2 {
  column-gap: 8px;
}

.gap-y-1 {
  row-gap: 4px;
}

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

.overscroll-x-contain {
  overscroll-behavior-x: contain;
}

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

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

.rounded-4xl {
  border-radius: calc(var(--radius) * 2.6);
}

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

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

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

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

.rounded-\[calc\(var\(--radius\)\*0\.5\)\] {
  border-radius: calc(var(--radius) * .5);
}

.rounded-\[calc\(var\(--radius\)\*0\.6\)\] {
  border-radius: calc(var(--radius) * .6);
}

.rounded-\[calc\(var\(--radius\)\*0\.7\)\] {
  border-radius: calc(var(--radius) * .7);
}

.rounded-\[calc\(var\(--radius\)\*0\.8\)\] {
  border-radius: calc(var(--radius) * .8);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-\[color-mix\(in_oklab\,var\(--destructive\)_45\%\,transparent\)\] {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-\[color-mix\(in_oklab\,var\(--destructive\)_45\%\,transparent\)\] {
    border-color: color-mix(in oklab,var(--destructive) 45%,transparent);
  }
}

.border-\[color-mix\(in_oklab\,var\(--info\)_45\%\,transparent\)\] {
  border-color: var(--info);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-\[color-mix\(in_oklab\,var\(--info\)_45\%\,transparent\)\] {
    border-color: color-mix(in oklab,var(--info) 45%,transparent);
  }
}

.border-\[color-mix\(in_oklab\,var\(--success\)_45\%\,transparent\)\] {
  border-color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-\[color-mix\(in_oklab\,var\(--success\)_45\%\,transparent\)\] {
    border-color: color-mix(in oklab,var(--success) 45%,transparent);
  }
}

.border-\[color-mix\(in_oklab\,var\(--warning\)_45\%\,transparent\)\] {
  border-color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-\[color-mix\(in_oklab\,var\(--warning\)_45\%\,transparent\)\] {
    border-color: color-mix(in oklab,var(--warning) 45%,transparent);
  }
}

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

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

.border-destructive\/30 {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/30 {
    border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
  }
}

.border-destructive\/35 {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/35 {
    border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
  }
}

.border-destructive\/40 {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/40 {
    border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
  }
}

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

.border-muted-foreground\/50 {
  border-color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-muted-foreground\/50 {
    border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
  }
}

.border-primary, .border-primary\/40 {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/40 {
    border-color: color-mix(in oklab, var(--primary) 40%, transparent);
  }
}

.border-primary\/50 {
  border-color: var(--primary);
}

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

.border-success\/25 {
  border-color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/25 {
    border-color: color-mix(in oklab, var(--success) 25%, transparent);
  }
}

.border-success\/30 {
  border-color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/30 {
    border-color: color-mix(in oklab, var(--success) 30%, transparent);
  }
}

.border-success\/40 {
  border-color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/40 {
    border-color: color-mix(in oklab, var(--success) 40%, transparent);
  }
}

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

.border-warning\/30 {
  border-color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/30 {
    border-color: color-mix(in oklab, var(--warning) 30%, transparent);
  }
}

.border-warning\/40 {
  border-color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/40 {
    border-color: color-mix(in oklab, var(--warning) 40%, transparent);
  }
}

.border-warning\/45 {
  border-color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/45 {
    border-color: color-mix(in oklab, var(--warning) 45%, transparent);
  }
}

.border-white\/10 {
  border-color: #ffffff1a;
}

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

.bg-\(--overlay-hover\) {
  background-color: var(--overlay-hover);
}

.bg-\[\#F5892A\] {
  background-color: #f5892a;
}

.bg-\[\#F5892A\]\/10 {
  background-color: oklab(73.3916% .0920331 .136615 / .1);
}

.bg-\[color-mix\(in_oklab\,var\(--destructive\)_15\%\,transparent\)\] {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[color-mix\(in_oklab\,var\(--destructive\)_15\%\,transparent\)\] {
    background-color: color-mix(in oklab,var(--destructive) 15%,transparent);
  }
}

.bg-\[color-mix\(in_oklab\,var\(--info\)_15\%\,transparent\)\] {
  background-color: var(--info);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[color-mix\(in_oklab\,var\(--info\)_15\%\,transparent\)\] {
    background-color: color-mix(in oklab,var(--info) 15%,transparent);
  }
}

.bg-\[color-mix\(in_oklab\,var\(--success\)_15\%\,transparent\)\] {
  background-color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[color-mix\(in_oklab\,var\(--success\)_15\%\,transparent\)\] {
    background-color: color-mix(in oklab,var(--success) 15%,transparent);
  }
}

.bg-\[color-mix\(in_oklab\,var\(--warning\)_15\%\,transparent\)\] {
  background-color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[color-mix\(in_oklab\,var\(--warning\)_15\%\,transparent\)\] {
    background-color: color-mix(in oklab,var(--warning) 15%,transparent);
  }
}

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

.bg-background, .bg-background\/55 {
  background-color: var(--background);
}

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

.bg-background\/60 {
  background-color: var(--background);
}

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

.bg-background\/70 {
  background-color: var(--background);
}

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

.bg-black\/70 {
  background-color: #000000b3;
}

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

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

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

.bg-destructive, .bg-destructive\/10 {
  background-color: var(--destructive);
}

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

.bg-destructive\/15 {
  background-color: var(--destructive);
}

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

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

.bg-info, .bg-info\/15 {
  background-color: var(--info);
}

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

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

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

.bg-muted-foreground, .bg-muted-foreground\/70 {
  background-color: var(--muted-foreground);
}

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

.bg-muted\/30 {
  background-color: var(--muted);
}

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

.bg-muted\/40 {
  background-color: var(--muted);
}

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

.bg-muted\/50 {
  background-color: var(--muted);
}

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

.bg-muted\/60 {
  background-color: var(--muted);
}

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

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

.bg-primary, .bg-primary\/10 {
  background-color: var(--primary);
}

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

.bg-primary\/15 {
  background-color: var(--primary);
}

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

.bg-secondary, .bg-secondary\/40 {
  background-color: var(--secondary);
}

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

.bg-success, .bg-success\/5 {
  background-color: var(--success);
}

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

.bg-success\/10 {
  background-color: var(--success);
}

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

.bg-success\/15 {
  background-color: var(--success);
}

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

.bg-success\/20 {
  background-color: var(--success);
}

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

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

.bg-warning, .bg-warning\/5 {
  background-color: var(--warning);
}

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

.bg-warning\/10 {
  background-color: var(--warning);
}

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

.bg-warning\/15 {
  background-color: var(--warning);
}

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

.bg-warning\/20 {
  background-color: var(--warning);
}

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

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

.bg-clip-padding {
  background-clip: padding-box;
}

.fill-foreground {
  fill: var(--foreground);
}

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

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: 2px;
}

.p-1 {
  padding: 4px;
}

.p-1\.5 {
  padding: 6px;
}

.p-2 {
  padding: 8px;
}

.p-2\.5 {
  padding: 10px;
}

.p-3 {
  padding: 12px;
}

.p-3\.5 {
  padding: 14px;
}

.p-4 {
  padding: 16px;
}

.p-5 {
  padding: 20px;
}

.p-6 {
  padding: 24px;
}

.p-8 {
  padding: 32px;
}

.p-px {
  padding: 1px;
}

.px-0 {
  padding-inline: 0;
}

.px-1 {
  padding-inline: 4px;
}

.px-1\.5 {
  padding-inline: 6px;
}

.px-2 {
  padding-inline: 8px;
}

.px-2\.5 {
  padding-inline: 10px;
}

.px-3 {
  padding-inline: 12px;
}

.px-3\.5 {
  padding-inline: 14px;
}

.px-4 {
  padding-inline: 16px;
}

.px-5 {
  padding-inline: 20px;
}

.px-8 {
  padding-inline: 32px;
}

.py-0\.5 {
  padding-block: 2px;
}

.py-1 {
  padding-block: 4px;
}

.py-1\.5 {
  padding-block: 6px;
}

.py-2 {
  padding-block: 8px;
}

.py-2\.5 {
  padding-block: 10px;
}

.py-3 {
  padding-block: 12px;
}

.py-3\.5 {
  padding-block: 14px;
}

.py-4 {
  padding-block: 16px;
}

.py-6 {
  padding-block: 24px;
}

.py-10 {
  padding-block: 40px;
}

.pt-0\.5 {
  padding-top: 2px;
}

.pt-2 {
  padding-top: 8px;
}

.pt-4 {
  padding-top: 16px;
}

.pt-5 {
  padding-top: 20px;
}

.pr-2\.5 {
  padding-right: 10px;
}

.pr-3 {
  padding-right: 12px;
}

.pr-8 {
  padding-right: 32px;
}

.pr-9 {
  padding-right: 36px;
}

.pr-10 {
  padding-right: 40px;
}

.pr-14 {
  padding-right: 56px;
}

.pr-16 {
  padding-right: 64px;
}

.pb-1 {
  padding-bottom: 4px;
}

.pb-2 {
  padding-bottom: 8px;
}

.pb-3\.5 {
  padding-bottom: 14px;
}

.pb-6 {
  padding-bottom: 24px;
}

.pl-1\.5 {
  padding-left: 6px;
}

.pl-2\.5 {
  padding-left: 10px;
}

.pl-5 {
  padding-left: 20px;
}

.pl-8 {
  padding-left: 32px;
}

.pl-10 {
  padding-left: 40px;
}

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

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

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

.align-middle {
  vertical-align: middle;
}

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

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

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

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

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

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

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

.text-\[0\.8rem\] {
  font-size: .8rem;
}

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

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

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

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

.leading-3 {
  --tw-leading: calc(4px * 3);
  line-height: 12px;
}

.leading-4 {
  --tw-leading: calc(4px * 4);
  line-height: 16px;
}

.leading-5 {
  --tw-leading: calc(4px * 5);
  line-height: 20px;
}

.leading-6 {
  --tw-leading: calc(4px * 6);
  line-height: 24px;
}

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

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

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

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

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

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

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

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

.tracking-\[0\.06em\] {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

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

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

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

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

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

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

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

.text-\[\#1B1206\] {
  color: #1b1206;
}

.text-background {
  color: var(--background);
}

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

.text-card-foreground {
  color: var(--card-foreground);
}

.text-current {
  color: currentColor;
}

.text-destructive {
  color: var(--destructive);
}

.text-foreground, .text-foreground\/70 {
  color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-foreground\/70 {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}

.text-info, .text-info\/90 {
  color: var(--info);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-info\/90 {
    color: color-mix(in oklab, var(--info) 90%, transparent);
  }
}

.text-muted-foreground, .text-muted-foreground\/60 {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-muted-foreground\/60 {
    color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
  }
}

.text-popover-foreground {
  color: var(--popover-foreground);
}

.text-primary {
  color: var(--primary);
}

.text-primary-foreground {
  color: var(--primary-foreground);
}

.text-secondary-foreground {
  color: var(--secondary-foreground);
}

.text-success, .text-success\/80 {
  color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-success\/80 {
    color: color-mix(in oklab, var(--success) 80%, transparent);
  }
}

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

.text-warning-foreground {
  color: var(--warning-foreground);
}

.text-warning\/70 {
  color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-warning\/70 {
    color: color-mix(in oklab, var(--warning) 70%, transparent);
  }
}

.text-warning\/80 {
  color: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-warning\/80 {
    color: color-mix(in oklab, var(--warning) 80%, transparent);
  }
}

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

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}

.line-through {
  text-decoration-line: line-through;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.accent-\[var\(--primary\)\] {
  accent-color: var(--primary);
}

.\[color-scheme\:dark\] {
  color-scheme: dark;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: .25;
}

.opacity-30 {
  opacity: .3;
}

.opacity-35 {
  opacity: .35;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0f);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-foreground\/10 {
  --tw-ring-color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .ring-foreground\/10 {
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
  }
}

.ring-primary, .ring-primary\/60 {
  --tw-ring-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .ring-primary\/60 {
    --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
  }
}

.outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .outline-hidden {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

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

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.filter {
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(var(--blur-xl));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(150%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[color\,box-shadow\] {
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[scale\,filter\] {
  transition-property: scale, filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-none {
  transition-property: none;
}

.duration-100 {
  --tw-duration: .1s;
  transition-duration: .1s;
}

.duration-200 {
  --tw-duration: .2s;
  transition-duration: .2s;
}

.duration-250 {
  --tw-duration: .25s;
  transition-duration: .25s;
}

.duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s;
}

.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
  --tw-ease: cubic-bezier(.22,1,.36,1);
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}

.will-change-auto {
  will-change: auto;
}

.will-change-transform {
  will-change: transform;
}

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

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.\[--gap\:0\.75rem\] {
  --gap: .75rem;
}

.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\] {
  --height: var(--toast-frontmost-height, var(--toast-height));
}

.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\] {
  --offset-y: calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));
}

.\[--peek\:0\.75rem\] {
  --peek: .75rem;
}

.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\] {
  --scale: calc(max(0, 1 - (var(--toast-index) * .1)));
}

.\[--shrink\:calc\(1-var\(--scale\)\)\] {
  --shrink: calc(1 - var(--scale));
}

.\[column-fill\:balance\] {
  column-fill: balance;
}

.\[column-width\:280px\] {
  column-width: 280px;
}

.\[transition\:transform_500ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_500ms\,height_150ms\] {
  transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;
}

.paused {
  animation-play-state: paused;
}

.ring-inset {
  --tw-ring-inset: inset;
}

.running {
  animation-play-state: running;
}

.group-focus-within\/toast\:\[animation-play-state\:paused\]:is(:where(.group\/toast):focus-within *) {
  animation-play-state: paused;
}

@media (hover: hover) {
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 1;
  }

  .group-hover\/card\:scale-105:is(:where(.group\/card):hover *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .group-hover\/card\:brightness-110:is(:where(.group\/card):hover *) {
    --tw-brightness: brightness(110%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .group-hover\/toast\:\[animation-play-state\:paused\]:is(:where(.group\/toast):hover *) {
    animation-play-state: paused;
  }
}

.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
  color: var(--accent-foreground);
}

.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
  opacity: .5;
}

.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
  pointer-events: none;
}

.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
  opacity: .5;
}

.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
  width: 16px;
  height: 16px;
}

.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
  width: 12px;
  height: 12px;
}

.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
  cursor: not-allowed;
}

.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
  opacity: .5;
}

.file\:inline-flex::file-selector-button {
  display: inline-flex;
}

.file\:h-6::file-selector-button {
  height: 24px;
}

.file\:border-0::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.file\:bg-transparent::file-selector-button {
  background-color: #0000;
}

.file\:text-sm::file-selector-button {
  font-size: 14px;
  line-height: var(--tw-leading, 20px);
}

.file\:font-medium::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.file\:text-foreground::file-selector-button {
  color: var(--foreground);
}

.placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground);
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-2:after {
  content: var(--tw-content);
  inset: -8px;
}

.after\:-inset-x-3:after {
  content: var(--tw-content);
  inset-inline: -12px;
}

.after\:-inset-y-2:after {
  content: var(--tw-content);
  inset-block: -8px;
}

.after\:top-full:after {
  content: var(--tw-content);
  top: 100%;
}

.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}

.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after {
  content: var(--tw-content);
  height: calc(var(--gap) + 1px);
}

.after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}

.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

.last\:mr-0:last-child {
  margin-right: 0;
}

.last\:mb-0:last-child {
  margin-bottom: 0;
}

.last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

.read-only\:opacity-70:read-only {
  opacity: .7;
}

@media (hover: hover) {
  .hover\:border-destructive\/50:hover {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-destructive\/50:hover {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .hover\:border-destructive\/55:hover {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-destructive\/55:hover {
      border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
    }
  }

  .hover\:border-input:hover {
    border-color: var(--input);
  }

  .hover\:border-primary\/55:hover {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-primary\/55:hover {
      border-color: color-mix(in oklab, var(--primary) 55%, transparent);
    }
  }

  .hover\:bg-\(--overlay-hover\):hover {
    background-color: var(--overlay-hover);
  }

  .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
    }
  }

  .hover\:bg-\[var\(--overlay-active\)\]:hover {
    background-color: var(--overlay-active);
  }

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

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

  .hover\:bg-destructive\/10:hover {
    background-color: var(--destructive);
  }

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

  .hover\:bg-destructive\/15:hover {
    background-color: var(--destructive);
  }

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

  .hover\:bg-destructive\/20:hover {
    background-color: var(--destructive);
  }

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

  .hover\:bg-destructive\/90:hover {
    background-color: var(--destructive);
  }

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

  .hover\:bg-muted:hover, .hover\:bg-muted\/40:hover {
    background-color: var(--muted);
  }

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

  .hover\:bg-muted\/50:hover {
    background-color: var(--muted);
  }

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

  .hover\:bg-muted\/60:hover {
    background-color: var(--muted);
  }

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

  .hover\:bg-neutral-200:hover {
    background-color: var(--color-neutral-200);
  }

  .hover\:bg-primary\/25:hover {
    background-color: var(--primary);
  }

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

  .hover\:bg-primary\/80:hover {
    background-color: var(--primary);
  }

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

  .hover\:bg-primary\/90:hover {
    background-color: var(--primary);
  }

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

  .hover\:bg-secondary:hover {
    background-color: var(--secondary);
  }

  .hover\:bg-success\/90:hover {
    background-color: var(--success);
  }

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

  .hover\:bg-warning\/20:hover {
    background-color: var(--warning);
  }

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

  .hover\:bg-warning\/90:hover {
    background-color: var(--warning);
  }

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

  .hover\:text-destructive:hover {
    color: var(--destructive);
  }

  .hover\:text-foreground:hover {
    color: var(--foreground);
  }

  .hover\:text-muted-foreground:hover {
    color: var(--muted-foreground);
  }

  .hover\:underline:hover {
    text-decoration-line: underline;
  }

  .hover\:opacity-80:hover {
    opacity: .8;
  }

  .hover\:opacity-100:hover {
    opacity: 1;
  }
}

.focus\:border-primary:focus {
  border-color: var(--primary);
}

.focus\:border-ring:focus {
  border-color: var(--ring);
}

.focus\:bg-accent:focus {
  background-color: var(--accent);
}

.focus\:text-accent-foreground:focus {
  color: var(--accent-foreground);
}

.focus\:ring-2:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.focus\:ring-3:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.focus\:ring-primary\/30:focus {
  --tw-ring-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-primary\/30:focus {
    --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
  }
}

.focus\:ring-ring\/50:focus {
  --tw-ring-color: var(--ring);
}

@supports (color: color-mix(in lab, red, red)) {
  .focus\:ring-ring\/50:focus {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}

:is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
  color: var(--accent-foreground);
}

.focus-visible\:border-destructive\/40:focus-visible {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
  }
}

.focus-visible\:border-ring:focus-visible {
  border-color: var(--ring);
}

.focus-visible\:bg-\[var\(--overlay-hover\)\]:focus-visible {
  background-color: var(--overlay-hover);
}

.focus-visible\:bg-muted\/60:focus-visible {
  background-color: var(--muted);
}

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

.focus-visible\:bg-secondary:focus-visible {
  background-color: var(--secondary);
}

.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.focus-visible\:ring-destructive\/20:focus-visible {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

.focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: var(--ring);
}

@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}

.focus-visible\:outline-1:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
  --tw-translate-y: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

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

.disabled\:bg-input\/50:disabled {
  background-color: var(--input);
}

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

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

:where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
  border-radius: var(--radius);
}

.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
  padding-right: 6px;
}

.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
  padding-right: 8px;
}

.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
  padding-left: 6px;
}

.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
  padding-left: 8px;
}

.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
  padding-right: 6px;
}

.aria-expanded\:bg-muted[aria-expanded="true"] {
  background-color: var(--muted);
}

.aria-expanded\:bg-secondary[aria-expanded="true"] {
  background-color: var(--secondary);
}

.aria-expanded\:text-foreground[aria-expanded="true"] {
  color: var(--foreground);
}

.aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
  color: var(--secondary-foreground);
}

.aria-invalid\:border-destructive[aria-invalid="true"] {
  border-color: var(--destructive);
}

.aria-invalid\:ring-3[aria-invalid="true"] {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

.aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
  border-color: var(--primary);
}

.data-behind\:opacity-0[data-behind] {
  opacity: 0;
}

.data-expanded\:h-\(--toast-height\)[data-expanded] {
  height: var(--toast-height);
}

.data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--offset-y\)\)\][data-expanded] {
  transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));
}

.data-expanded\:opacity-100[data-expanded] {
  opacity: 1;
}

.data-inset\:pl-7[data-inset] {
  padding-left: 28px;
}

.data-limited\:opacity-0[data-limited] {
  opacity: 0;
}

.data-popup-open\:bg-accent[data-popup-open] {
  background-color: var(--accent);
}

.data-popup-open\:text-accent-foreground[data-popup-open] {
  color: var(--accent-foreground);
}

.data-starting-style\:\[transform\:translateY\(150\%\)\][data-starting-style] {
  transform: translateY(150%);
}

.data-\[ending-style\]\:scale-95[data-ending-style] {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}

.data-\[ending-style\]\:opacity-0[data-ending-style] {
  opacity: 0;
}

.data-\[side\=bottom\]\:top-1[data-side="bottom"] {
  top: 4px;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
}

.data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
  top: 50% !important;
}

.data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
  left: -4px;
}

.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
}

.data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
  top: 50% !important;
}

.data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
  right: -4px;
}

.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
  --tw-enter-translate-x: calc(2*var(--spacing));
}

.data-\[side\=left\]\:top-1\/2\![data-side="left"] {
  top: 50% !important;
}

.data-\[side\=left\]\:-right-1[data-side="left"] {
  right: -4px;
}

.data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: calc(2*var(--spacing));
}

.data-\[side\=right\]\:top-1\/2\![data-side="right"] {
  top: 50% !important;
}

.data-\[side\=right\]\:-left-1[data-side="right"] {
  left: -4px;
}

.data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
}

.data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
  bottom: -10px;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: calc(2*var(--spacing));
}

.data-\[size\=default\]\:h-\[18\.4px\][data-size="default"] {
  height: 18.4px;
}

.data-\[size\=default\]\:w-\[32px\][data-size="default"] {
  width: 32px;
}

.data-\[size\=sm\]\:h-\[14px\][data-size="sm"] {
  height: 14px;
}

.data-\[size\=sm\]\:w-\[24px\][data-size="sm"] {
  width: 24px;
}

:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
  position: relative;
}

:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
  isolation: isolate;
}

:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
  z-index: 50;
}

:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
  border-radius: calc(var(--radius) * .6);
}

.data-\[starting-style\]\:scale-95[data-starting-style] {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}

.data-\[starting-style\]\:opacity-0[data-starting-style] {
  opacity: 0;
}

.data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
  animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}

.data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
  --tw-enter-opacity: 0;
}

.data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
  --tw-enter-scale: .95;
}

.data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction="down"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction="down"] {
  transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
}

.data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction="left"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction="left"] {
  transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
}

.data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction="right"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction="right"] {
  transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
}

.data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction="up"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction="up"] {
  transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
}

.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
  color: var(--destructive);
}

.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}

.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
  color: var(--destructive);
}

@media (min-width: 40rem) {
  .sm\:right-4 {
    right: 16px;
  }

  .sm\:left-auto {
    left: auto;
  }

  .sm\:mx-0 {
    margin-inline: 0;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:w-32 {
    width: 128px;
  }

  .sm\:w-48 {
    width: 192px;
  }

  .sm\:w-full {
    width: 100%;
  }

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

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

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

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

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

  .sm\:gap-4 {
    gap: 16px;
  }

  .sm\:p-4 {
    padding: 16px;
  }

  .sm\:p-5 {
    padding: 20px;
  }

  .sm\:px-3 {
    padding-inline: 12px;
  }

  .sm\:px-4 {
    padding-inline: 16px;
  }

  .sm\:px-5 {
    padding-inline: 20px;
  }

  .sm\:px-6 {
    padding-inline: 24px;
  }

  .sm\:pl-6 {
    padding-left: 24px;
  }

  .sm\:text-2xl {
    font-size: 24px;
    line-height: var(--tw-leading, 32px);
  }

  .sm\:text-lg {
    font-size: 18px;
    line-height: var(--tw-leading, 28px);
  }
}

@media (min-width: 48rem) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:text-sm {
    font-size: 14px;
    line-height: var(--tw-leading, 20px);
  }
}

@media (min-width: 64rem) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-\[66px\] {
    top: 66px;
  }

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

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

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

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

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

  .lg\:grid-cols-\[1fr_360px\] {
    grid-template-columns: 1fr 360px;
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_260px\] {
    grid-template-columns: minmax(0, 1fr) 260px;
  }

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

  .lg\:overflow-hidden {
    overflow: hidden;
  }

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

  .lg\:border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

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

  .lg\:px-8 {
    padding-inline: 32px;
  }
}

@media (min-width: 80rem) {
  .xl\:flex {
    display: flex;
  }

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

.dark\:border-input:is(.dark *) {
  border-color: var(--input);
}

.dark\:bg-destructive\/20:is(.dark *) {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

.dark\:bg-input\/30:is(.dark *) {
  background-color: var(--input);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-input\/30:is(.dark *) {
    background-color: color-mix(in oklab, var(--input) 30%, transparent);
  }
}

@media (hover: hover) {
  .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .dark\:hover\:bg-input\/50:is(.dark *):hover {
    background-color: var(--input);
  }

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

  .dark\:hover\:bg-muted\/50:is(.dark *):hover {
    background-color: var(--muted);
  }

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

.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
  }
}

.dark\:disabled\:bg-input\/80:is(.dark *):disabled {
  background-color: var(--input);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: color-mix(in oklab, var(--input) 80%, transparent);
  }
}

.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
  }
}

.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
  }
}

.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

.data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
  animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}

.data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
  background-color: var(--accent);
}

.data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
  color: var(--accent-foreground);
}

.data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
  --tw-enter-opacity: 0;
}

.data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
  --tw-enter-scale: .95;
}

.data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
  animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}

.data-closed\:overflow-hidden:where([data-state="closed"]), .data-closed\:overflow-hidden:where([data-closed]:not([data-closed="false"])) {
  overflow: hidden;
}

.data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
  --tw-exit-opacity: 0;
}

.data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
  --tw-exit-scale: .95;
}

.data-checked\:border-primary:where([data-state="checked"]), .data-checked\:border-primary:where([data-checked]:not([data-checked="false"])) {
  border-color: var(--primary);
}

.data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
  background-color: var(--primary);
}

.data-checked\:text-primary-foreground:where([data-state="checked"]), .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked="false"])) {
  color: var(--primary-foreground);
}

.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-state="checked"]), .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-checked]:not([data-checked="false"])), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="checked"]), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-checked]:not([data-checked="false"])) {
  --tw-translate-x: calc(100% - 2px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.dark\:data-checked\:bg-primary:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked="false"])) {
  background-color: var(--primary);
}

.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked="false"])) {
  background-color: var(--primary-foreground);
}

.data-unchecked\:bg-input:where([data-state="unchecked"]), .data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked="false"])) {
  background-color: var(--input);
}

.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-state="unchecked"]), .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-unchecked]:not([data-unchecked="false"])), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="unchecked"]), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-unchecked]:not([data-unchecked="false"])) {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
  background-color: var(--foreground);
}

.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
  background-color: var(--input);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: color-mix(in oklab, var(--input) 80%, transparent);
  }
}

.data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
  pointer-events: none;
}

.data-disabled\:cursor-not-allowed:where([data-disabled="true"]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled="false"])) {
  cursor: not-allowed;
}

.data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
  opacity: .5;
}

.data-horizontal\:h-1\.5:where([data-orientation="horizontal"]) {
  height: 6px;
}

.data-horizontal\:h-px:where([data-orientation="horizontal"]) {
  height: 1px;
}

.data-horizontal\:w-full:where([data-orientation="horizontal"]) {
  width: 100%;
}

.data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
  flex-direction: column;
}

.data-horizontal\:border-t:where([data-orientation="horizontal"]) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.data-horizontal\:border-t-transparent:where([data-orientation="horizontal"]) {
  border-top-color: #0000;
}

.data-vertical\:h-full:where([data-orientation="vertical"]) {
  height: 100%;
}

.data-vertical\:w-1\.5:where([data-orientation="vertical"]) {
  width: 6px;
}

.data-vertical\:w-px:where([data-orientation="vertical"]) {
  width: 1px;
}

.data-vertical\:self-stretch:where([data-orientation="vertical"]) {
  align-self: stretch;
}

.data-vertical\:border-l:where([data-orientation="vertical"]) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.data-vertical\:border-l-transparent:where([data-orientation="vertical"]) {
  border-left-color: #0000;
}

.\[\&_a\]\:pointer-events-auto a {
  pointer-events: auto;
}

.\[\&_a\:hover\]\:underline a:hover {
  text-decoration-line: underline;
}

.\[\&_button\]\:pointer-events-auto button {
  pointer-events: auto;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg {
  width: 16px;
  height: 16px;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_svg\]\:text-destructive svg {
  color: var(--destructive);
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
  width: 12px;
  height: 12px;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
  width: 14px;
  height: 14px;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
  width: 16px;
  height: 16px;
}

.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
  color: var(--muted-foreground);
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  appearance: none;
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  appearance: none;
}

@media (hover: hover) {
  .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .\[a\]\:hover\:bg-muted:is(a):hover {
    background-color: var(--muted);
  }

  .\[a\]\:hover\:bg-primary\/80:is(a):hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }

  .\[a\]\:hover\:text-muted-foreground:is(a):hover {
    color: var(--muted-foreground);
  }
}

:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
  color: var(--destructive);
}

.\[\&\>\*\]\:mb-4 > * {
  margin-bottom: 16px;
}

.\[\&\>\*\]\:break-inside-avoid > * {
  break-inside: avoid;
}

.\[\&\>button\]\:pointer-events-none > button {
  pointer-events: none;
}

.\[\&\>button\]\:rounded-none > button {
  border-radius: 0;
}

.\[\&\>button\]\:bg-primary > button {
  background-color: var(--primary);
}

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

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

.\[\&\>button\]\:text-muted-foreground\/50 > button {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .\[\&\>button\]\:text-muted-foreground\/50 > button {
    color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
  }
}

.\[\&\>button\]\:text-primary-foreground > button {
  color: var(--primary-foreground);
}

.\[\&\>button\]\:text-warning > button {
  color: var(--warning);
}

.\[\&\>button\]\:opacity-40 > button {
  opacity: .4;
}

@media (hover: hover) {
  .\[\&\>button\]\:hover\:bg-primary > button:hover {
    background-color: var(--primary);
  }
}

.\[\&\>button\:first-child\]\:rounded-l-\[calc\(var\(--radius\)\*0\.8\)\] > button:first-child {
  border-top-left-radius: calc(var(--radius) * .8);
  border-bottom-left-radius: calc(var(--radius) * .8);
}

.\[\&\>button\:last-child\]\:rounded-r-\[calc\(var\(--radius\)\*0\.8\)\] > button:last-child {
  border-top-right-radius: calc(var(--radius) * .8);
  border-bottom-right-radius: calc(var(--radius) * .8);
}

.\[\&\>button\:not\(\:first-child\)\]\:-ml-px > button:not(:first-child) {
  margin-left: -1px;
}

.\[\&\>svg\]\:pointer-events-none > svg {
  pointer-events: none;
}

.\[\&\>svg\]\:size-3\! > svg {
  width: 12px !important;
  height: 12px !important;
}

.\[\&\>svg\]\:size-3\.5 > svg {
  width: 14px;
  height: 14px;
}

.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
  transform: translateY(150%);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}