@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");.g-icon {
  line-height: 0;
  vertical-align: top;
}
.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));
  -webkit-user-select: none;
     -moz-user-select: none;
          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 {
  color: var(--g-button-text-color-hover, var(--_--text-color-hover));
}
.g-button:hover::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-size: 12px;
  --_--icon-offset: 4px;
}
.g-button_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--padding: 8px;
  --_--icon-size: 16px;
  --_--icon-offset: 4px;
}
.g-button_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--padding: 12px;
  --_--icon-size: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_l {
  --_--height: 36px;
  --_--border-radius: var(--g-border-radius-l);
  --_--padding: 16px;
  --_--icon-size: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_xl {
  --_--height: 44px;
  --_--border-radius: var(--g-border-radius-xl);
  --_--padding: 24px;
  --_--icon-size: 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-hover: var(--g-color-base-float-hover);
  background: var(--g-color-base-float);
}
.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.g-button_pin_round-round.g-button {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick.g-button {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear.g-button {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle.g-button {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick.g-button {
  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.g-button_pin_brick-round.g-button {
  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.g-button_pin_round-clear.g-button {
  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.g-button_pin_clear-round.g-button {
  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.g-button_pin_brick-clear.g-button {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick.g-button {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick.g-button {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear.g-button {
  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.g-button_pin_clear-circle.g-button {
  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.g-button_pin_round-round::before {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick::before {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle::before {
  border-radius: 100px;
}
.g-button.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.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.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.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.g-button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.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.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.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.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.g-button_pin_round-round::after {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick::after {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle::after {
  border-radius: 100px;
}
.g-button.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.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.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.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.g-button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.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.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.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.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-size, var(--_--icon-size))) / 2 * -1);
  width: var(--g-button-height, var(--_--height));
  height: var(--g-button-height, var(--_--height));
}
.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;
}
.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-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-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);
  -webkit-user-select: none;
     -moz-user-select: none;
          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: 3px 0;
}
.g-menu_size_s .g-menu__item,
.g-menu_size_s .g-menu__group-label {
  padding: 0 10px;
}
.g-menu_size_s .g-menu__item-icon {
  margin-inline-end: 3px;
}
.g-menu_size_s .g-menu__item-icon-end {
  margin-inline-start: 3px;
}
.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: 3px;
  padding-block-start: 3px;
}
.g-menu_size_m {
  line-height: 24px;
  padding: 4px 0;
}
.g-menu_size_m .g-menu__item,
.g-menu_size_m .g-menu__group-label {
  padding: 0 13px;
}
.g-menu_size_m .g-menu__item-icon {
  margin-inline-end: 4px;
}
.g-menu_size_m .g-menu__item-icon-end {
  margin-inline-start: 4px;
}
.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: 4px;
  padding-block-start: 4px;
}
.g-menu_size_l {
  line-height: 28px;
  padding: 5px 0;
}
.g-menu_size_l .g-menu__item,
.g-menu_size_l .g-menu__group-label {
  padding: 0 15px;
}
.g-menu_size_l .g-menu__item-icon {
  margin-inline-end: 5px;
}
.g-menu_size_l .g-menu__item-icon-end {
  margin-inline-start: 5px;
}
.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: 5px;
  padding-block-start: 5px;
}
.g-menu_size_xl {
  font-size: var(--g-text-body-2-font-size);
  line-height: 36px;
  padding: 6px 0;
}
.g-menu_size_xl .g-menu__item,
.g-menu_size_xl .g-menu__group-label {
  padding: 0 15px;
}
.g-menu_size_xl .g-menu__item-icon {
  margin-inline-end: 6px;
}
.g-menu_size_xl .g-menu__item-icon-end {
  margin-inline-start: 6px;
}
.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-portal__theme-wrapper {
  display: contents;
}.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-width: var(--g-popup-border-width, 1px);
  z-index: 1000;
  visibility: hidden;
}
.g-popup_open, .g-popup_exit_active {
  visibility: visible;
}
.g-popup_exit_active[data-popper-placement*=bottom] .g-popup__content {
  animation-name: g-popup-bottom;
}
.g-popup_exit_active[data-popper-placement*=top] .g-popup__content {
  animation-name: g-popup-top;
}
.g-popup_exit_active[data-popper-placement*=left] .g-popup__content {
  animation-name: g-popup-left;
}
.g-popup_exit_active[data-popper-placement*=right] .g-popup__content {
  animation-name: g-popup-right;
}
.g-popup_enter_active[data-popper-placement*=bottom] .g-popup__content, .g-popup_appear_active[data-popper-placement*=bottom] .g-popup__content {
  animation-name: g-popup-bottom-open;
}
.g-popup_enter_active[data-popper-placement*=top] .g-popup__content, .g-popup_appear_active[data-popper-placement*=top] .g-popup__content {
  animation-name: g-popup-top-open;
}
.g-popup_enter_active[data-popper-placement*=left] .g-popup__content, .g-popup_appear_active[data-popper-placement*=left] .g-popup__content {
  animation-name: g-popup-left-open;
}
.g-popup_enter_active[data-popper-placement*=right] .g-popup__content, .g-popup_appear_active[data-popper-placement*=right] .g-popup__content {
  animation-name: g-popup-right-open;
}
.g-popup[data-popper-placement*=bottom] .g-popup__arrow {
  inset-block-start: -9px;
}
.g-popup[data-popper-placement*=top] .g-popup__arrow {
  inset-block-end: -9px;
}
.g-popup[data-popper-placement*=top] .g-popup__arrow-content {
  transform: rotate(180deg);
}
.g-popup[data-popper-placement*=left] .g-popup__arrow {
  right: -9px;
}
.g-popup[data-popper-placement*=left] .g-popup__arrow-content {
  transform: rotate(90deg);
}
.g-popup[data-popper-placement*=right] .g-popup__arrow {
  left: -9px;
}
.g-popup[data-popper-placement*=right] .g-popup__arrow-content {
  transform: rotate(-90deg);
}
.g-popup__content {
  position: relative;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  border-radius: 4px;
  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;
}
.g-popup__content > :first-child:not(.g-popup__arrow), .g-popup__content > .g-popup__arrow + * {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-popup__content > :last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.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;
}

@keyframes g-popup-bottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes g-popup-bottom-open {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes g-popup-top {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes g-popup-top-open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes g-popup-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
}
@keyframes g-popup-left-open {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-popup-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
@keyframes g-popup-right-open {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}.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-actions-panel-collapse {
  flex-shrink: 2;
  min-width: 32px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding-inline-end: 8px;
}
.g-actions-panel-collapse__container {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 100%;
}
.g-actions-panel-collapse__button-action-wrapper {
  margin: 0 4px;
}
.g-actions-panel-collapse__button-action-wrapper_invisible {
  visibility: hidden;
  pointer-events: none;
}
.g-actions-panel-collapse__menu-placeholder {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.g-actions-panel-collapse__menu-wrapper {
  position: absolute;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}.g-actions-panel {
  box-sizing: border-box;
  background-color: var(--g-color-base-brand);
  min-width: 200px;
  height: 52px;
  padding: 4px 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.g-actions-panel__note-wrapper {
  min-width: 100px;
  margin-inline-end: 40px;
}
.g-actions-panel__button-close {
  flex-shrink: 0;
  margin-inline-start: auto;
}.g-hotkey {
  padding: 1px 5px;
  border-radius: 4px;
}
.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 {
  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-action-tooltip {
  --g-popup-border-width: 0;
  --g-popup-background-color: var(--g-color-base-float-heavy);
}
.g-action-tooltip__content {
  padding: 6px 12px;
  color: var(--g-color-text-light-primary);
  max-width: 300px;
  box-sizing: border-box;
}
.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: 8px;
}
.g-action-tooltip__description {
  margin-block-start: 4px;
  color: var(--g-color-text-light-secondary);
}.g-col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.g-col_size_1 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.g-col_size_2 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.g-col_size_3 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 25%;
  max-width: 25%;
}
.g-col_size_4 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.g-col_size_5 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.g-col_size_6 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 50%;
  max-width: 50%;
}
.g-col_size_7 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.g-col_size_8 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.g-col_size_9 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 75%;
  max-width: 75%;
}
.g-col_size_10 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.g-col_size_11 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.g-col_size_12 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 100%;
  max-width: 100%;
}/* stylelint-disable declaration-no-important */
.g-row {
  display: flex;
  flex-flow: row wrap;
  flex-shrink: 0;
}
.g-row_s_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0));
  margin-inline-start: calc(-1 * var(--g-spacing-0));
}
.g-row_s_0 > .g-col {
  padding-block-start: var(--g-spacing-0);
  padding-inline-start: var(--g-spacing-0);
}
.g-row_sr_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0)) !important;
}
.g-row_sr_0 > .g-col {
  padding-block-start: var(--g-spacing-0) !important;
}
.g-row_s_half {
  margin-block-start: calc(-1 * var(--g-spacing-half));
  margin-inline-start: calc(-1 * var(--g-spacing-half));
}
.g-row_s_half > .g-col {
  padding-block-start: var(--g-spacing-half);
  padding-inline-start: var(--g-spacing-half);
}
.g-row_sr_half {
  margin-block-start: calc(-1 * var(--g-spacing-half)) !important;
}
.g-row_sr_half > .g-col {
  padding-block-start: var(--g-spacing-half) !important;
}
.g-row_s_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1));
  margin-inline-start: calc(-1 * var(--g-spacing-1));
}
.g-row_s_1 > .g-col {
  padding-block-start: var(--g-spacing-1);
  padding-inline-start: var(--g-spacing-1);
}
.g-row_sr_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1)) !important;
}
.g-row_sr_1 > .g-col {
  padding-block-start: var(--g-spacing-1) !important;
}
.g-row_s_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2));
  margin-inline-start: calc(-1 * var(--g-spacing-2));
}
.g-row_s_2 > .g-col {
  padding-block-start: var(--g-spacing-2);
  padding-inline-start: var(--g-spacing-2);
}
.g-row_sr_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2)) !important;
}
.g-row_sr_2 > .g-col {
  padding-block-start: var(--g-spacing-2) !important;
}
.g-row_s_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3));
  margin-inline-start: calc(-1 * var(--g-spacing-3));
}
.g-row_s_3 > .g-col {
  padding-block-start: var(--g-spacing-3);
  padding-inline-start: var(--g-spacing-3);
}
.g-row_sr_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3)) !important;
}
.g-row_sr_3 > .g-col {
  padding-block-start: var(--g-spacing-3) !important;
}
.g-row_s_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4));
  margin-inline-start: calc(-1 * var(--g-spacing-4));
}
.g-row_s_4 > .g-col {
  padding-block-start: var(--g-spacing-4);
  padding-inline-start: var(--g-spacing-4);
}
.g-row_sr_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4)) !important;
}
.g-row_sr_4 > .g-col {
  padding-block-start: var(--g-spacing-4) !important;
}
.g-row_s_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5));
  margin-inline-start: calc(-1 * var(--g-spacing-5));
}
.g-row_s_5 > .g-col {
  padding-block-start: var(--g-spacing-5);
  padding-inline-start: var(--g-spacing-5);
}
.g-row_sr_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5)) !important;
}
.g-row_sr_5 > .g-col {
  padding-block-start: var(--g-spacing-5) !important;
}
.g-row_s_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6));
  margin-inline-start: calc(-1 * var(--g-spacing-6));
}
.g-row_s_6 > .g-col {
  padding-block-start: var(--g-spacing-6);
  padding-inline-start: var(--g-spacing-6);
}
.g-row_sr_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6)) !important;
}
.g-row_sr_6 > .g-col {
  padding-block-start: var(--g-spacing-6) !important;
}
.g-row_s_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7));
  margin-inline-start: calc(-1 * var(--g-spacing-7));
}
.g-row_s_7 > .g-col {
  padding-block-start: var(--g-spacing-7);
  padding-inline-start: var(--g-spacing-7);
}
.g-row_sr_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7)) !important;
}
.g-row_sr_7 > .g-col {
  padding-block-start: var(--g-spacing-7) !important;
}
.g-row_s_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8));
  margin-inline-start: calc(-1 * var(--g-spacing-8));
}
.g-row_s_8 > .g-col {
  padding-block-start: var(--g-spacing-8);
  padding-inline-start: var(--g-spacing-8);
}
.g-row_sr_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8)) !important;
}
.g-row_sr_8 > .g-col {
  padding-block-start: var(--g-spacing-8) !important;
}
.g-row_s_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9));
  margin-inline-start: calc(-1 * var(--g-spacing-9));
}
.g-row_s_9 > .g-col {
  padding-block-start: var(--g-spacing-9);
  padding-inline-start: var(--g-spacing-9);
}
.g-row_sr_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9)) !important;
}
.g-row_sr_9 > .g-col {
  padding-block-start: var(--g-spacing-9) !important;
}
.g-row_s_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10));
  margin-inline-start: calc(-1 * var(--g-spacing-10));
}
.g-row_s_10 > .g-col {
  padding-block-start: var(--g-spacing-10);
  padding-inline-start: var(--g-spacing-10);
}
.g-row_sr_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10)) !important;
}
.g-row_sr_10 > .g-col {
  padding-block-start: var(--g-spacing-10) !important;
}.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-container {
  margin-inline: auto;
  max-width: 100%;
  height: 100%;
}
.g-container_sr_0 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-0);
}
.g-container_sr_half > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-half);
}
.g-container_sr_1 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-1);
}
.g-container_sr_2 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-2);
}
.g-container_sr_3 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-3);
}
.g-container_sr_4 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-4);
}
.g-container_sr_5 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-5);
}
.g-container_sr_6 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-6);
}
.g-container_sr_7 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-7);
}
.g-container_sr_8 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-8);
}
.g-container_sr_9 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-9);
}
.g-container_sr_10 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-10);
}.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 {
  content: "";
  outline: 2px solid var(--g-color-line-focus);
}
.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 {
  content: "";
  outline: 2px solid var(--g-color-line-focus);
}
.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-alert_corners_square {
  --g-card-border-radius: 0;
}
.g-alert__text-content {
  width: 100%;
}
.g-alert__actions_minContent {
  width: -moz-min-content;
  width: min-content;
}
.g-alert__close-btn {
  flex-shrink: 0;
}.g-arrow-toggle {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.1s ease-out;
}
.g-arrow-toggle_direction_bottom {
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.g-arrow-toggle_direction_left {
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.g-arrow-toggle_direction_top {
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.g-arrow-toggle_direction_right {
  transform: matrix(0, -1, 1, 0, 0, 0);
}.g-avatar {
  --_--size: 32px;
  --_--background-color: var(--g-color-base-misc-light);
  --_--border-color: currentColor;
  --_--color: var(--g-color-text-misc);
  --_--font-size: var(--g-text-body-1-font-size);
  --_--line-height: var(--g-text-body-1-line-height);
  --_--font-weight: var(--g-text-body-font-weight);
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--g-avatar-size, var(--_--size));
  height: var(--g-avatar-size, var(--_--size));
  border-radius: 50%;
  background-color: var(--g-avatar-background-color, var(--_--background-color));
}
.g-avatar__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.g-avatar__icon {
  color: var(--g-avatar-color, var(--_--color));
}
.g-avatar__icon > svg {
  display: block;
}
.g-avatar__text {
  color: var(--g-avatar-color, var(--_--color));
  font-size: var(--g-avatar-font-size, var(--_--font-size));
  line-height: var(--g-avatar-line-height, var(--_--line-height));
  font-weight: var(--_--font-weight);
}
.g-avatar_with-border, .g-avatar_view_outlined {
  position: relative;
}
.g-avatar_with-border::before, .g-avatar_with-border::after, .g-avatar_view_outlined::before, .g-avatar_view_outlined::after {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
.g-avatar_with-border::before, .g-avatar_view_outlined::before {
  border: 3px solid var(--g-color-base-background);
}
.g-avatar_with-border::after, .g-avatar_view_outlined::after {
  border: 2px solid var(--g-avatar-border-color, var(--_--border-color));
}
.g-avatar_size_2xs {
  --_--size: 20px;
}
.g-avatar_size_xs {
  --_--size: 24px;
}
.g-avatar_size_s {
  --_--size: 28px;
}
.g-avatar_size_m {
  --_--size: 32px;
}
.g-avatar_size_l {
  --_--size: 42px;
}
.g-avatar_size_xl {
  --_--size: 50px;
}
.g-avatar_size_2xs {
  --_--font-size: var(--g-text-caption-1-font-size);
  --_--line-height: var(--g-text-caption-1-line-height);
  --_--font-weight: var(--g-text-caption-font-weight);
}
.g-avatar_size_xs, .g-avatar_size_s {
  --_--font-size: var(--g-text-caption-1-font-size);
  --_--line-height: var(--g-text-caption-1-line-height);
  --_--font-weight: var(--g-text-caption-font-weight);
}
.g-avatar_size_m, .g-avatar_size_l {
  --_--font-size: var(--g-text-subheader-1-font-size);
  --_--line-height: var(--g-text-subheader-1-line-height);
  --_--font-weight: var(--g-text-subheader-font-weight);
}
.g-avatar_size_xl {
  --_--font-size: var(--g-text-subheader-2-font-size);
  --_--line-height: var(--g-text-subheader-2-line-height);
  --_--font-weight: var(--g-text-subheader-font-weight);
}
.g-avatar_theme_normal.g-avatar_view_filled {
  --_--background-color: var(--g-color-base-misc-light);
  --_--color: var(--g-color-text-misc);
}
.g-avatar_theme_normal.g-avatar_view_outlined {
  --_--background-color: var(--g-color-base-background);
  --_--border-color: var(--g-color-text-misc);
  --_--color: var(--g-color-text-misc);
}
.g-avatar_theme_brand.g-avatar_view_filled {
  --_--background-color: var(--g-color-base-brand);
  --_--color: var(--g-color-text-brand-contrast);
}
.g-avatar_theme_brand.g-avatar_view_outlined {
  --_--background-color: var(--g-color-base-background);
  --_--border-color: var(--g-color-text-brand);
  --_--color: var(--g-color-text-brand);
}.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-breadcrumbs__inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 24px;
  overflow: hidden;
  gap: 4px;
}
.g-breadcrumbs__switcher {
  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;
  color: var(--g-color-text-secondary);
}
.g-breadcrumbs__switcher:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-breadcrumbs__item, .g-breadcrumbs__switcher {
  flex-shrink: 1;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g-breadcrumbs__item:focus-visible, .g-breadcrumbs__switcher:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  border-radius: var(--g-focus-border-radius);
}
.g-breadcrumbs_calculated_no .g-breadcrumbs__item {
  overflow: visible;
}
.g-breadcrumbs__divider {
  display: flex;
  align-items: center;
  color: var(--g-color-text-secondary);
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 80px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(0) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 0px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(1) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 8px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(2) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 16px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(3) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 24px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(4) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 32px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(5) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 40px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(6) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 48px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(7) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 56px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(8) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 64px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(9) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 72px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(10) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 80px !important;
  /* stylelint-enable declaration-no-important */
}.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);
  -webkit-user-select: none;
     -moz-user-select: none;
          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_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__indicator {
  flex-shrink: 0;
}
.g-control-label__text {
  flex-grow: 1;
  white-space: normal;
}
.g-control-label_disabled .g-control-label__text {
  opacity: 0.6;
}
.g-control-label_size_m .g-control-label__text {
  margin-inline-start: 5px;
}
.g-control-label_size_l .g-control-label__text {
  margin-inline-start: 7px;
}
.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: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_disabled .g-checkbox__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
  border: transparent;
}
.g-checkbox_disabled.g-checkbox_checked .g-checkbox__indicator::before, .g-checkbox_disabled.g-checkbox_indeterminate .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}.g-clipboard-button__icon {
  pointer-events: none;
}.g-popover {
  display: inline-block;
  position: relative;
}
.g-popover:not(.g-popover_disabled) {
  cursor: pointer;
}
.g-popover__handler {
  display: inline-block;
}
.g-popover__tooltip {
  --_--padding: 16px;
  --_--close-offset: 8px;
  --_--close-size: 24px;
}
.g-popover__tooltip-popup-content {
  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__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__tooltip-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-block-start: 20px;
}
.g-popover__tooltip-button {
  flex: 1;
}
.g-popover__tooltip-close {
  position: absolute;
  inset-block-start: var(--_--close-offset);
  inset-inline-end: var(--_--close-offset);
}
.g-popover__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__tooltip-content_secondary {
  opacity: 0.7;
}
.g-popover__tooltip-links > * {
  margin-block-start: 8px;
}
.g-popover__tooltip-links > *:first-child {
  margin-block-start: 0;
}
.g-popover__tooltip-content + .g-popover__tooltip-links > *:first-child {
  margin-block-start: 12px;
}
.g-popover__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__tooltip_theme_info.g-popover__tooltip_theme_info, .g-popover__tooltip_theme_info .g-popover__tooltip_theme_announcement, .g-popover__tooltip_theme_announcement.g-popover__tooltip_theme_info, .g-popover__tooltip_theme_announcement .g-popover__tooltip_theme_announcement {
  color: var(--g-color-text-primary);
}
.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button), .g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button) {
  text-decoration: none;
  color: var(--g-color-text-link);
}
.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button):hover, .g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-link-hover);
}

.g-popover__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__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__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button) {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover__tooltip_theme_special .g-link {
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-link:hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover__tooltip_size_l {
  --_--padding: 24px;
}
.g-popover__tooltip_size_l .g-popover__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__tooltip_size_l .g-popover__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__tooltip_with-close .g-popover__tooltip-title,
.g-popover__tooltip_with-close .g-popover__tooltip-content {
  padding-inline-end: calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding));
}.g-help-mark__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;
  color: var(--g-color-text-hint);
}
.g-help-mark__button:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  border-radius: 50%;
}.g-definition-list {
  --_--item-block-start: var(--g-spacing-4);
  --_--term-width: 300px;
  margin: 0;
}
.g-definition-list__item {
  display: flex;
  align-items: baseline;
  gap: var(--g-spacing-1);
}
.g-definition-list__item + .g-definition-list__item {
  margin-block-start: var(--g-definition-list-item-gap, var(--_--item-block-start));
}
.g-definition-list__term-container {
  display: flex;
  flex: 0 0 auto;
  width: var(--_--term-width);
  max-width: var(--_--term-width);
  align-items: baseline;
  overflow: hidden;
  position: relative;
}
.g-definition-list__term-wrapper {
  color: var(--g-color-text-secondary);
}
.g-definition-list__dots {
  box-sizing: border-box;
  flex: 1 0 auto;
  min-width: 25px;
  margin: 0 2px;
  border-block-end: 1px dotted var(--g-color-line-generic-active);
}
.g-definition-list__definition {
  flex: 0 1 auto;
  margin: 0;
}
.g-definition-list_responsive .g-definition-list__term-container {
  --_--term-width: auto;
  flex: 1 0 min-content;
}
.g-definition-list_vertical {
  --_--item-block-start: var(--g-spacing-3);
  --_--term-width: auto;
}
.g-definition-list_vertical .g-definition-list__term-container {
  flex: 1 0 auto;
}
.g-definition-list_vertical .g-definition-list__item {
  flex-direction: column;
  gap: var(--g-spacing-half);
}
.g-definition-list__copy-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-inline-end: var(--g-spacing-7);
  margin-inline-end: calc(-1 * var(--g-spacing-7));
}
.g-definition-list__copy-container:hover .g-definition-list__copy-button {
  opacity: 1;
}
.g-definition-list__copy-button {
  position: absolute;
  display: inline-block;
  inset-inline-end: 0;
  margin-inline-start: 10px;
  opacity: 0;
}
.g-definition-list__copy-button:focus-visible {
  opacity: 1;
}.g-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  visibility: hidden;
  margin: -9999px 0 0 -9999px;
  background-color: var(--g-color-sfx-veil);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-modal__content-aligner {
  min-width: 100%;
  min-height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.g-modal__content-wrapper {
  margin: var(--g-modal-margin, 20px);
  border-radius: var(--g-modal-border-radius, 5px);
  overflow-x: hidden;
}
.g-modal__content {
  background-color: var(--g-color-base-modal);
  border-radius: var(--g-modal-border-radius, 5px);
}
.g-modal__content_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-modal, .g-modal__content {
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  outline: none;
}
.g-modal_open, .g-modal_exit_active {
  display: block;
  visibility: visible;
  margin: 0;
}
.g-modal_enter_active, .g-modal_appear_active {
  animation-name: g-modal-open;
  animation-duration: 150ms;
}
.g-modal_enter_active .g-modal__content, .g-modal_appear_active .g-modal__content {
  animation-name: g-modal-content-open;
  animation-duration: 150ms;
}
.g-modal_exit_active {
  animation-name: g-modal;
  animation-duration: 200ms;
}

@keyframes g-modal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes g-modal-open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-modal-content-open {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}.g-dialog-btn-close {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  z-index: 1;
}.g-dialog-body {
  padding: 10px var(--_--side-padding);
  flex: 1 1 auto;
  overflow-y: auto;
}
.g-dialog-body_has-borders {
  border-block-start: 1px solid var(--g-color-line-generic);
  border-block-end: 1px solid var(--g-color-line-generic);
}.g-dialog-divider {
  border-block-start: 1px solid var(--g-color-line-generic);
  margin: 0 calc(-1 * var(--_--side-padding));
}.g-dialog-footer {
  padding: 28px var(--_--side-padding);
  display: flex;
  align-items: center;
}
.g-dialog-footer__bts-wrapper {
  display: flex;
  gap: 10px;
}
.g-dialog-footer__children {
  flex-grow: 1;
  height: 100%;
  align-items: center;
  display: flex;
}
.g-dialog-footer__button {
  min-width: 128px;
  position: relative;
}
.g-dialog-footer__error {
  padding: 10px;
  color: var(--g-color-text-danger);
}.g-dialog-header {
  padding-block: 20px 10px;
  padding-inline: var(--_--side-padding) calc(var(--_--side-padding) + var(--_--close-button-space) * var(--g-flow-is-ltr) + var(--_--close-button-space) * var(--g-flow-is-rtl));
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--g-color-text-primary);
}
.g-dialog-header__caption {
  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-dialog {
  --_--side-padding: 32px;
  --_--close-button-space: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--g-dialog-width, var(--_--width));
}
.g-dialog_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-dialog_size_s {
  --_--width: 480px;
}
.g-dialog_size_m {
  --_--width: 720px;
}
.g-dialog_size_l {
  --_--width: 900px;
}
.g-dialog_has-close {
  --_--close-button-space: 24px;
}.g-disclosure_size_m .g-disclosure__trigger {
  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-disclosure_size_l .g-disclosure__trigger {
  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-disclosure_size_xl .g-disclosure__trigger {
  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-disclosure__trigger {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  flex-shrink: 0;
  align-items: center;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  border-radius: var(--g-focus-border-radius);
}
.g-disclosure__trigger:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-disclosure__trigger_arrow_end {
  flex-direction: row-reverse;
}
.g-disclosure__trigger_disabled {
  color: var(--g-color-text-secondary);
  cursor: auto;
}
.g-disclosure__content {
  display: none;
}
.g-disclosure__content_visible {
  display: block;
}
.g-disclosure__content.g-disclosure_exit_active {
  display: block;
  animation-name: g-disclosure-collapsed;
  animation-duration: 0.1s;
  opacity: 0;
}
.g-disclosure__content.g-disclosure_enter_active {
  animation-name: g-disclosure-expanded;
  animation-duration: 0.2s;
}

@keyframes g-disclosure-expanded {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-disclosure-collapsed {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}.g-divider {
  --_--content-gap: 8px;
  --_--size: 1px;
}
.g-divider:not(:empty) {
  border: none;
  display: flex;
  align-items: center;
}
.g-divider:not(:empty)::before, .g-divider:not(:empty)::after {
  content: "";
}
.g-divider::before, .g-divider::after {
  flex-grow: 1;
  background: var(--g-divider-color, var(--g-color-line-generic));
}
.g-divider_orientation_vertical {
  flex-direction: column;
  border-inline-start: 1px solid var(--g-divider-color, var(--g-color-line-generic));
}
.g-divider_orientation_vertical::before, .g-divider_orientation_vertical::after {
  width: var(--_--size);
}
.g-divider_orientation_vertical::before {
  margin-block-end: var(--_--content-gap);
}
.g-divider_orientation_vertical::after {
  margin-block-start: var(--_--content-gap);
}
.g-divider_orientation_horizontal {
  border-block-start: 1px solid var(--g-divider-color, var(--g-color-line-generic));
}
.g-divider_orientation_horizontal::before, .g-divider_orientation_horizontal::after {
  height: var(--_--size);
}
.g-divider_orientation_horizontal::before {
  margin-inline-end: var(--_--content-gap);
}
.g-divider_orientation_horizontal::after {
  margin-inline-start: var(--_--content-gap);
}
.g-divider_align_start::before {
  display: none;
}
.g-divider_align_end::after {
  display: none;
}.g-file-preview {
  --_-box-shadow: none;
  --_-border-radius: 4px;
  --_-color-base-background: transparent;
  --_-action-button-size: 24px;
  position: relative;
  width: 120px;
}
.g-file-preview:hover, .g-file-preview:focus-within {
  --_-color-base-background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));
}
.g-file-preview:hover .g-file-preview__actions:not(.g-file-preview__actions_hide), .g-file-preview:focus-within .g-file-preview__actions:not(.g-file-preview__actions_hide) {
  opacity: 1;
}
.g-file-preview__actions {
  position: absolute;
  inset-block-start: -12px;
  inset-inline-end: -12px;
  z-index: 1;
  display: flex;
  gap: 4px;
  opacity: 0;
}
.g-file-preview:hover {
  --_-color-base-background: var(--g-color-base-simple-hover);
}
.g-file-preview__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  outline: none;
  box-shadow: var(--gc-card-box-shadow);
  border-radius: var(--_-border-radius);
  padding: 4px 10px;
}
.g-file-preview__card_clickable {
  cursor: pointer;
}
.g-file-preview__card_hoverable {
  background-color: var(--_-color-base-background);
}
.g-file-preview__card::after {
  position: absolute;
  inset: 0;
  border-radius: var(--_-border-radius);
  pointer-events: none;
}
.g-file-preview__card:hover {
  --_-box-shadow: 0px 3px 10px var(--g-color-sfx-shadow);
}
.g-file-preview__card:focus::after {
  content: "";
  box-shadow: 0 0 0 2px var(--g-color-line-misc);
}
.g-file-preview__card:focus:not(:focus-visible)::after {
  box-shadow: none;
}
.g-file-preview__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--g-color-base-generic-medium);
  height: 40px;
  width: 40px;
}
.g-file-preview__icon-svg {
  color: var(--g-color-base-background);
}
.g-file-preview__icon_type_image, .g-file-preview__icon_type_video, .g-file-preview__icon_type_code, .g-file-preview__icon_type_archive, .g-file-preview__icon_type_music {
  background-color: var(--g-color-base-misc-heavy);
}
.g-file-preview__icon_type_text {
  background-color: var(--g-color-base-info-heavy);
}
.g-file-preview__icon_type_pdf {
  background-color: var(--g-color-base-danger-medium);
}
.g-file-preview__icon_type_table {
  background-color: var(--g-color-base-positive-medium);
}
.g-file-preview__name {
  margin-block-start: 4px;
}
.g-file-preview__name, .g-file-preview__description {
  text-align: center;
  width: 100%;
}
.g-file-preview__image-container {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  height: 64px;
  width: 96px;
}
.g-file-preview__image {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.g-file-preview__action-button {
  height: var(--_-action-button-size);
  width: var(--_-action-button-size);
  display: flex;
  align-items: center;
}
.g-file-preview__action-icon-wrapper {
  display: flex;
}.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: 90%;
  will-change: transform;
}
.g-sheet__sheet_with-transition {
  transition: transform 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-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(90% - 20px);
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  background-color: var(--g-color-base-float);
  transition: height 0.3s ease;
}
.g-sheet__sheet-scroll-container_without-scroll {
  overflow: hidden;
}
.g-sheet__sheet-content-box {
  border: 1px solid transparent;
}
.g-sheet__sheet-content-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-mobile-image-preview__sheet-content {
  padding: 0;
}
.g-mobile-image-preview__container {
  height: 85vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-mobile-image-preview__image {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.g-mobile-image-preview__back-button {
  position: absolute;
  inset-block-start: 15px;
  inset-inline-start: 15px;
}
.g-mobile-image-preview__action-buttons {
  position: absolute;
  inset-block-start: 15px;
  inset-inline-end: 15px;
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}
.g-mobile-image-preview__error-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);
}.g-avatar-stack {
  --_--more-button-size: 32px;
  --_--more-button-border-width: 1px;
  display: inline-flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  margin: 0;
  padding: 0;
}
.g-avatar-stack_overlap-size_s {
  --_--overlap: var(--g-spacing-1);
}
.g-avatar-stack_overlap-size_m {
  --_--overlap: var(--g-spacing-2);
}
.g-avatar-stack_overlap-size_l {
  --_--overlap: var(--g-spacing-3);
}
.g-avatar-stack__item {
  display: flex;
  z-index: 0;
  border-radius: 100%;
}
.g-avatar-stack__item:not(:first-child) {
  margin-inline-end: calc(-1 * var(--_--overlap));
}
.g-avatar-stack__more-button, .g-avatar-stack__more {
  border-radius: 100%;
  width: var(--_--more-button-size);
  height: var(--_--more-button-size);
}
.g-avatar-stack__more-button_size_2xs, .g-avatar-stack__more_size_2xs {
  --_--more-button-size: 20px;
}
.g-avatar-stack__more-button_size_xs, .g-avatar-stack__more_size_xs {
  --_--more-button-size: 24px;
}
.g-avatar-stack__more-button_size_s, .g-avatar-stack__more_size_s {
  --_--more-button-size: 28px;
}
.g-avatar-stack__more-button_size_m, .g-avatar-stack__more_size_m {
  --_--more-button-size: 32px;
}
.g-avatar-stack__more-button_size_l, .g-avatar-stack__more_size_l {
  --_--more-button-size: 42px;
}
.g-avatar-stack__more-button_size_xl, .g-avatar-stack__more_size_xl {
  --_--more-button-size: 50px;
}
.g-avatar-stack__more-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;
}
.g-avatar-stack__more-button:focus-visible {
  outline: var(--g-color-line-focus) solid 2px;
  outline-offset: 0;
}
.g-avatar-stack__more {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background-color: var(--g-color-base-generic);
}
.g-avatar-stack__more_has-border {
  border-width: var(--_--more-button-border-width);
  border-style: solid;
}
.g-avatar-stack__more_size_2xs {
  font-size: var(--g-text-caption-1-font-size);
}
.g-avatar-stack__more_size_xs {
  font-size: var(--g-text-caption-1-font-size);
}
.g-avatar-stack__more_size_s {
  font-size: var(--g-text-caption-2-font-size);
}
.g-avatar-stack__more_size_m {
  font-size: var(--g-text-body-1-font-size);
}
.g-avatar-stack__more_size_l {
  font-size: var(--g-text-body-1-font-size);
}
.g-avatar-stack__more_size_xl {
  font-size: var(--g-text-body-2-font-size);
}.g-label {
  --_--bg-color: none;
  --_--bg-color-hover: none;
  --_--text-color: none;
  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__text {
  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: flex;
  align-items: baseline;
  margin: 0 var(--_--margin-inline);
  width: 100%;
  line-height: var(--_--height);
  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;
}
.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;
  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_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_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);
  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:hover)), .g-label__addon_type_button: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);
}.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));
  overflow: hidden;
}
.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__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::-moz-placeholder {
  color: var(--g-text-area-placeholder-color, var(--_--placeholder-color));
}
.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] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          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 {
  --_--border-radius: var(--g-border-radius-s);
}
.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_m {
  --_--border-radius: var(--g-border-radius-m);
}
.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_l {
  --_--border-radius: var(--g-border-radius-l);
}
.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_xl {
  --_--border-radius: var(--g-border-radius-xl);
}
.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_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.g-text-area_pin_round-round .g-text-area__content {
  border-radius: var(--g-text-area-border-radius, var(--_--border-radius));
}
.g-text-area.g-text-area_pin_brick-brick .g-text-area__content {
  border-radius: 0;
}
.g-text-area.g-text-area_pin_clear-clear .g-text-area__content {
  border-radius: 0;
  border-inline: 0;
}
.g-text-area.g-text-area_pin_circle-circle .g-text-area__content {
  border-radius: 100px;
}
.g-text-area.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.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.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.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.g-text-area_pin_brick-clear .g-text-area__content {
  border-radius: 0;
  border-inline-end: 0;
}
.g-text-area.g-text-area_pin_clear-brick .g-text-area__content {
  border-radius: 0;
  border-inline-start: 0;
}
.g-text-area.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.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.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.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-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::-moz-placeholder {
  color: var(--g-text-input-placeholder-color, var(--_--placeholder-color));
  overflow: hidden;
  white-space: nowrap;
}
.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] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.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 {
  --_--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_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_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_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_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_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_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_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_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.g-text-input_pin_round-round .g-text-input__content {
  border-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}
.g-text-input.g-text-input_pin_brick-brick .g-text-input__content {
  border-radius: 0;
}
.g-text-input.g-text-input_pin_clear-clear .g-text-input__content {
  border-radius: 0;
  border-inline: 0;
}
.g-text-input.g-text-input_pin_circle-circle .g-text-input__content {
  border-radius: 100px;
}
.g-text-input.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.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.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.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.g-text-input_pin_brick-clear .g-text-input__content {
  border-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-brick .g-text-input__content {
  border-radius: 0;
  border-inline-start: 0;
}
.g-text-input.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.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.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.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 .g-text-input__control {
  padding-inline-end: 2px;
}
.g-text-input_has-unstable-end-content {
  --_--error-icon-padding-inline-start: 0;
  --_--error-icon-padding-inline-end: 0;
}
.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);
}.g-password-input__input-control::-ms-reveal, .g-password-input__input-control::-ms-clear {
  display: none;
}
.g-password-input__copy-button {
  margin-inline-end: 4px;
}@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);
  -webkit-user-select: none;
     -moz-user-select: none;
          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_selected:hover {
  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-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  isolation: isolate;
  opacity: 0;
  transition: visibility 0.1s, opacity 0.1s linear;
}
.g-overlay_visible {
  visibility: visible;
  opacity: 1;
}
.g-overlay__background {
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0.8;
}
.g-overlay__background_style_base {
  background-color: var(--g-color-base-background);
}
.g-overlay__background_style_float {
  background-color: var(--g-color-base-float);
}
.g-overlay__children {
  z-index: 1;
}.g-pagination-ellipsis {
  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: flex;
  align-items: flex-end;
  color: var(--g-color-text-secondary);
}
.g-pagination-ellipsis_size_s {
  padding-block-end: 3px;
}
.g-pagination-ellipsis_size_m {
  padding-block-end: 5px;
}
.g-pagination-ellipsis_size_l {
  padding-block-end: 9px;
}
.g-pagination-ellipsis_size_xl {
  padding-block-end: 11px;
}.g-pagination-page__simple {
  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: flex;
  align-items: center;
}
.g-pagination-page__simple_size_s {
  padding: 0 8px;
}
.g-pagination-page__simple_size_m {
  padding: 0 13px;
}
.g-pagination-page__simple_size_l {
  padding: 0 18px;
}
.g-pagination-page__simple_size_xl {
  padding: 0 21px;
}.g-pagination-page-of {
  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: flex;
  align-items: flex-end;
  color: var(--g-color-text-secondary);
}
.g-pagination-page-of_size_s {
  padding-block-end: 3px;
}
.g-pagination-page-of_size_m {
  padding-block-end: 5px;
}
.g-pagination-page-of_size_l {
  padding-block-end: 9px;
}
.g-pagination-page-of_size_xl {
  padding-block-end: 11px;
}.g-pagination-input.g-pagination-input_size_s {
  width: 70px;
}
.g-pagination-input.g-pagination-input_size_m {
  width: 80px;
}
.g-pagination-input.g-pagination-input_size_l {
  width: 90px;
}
.g-pagination-input.g-pagination-input_size_xl {
  width: 100px;
}.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.g-select-control__button_pin_round-round::before {
  border-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_brick-brick::before {
  border-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-circle::before {
  border-radius: 100px;
}
.g-select-control__button.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.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.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.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.g-select-control__button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}
.g-select-control__button.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.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.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.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.g-select-control__button_pin_round-round::after {
  border-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_brick-brick::after {
  border-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-circle::after {
  border-radius: 100px;
}
.g-select-control__button.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.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.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.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.g-select-control__button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}
.g-select-control__button.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.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.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.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::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_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::after {
  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::after {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-select-control__button_disabled::before {
  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__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-select-list__item:not(:first-child) .g-select-list__group-label {
  margin-block-start: 5px;
}
.g-select-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__item.g-list__item_selected {
  background: none;
}
.g-select-list__item.g-list__item_selected:hover {
  background: var(--g-color-base-simple-hover);
}
.g-select-list__item.g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.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;
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_s .g-select-list__option .g-select-list__option-default-label {
  height: 24px;
  line-height: 24px;
}
.g-select-list_size_m .g-select-list__option {
  padding: 0 8px 0 8px;
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_m .g-select-list__option .g-select-list__option-default-label {
  height: 28px;
  line-height: 28px;
}
.g-select-list_size_l .g-select-list__option {
  padding: 0 12px 0 12px;
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_size_l .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
}
.g-select-list_size_xl .g-select-list__option {
  padding: 0 12px;
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.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_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_colored {
  background-color: var(--g-color-base-selection);
}
.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-pagination {
  display: flex;
}
.g-pagination__pagination-item {
  margin-inline-end: 4px;
  flex-shrink: 0;
}
.g-pagination__input, .g-pagination__page-sizer {
  margin: 0 4px;
  flex-shrink: 0;
}.g-palette {
  display: inline-flex;
  flex-flow: column wrap;
  gap: 8px;
}
.g-palette:focus {
  border: none;
  outline: none;
}
.g-palette__row {
  display: inline-flex;
  gap: 8px;
}
.g-palette_size_xs .g-palette__option {
  font-size: 12px;
}
.g-palette_size_s .g-palette__option {
  font-size: 16px;
}
.g-palette_size_m .g-palette__option {
  font-size: 16px;
}
.g-palette_size_l .g-palette__option {
  font-size: 16px;
}
.g-palette_size_xl .g-palette__option {
  font-size: 20px;
}.g-user-label {
  position: relative;
  z-index: 0;
  display: inline-flex;
  max-width: 100%;
  height: 28px;
  border-radius: 20px;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.g-user-label_view_outlined:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  border: 1px solid var(--g-color-line-generic);
  border-radius: 20px;
  transition-property: border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.g-user-label_empty {
  padding-inline-start: 12px;
}
.g-user-label_clickable:hover {
  cursor: pointer;
  background-color: var(--g-color-base-simple-hover);
}
.g-user-label_clickable:hover:after {
  border-color: transparent;
}
.g-user-label__main {
  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;
  align-items: center;
  min-width: 0;
  border-radius: inherit;
  padding-inline-end: 6px;
}
.g-user-label_closeable .g-user-label__main {
  padding-inline-end: 0;
}
.g-user-label_clickable .g-user-label__main {
  outline-offset: -1px;
}
.g-user-label_clickable .g-user-label__main:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-user-label__avatar {
  --g-avatar-background-color: var(--g-color-base-generic-accent);
  --g-avatar-color: var(--g-color-text-primary);
  display: flex;
  margin-inline-end: 6px;
}
.g-user-label__text {
  font-size: var(--g-user-label-font-size, inherit);
  line-height: var(--g-user-label-line-height, inherit);
  min-width: 0;
  margin-inline-end: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.g-user-label__close {
  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;
  box-sizing: initial;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  cursor: pointer;
  padding-inline-end: 6px;
  color: var(--g-color-text-secondary);
  transition-property: color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.g-user-label__close:hover {
  color: var(--g-color-text-primary);
}
.g-user-label__close-icon {
  border-radius: var(--g-focus-border-radius);
}
.g-user-label__close:focus-visible .g-user-label__close-icon {
  outline: 2px solid var(--g-color-line-focus);
}
.g-user-label_size_2xs {
  height: 20px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_xs {
  height: 24px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_s {
  height: 28px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_m {
  height: 32px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_l {
  height: 42px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_xl {
  height: 50px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}.g-pin-input {
  display: inline-block;
}
.g-pin-input__items {
  display: flex;
  gap: var(--g-pin-input-item-gap, var(--_--gap));
}
.g-pin-input__item {
  flex: 0 0 auto;
  width: var(--g-pin-input-item-width, var(--_--item-width));
  line-height: 0;
}
.g-pin-input__control {
  padding-inline: 0 !important;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.g-pin-input_size_s {
  --_--item-width: 22px;
  --_--gap: 6px;
}
.g-pin-input_size_m {
  --_--item-width: 26px;
  --_--gap: 8px;
}
.g-pin-input_size_l {
  --_--item-width: 34px;
  --_--gap: 10px;
}
.g-pin-input_size_xl {
  --_--item-width: 42px;
  --_--gap: 12px;
}
.g-pin-input_responsive {
  display: block;
}
.g-pin-input_responsive .g-pin-input__item {
  width: auto;
  flex: 1 1 auto;
}.g-placeholder-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--g-spacing-7);
}
.g-placeholder-container.g-placeholder-container_align_left {
  justify-content: flex-start;
}
.g-placeholder-container.g-placeholder-container_align_center {
  justify-content: center;
}
.g-placeholder-container__body {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.g-placeholder-container_size_s {
  padding: var(--g-spacing-5);
}
.g-placeholder-container_size_s .g-placeholder-container__description {
  margin-block-start: var(--g-spacing-1);
}
.g-placeholder-container_size_m {
  padding: var(--g-spacing-7);
}
.g-placeholder-container_size_m .g-placeholder-container__description {
  margin-block-start: var(--g-spacing-2);
}
.g-placeholder-container_size_promo .g-placeholder-container__description, .g-placeholder-container_size_l .g-placeholder-container__description {
  margin-block-start: var(--g-spacing-3);
}
.g-placeholder-container__image {
  flex-shrink: 0;
}
.g-placeholder-container__image img {
  display: block;
}
.g-placeholder-container__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
}
.g-placeholder-container_size_s .g-placeholder-container__title {
  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-placeholder-container_size_m .g-placeholder-container__title {
  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-placeholder-container_size_l .g-placeholder-container__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);
}
.g-placeholder-container_size_promo .g-placeholder-container__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-placeholder-container__actions {
  margin-block-start: var(--g-spacing-5);
  display: flex;
  flex-direction: row;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_s .g-placeholder-container__body {
  max-width: 320px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_s .g-placeholder-container__image {
  width: 100px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_s .g-placeholder-container__image > * {
  max-width: 100px;
  display: block;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_s .g-placeholder-container__content {
  margin-inline-start: var(--g-spacing-5);
  min-height: 130px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_m .g-placeholder-container__body {
  max-width: 430px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_m .g-placeholder-container__image {
  width: 150px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_m .g-placeholder-container__image > * {
  max-width: 150px;
  display: block;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_m .g-placeholder-container__content {
  margin-inline-start: var(--g-spacing-7);
  min-height: 180px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_l .g-placeholder-container__body {
  max-width: 600px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_l .g-placeholder-container__image {
  width: 230px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_l .g-placeholder-container__image > * {
  max-width: 230px;
  display: block;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_l .g-placeholder-container__content {
  margin-inline-start: var(--g-spacing-10);
  min-height: 320px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_promo .g-placeholder-container__body {
  max-width: 600px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_promo .g-placeholder-container__image {
  width: 230px;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_promo .g-placeholder-container__image > * {
  max-width: 230px;
  display: block;
}
.g-placeholder-container_direction_row.g-placeholder-container_size_promo .g-placeholder-container__content {
  margin-inline-start: var(--g-spacing-10);
  min-height: none;
}
.g-placeholder-container_direction_column .g-placeholder-container__body {
  flex-direction: column;
}
.g-placeholder-container_direction_column .g-placeholder-container__content {
  margin-block-start: var(--g-spacing-5);
  align-items: center;
  text-align: center;
  flex-shrink: 0;
}
.g-placeholder-container_direction_column .g-placeholder-container__image {
  flex-shrink: 0;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_s .g-placeholder-container__body {
  max-width: 320px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_s .g-placeholder-container__image {
  max-height: 100px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_s .g-placeholder-container__image > * {
  max-height: 100px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_m .g-placeholder-container__body {
  max-width: 320px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_m .g-placeholder-container__image {
  max-height: 150px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_m .g-placeholder-container__image > * {
  max-height: 150px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_l .g-placeholder-container__body {
  max-width: 430px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_l .g-placeholder-container__image {
  max-height: 230px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_l .g-placeholder-container__image > * {
  max-height: 230px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_promo {
  padding: var(--g-spacing-5);
}
.g-placeholder-container_direction_column.g-placeholder-container_size_promo .g-placeholder-container__body {
  max-width: 430px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_promo .g-placeholder-container__image {
  max-height: 230px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_promo .g-placeholder-container__image > * {
  max-height: 230px;
}
.g-placeholder-container_direction_column.g-placeholder-container_size_promo .g-placeholder-container__body {
  width: 100%;
}
.g-placeholder-container__action {
  margin-inline-end: var(--g-spacing-5);
}
.g-placeholder-container__action:last-child {
  margin-inline-end: 0;
}.g-progress {
  --_--empty-background-color: var(--g-color-base-generic);
  --_--empty-text-color: var(--g-color-text-primary);
  --_--filled-text-color: var(--g-color-text-primary);
  --_--filled-background-color: var(--g-color-base-neutral-medium);
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3px;
  background-color: var(--g-progress-empty-background-color, var(--_--empty-background-color));
  text-align: center;
}
.g-progress__text {
  font-size: var(--g-text-body-short-font-size);
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
  color: var(--g-progress-empty-text-color, var(--_--empty-text-color));
}
.g-progress__text-inner {
  font-size: var(--g-text-body-short-font-size);
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--g-progress-filled-text-color, var(--_--empty-text-color));
  transition: transform 0.6s ease;
}
.g-progress__item {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease, width 0.6s ease, background-color 0.6s ease;
  background-color: var(--g-progress-filled-background-color, var(--_--filled-background-color));
}
[dir=rtl] .g-progress__item {
  float: right;
}
.g-progress__item_theme_default {
  --_--filled-background-color: var(--g-color-base-neutral-medium);
}
.g-progress__item_theme_success {
  --_--filled-background-color: var(--g-color-base-positive-medium);
}
.g-progress__item_theme_warning {
  --_--filled-background-color: var(--g-color-base-warning-medium);
}
.g-progress__item_theme_danger {
  --_--filled-background-color: var(--g-color-base-danger-medium);
}
.g-progress__item_theme_info {
  --_--filled-background-color: var(--g-color-base-info-medium);
}
.g-progress__item_theme_misc {
  --_--filled-background-color: var(--g-color-base-misc-medium);
}
.g-progress__item_loading {
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 4px, transparent 4px, transparent 8px);
  background-size: 150%;
  background-clip: padding-box;
  animation: g-loading-animation 0.5s linear infinite;
}
.g-progress__stack {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  color: var(--g-color-text-light-primary);
  transition: transform 0.6s ease;
}
.g-progress_size_m {
  height: 20px;
  line-height: 20px;
}
.g-progress_size_m .g-progress__stack {
  height: 20px;
  line-height: 20px;
}
.g-progress_size_m .g-progress__text {
  height: 20px;
  margin-block-end: -20px;
}
.g-progress_size_s {
  height: 10px;
  line-height: 10px;
}
.g-progress_size_s .g-progress__stack {
  height: 10px;
  line-height: 10px;
}
.g-progress_size_xs {
  height: 4px;
  line-height: 4px;
}
.g-progress_size_xs .g-progress__stack {
  height: 4px;
  line-height: 4px;
}
.g-progress_size_s .g-progress__text, .g-progress_size_s .g-progress__text-inner, .g-progress_size_xs .g-progress__text, .g-progress_size_xs .g-progress__text-inner {
  display: none;
}
.g-radio__indicator {
  display: inline-block;
  position: relative;
  cursor: inherit;
}
.g-radio__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 1px solid var(--g-color-line-generic-accent);
  border-radius: 50%;
  transition: background 0.1s linear;
}
.g-radio__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-radio__disc::before {
  content: "";
  position: absolute;
  border: none;
  background-color: var(--g-color-text-brand-contrast);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.1);
  transition: opacity 0.1s, transform 0.2s;
}
.g-radio__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-radio__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
  border-radius: 50%;
}
.g-radio__control:focus-visible + .g-radio__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-radio_size_m .g-radio__indicator {
  width: 14px;
  height: 14px;
}
.g-radio_size_m .g-radio__disc::before {
  inset: 5px;
}
.g-radio_size_l .g-radio__indicator {
  width: 17px;
  height: 17px;
}
.g-radio_size_l .g-radio__disc::before {
  inset: 6px;
}
.g-radio:hover .g-radio__indicator::before {
  border-color: var(--g-color-line-generic-accent-hover);
}
.g-radio_checked .g-radio__indicator::before {
  background-color: var(--g-color-base-brand);
  border: transparent;
}
.g-radio_checked .g-radio__indicator .g-radio__disc::before {
  opacity: 1;
  transform: scale(1);
}
.g-radio_disabled .g-radio__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
  border: transparent;
}
.g-radio_disabled.g-radio_checked .g-radio__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}.g-radio-button {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  border-radius: var(--_--border-radius);
  background-color: var(--g-color-base-generic);
  position: relative;
  --_--border-radius-inner: calc(var(--_--border-radius) - 3px);
}
.g-radio-button__plate {
  position: absolute;
  inset-block: 0;
  transition: left 0.2s, width 0.2s;
}
.g-radio-button__plate[hidden] {
  display: none;
}
.g-radio-button__option {
  flex: 1 1 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: var(--g-text-body-1-font-size);
  text-align: center;
  border-radius: var(--_--border-radius-inner);
  cursor: pointer;
  transform: scale(1);
  transition: color 0.15s linear;
}
.g-radio-button__option-outline {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 3px;
  border-radius: var(--_--border-radius-inner);
}
.g-radio-button__option-control {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  opacity: 0;
  cursor: inherit;
}
.g-radio-button__option-control:focus-visible + .g-radio-button__option-outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-radio-button__option-text {
  display: inline-block;
  white-space: nowrap;
  color: var(--g-color-text-complementary);
}
.g-radio-button__option-text_icon {
  height: 100%;
  display: flex;
  align-items: center;
}
.g-radio-button__option:hover .g-radio-button__option-text, .g-radio-button__option_checked .g-radio-button__option-text {
  color: var(--g-color-text-primary);
}
.g-radio-button__option_checked {
  cursor: default;
}
.g-radio-button__option_disabled {
  cursor: default;
  pointer-events: none;
}
.g-radio-button__option_disabled .g-radio-button__option-text {
  color: var(--g-color-text-hint);
}
.g-radio-button__plate::before, .g-radio-button__option::before {
  position: absolute;
  inset: 3px;
  border-radius: var(--_--border-radius-inner);
}
.g-radio-button__option::before {
  z-index: -1;
}
.g-radio-button__plate::before, .g-radio-button__plate[hidden] ~ .g-radio-button__option_checked::before {
  content: "";
  background-color: var(--g-color-base-background);
}
.g-radio-button_size_s {
  --_--border-radius: var(--g-border-radius-s);
}
.g-radio-button_size_s .g-radio-button__option {
  height: 24px;
  line-height: 24px;
}
.g-radio-button_size_s .g-radio-button__option-text {
  margin: 0 10px;
}
.g-radio-button_size_m {
  --_--border-radius: var(--g-border-radius-m);
}
.g-radio-button_size_m .g-radio-button__option {
  height: 28px;
  line-height: 28px;
}
.g-radio-button_size_m .g-radio-button__option-text {
  margin: 0 13px;
}
.g-radio-button_size_l {
  --_--border-radius: var(--g-border-radius-l);
}
.g-radio-button_size_l .g-radio-button__option {
  height: 36px;
  line-height: 36px;
}
.g-radio-button_size_l .g-radio-button__option-text {
  margin: 0 18px;
}
.g-radio-button_size_xl {
  --_--border-radius: var(--g-border-radius-xl);
}
.g-radio-button_size_xl .g-radio-button__option {
  height: 44px;
  line-height: 44px;
  font-size: var(--g-text-body-2-font-size);
}
.g-radio-button_size_xl .g-radio-button__option-text {
  margin: 0 25px;
}
.g-radio-button_width_auto {
  max-width: 100%;
}
.g-radio-button_width_max {
  width: 100%;
}
.g-radio-button_width_auto .g-radio-button__option, .g-radio-button_width_max .g-radio-button__option {
  overflow: hidden;
}
.g-radio-button_width_auto .g-radio-button__option-text, .g-radio-button_width_max .g-radio-button__option-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}.g-radio-group_direction_horizontal.g-radio-group_size_m {
  line-height: 20px;
}
.g-radio-group_direction_horizontal.g-radio-group_size_m .g-radio-group__option:not(:last-child) {
  margin-inline-end: 12px;
}
.g-radio-group_direction_horizontal.g-radio-group_size_l {
  line-height: 24px;
}
.g-radio-group_direction_horizontal.g-radio-group_size_l .g-radio-group__option:not(:last-child) {
  margin-inline-end: 15px;
}
.g-radio-group_direction_vertical {
  display: flex;
  flex-direction: column;
}
.g-radio-group_direction_vertical.g-radio-group_size_m .g-radio-group__option:not(:last-child) {
  margin-block-end: 8px;
}
.g-radio-group_direction_vertical.g-radio-group_size_l .g-radio-group__option:not(:last-child) {
  margin-block-end: 12px;
}.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::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--_--gradient-deg), transparent, var(--g-color-base-generic));
  animation: g-skeleton 1.2s ease-out infinite;
  content: "";
}

@keyframes g-skeleton {
  0% {
    transform: translateX(var(--_--animation-from));
  }
  100% {
    transform: translateX(var(--_--animation-to));
  }
}.g-base-slider {
  position: relative;
  flex-grow: 1;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-base-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-base-slider_size_s {
  padding: 6px 0 6px;
  height: 15px;
  margin: 0 7.5px var(--g-text-body-1-line-height);
}
.g-base-slider_size_s .rc-slider-mark {
  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-base-slider_size_s .rc-slider-mark-text:last-of-type {
  inset-inline-end: -7.5px;
}
.g-base-slider_size_s .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -7.5px;
}
.g-base-slider_size_s .rc-slider-dot {
  inset-block-start: 7px;
  height: 1px;
  width: 1px;
}
.g-base-slider_size_m {
  padding: 7px 0 7px;
  height: 18px;
  margin: 0 9px var(--g-text-body-1-line-height);
}
.g-base-slider_size_m .rc-slider-mark {
  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-base-slider_size_m .rc-slider-mark-text:last-of-type {
  inset-inline-end: -9px;
}
.g-base-slider_size_m .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -9px;
}
.g-base-slider_size_m .rc-slider-dot {
  inset-block-start: 8px;
  height: 2px;
  width: 2px;
}
.g-base-slider_size_l {
  padding: 8px 0 8px;
  height: 21px;
  margin: 0 10.5px var(--g-text-body-1-line-height);
}
.g-base-slider_size_l .rc-slider-mark {
  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-base-slider_size_l .rc-slider-mark-text:last-of-type {
  inset-inline-end: -10.5px;
}
.g-base-slider_size_l .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -10.5px;
}
.g-base-slider_size_l .rc-slider-dot {
  inset-block-start: 9px;
  height: 3px;
  width: 3px;
}
.g-base-slider_size_xl {
  padding: 9px 0 9px;
  height: 24px;
  margin: 0 12px var(--g-text-body-2-line-height);
}
.g-base-slider_size_xl .rc-slider-mark {
  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-base-slider_size_xl .rc-slider-mark-text:last-of-type {
  inset-inline-end: -12px;
}
.g-base-slider_size_xl .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -12px;
}
.g-base-slider_size_xl .rc-slider-dot {
  inset-block-start: 10px;
  height: 4px;
  width: 4px;
}
.g-base-slider_no-marks {
  margin-block-end: 0;
}
.g-base-slider__rail {
  position: absolute;
  border-radius: 4px;
  background-color: var(--g-color-base-selection);
}
.g-base-slider__rail_size_s {
  height: 3px;
  inset-inline: -7px;
}
.g-base-slider__rail_size_m {
  height: 4px;
  inset-inline: -9px;
}
.g-base-slider__rail_size_l {
  height: 5px;
  inset-inline: -10px;
}
.g-base-slider__rail_size_xl {
  height: 6px;
  inset-inline: -12px;
}
.g-base-slider__rail_disabled {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-base-slider__rail_error {
  background-color: var(--g-color-base-danger-heavy);
}
.g-base-slider__track {
  position: absolute;
  background-color: var(--g-color-base-brand);
}
.g-base-slider__track_size_s {
  height: 3px;
}
.g-base-slider__track_size_s::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 7px;
  inset-inline-start: -7px;
  height: 3px;
}
.g-base-slider__track_size_m {
  height: 4px;
}
.g-base-slider__track_size_m::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 9px;
  inset-inline-start: -9px;
  height: 4px;
}
.g-base-slider__track_size_l {
  height: 5px;
}
.g-base-slider__track_size_l::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 10px;
  inset-inline-start: -10px;
  height: 5px;
}
.g-base-slider__track_size_xl {
  height: 6px;
}
.g-base-slider__track_size_xl::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 12px;
  inset-inline-start: -12px;
  height: 6px;
}
.g-base-slider__track_disabled, .g-base-slider__track_error {
  visibility: hidden;
}
.g-base-slider__handle {
  position: absolute;
  z-index: 1;
  cursor: grab;
  touch-action: pan-x;
  background-color: var(--g-color-base-background);
  border-radius: 50%;
  border-style: solid;
  border-color: var(--g-color-base-brand);
  inset-block-start: 0;
}
.g-base-slider__handle_size_s {
  height: 15px;
  width: 15px;
  border-width: 3px;
}
.g-base-slider__handle_size_m {
  height: 18px;
  width: 18px;
  border-width: 4px;
}
.g-base-slider__handle_size_l {
  height: 21px;
  width: 21px;
  border-width: 5px;
}
.g-base-slider__handle_size_xl {
  height: 24px;
  width: 24px;
  border-width: 6px;
}
.g-base-slider__handle:focus {
  box-shadow: 0 0 0 3px var(--g-color-base-selection-hover);
  outline: none;
}
.g-base-slider__handle:active {
  box-shadow: 0 0 0 4px var(--g-color-base-selection-hover);
  cursor: grabbing;
}
.g-base-slider__handle_disabled {
  cursor: not-allowed;
  border-color: var(--g-color-base-generic-accent);
}
.g-base-slider__handle_disabled:active, .g-base-slider__handle_disabled:focus {
  cursor: not-allowed;
  box-shadow: none;
}
.g-base-slider__handle_error {
  border-color: var(--g-color-base-danger-heavy);
}
.g-base-slider__handle_error:focus {
  box-shadow: 0 0 0 3px var(--g-color-base-danger-light-hover);
}
.g-base-slider__handle_error:active {
  box-shadow: 0 0 0 4px var(--g-color-base-danger-light-hover);
}
.g-base-slider__step {
  position: absolute;
  width: 100%;
  background: transparent;
}
.g-base-slider__step_size_s {
  height: 3px;
}
.g-base-slider__step_size_m {
  height: 4px;
}
.g-base-slider__step_size_l {
  height: 5px;
}
.g-base-slider__step_size_xl {
  height: 6px;
}
.g-base-slider .rc-slider-mark {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  color: var(--g-color-text-secondary);
  inset-block-end: 0;
}
.g-base-slider .rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  inset-block-start: 0;
}
.g-base-slider_disabled .rc-slider-mark-text {
  cursor: not-allowed;
}
.g-base-slider .rc-slider-dot {
  position: absolute;
  border-radius: 50%;
  background-color: var(--g-color-base-brand);
}
.g-base-slider .rc-slider-dot:first-of-type, .g-base-slider .rc-slider-dot:last-of-type {
  display: none;
}
.g-base-slider_disabled .rc-slider-dot, .g-base-slider_error .rc-slider-dot {
  display: none;
}[dir=rtl] .g-slider-tooltip {
  transform: translate(50%, -100%);
}

.g-slider-tooltip {
  position: absolute;
  inset-block-start: -6px;
  transform: translate(-50%, -100%);
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.g-slider-tooltip__card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px 4px 2px;
  background-color: var(--g-color-base-brand);
  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);
  color: var(--g-color-text-brand-contrast);
}
.g-slider-tooltip__card_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-slider-tooltip__pin {
  display: flex;
  position: absolute;
  inset-block-end: -5px;
  inset-inline: 0;
  justify-content: center;
  color: var(--g-color-base-brand);
}
.g-slider-tooltip_error .g-slider-tooltip__card {
  background-color: var(--g-color-base-danger-heavy);
}
.g-slider-tooltip_disabled .g-slider-tooltip__card {
  background-color: var(--g-color-base-generic-accent);
}
.g-slider-tooltip_disabled .g-slider-tooltip__card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background-color: var(--g-color-base-background);
  z-index: -1;
}
.g-slider-tooltip_error .g-slider-tooltip__pin {
  color: var(--g-color-base-danger-heavy);
}
.g-slider-tooltip_disabled .g-slider-tooltip__pin {
  color: var(--g-color-base-generic-accent);
}
.g-slider-tooltip_disabled .g-slider-tooltip__pin_background {
  color: var(--g-color-base-background);
}.g-slider {
  display: flex;
  flex-direction: column;
}
.g-slider__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);
  color: var(--g-color-text-danger);
}
.g-slider__error_size_s {
  margin-block-start: 0px;
}
.g-slider__error_size_m {
  margin-block-start: 2px;
}
.g-slider__error_size_l {
  margin-block-start: 4px;
}
.g-slider__error_size_xl {
  margin-block-start: 6px;
}
.g-slider__top {
  height: calc(var(--g-text-body-1-line-height) + 6px + 6px);
  display: block;
}
.g-slider__top_tooltip-display_off {
  display: none;
}
.g-slider__top_size_xl {
  height: calc(var(--g-text-body-2-line-height) + 6px + 6px);
}.g-spin {
  display: inline-block;
  backface-visibility: hidden;
  animation: g-spin 1s linear infinite;
}
.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-switch {
  position: relative;
}
.g-switch__control {
  opacity: 0;
  cursor: pointer;
}
.g-switch__indicator {
  display: inline-block;
  position: relative;
}
.g-switch__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--g-color-base-generic-medium);
  transition: background 0.1s linear;
}
.g-switch__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-switch__slider {
  position: absolute;
  content: "";
  border-radius: 50%;
  background-color: var(--g-color-base-background);
  transition: transform 0.15s ease-out;
}
.g-switch__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
}
.g-switch__control:focus-visible + .g-switch__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-switch_size_m .g-switch__indicator,
.g-switch_size_m .g-switch__indicator::before,
.g-switch_size_m .g-switch__outline {
  width: 36px;
  height: 20px;
  border-radius: 10px;
}
.g-switch_size_m .g-switch__slider {
  inset-block-start: 2px;
  inset-inline-start: 2px;
  width: 16px;
  height: 16px;
}
.g-switch_size_m .g-switch__text {
  margin-block-start: 3px;
}
.g-switch_size_l .g-switch__indicator,
.g-switch_size_l .g-switch__indicator::before,
.g-switch_size_l .g-switch__outline {
  width: 42px;
  height: 24px;
  border-radius: 12px;
}
.g-switch_size_l .g-switch__slider {
  inset-block-start: 3px;
  inset-inline-start: 3px;
  width: 18px;
  height: 18px;
}
.g-switch_size_l .g-switch__text {
  margin-block-start: 4px;
}
.g-switch:hover .g-switch__indicator::before {
  background-color: var(--g-color-base-generic-medium-hover);
}
.g-switch_checked .g-switch__slider {
  --_--translate-x: calc(100% * var(--g-flow-direction));
  transform: translateX(var(--_--translate-x));
}
.g-switch_checked .g-switch__indicator::before, .g-switch_checked:hover .g-switch__indicator::before {
  background-color: var(--g-color-base-brand);
}
.g-switch_disabled .g-switch__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-switch_disabled.g-switch_checked .g-switch__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}.g-table {
  overflow: auto;
  position: relative;
}
.g-table__scroll-container {
  overflow: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.g-table__scroll-container::-webkit-scrollbar {
  display: none;
}
.g-table__horizontal-scroll-bar {
  overflow-x: auto;
  margin-block-start: -1px;
}
.g-table__horizontal-scroll-bar-inner {
  height: 1px;
  position: relative;
}
.g-table__horizontal-scroll-bar-inner::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: rgba(255, 255, 255, 0.01);
}
.g-table__horizontal-scroll-bar_sticky-horizontal-scroll {
  position: sticky;
  z-index: 3;
}
.g-table__table {
  border-spacing: 0;
  border-collapse: separate;
}
.g-table__table_width_max {
  width: 100%;
}
.g-table__cell {
  box-sizing: content-box;
  padding: 11px var(--g-spacing-2) 10px;
  border-block-end: 1px solid var(--g-color-line-generic);
  line-height: 18px;
  text-align: start;
  overflow-wrap: break-word;
}
.g-table__cell:first-child {
  padding-inline-start: 0;
}
.g-table__cell:last-child {
  padding-inline-end: 0;
}
.g-table__cell:not(.g-table__cell_word-wrap) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-table__cell_align_center {
  text-align: center;
}
.g-table__cell_align_end {
  text-align: end;
}
.g-table .g-table__cell_sticky_start, .g-table .g-table__cell_sticky_end {
  position: sticky;
  z-index: 2;
  background: var(--g-color-base-background);
}
.g-table__cell_border_right {
  border-inline-end: 1px solid var(--g-color-line-generic);
}
.g-table__cell_edge-padding:first-child {
  padding-inline-start: var(--g-spacing-3);
}
.g-table__cell_edge-padding:last-child {
  padding-inline-end: var(--g-spacing-3);
}
.g-table__row_vertical-align_top {
  vertical-align: top;
}
.g-table__row_vertical-align_middle {
  vertical-align: middle;
}
.g-table__row_empty .g-table__cell {
  text-align: center;
}
.g-table__body .g-table__row:last-child .g-table__cell {
  border-block-end-color: transparent;
}
.g-table__head .g-table__cell {
  font-weight: var(--g-text-accent-font-weight);
}
.g-table__body .g-table__row_interactive:hover {
  background-color: var(--g-color-base-simple-hover-solid);
  cursor: pointer;
}
.g-table__body .g-table__row_interactive:hover .g-table__cell_sticky_start,
.g-table__body .g-table__row_interactive:hover .g-table__cell_sticky_end {
  background: var(--g-color-base-simple-hover-solid);
}
.g-table__body .g-table__row_disabled {
  opacity: 0.3;
}
.g-table_with-primary .g-table__body .g-table__cell {
  color: var(--g-color-text-secondary);
}
.g-table_with-primary .g-table__body .g-table__cell_primary {
  color: var(--g-color-text-primary);
}
.g-table_with-sticky-scroll {
  overflow: visible;
}.g-table__checkbox_cell {
  position: relative;
  min-width: 17px;
  width: 17px;
}
.g-table__selection-checkbox {
  display: flex;
  align-items: center;
  padding: inherit;
  border-block-end: none;
  position: absolute;
  inset: 0;
}
.g-table__selection-checkbox_vertical-align_top {
  align-items: start;
}
.g-table__row_selected {
  background: var(--g-color-base-selection);
}
.g-table__row_selected .g-table__cell_sticky_start,
.g-table__row_selected .g-table__cell_sticky_end {
  background: linear-gradient(to right, var(--g-color-base-selection), var(--g-color-base-selection)), linear-gradient(to right, var(--g-color-base-background), var(--g-color-base-background));
}
.g-table__row_selected.g-table__row_interactive:hover {
  background: var(--g-color-base-selection-hover);
}
.g-table__row_selected.g-table__row_interactive:hover .g-table__cell_sticky_start,
.g-table__row_selected.g-table__row_interactive:hover .g-table__cell_sticky_end {
  background: linear-gradient(to right, var(--g-color-base-selection-hover), var(--g-color-base-selection-hover)), linear-gradient(to right, var(--g-color-base-background), var(--g-color-base-background));
}.g-table__actions {
  height: 18px;
  display: flex;
  align-items: center;
}

.g-table-action-popup__menu {
  max-height: 200px;
  overflow-y: auto;
}
.g-table-action-popup__menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}.g-table__copy {
  display: inline-flex;
  align-items: center;
}
.g-table__copy-content {
  margin-inline-end: 5px;
}
.g-table__copy-button {
  line-height: 0;
  visibility: hidden;
  color: var(--g-color-text-secondary);
  opacity: 0.5;
}
.g-table__copy-button:hover {
  opacity: 1;
}
.g-table__cell:hover .g-table__copy-button {
  visibility: visible;
}.g-table__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-1);
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--g-border-radius-xs);
}
.g-table__sort-indicator {
  display: flex;
  flex-shrink: 0;
  color: var(--g-color-text-hint);
}
.g-table__sort_active .g-table__sort-indicator {
  color: var(--g-color-text-primary);
}
.g-table__sort:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}.g-list-item-expand-icon {
  flex-shrink: 0;
}.g-list-item-view {
  flex-shrink: 0;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.g-list-item-view__content {
  width: 100%;
  height: 100%;
}
.g-list-item-view__main-content {
  width: 100%;
  display: grid;
  gap: var(--g-spacing-half, 2px);
}
.g-list-item-view:hover.g-list-item-view_activeOnHover, .g-list-item-view_active {
  background: var(--g-color-base-simple-hover);
}
.g-list-item-view_clickable {
  cursor: pointer;
}
.g-list-item-view_selected, .g-list-item-view_selected.g-list-item-view_active, .g-list-item-view_selected:hover.g-list-item-view_activeOnHover {
  background: var(--g-color-base-selection);
}
.g-list-item-view_dragging, .g-list-item-view_dragging.g-list-item-view_selected, .g-list-item-view_dragging.g-list-item-view_active {
  background: var(--g-color-base-simple-hover-solid);
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 100001 !important;
}
.g-list-item-view_radius_s {
  border-radius: var(--g-list-item-border-radius, 3px);
}
.g-list-item-view_radius_m {
  border-radius: var(--g-list-item-border-radius, 5px);
}
.g-list-item-view_radius_l {
  border-radius: var(--g-list-item-border-radius, 6px);
}
.g-list-item-view_radius_xl {
  border-radius: var(--g-list-item-border-radius, 8px);
}
.g-list-item-view__slot {
  flex-shrink: 0;
}.g-list-recursive-renderer {
  padding: 0;
  margin: 0;
}.g-list-container-view {
  box-sizing: border-box;
  width: 100%;
  outline: none;
}
.g-list-container-view_fixed-height {
  height: var(--g-list-container-height, 300px);
}
.g-list-container-view:not(.g-list-container-view_fixed-height) {
  overflow: auto;
}.g-tree-select {
  display: inline-block;
  max-width: 100%;
}
.g-tree-select_width_max {
  width: 100%;
}
.g-tree-select__popup {
  padding: 4px 0;
  overflow: hidden;
}
.g-tree-select__popup_size_s {
  border-radius: var(--g-list-container-border-radius, 5px);
}
.g-tree-select__popup_size_m {
  border-radius: var(--g-list-container-border-radius, 6px);
}
.g-tree-select__popup_size_l {
  border-radius: var(--g-list-container-border-radius, 8px);
}
.g-tree-select__popup_size_xl {
  border-radius: var(--g-list-container-border-radius, 10px);
}
.g-tree-select__list {
  padding: 0 4px;
}.g-inner-table-column-setup {
  display: inline-block;
}
.g-inner-table-column-setup__controls {
  margin: var(--g-spacing-1) var(--g-spacing-1) 0;
}
.g-inner-table-column-setup__filter-input {
  box-sizing: border-box;
  padding: 0 var(--g-spacing-2) var(--g-spacing-1);
  border-block-end: 1px solid var(--g-color-line-generic);
}
.g-inner-table-column-setup__empty-placeholder {
  padding: var(--g-spacing-2);
}.g-table__settings {
  height: 18px;
  display: flex;
  align-items: center;
}
.g-table__settings-button {
  color: var(--g-color-text-secondary) !important;
}.g-table-column-setup__status {
  margin-inline-start: 5px;
  color: var(--g-color-text-secondary);
}.g-tabs {
  --_--vertical-item-padding: var(--g-tabs-vertical-item-padding, 6px 20px);
  --_--vertical-item-height: var(--g-tabs-vertical-item-height, 18px);
}
.g-tabs_size_m {
  --_--item-height: 36px;
  --_--item-gap: 24px;
  --_--item-border-width: 2px;
}
.g-tabs_size_m .g-tabs__item-title,
.g-tabs_size_m .g-tabs__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_size_l {
  --_--item-height: 40px;
  --_--item-gap: 28px;
  --_--item-border-width: 2px;
}
.g-tabs_size_l .g-tabs__item-title,
.g-tabs_size_l .g-tabs__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_size_xl {
  --_--item-height: 44px;
  --_--item-gap: 32px;
  --_--item-border-width: 3px;
}
.g-tabs_size_xl .g-tabs__item-title,
.g-tabs_size_xl .g-tabs__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__item {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
}
.g-tabs__item-content {
  display: flex;
  align-items: center;
  border-radius: var(--g-focus-border-radius);
}
.g-tabs__item_overflow .g-tabs__item-content {
  min-width: 0;
}
.g-tabs__item-icon {
  margin-inline-end: 8px;
}
.g-tabs__item-title {
  white-space: nowrap;
}
.g-tabs__item_overflow .g-tabs__item-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-tabs__item-counter, .g-tabs__item-label {
  margin-inline-start: 8px;
}
.g-tabs__item-icon > svg {
  display: block;
}
.g-tabs_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_direction_horizontal .g-tabs__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_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-content {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: -2px;
}
.g-tabs_direction_horizontal .g-tabs__item-meta {
  display: none;
}
.g-tabs_direction_horizontal .g-tabs__item-title {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_horizontal .g-tabs__item-icon, .g-tabs_direction_horizontal .g-tabs__item-counter {
  color: var(--g-color-text-hint);
}
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-title, .g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-title, .g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-title {
  color: var(--g-color-text-primary);
}
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-counter, .g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-counter, .g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_horizontal .g-tabs__item_active, .g-tabs_direction_horizontal .g-tabs__item_active:hover, .g-tabs_direction_horizontal .g-tabs__item_active:focus-visible {
  border-color: var(--g-color-line-brand);
}
.g-tabs_direction_horizontal .g-tabs__item_disabled {
  pointer-events: none;
}
.g-tabs_direction_horizontal .g-tabs__item_disabled .g-tabs__item-title {
  color: var(--g-color-text-hint);
}
.g-tabs_direction_horizontal > :not(:last-child) {
  margin-inline-end: var(--g-tabs-item-gap, var(--_--item-gap));
}
.g-tabs_direction_vertical {
  display: flex;
  flex-direction: column;
}
.g-tabs_direction_vertical .g-tabs__item {
  padding: var(--_--vertical-item-padding);
}
.g-tabs_direction_vertical .g-tabs__item-title {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-primary);
}
.g-tabs_direction_vertical .g-tabs__item-meta {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_vertical .g-tabs__item-icon, .g-tabs_direction_vertical .g-tabs__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_vertical .g-tabs__item:hover, .g-tabs_direction_vertical .g-tabs__item:focus-visible {
  background-color: var(--g-color-base-generic-hover);
}
.g-tabs_direction_vertical .g-tabs__item_active {
  background-color: var(--g-color-base-selection);
}
.g-tabs_direction_vertical .g-tabs__item_active:hover, .g-tabs_direction_vertical .g-tabs__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-tabs_direction_vertical .g-tabs__item_disabled {
  pointer-events: none;
}
.g-tabs_direction_vertical .g-tabs__item_disabled .g-tabs__item-title {
  color: var(--g-color-text-secondary);
}.g-toast {
  --_--item-gap: 10px;
  --_--item-padding: 16px;
  --_--background-color: var(--g-color-base-background);
  display: flex;
  box-sizing: border-box;
  position: relative;
  width: inherit;
  margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
  padding: var(--g-toaster-item-padding, var(--_--item-padding));
  font-size: var(--g-text-body-2-font-size);
  border-radius: 8px;
  box-shadow: 0px 0px 15px var(--g-color-sfx-shadow);
  background-color: var(--_--background-color);
  overflow: hidden;
  z-index: 0;
}
.g-toast_mobile {
  width: 100%;
}
.g-toast_theme_normal {
  --_--background-color: var(--g-color-base-float);
}
.g-toast_theme_info {
  --_--container-background-color: var(--g-color-base-info-light);
  --_--icon-color: var(--g-color-text-info-heavy);
}
.g-toast_theme_success {
  --_--container-background-color: var(--g-color-base-positive-light);
  --_--icon-color: var(--g-color-text-positive-heavy);
}
.g-toast_theme_warning {
  --_--container-background-color: var(--g-color-base-warning-light);
  --_--icon-color: var(--g-color-text-warning-heavy);
}
.g-toast_theme_danger {
  --_--container-background-color: var(--g-color-base-danger-light);
  --_--icon-color: var(--g-color-text-danger-heavy);
}
.g-toast_theme_utility {
  --_--container-background-color: var(--g-color-base-utility-light);
  --_--icon-color: var(--g-color-text-utility-heavy);
}
.g-toast__container {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  min-height: var(--g-text-body-2-line-height);
  min-width: 0;
}
.g-toast__container:before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-color: var(--_--container-background-color);
}
.g-toast__icon-container {
  flex: 0 0 auto;
  padding-inline-end: 8px;
  padding-block-start: 2px;
  color: var(--_--icon-color);
  min-width: 0;
}
.g-toast__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);
  margin: 0;
  padding-inline-end: 32px;
}
.g-toast__content {
  margin-block-start: var(--g-spacing-2);
}
.g-toast__content_without-title {
  margin-block-start: 0;
  padding-inline-end: 32px;
}
.g-toast__actions {
  margin-block-start: var(--g-spacing-3);
}
.g-toast__action {
  margin-inline-end: 8px;
}
.g-toast .g-toast__btn-close {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 16px;
}.g-toast-animation-mobile_enter {
  opacity: 0;
  position: absolute;
}
.g-toast-animation-mobile_enter_active {
  animation: g-toast-enter-mobile 0.6s ease-out forwards;
  position: relative;
}
.g-toast-animation-mobile_exit_active {
  animation: g-toast-exit-mobile 0.6s ease-in forwards;
}

@keyframes g-toast-enter-mobile {
  0% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-toast-exit-mobile {
  0% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateY(10px);
  }
}
.g-toast-animation-desktop_enter {
  opacity: 0;
  position: absolute;
}
.g-toast-animation-desktop_enter_active {
  animation: g-toast-enter-desktop 0.6s ease-out forwards;
  position: relative;
}
.g-toast-animation-desktop_exit_active {
  animation: g-toast-exit-desktop 0.6s ease-in forwards;
}

@keyframes g-toast-enter-desktop {
  0% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  100% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-toast-exit-desktop {
  0% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  100% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
}.g-toaster {
  --_--width: 312px;
  position: fixed;
  inset-block-end: 0;
  inset-inline-end: 10px;
  width: var(--g-toaster-width, var(--_--width));
  z-index: 100000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.g-toaster_mobile {
  --_--width: calc(100% - 20px);
  inset-inline-start: 50%;
  transform: translate(-50%);
}.g-toc-item__section {
  cursor: pointer;
}
.g-toc-item__section > .g-toc-item__section-link {
  border-inline-start-color: var(--g-color-line-generic);
}
.g-toc-item__section-link {
  display: flex;
  align-items: center;
  padding: 6px 6px 6px 12px;
  min-height: 18px;
  color: var(--g-color-text-secondary);
  border-inline-start: 2px solid transparent;
  text-decoration: none;
}
.g-toc-item__section-link:focus-visible {
  outline-offset: -2px;
  outline: 2px solid var(--g-color-line-focus);
  border-radius: calc(var(--g-focus-border-radius) + 2px);
}
.g-toc-item__section-link:hover {
  color: var(--g-color-text-complementary);
}
.g-toc-item__section_child .g-toc-item__section-link {
  padding-inline-start: 25px;
}
.g-toc-item__section_active > .g-toc-item__section-link {
  color: var(--g-color-text-primary);
  border-inline-start-color: var(--g-color-line-brand);
}.g-toc__title {
  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);
  color: var(--g-color-text-primary);
  margin-block-end: 12px;
}
.g-toc__sections, .g-toc__subsections {
  padding: 0;
  margin: 0;
  overflow: hidden auto;
  list-style: none;
}.g-tooltip[class] {
  --g-popup-border-width: 0;
}
.g-tooltip[class] > div {
  padding: 4px 8px;
  max-width: 360px;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  animation-duration: 1ms;
}
.g-tooltip__content {
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -webkit-line-clamp: 20;
  -moz-line-clamp: 20;
  -ms-line-clamp: 20;
  overflow: hidden;
  text-overflow: ellipsis;
}.g-user {
  display: flex;
  align-items: center;
}
.g-user__avatar {
  display: flex;
  align-items: center;
}
.g-user__info {
  flex: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  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);
  font-size: var(--g-user-font-size, var(--g-text-body-short-font-size));
  line-height: var(--g-user-line-height, var(--g-text-body-short-line-height));
}
.g-user__info .g-user__name {
  color: var(--g-color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-user__info .g-user__description {
  color: var(--g-color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-user__avatar + .g-user__info {
  margin-inline-start: 12px;
}
.g-user_size_xs .g-user__avatar + .g-user__info, .g-user_size_2xs .g-user__avatar + .g-user__info {
  margin-inline-start: 6px;
}
.g-user_size_2xs .g-user__info {
  font-size: var(--g-user-font-size, var(--g-text-code-inline-1-font-size));
  line-height: var(--g-user-line-height, var(--g-text-code-inline-1-line-height));
  font-weight: var(--g-text-body-font-weight);
}*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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 in Chrome and Safari on macOS.
*/

::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  * {
    box-sizing: border-box;
  }
  
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
  }
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-1 {
  inset: 0.25rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-7 {
  bottom: 1.75rem;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-4 {
  left: 1rem;
}
.left-6 {
  left: 1.5rem;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-2 {
  top: 0.5rem;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.col-span-full {
  grid-column: 1 / -1;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-20 {
  width: 5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[32px\] {
  min-width: 32px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(36px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(36px,1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/50 {
  border-color: rgb(59 130 246 / 0.5);
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-600\/20 {
  border-color: rgb(75 85 99 / 0.2);
}
.border-gray-600\/30 {
  border-color: rgb(75 85 99 / 0.3);
}
.border-gray-600\/50 {
  border-color: rgb(75 85 99 / 0.5);
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}
.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-blue-400\/10 {
  background-color: rgb(96 165 250 / 0.1);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-700\/30 {
  background-color: rgb(55 65 81 / 0.3);
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/10 {
  background-color: rgb(31 41 55 / 0.1);
}
.bg-gray-800\/20 {
  background-color: rgb(31 41 55 / 0.2);
}
.bg-gray-800\/30 {
  background-color: rgb(31 41 55 / 0.3);
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-800\/90 {
  background-color: rgb(31 41 55 / 0.9);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/30 {
  background-color: rgb(17 24 39 / 0.3);
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-amber-500\/20 {
  --tw-gradient-from: rgb(245 158 11 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-300\/20 {
  --tw-gradient-from: rgb(147 197 253 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400\/20 {
  --tw-gradient-from: rgb(96 165 250 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/20 {
  --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600\/20 {
  --tw-gradient-from: rgb(37 99 235 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/20 {
  --tw-gradient-from: rgb(6 182 212 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400\/20 {
  --tw-gradient-from: rgb(52 211 153 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/20 {
  --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-500\/20 {
  --tw-gradient-from: rgb(217 70 239 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-300\/20 {
  --tw-gradient-from: rgb(209 213 219 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-400\/20 {
  --tw-gradient-from: rgb(156 163 175 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500\/20 {
  --tw-gradient-from: rgb(107 114 128 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-600\/20 {
  --tw-gradient-from: rgb(75 85 99 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-300\/20 {
  --tw-gradient-from: rgb(134 239 172 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400\/20 {
  --tw-gradient-from: rgb(74 222 128 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500\/20 {
  --tw-gradient-from: rgb(34 197 94 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600\/20 {
  --tw-gradient-from: rgb(22 163 74 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-400\/20 {
  --tw-gradient-from: rgb(129 140 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/20 {
  --tw-gradient-from: rgb(99 102 241 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-400\/20 {
  --tw-gradient-from: rgb(163 230 53 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-500\/20 {
  --tw-gradient-from: rgb(132 204 22 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-400\/20 {
  --tw-gradient-from: rgb(251 146 60 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/20 {
  --tw-gradient-from: rgb(249 115 22 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500\/20 {
  --tw-gradient-from: rgb(236 72 153 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-300\/20 {
  --tw-gradient-from: rgb(216 180 254 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400\/20 {
  --tw-gradient-from: rgb(192 132 252 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/20 {
  --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/20 {
  --tw-gradient-from: rgb(147 51 234 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-300\/20 {
  --tw-gradient-from: rgb(252 165 165 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 165 165 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400\/20 {
  --tw-gradient-from: rgb(248 113 113 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/20 {
  --tw-gradient-from: rgb(239 68 68 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600\/20 {
  --tw-gradient-from: rgb(220 38 38 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-400\/20 {
  --tw-gradient-from: rgb(251 113 133 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500\/20 {
  --tw-gradient-from: rgb(244 63 94 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/20 {
  --tw-gradient-from: rgb(56 189 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500\/20 {
  --tw-gradient-from: rgb(14 165 233 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-500\/20 {
  --tw-gradient-from: rgb(100 116 139 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-500\/20 {
  --tw-gradient-from: rgb(120 113 108 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 113 108 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400\/20 {
  --tw-gradient-from: rgb(45 212 191 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-500\/20 {
  --tw-gradient-from: rgb(20 184 166 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-400\/20 {
  --tw-gradient-from: rgb(167 139 250 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/20 {
  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/20 {
  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500\/20 {
  --tw-gradient-from: rgb(234 179 8 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-500\/20 {
  --tw-gradient-from: rgb(113 113 122 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gray-900 {
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-amber-600\/20 {
  --tw-gradient-to: rgb(217 119 6 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-400\/20 {
  --tw-gradient-to: rgb(96 165 250 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-500\/20 {
  --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-600\/20 {
  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-blue-700\/20 {
  --tw-gradient-to: rgb(29 78 216 / 0.2) var(--tw-gradient-to-position);
}
.to-cyan-600\/20 {
  --tw-gradient-to: rgb(8 145 178 / 0.2) var(--tw-gradient-to-position);
}
.to-emerald-500\/20 {
  --tw-gradient-to: rgb(16 185 129 / 0.2) var(--tw-gradient-to-position);
}
.to-emerald-600\/20 {
  --tw-gradient-to: rgb(5 150 105 / 0.2) var(--tw-gradient-to-position);
}
.to-fuchsia-600\/20 {
  --tw-gradient-to: rgb(192 38 211 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-100\/20 {
  --tw-gradient-to: rgb(243 244 246 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-400\/20 {
  --tw-gradient-to: rgb(156 163 175 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-500\/20 {
  --tw-gradient-to: rgb(107 114 128 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-600\/20 {
  --tw-gradient-to: rgb(75 85 99 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-700\/20 {
  --tw-gradient-to: rgb(55 65 81 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.to-green-400\/20 {
  --tw-gradient-to: rgb(74 222 128 / 0.2) var(--tw-gradient-to-position);
}
.to-green-500\/20 {
  --tw-gradient-to: rgb(34 197 94 / 0.2) var(--tw-gradient-to-position);
}
.to-green-600\/20 {
  --tw-gradient-to: rgb(22 163 74 / 0.2) var(--tw-gradient-to-position);
}
.to-green-700 {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}
.to-green-700\/20 {
  --tw-gradient-to: rgb(21 128 61 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-500\/20 {
  --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-600\/20 {
  --tw-gradient-to: rgb(79 70 229 / 0.2) var(--tw-gradient-to-position);
}
.to-lime-500\/20 {
  --tw-gradient-to: rgb(132 204 22 / 0.2) var(--tw-gradient-to-position);
}
.to-lime-600\/20 {
  --tw-gradient-to: rgb(101 163 13 / 0.2) var(--tw-gradient-to-position);
}
.to-orange-500\/20 {
  --tw-gradient-to: rgb(249 115 22 / 0.2) var(--tw-gradient-to-position);
}
.to-orange-600\/20 {
  --tw-gradient-to: rgb(234 88 12 / 0.2) var(--tw-gradient-to-position);
}
.to-orange-700 {
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}
.to-pink-600\/20 {
  --tw-gradient-to: rgb(219 39 119 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}
.to-purple-400\/20 {
  --tw-gradient-to: rgb(192 132 252 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-500\/20 {
  --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-600\/20 {
  --tw-gradient-to: rgb(147 51 234 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-purple-700\/20 {
  --tw-gradient-to: rgb(126 34 206 / 0.2) var(--tw-gradient-to-position);
}
.to-red-400\/20 {
  --tw-gradient-to: rgb(248 113 113 / 0.2) var(--tw-gradient-to-position);
}
.to-red-500\/20 {
  --tw-gradient-to: rgb(239 68 68 / 0.2) var(--tw-gradient-to-position);
}
.to-red-600\/20 {
  --tw-gradient-to: rgb(220 38 38 / 0.2) var(--tw-gradient-to-position);
}
.to-red-700\/20 {
  --tw-gradient-to: rgb(185 28 28 / 0.2) var(--tw-gradient-to-position);
}
.to-rose-500\/20 {
  --tw-gradient-to: rgb(244 63 94 / 0.2) var(--tw-gradient-to-position);
}
.to-rose-600\/20 {
  --tw-gradient-to: rgb(225 29 72 / 0.2) var(--tw-gradient-to-position);
}
.to-sky-500\/20 {
  --tw-gradient-to: rgb(14 165 233 / 0.2) var(--tw-gradient-to-position);
}
.to-sky-600\/20 {
  --tw-gradient-to: rgb(2 132 199 / 0.2) var(--tw-gradient-to-position);
}
.to-slate-600\/20 {
  --tw-gradient-to: rgb(71 85 105 / 0.2) var(--tw-gradient-to-position);
}
.to-stone-600\/20 {
  --tw-gradient-to: rgb(87 83 78 / 0.2) var(--tw-gradient-to-position);
}
.to-teal-500\/20 {
  --tw-gradient-to: rgb(20 184 166 / 0.2) var(--tw-gradient-to-position);
}
.to-teal-600\/20 {
  --tw-gradient-to: rgb(13 148 136 / 0.2) var(--tw-gradient-to-position);
}
.to-violet-500\/20 {
  --tw-gradient-to: rgb(139 92 246 / 0.2) var(--tw-gradient-to-position);
}
.to-violet-600\/20 {
  --tw-gradient-to: rgb(124 58 237 / 0.2) var(--tw-gradient-to-position);
}
.to-yellow-600\/20 {
  --tw-gradient-to: rgb(202 138 4 / 0.2) var(--tw-gradient-to-position);
}
.to-zinc-600\/20 {
  --tw-gradient-to: rgb(82 82 91 / 0.2) var(--tw-gradient-to-position);
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.leading-tight {
  line-height: 1.25;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-blue-500\/25 {
  --tw-shadow-color: rgb(59 130 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/30 {
  --tw-shadow-color: rgb(59 130 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-400\/30 {
  --tw-shadow-color: rgb(156 163 175 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-yellow-800\/30 {
  --tw-shadow-color: rgb(133 77 14 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline {
  outline-style: solid;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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(4px);
  -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.g-root {
  --g-color-base-background: #1a1a1a;
}

.gift-progress {
  border-radius: 8px;
  overflow: hidden;
}

.gift-progress .g-progress-bar {
  transition: width 0.3s ease;
}

.animation-player-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.animation-player-container canvas,
.animation-player-container video,
.animation-player-container svg {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.dashboard-toggle-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.dashboard-toggle-btn.active {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(35 39 47 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: 0 2px 8px 0 #1e293b33;
}
.dashboard-toggle-btn:not(.active) {
  border-width: 1px;
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dashboard-toggle-btn:not(.active):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dashboard-sort-select {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(35 39 47 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.dashboard-sort-select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.dashboard-sort-select {
  min-width: 140px;
  height: 32px;
}
.adaptive-divider {
  display: flex !important;
}

.max-h-80::-webkit-scrollbar,
.max-h-48::-webkit-scrollbar {
  width: 4px;
}

.max-h-80::-webkit-scrollbar-track,
.max-h-48::-webkit-scrollbar-track {
  background: #1f2937;
  border-radius: 2px;
}

.max-h-80::-webkit-scrollbar-thumb,
.max-h-48::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 2px;
}

.max-h-80::-webkit-scrollbar-thumb:hover,
.max-h-48::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}

.hover\\:scale-102:hover {
  transform: scale(1.02);
}

.hover\\:scale-105:hover {
  transform: scale(1.05);
}

.animation-player-container {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden;
}

.animation-player-container canvas,
.animation-player-container svg,
.animation-player-container video {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}

.selected-theme-placeholder input::-moz-placeholder {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.selected-theme-placeholder input::placeholder {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.selected-theme-placeholder input::-webkit-input-placeholder {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.selected-theme-placeholder input::-moz-placeholder {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.selected-theme-placeholder input:-ms-input-placeholder {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-blue-400\/50:hover {
  border-color: rgb(96 165 250 / 0.5);
}

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-500\/50:hover {
  border-color: rgb(107 114 128 / 0.5);
}

.hover\:border-green-400\/50:hover {
  border-color: rgb(74 222 128 / 0.5);
}

.hover\:border-red-400\/50:hover {
  border-color: rgb(248 113 113 / 0.5);
}

.hover\:border-white\/50:hover {
  border-color: rgb(255 255 255 / 0.5);
}

.hover\:border-yellow-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-700\/50:hover {
  background-color: rgb(55 65 81 / 0.5);
}

.hover\:bg-gray-800\/50:hover {
  background-color: rgb(31 41 55 / 0.5);
}

.hover\:bg-red-500\/30:hover {
  background-color: rgb(239 68 68 / 0.3);
}

.hover\:bg-yellow-800\/15:hover {
  background-color: rgb(133 77 14 / 0.15);
}

.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-300:hover {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-yellow-400\/40:hover {
  --tw-shadow-color: rgb(250 204 21 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-yellow-600\/15:hover {
  --tw-shadow-color: rgb(202 138 4 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:fill-white {
  fill: #fff;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

@media (min-width: 640px) {

  .sm\:right-2 {
    right: 0.5rem;
  }

  .sm\:top-2 {
    top: 0.5rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

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

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

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

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

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 768px) {

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

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

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

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

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

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:text-\[1\.4rem\] {
    font-size: 1.4rem;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

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

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, 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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-\[1\.6rem\] {
    font-size: 1.6rem;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1280px) {

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

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

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

  .xl\:text-\[1\.8rem\] {
    font-size: 1.8rem;
  }
}

@media(max-width:425px) {

  .\[\@media\(max-width\:425px\)\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media(min-width:1025px) and (max-width:1440px) {

  .\[\@media\(min-width\:1025px\)_and_\(max-width\:1440px\)\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media(min-width:1441px) {

  .\[\@media\(min-width\:1441px\)\]\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media(min-width:426px) and (max-width:768px) {

  .\[\@media\(min-width\:426px\)_and_\(max-width\:768px\)\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(min-width:769px) and (max-width:1024px) {

  .\[\@media\(min-width\:769px\)_and_\(max-width\:1024px\)\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.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", "Ubuntu Mono", "Liberation 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;
  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);
}

.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) {
  scrollbar-width: var(--g-scrollbar-width);
  scrollbar-color: var(--g-color-scroll-handle) var(--g-color-scroll-track);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar {
  width: var(--g-scrollbar-width);
  height: var(--g-scrollbar-width);
  background: var(--g-color-scroll-track);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-track,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-track {
  background: var(--g-color-scroll-track);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-corner,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-corner {
  background: var(--g-color-scroll-corner);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb {
  background: var(--g-color-scroll-handle);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb:hover,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb:hover {
  background: var(--g-color-scroll-handle-hover);
}

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

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    /* stylelint-disable-next-line declaration-no-important */
    scroll-behavior: auto !important;
    /* stylelint-disable-next-line declaration-no-important */
    transition-duration: 0.001ms !important;
    /* stylelint-disable-next-line declaration-no-important */
    animation-duration: 0.001ms !important;
    /* stylelint-disable-next-line declaration-no-important */
    animation-iteration-count: 1 !important;
  }
}