/* stylelint-disable */
.Button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  cursor: pointer;
  color: var(--button-font-color);
  block-size: var(--button-height);
  min-inline-size: var(--button-min-width);
  padding: 0 var(--button-padding-x);
  background-color: var(--button-bg-color);
  border-radius: var(--border-radius-xs);
  transition: background-color var(--transition-default),
    border-color var(--transition-default),
    box-shadow var(--transition-default),
    opacity var(--transition-default);
  -webkit-tap-highlight-color: unset;
  position: relative;
}
.Button_size_2xs {
      --button-height: 32px;
      --button-min-width: 56px;
      --button-padding-x: 12px;

      font: var(--typography-text-2xs-font);

      text-transform: var(--typography-text-2xs-text_transform, none);

      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
    }
.Button_size_xs {
      --button-height: 40px;
      --button-min-width: 64px;
      --button-padding-x: 12px;

      font: var(--typography-text-xs-font);

      text-transform: var(--typography-text-xs-text_transform, none);

      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
    }
.Button_size_s {
      --button-height: 48px;
      --button-min-width: 72px;
      --button-padding-x: 16px;

      font: var(--typography-text-s-font);

      text-transform: var(--typography-text-s-text_transform, none);

      letter-spacing: var(--typography-text-s-letter_spacing, 0);
    }
.Button_size_m {
      --button-height: 56px;
      --button-min-width: 80px;
      --button-padding-x: 20px;

      font: var(--typography-text-m-font);

      text-transform: var(--typography-text-m-text_transform, none);

      letter-spacing: var(--typography-text-m-letter_spacing, 0);
    }
.Button_size_l {
      --button-height: 64px;
      --button-min-width: 88px;
      --button-padding-x: 24px;

      font: var(--typography-text-l-font);

      text-transform: var(--typography-text-l-text_transform, none);

      letter-spacing: var(--typography-text-l-letter_spacing, 0);
    }
.Button_variant_contained.Button_color_primary {
    --button-bg-color: var(--color-background-accent-default);
    --button-font-color: var(--color-content-base-accent-on);
  }
.Button_variant_contained.Button_color_primary:hover {
      --button-bg-color: var(--color-background-accent-hover);
    }
.Button_variant_contained.Button_color_primary:active {
      --button-bg-color: var(--color-background-accent-pressed);
    }
.Button_variant_contained.Button_color_secondary {
    --button-bg-color: var(--color-background-base-secondary);
    --button-font-color: var(--color-content-base-primary);
  }
.Button_variant_contained.Button_color_secondary:hover {
      --button-bg-color: var(--color-background-base-secondary-hover);
    }
.Button_variant_contained.Button_color_secondary:active {
      --button-bg-color: var(--color-background-base-secondary-pressed);
    }
/* deprecated */
.Button_variant_contained.Button_color_warning {
    --button-bg-color: var(--color-background-warning-light);
    --button-font-color: var(--color-content-base-primary);
  }
.Button_variant_contained.Button_color_warning:hover {
      --button-bg-color: var(--color-background-warning-light-hover);
    }
.Button_variant_contained.Button_color_warning:active {
      --button-bg-color: var(--color-background-warning-light-pressed);
    }
/* deprecated */
.Button_variant_contained.Button_color_error {
    --button-bg-color: var(--color-background-error-light);
    --button-font-color: var(--color-content-base-primary);
  }
.Button_variant_contained.Button_color_error:hover {
      --button-bg-color: var(--color-background-error-light-hover);
    }
.Button_variant_contained.Button_color_error:active {
      --button-bg-color: var(--color-background-error-light-pressed);
    }
.Button_variant_outlined {
    --button-border-color: var(--color-background-accent-default);
    --button-border-width: 1px;
    padding: 0 calc(var(--button-padding-x) - var(--button-border-width));
    border: var(--button-border-width) solid var(--button-border-color);
  }
.Button_variant_outlined.Button_color_primary {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-accent-default);
    --button-border-color: var(--color-border-accent-default);
  }
.Button_variant_outlined.Button_color_primary:hover {
      --button-bg-color: var(--color-background-accent-light-hover);
    }
.Button_variant_outlined.Button_color_primary:active {
      --button-bg-color: var(--color-background-accent-light-pressed);
    }
.Button_variant_outlined.Button_color_secondary {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-base-primary);
    --button-border-color: var(--color-border-base-main);
  }
.Button_variant_outlined.Button_color_secondary:hover {
      --button-bg-color: var(--color-background-base-secondary-hover);
    }
.Button_variant_outlined.Button_color_secondary:active {
      --button-bg-color: var(--color-background-base-secondary-pressed);
    }
/* deprecated */
.Button_variant_outlined.Button_color_warning {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-warning-default);
    --button-border-color: var(--color-border-warning-default);
  }
.Button_variant_outlined.Button_color_warning:hover {
      --button-bg-color: var(--color-background-warning-light-hover);
    }
.Button_variant_outlined.Button_color_warning:active {
      --button-bg-color: var(--color-background-warning-light-pressed);
    }
/* deprecated */
.Button_variant_outlined.Button_color_error {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-error-default);
    --button-border-color: var(--color-border-error-default);
  }
.Button_variant_outlined.Button_color_error:hover {
      --button-bg-color: var(--color-background-error-light-hover);
    }
.Button_variant_outlined.Button_color_error:active {
      --button-bg-color: var(--color-background-error-light-pressed);
    }
.Button_variant_ghost.Button_color_primary {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-accent-default);
  }
.Button_variant_ghost.Button_color_primary:hover {
      --button-bg-color: var(--color-background-accent-light-hover);
    }
.Button_variant_ghost.Button_color_primary:active {
      --button-bg-color: var(--color-background-accent-light-pressed);
    }
.Button_variant_ghost.Button_color_secondary {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-base-primary);
  }
.Button_variant_ghost.Button_color_secondary:hover {
      --button-bg-color: var(--color-background-base-secondary-hover);
    }
.Button_variant_ghost.Button_color_secondary:active {
      --button-bg-color: var(--color-background-base-secondary-pressed);
    }
/* deprecated */
.Button_variant_ghost.Button_color_warning {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-warning-default);
  }
.Button_variant_ghost.Button_color_warning:hover {
      --button-bg-color: var(--color-background-warning-light-hover);
    }
.Button_variant_ghost.Button_color_warning:active {
      --button-bg-color: var(--color-background-warning-light-pressed);
    }
/* deprecated */
.Button_variant_ghost.Button_color_error {
    --button-bg-color: unset;
    --button-font-color: var(--color-content-error-default);
  }
.Button_variant_ghost.Button_color_error:hover {
      --button-bg-color: var(--color-background-error-light-hover);
    }
.Button_variant_ghost.Button_color_error:active {
      --button-bg-color: var(--color-background-error-light-pressed);
    }
.Button_variant_function {
    --button-height: auto;
    --button-min-width: auto;
    --button-padding-x: 0;
  }
.Button_variant_function.Button_color_primary,
  .Button_variant_function.Button_color_secondary,
  .Button_variant_function.Button_color_warning,
  .Button_variant_function.Button_color_error {
    --button-bg-color: unset;
  }
.Button_variant_function.Button_color_primary {
    --button-font-color: var(--color-content-accent-default);
  }
.Button_variant_function.Button_color_primary:hover {
      --button-font-color: var(--color-content-accent-hover);
    }
.Button_variant_function.Button_color_primary:active {
      --button-font-color: var(--color-content-accent-pressed);
    }
.Button_variant_function.Button_color_secondary {
    --button-font-color: var(--color-content-base-primary);
  }
.Button_variant_function.Button_color_secondary:hover {
      opacity: 0.8;
    }
.Button_variant_function.Button_color_secondary:active {
      opacity: 0.6;
    }
/* deprecated */
.Button_variant_function.Button_color_warning {
    --button-font-color: var(--color-content-warning-default);
  }
.Button_variant_function.Button_color_warning:hover {
      --button-font-color: var(--color-content-warning-hover);
    }
.Button_variant_function.Button_color_warning:active {
      --button-font-color: var(--color-content-warning-pressed);
    }
/* deprecated */
.Button_variant_function.Button_color_error {
    --button-font-color: var(--color-content-error-default);
  }
.Button_variant_function.Button_color_error:hover {
      --button-font-color: var(--color-content-error-hover);
    }
.Button_variant_function.Button_color_error:active {
      --button-font-color: var(--color-content-error-pressed);
    }
.Button_variant_contained.Button_disabled,
  .Button_variant_contained.Button_loading,
  .Button_variant_outlined.Button_disabled,
  .Button_variant_outlined.Button_loading,
  .Button_variant_ghost.Button_disabled,
  .Button_variant_ghost.Button_loading,
  .Button_variant_function.Button_disabled,
  .Button_variant_function.Button_loading {
    --button-font-color: var(--color-content-base-disabled);
  }
.Button_variant_contained.Button_disabled,
  .Button_variant_contained.Button_loading {
    --button-bg-color: var(--color-background-base-disabled);
  }
.Button_variant_outlined.Button_disabled,
  .Button_variant_outlined.Button_loading {
    --button-bg-color: unset;
    --button-border-color: var(--color-border-base-disabled);
  }
.Button_variant_ghost.Button_disabled,
  .Button_variant_ghost.Button_loading,
  .Button_variant_function.Button_disabled,
  .Button_variant_function.Button_loading {
    --button-bg-color: unset;
  }
.Button:focus-visible {
    outline: 0;
    box-shadow: var(--shadow-outline-focused);
  }
.Button_fullWidth {
    inline-size: 100%;
  }
.Button_disabled,
  .Button_loading {
    pointer-events: none;
    cursor: auto;
  }
.Button_loading .Button-Label {
      opacity: 0;
    }
.Button-Loader {
  position: absolute;
}
.Button-Loader_animation-enter {
      opacity: 0;
    }
.Button-Loader_animation-enter-active {
      opacity: 1;
      transition: opacity var(--transition-default);
    }
.Button-Loader_animation-exit {
      opacity: 1;
    }
.Button-Loader_animation-exit-active {
      opacity: 0;
      transition: opacity var(--transition-default);
    }
.Button-Label {
  color: inherit;
  display: inline-flex;
  align-items: center;
  opacity: 1;
  transition: opacity var(--transition-default);
  gap: var(--button-label-indent-gap);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Button-Label_indent_medium {
      --button-label-indent-gap: var(--spacing-2x);
    }
.Button-Label_indent_small {
      --button-label-indent-gap: var(--spacing-05x);
    }
.Button-Label > svg {
    flex-shrink: 0;
  }