._button_1f1gr_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height);
  gap: var(--button-gap);
  padding: var(--button-padding-y) var(--button-padding-x);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  font-family: inherit;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: background-color var(--button-transition) ease, color var(--button-transition) ease, border-color var(--button-transition) ease;
  user-select: none;
  box-shadow: var(--button-shadow);
  /* Default button */
  background-color: var(--button-bg);
  color: var(--button-text-color);
}
._button_1f1gr_1:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-border-color);
}
._button_1f1gr_1:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-active-bg);
}
._button_1f1gr_1:focus-visible {
  outline: var(--button-focus-outline);
  outline-offset: var(--button-focus-outline-offset);
}
._button_1f1gr_1._button--disabled_1f1gr_25 {
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
  pointer-events: none;
}
._button--primary_1f1gr_41 {
  background-color: var(--button-primary-bg);
  color: var(--button-primary-text-color);
  border-color: var(--button-primary-border-color);
}
._button--primary_1f1gr_41:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-primary-hover-bg);
  border-color: var(--button-primary-hover-border-color);
}
._button--primary_1f1gr_41:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-primary-active-bg);
}
._button--secondary_1f1gr_53 {
  background-color: var(--button-secondary-bg);
  color: var(--button-secondary-text-color);
  border-color: var(--button-secondary-border-color);
}
._button--secondary_1f1gr_53:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-secondary-hover-bg);
  color: var(--button-secondary-hover-text-color);
}
._button--secondary_1f1gr_53:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-secondary-active-bg);
}
._button--success_1f1gr_65 {
  background-color: var(--button-success-bg);
  color: var(--button-success-text-color);
  border-color: var(--button-success-border-color);
}
._button--success_1f1gr_65:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-success-hover-bg);
  border-color: var(--button-success-hover-border-color);
}
._button--success_1f1gr_65:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-success-active-bg);
}
._button--danger_1f1gr_77 {
  background-color: var(--button-danger-bg);
  color: var(--button-danger-text-color);
  border-color: var(--button-danger-border-color);
}
._button--danger_1f1gr_77:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-danger-hover-bg);
  border-color: var(--button-danger-hover-border-color);
}
._button--danger_1f1gr_77:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-danger-active-bg);
}
._button--warning_1f1gr_89 {
  background-color: var(--button-warning-bg);
  color: var(--button-warning-text-color);
  border-color: var(--button-warning-border-color);
}
._button--warning_1f1gr_89:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-warning-hover-bg);
  border-color: var(--button-warning-hover-border-color);
}
._button--warning_1f1gr_89:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-warning-active-bg);
}
._button--ghost_1f1gr_101 {
  background-color: var(--button-ghost-bg);
  color: var(--button-ghost-text-color);
  border-color: var(--button-ghost-border-color);
  box-shadow: none;
}
._button--ghost_1f1gr_101:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-ghost-hover-bg);
  color: var(--button-ghost-hover-text-color);
}
._button--ghost_1f1gr_101:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-ghost-active-bg);
}
._button--ghost_1f1gr_101._button--danger_1f1gr_77 {
  color: var(--button-danger-text-color);
}
._button--ghost_1f1gr_101._button--danger_1f1gr_77:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-danger-hover-bg);
  color: var(--button-danger-hover-text-color);
}
._button--ghost_1f1gr_101._button--danger_1f1gr_77:active:not(._button--disabled_1f1gr_25) {
  background-color: rgba(var(--color-danger), 0.15);
}
._button--small_1f1gr_124 {
  padding: var(--button-sm-padding-y) var(--button-sm-padding-x);
  font-size: var(--button-sm-font-size);
  height: var(--button-sm-height);
}
._button--large_1f1gr_129 {
  padding: var(--button-lg-padding-y) var(--button-lg-padding-x);
  font-size: var(--button-lg-font-size);
  height: var(--button-lg-height);
}
._button--loading_1f1gr_134 {
  position: relative;
  color: transparent;
  pointer-events: none;
}
._button--loading_1f1gr_134::after {
  content: "";
  position: absolute;
  width: 0.875rem;
  height: 0.875rem;
  top: 50%;
  left: 50%;
  margin-left: -0.4375rem;
  margin-top: -0.4375rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: _button-spin_1f1gr_1 0.6s linear infinite;
  color: white;
}
._button--loading_1f1gr_134._button--secondary_1f1gr_53::after, ._button--loading_1f1gr_134._button--ghost_1f1gr_101::after {
  color: var(--color-text-primary);
}
._button--icon_1f1gr_157 {
  padding: var(--button-icon-padding-y) var(--button-icon-padding-x);
  width: var(--button-icon-width);
  height: var(--button-icon-height);
}
._button--icon_1f1gr_157 svg {
  margin: 0;
}
._button--icon_1f1gr_157._button--small_1f1gr_124 {
  padding: var(--button-icon-sm-padding-y) var(--button-icon-sm-padding-x);
  width: var(--button-icon-sm-width);
  height: var(--button-icon-sm-height);
}
._button--icon_1f1gr_157._button--large_1f1gr_129 {
  padding: var(--button-icon-lg-padding-y) var(--button-icon-lg-padding-x);
  width: var(--button-icon-lg-width);
  height: var(--button-icon-lg-height);
}
._button--link_1f1gr_175 {
  background-color: var(--button-link-bg);
  color: var(--button-link-text-color);
  border-color: var(--button-link-border-color);
  padding: 0;
  min-height: auto;
  height: auto;
  box-shadow: none;
}
._button--link_1f1gr_175:hover:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-link-hover-bg);
  color: var(--button-link-hover-text-color);
  text-decoration: underline;
}
._button--link_1f1gr_175:active:not(._button--disabled_1f1gr_25) {
  background-color: var(--button-link-active-bg);
}

@keyframes _button-spin_1f1gr_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._buttonGroup_1f1gr_201 {
  display: inline-flex;
  gap: var(--button-group-gap);
}
._buttonGroup_1f1gr_201 ._button_1f1gr_1:not(:first-child):not(:last-child) {
  border-radius: 0;
}
._buttonGroup_1f1gr_201 ._button_1f1gr_1:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._buttonGroup_1f1gr_201 ._button_1f1gr_1:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}