@charset "UTF-8";
.button {
  display: inline-grid;
  grid-auto-flow: column;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  margin: 0;
  justify-content: center;
  overflow: hidden;
  border: none;
  cursor: pointer;
  transition: var(--transition);
}
.button:focus-visible, .button.focus-visible, .button:focus, .button.focus {
  outline: none;
}
.button_size_xs {
  height: var(--size-button-height-xs);
  padding: var(--size-base-0x-0) var(--size-button-padding-xs);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-xl);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.button_size_xs.button_circle {
  width: var(--size-button-height-xs);
}
.button_size_sm {
  height: var(--size-button-height-sm);
  padding: var(--size-base-0x-0) var(--size-button-padding-sm);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-xl);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.button_size_sm.button_circle {
  width: var(--size-button-height-sm);
}
.button_size_md {
  height: var(--size-button-height-md);
  padding: var(--size-base-0x-0) var(--size-button-padding-md);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-xl);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.button_size_md.button_circle {
  width: var(--size-button-height-md);
}
.button_size_lg {
  height: var(--size-button-height-lg);
  padding: var(--size-base-0x-0) var(--size-button-padding-lg);
  gap: var(--size-button-space-md);
  border-radius: var(--radius-button-xl);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.button_size_lg.button_circle {
  width: var(--size-button-height-lg);
}
.button_size_xl {
  height: var(--size-button-height-xl);
  padding: var(--size-base-0x-0) var(--size-button-padding-lg);
  gap: var(--size-button-space-lg);
  border-radius: var(--radius-button-xl);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.button_size_xl.button_circle {
  width: var(--size-button-height-xl);
}
.button_size_2xl {
  height: var(--size-button-height-2xl);
  padding: var(--size-base-0x-0) var(--size-button-padding-lg);
  gap: var(--size-button-space-lg);
  border-radius: var(--radius-button-xl);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.button_size_2xl.button_circle {
  width: var(--size-button-height-2xl);
}
.button_size_3xl {
  gap: var(--size-button-space-lg);
  font-family: var(--font-heading);
  font-size: var(--size-font-3xl-size);
  font-style: normal;
  font-weight: 600;
  line-height: var(--size-font-3xl-line);
  letter-spacing: var(--size-font-3xl-letter-spacing);
}
.button_style_outline.button_outline_primary {
  border: 2px solid var(--color-button-outline-primary-border-default);
  background: var(--color-button-outline-primary-bg-default);
  color: var(--color-button-outline-primary-content-default);
}
@media (hover: hover) {
  .button_style_outline.button_outline_primary:hover, .button_style_outline.button_outline_primary.hover {
    border-color: var(--color-button-outline-primary-border-hover);
    box-shadow: inset 0 0 0 1px var(--color-button-outline-primary-border-hover);
    background: var(--color-button-outline-primary-bg-hover);
    color: var(--color-button-outline-primary-content-default);
  }
}
.button_style_outline.button_outline_primary:active, .button_style_outline.button_outline_primary.active {
  border-color: var(--color-button-outline-primary-border-active);
  box-shadow: inset 0 0 0 1px var(--color-button-outline-primary-border-active);
  background: var(--color-button-outline-primary-bg-active);
  color: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:focus-visible, .button_style_outline.button_outline_primary.focus-visible, .button_style_outline.button_outline_primary.focus {
  border-color: var(--color-button-focus-primary);
  box-shadow: 0 0 0 3px var(--color-button-focus-primary);
  background: var(--color-button-outline-primary-bg-default);
  color: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:disabled, .button_style_outline.button_outline_primary.disabled {
  border-color: var(--color-button-outline-primary-border-disabled);
  background: var(--color-button-outline-primary-bg-disabled);
  color: var(--color-button-outline-primary-content-disabled);
  box-shadow: none;
  pointer-events: none;
}
.button_style_outline.button_outline_primary .icon svg path,
.button_style_outline.button_outline_primary .icon svg circle,
.button_style_outline.button_outline_primary .icon svg rect, .button_style_outline.button_outline_primary ~ label .icon svg path,
.button_style_outline.button_outline_primary ~ label .icon svg circle,
.button_style_outline.button_outline_primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_outline.button_outline_primary .icon svg path[fill],
.button_style_outline.button_outline_primary .icon svg circle[fill],
.button_style_outline.button_outline_primary .icon svg rect[fill], .button_style_outline.button_outline_primary ~ label .icon svg path[fill],
.button_style_outline.button_outline_primary ~ label .icon svg circle[fill],
.button_style_outline.button_outline_primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary .icon svg path[stroke],
.button_style_outline.button_outline_primary .icon svg circle[stroke],
.button_style_outline.button_outline_primary .icon svg rect[stroke], .button_style_outline.button_outline_primary ~ label .icon svg path[stroke],
.button_style_outline.button_outline_primary ~ label .icon svg circle[stroke],
.button_style_outline.button_outline_primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-outline-primary-content-default);
}
@media (hover: hover) {
  .button_style_outline.button_outline_primary:hover .icon svg path[fill], .button_style_outline.button_outline_primary.hover .icon svg path[fill] {
    fill: var(--color-button-outline-primary-content-default);
  }
  .button_style_outline.button_outline_primary:hover .icon svg path[stroke], .button_style_outline.button_outline_primary.hover .icon svg path[stroke] {
    stroke: var(--color-button-outline-primary-content-default);
  }
  .button_style_outline.button_outline_primary:hover ~ label .icon svg path[fill],
  .button_style_outline.button_outline_primary:hover label .icon svg path[fill], .button_style_outline.button_outline_primary.hover ~ label .icon svg path[fill],
  .button_style_outline.button_outline_primary.hover label .icon svg path[fill] {
    fill: var(--color-button-outline-primary-content-default);
  }
  .button_style_outline.button_outline_primary:hover ~ label .icon svg path[stroke],
  .button_style_outline.button_outline_primary:hover label .icon svg path[stroke], .button_style_outline.button_outline_primary.hover ~ label .icon svg path[stroke],
  .button_style_outline.button_outline_primary.hover label .icon svg path[stroke] {
    stroke: var(--color-button-outline-primary-content-default);
  }
}
.button_style_outline.button_outline_primary:active .icon svg path[fill], .button_style_outline.button_outline_primary.active .icon svg path[fill] {
  fill: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:active .icon svg path[stroke], .button_style_outline.button_outline_primary.active .icon svg path[stroke] {
  stroke: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:active ~ label .icon svg path[fill], .button_style_outline.button_outline_primary.active ~ label .icon svg path[fill] {
  fill: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:active ~ label .icon svg path[stroke], .button_style_outline.button_outline_primary.active ~ label .icon svg path[stroke] {
  stroke: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:focus .icon svg path[fill], .button_style_outline.button_outline_primary.focus .icon svg path[fill] {
  fill: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:focus .icon svg path[stroke], .button_style_outline.button_outline_primary.focus .icon svg path[stroke] {
  stroke: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:focus ~ label .icon svg path[fill], .button_style_outline.button_outline_primary.focus ~ label .icon svg path[fill] {
  fill: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:focus ~ label .icon svg path[stroke], .button_style_outline.button_outline_primary.focus ~ label .icon svg path[stroke] {
  stroke: var(--color-button-outline-primary-content-default);
}
.button_style_outline.button_outline_primary:disabled .icon svg path[fill], .button_style_outline.button_outline_primary.disabled .icon svg path[fill] {
  fill: var(--color-button-outline-primary-content-disabled);
}
.button_style_outline.button_outline_primary:disabled .icon svg path[stroke], .button_style_outline.button_outline_primary.disabled .icon svg path[stroke] {
  stroke: var(--color-button-outline-primary-content-disabled);
}
.button_style_outline.button_outline_primary:disabled ~ label .icon svg path[fill], .button_style_outline.button_outline_primary.disabled ~ label .icon svg path[fill] {
  fill: var(--color-button-outline-primary-content-disabled);
}
.button_style_outline.button_outline_primary:disabled ~ label .icon svg path[stroke], .button_style_outline.button_outline_primary.disabled ~ label .icon svg path[stroke] {
  stroke: var(--color-button-outline-primary-content-disabled);
}
.button_style_outline.button_outline_base {
  border: 2px solid var(--color-button-outline-base-border-default);
  background: var(--color-button-outline-base-bg-default);
  color: var(--color-button-outline-base-content-default);
}
@media (hover: hover) {
  .button_style_outline.button_outline_base:hover, .button_style_outline.button_outline_base.hover {
    border-color: var(--color-button-outline-base-border-hover);
    box-shadow: inset 0 0 0 1px var(--color-button-outline-base-border-hover);
    background: var(--color-button-outline-base-bg-hover);
    color: var(--color-button-outline-base-content-default);
  }
}
.button_style_outline.button_outline_base:active, .button_style_outline.button_outline_base.active {
  border-color: var(--color-button-outline-base-border-active);
  box-shadow: inset 0 0 0 1px var(--color-button-outline-base-border-active);
  background: var(--color-button-outline-base-bg-active);
  color: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:focus-visible, .button_style_outline.button_outline_base.focus-visible, .button_style_outline.button_outline_base.focus {
  border-color: var(--color-button-outline-base-border-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
  background: var(--color-button-outline-primary-bg-default);
  color: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:disabled, .button_style_outline.button_outline_base.disabled {
  border-color: var(--color-button-outline-base-border-disabled);
  background: var(--color-button-outline-primary-bg-disabled);
  color: var(--color-button-outline-base-content-disabled);
  box-shadow: none;
  pointer-events: none;
}
.button_style_outline.button_outline_base .icon svg path,
.button_style_outline.button_outline_base .icon svg circle,
.button_style_outline.button_outline_base .icon svg rect, .button_style_outline.button_outline_base ~ label .icon svg path,
.button_style_outline.button_outline_base ~ label .icon svg circle,
.button_style_outline.button_outline_base ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_outline.button_outline_base .icon svg path[fill],
.button_style_outline.button_outline_base .icon svg circle[fill],
.button_style_outline.button_outline_base .icon svg rect[fill], .button_style_outline.button_outline_base ~ label .icon svg path[fill],
.button_style_outline.button_outline_base ~ label .icon svg circle[fill],
.button_style_outline.button_outline_base ~ label .icon svg rect[fill] {
  fill: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base .icon svg path[stroke],
.button_style_outline.button_outline_base .icon svg circle[stroke],
.button_style_outline.button_outline_base .icon svg rect[stroke], .button_style_outline.button_outline_base ~ label .icon svg path[stroke],
.button_style_outline.button_outline_base ~ label .icon svg circle[stroke],
.button_style_outline.button_outline_base ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-outline-base-content-default);
}
@media (hover: hover) {
  .button_style_outline.button_outline_base:hover .icon svg path[fill], .button_style_outline.button_outline_base.hover .icon svg path[fill] {
    fill: var(--color-button-outline-base-content-default);
  }
  .button_style_outline.button_outline_base:hover .icon svg path[stroke], .button_style_outline.button_outline_base.hover .icon svg path[stroke] {
    stroke: var(--color-button-outline-base-content-default);
  }
  .button_style_outline.button_outline_base:hover ~ label .icon svg path[fill],
  .button_style_outline.button_outline_base:hover label .icon svg path[fill], .button_style_outline.button_outline_base.hover ~ label .icon svg path[fill],
  .button_style_outline.button_outline_base.hover label .icon svg path[fill] {
    fill: var(--color-button-outline-base-content-default);
  }
  .button_style_outline.button_outline_base:hover ~ label .icon svg path[stroke],
  .button_style_outline.button_outline_base:hover label .icon svg path[stroke], .button_style_outline.button_outline_base.hover ~ label .icon svg path[stroke],
  .button_style_outline.button_outline_base.hover label .icon svg path[stroke] {
    stroke: var(--color-button-outline-base-content-default);
  }
}
.button_style_outline.button_outline_base:active .icon svg path[fill], .button_style_outline.button_outline_base.active .icon svg path[fill] {
  fill: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:active .icon svg path[stroke], .button_style_outline.button_outline_base.active .icon svg path[stroke] {
  stroke: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:active ~ label .icon svg path[fill], .button_style_outline.button_outline_base.active ~ label .icon svg path[fill] {
  fill: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:active ~ label .icon svg path[stroke], .button_style_outline.button_outline_base.active ~ label .icon svg path[stroke] {
  stroke: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:focus .icon svg path[fill], .button_style_outline.button_outline_base.focus .icon svg path[fill] {
  fill: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:focus .icon svg path[stroke], .button_style_outline.button_outline_base.focus .icon svg path[stroke] {
  stroke: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:focus ~ label .icon svg path[fill], .button_style_outline.button_outline_base.focus ~ label .icon svg path[fill] {
  fill: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:focus ~ label .icon svg path[stroke], .button_style_outline.button_outline_base.focus ~ label .icon svg path[stroke] {
  stroke: var(--color-button-outline-base-content-default);
}
.button_style_outline.button_outline_base:disabled .icon svg path[fill], .button_style_outline.button_outline_base.disabled .icon svg path[fill] {
  fill: var(--color-button-outline-base-content-disabled);
}
.button_style_outline.button_outline_base:disabled .icon svg path[stroke], .button_style_outline.button_outline_base.disabled .icon svg path[stroke] {
  stroke: var(--color-button-outline-base-content-disabled);
}
.button_style_outline.button_outline_base:disabled ~ label .icon svg path[fill], .button_style_outline.button_outline_base.disabled ~ label .icon svg path[fill] {
  fill: var(--color-button-outline-base-content-disabled);
}
.button_style_outline.button_outline_base:disabled ~ label .icon svg path[stroke], .button_style_outline.button_outline_base.disabled ~ label .icon svg path[stroke] {
  stroke: var(--color-button-outline-base-content-disabled);
}
.button_style_filled.button_filled_primary {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_primary:hover, .button_style_filled.button_filled_primary.hover {
    background: var(--color-button-filled-primary-bg-hover);
    color: var(--color-button-filled-primary-content-default);
  }
}
.button_style_filled.button_filled_primary:active, .button_style_filled.button_filled_primary.active {
  background: var(--color-button-filled-primary-bg-active);
  color: var(--color-button-filled-primary-content-default);
}
.button_style_filled.button_filled_primary:focus-visible, .button_style_filled.button_filled_primary.focus-visible, .button_style_filled.button_filled_primary.focus {
  color: var(--color-button-filled-primary-content-default);
  background: var(--color-button-filled-primary-bg-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-primary);
}
.button_style_filled.button_filled_primary:disabled, .button_style_filled.button_filled_primary.disabled {
  color: var(--color-button-filled-primary-content-disabled);
  background: var(--color-button-filled-primary-bg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_primary .icon svg path,
.button_style_filled.button_filled_primary .icon svg circle,
.button_style_filled.button_filled_primary .icon svg rect, .button_style_filled.button_filled_primary ~ label .icon svg path,
.button_style_filled.button_filled_primary ~ label .icon svg circle,
.button_style_filled.button_filled_primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary .icon svg path[fill],
.button_style_filled.button_filled_primary .icon svg circle[fill],
.button_style_filled.button_filled_primary .icon svg rect[fill], .button_style_filled.button_filled_primary ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-default);
}
.button_style_filled.button_filled_primary .icon svg path[stroke],
.button_style_filled.button_filled_primary .icon svg circle[stroke],
.button_style_filled.button_filled_primary .icon svg rect[stroke], .button_style_filled.button_filled_primary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_primary:hover .icon svg path,
  .button_style_filled.button_filled_primary:hover .icon svg circle,
  .button_style_filled.button_filled_primary:hover .icon svg rect, .button_style_filled.button_filled_primary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_primary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_primary:hover ~ label .icon svg rect, .button_style_filled.button_filled_primary.hover .icon svg path,
  .button_style_filled.button_filled_primary.hover .icon svg circle,
  .button_style_filled.button_filled_primary.hover .icon svg rect, .button_style_filled.button_filled_primary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_primary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_primary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_primary:hover .icon svg path[fill],
  .button_style_filled.button_filled_primary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_primary:hover .icon svg rect[fill], .button_style_filled.button_filled_primary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_primary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_primary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary.hover .icon svg path[fill],
  .button_style_filled.button_filled_primary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_primary.hover .icon svg rect[fill], .button_style_filled.button_filled_primary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_primary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_primary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-primary-content-default);
  }
  .button_style_filled.button_filled_primary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_primary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_primary:hover .icon svg rect[stroke], .button_style_filled.button_filled_primary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_primary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_primary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_primary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_primary.hover .icon svg rect[stroke], .button_style_filled.button_filled_primary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_primary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_primary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-primary-content-default);
  }
}
.button_style_filled.button_filled_primary:active .icon svg path,
.button_style_filled.button_filled_primary:active .icon svg circle,
.button_style_filled.button_filled_primary:active .icon svg rect, .button_style_filled.button_filled_primary:active ~ label .icon svg path,
.button_style_filled.button_filled_primary:active ~ label .icon svg circle,
.button_style_filled.button_filled_primary:active ~ label .icon svg rect, .button_style_filled.button_filled_primary.active .icon svg path,
.button_style_filled.button_filled_primary.active .icon svg circle,
.button_style_filled.button_filled_primary.active .icon svg rect, .button_style_filled.button_filled_primary.active ~ label .icon svg path,
.button_style_filled.button_filled_primary.active ~ label .icon svg circle,
.button_style_filled.button_filled_primary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary:active .icon svg path[fill],
.button_style_filled.button_filled_primary:active .icon svg circle[fill],
.button_style_filled.button_filled_primary:active .icon svg rect[fill], .button_style_filled.button_filled_primary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary.active .icon svg path[fill],
.button_style_filled.button_filled_primary.active .icon svg circle[fill],
.button_style_filled.button_filled_primary.active .icon svg rect[fill], .button_style_filled.button_filled_primary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-default);
}
.button_style_filled.button_filled_primary:active .icon svg path[stroke],
.button_style_filled.button_filled_primary:active .icon svg circle[stroke],
.button_style_filled.button_filled_primary:active .icon svg rect[stroke], .button_style_filled.button_filled_primary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary.active .icon svg path[stroke],
.button_style_filled.button_filled_primary.active .icon svg circle[stroke],
.button_style_filled.button_filled_primary.active .icon svg rect[stroke], .button_style_filled.button_filled_primary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-default);
}
.button_style_filled.button_filled_primary:focus .icon svg path,
.button_style_filled.button_filled_primary:focus .icon svg circle,
.button_style_filled.button_filled_primary:focus .icon svg rect, .button_style_filled.button_filled_primary:focus ~ label .icon svg path,
.button_style_filled.button_filled_primary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_primary:focus ~ label .icon svg rect, .button_style_filled.button_filled_primary.focus .icon svg path,
.button_style_filled.button_filled_primary.focus .icon svg circle,
.button_style_filled.button_filled_primary.focus .icon svg rect, .button_style_filled.button_filled_primary.focus ~ label .icon svg path,
.button_style_filled.button_filled_primary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_primary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary:focus .icon svg path[fill],
.button_style_filled.button_filled_primary:focus .icon svg circle[fill],
.button_style_filled.button_filled_primary:focus .icon svg rect[fill], .button_style_filled.button_filled_primary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary.focus .icon svg path[fill],
.button_style_filled.button_filled_primary.focus .icon svg circle[fill],
.button_style_filled.button_filled_primary.focus .icon svg rect[fill], .button_style_filled.button_filled_primary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-default);
}
.button_style_filled.button_filled_primary:focus .icon svg path[stroke],
.button_style_filled.button_filled_primary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_primary:focus .icon svg rect[stroke], .button_style_filled.button_filled_primary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary.focus .icon svg path[stroke],
.button_style_filled.button_filled_primary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_primary.focus .icon svg rect[stroke], .button_style_filled.button_filled_primary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-default);
}
.button_style_filled.button_filled_primary:disabled .icon svg path,
.button_style_filled.button_filled_primary:disabled .icon svg circle,
.button_style_filled.button_filled_primary:disabled .icon svg rect, .button_style_filled.button_filled_primary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_primary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_primary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_primary.disabled .icon svg path,
.button_style_filled.button_filled_primary.disabled .icon svg circle,
.button_style_filled.button_filled_primary.disabled .icon svg rect, .button_style_filled.button_filled_primary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_primary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_primary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary:disabled .icon svg path[fill],
.button_style_filled.button_filled_primary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_primary:disabled .icon svg rect[fill], .button_style_filled.button_filled_primary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary.disabled .icon svg path[fill],
.button_style_filled.button_filled_primary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_primary.disabled .icon svg rect[fill], .button_style_filled.button_filled_primary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-disabled);
}
.button_style_filled.button_filled_primary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_primary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_primary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_primary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_primary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_primary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_primary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-disabled);
}
.button_style_filled.button_filled_primary-inverse {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-inverse-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_primary-inverse:hover, .button_style_filled.button_filled_primary-inverse.hover {
    background: var(--color-button-filled-primary-bg-hover);
    color: var(--color-button-filled-primary-content-inverse-default);
  }
}
.button_style_filled.button_filled_primary-inverse:active, .button_style_filled.button_filled_primary-inverse.active {
  background: var(--color-button-filled-primary-bg-active);
  color: var(--color-button-filled-primary-content-inverse-default);
}
.button_style_filled.button_filled_primary-inverse:focus-visible, .button_style_filled.button_filled_primary-inverse.focus-visible, .button_style_filled.button_filled_primary-inverse.focus {
  color: var(--color-button-filled-primary-content-inverse-default);
  background: var(--color-button-filled-primary-bg-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-primary);
}
.button_style_filled.button_filled_primary-inverse:disabled, .button_style_filled.button_filled_primary-inverse.disabled {
  color: var(--color-button-filled-primary-content-disabled);
  background: var(--color-button-filled-primary-bg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_primary-inverse .icon svg path,
.button_style_filled.button_filled_primary-inverse .icon svg circle,
.button_style_filled.button_filled_primary-inverse .icon svg rect, .button_style_filled.button_filled_primary-inverse ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary-inverse .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-inverse-default);
}
.button_style_filled.button_filled_primary-inverse .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-inverse-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_primary-inverse:hover .icon svg path,
  .button_style_filled.button_filled_primary-inverse:hover .icon svg circle,
  .button_style_filled.button_filled_primary-inverse:hover .icon svg rect, .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg path,
  .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg rect, .button_style_filled.button_filled_primary-inverse.hover .icon svg path,
  .button_style_filled.button_filled_primary-inverse.hover .icon svg circle,
  .button_style_filled.button_filled_primary-inverse.hover .icon svg rect, .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg path,
  .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_primary-inverse:hover .icon svg path[fill],
  .button_style_filled.button_filled_primary-inverse:hover .icon svg circle[fill],
  .button_style_filled.button_filled_primary-inverse:hover .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.hover .icon svg path[fill],
  .button_style_filled.button_filled_primary-inverse.hover .icon svg circle[fill],
  .button_style_filled.button_filled_primary-inverse.hover .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-primary-content-inverse-default);
  }
  .button_style_filled.button_filled_primary-inverse:hover .icon svg path[stroke],
  .button_style_filled.button_filled_primary-inverse:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_primary-inverse:hover .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_primary-inverse:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.hover .icon svg path[stroke],
  .button_style_filled.button_filled_primary-inverse.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_primary-inverse.hover .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_primary-inverse.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-primary-content-inverse-default);
  }
}
.button_style_filled.button_filled_primary-inverse:active .icon svg path,
.button_style_filled.button_filled_primary-inverse:active .icon svg circle,
.button_style_filled.button_filled_primary-inverse:active .icon svg rect, .button_style_filled.button_filled_primary-inverse:active ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse:active ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse:active ~ label .icon svg rect, .button_style_filled.button_filled_primary-inverse.active .icon svg path,
.button_style_filled.button_filled_primary-inverse.active .icon svg circle,
.button_style_filled.button_filled_primary-inverse.active .icon svg rect, .button_style_filled.button_filled_primary-inverse.active ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse.active ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary-inverse:active .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse:active .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse:active .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.active .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse.active .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse.active .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-inverse-default);
}
.button_style_filled.button_filled_primary-inverse:active .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse:active .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse:active .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.active .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse.active .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse.active .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-inverse-default);
}
.button_style_filled.button_filled_primary-inverse:focus .icon svg path,
.button_style_filled.button_filled_primary-inverse:focus .icon svg circle,
.button_style_filled.button_filled_primary-inverse:focus .icon svg rect, .button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg rect, .button_style_filled.button_filled_primary-inverse.focus .icon svg path,
.button_style_filled.button_filled_primary-inverse.focus .icon svg circle,
.button_style_filled.button_filled_primary-inverse.focus .icon svg rect, .button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary-inverse:focus .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse:focus .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse:focus .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.focus .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse.focus .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse.focus .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-inverse-default);
}
.button_style_filled.button_filled_primary-inverse:focus .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse:focus .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse:focus .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.focus .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse.focus .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse.focus .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-inverse-default);
}
.button_style_filled.button_filled_primary-inverse:disabled .icon svg path,
.button_style_filled.button_filled_primary-inverse:disabled .icon svg circle,
.button_style_filled.button_filled_primary-inverse:disabled .icon svg rect, .button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg rect, .button_style_filled.button_filled_primary-inverse.disabled .icon svg path,
.button_style_filled.button_filled_primary-inverse.disabled .icon svg circle,
.button_style_filled.button_filled_primary-inverse.disabled .icon svg rect, .button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg path,
.button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_primary-inverse:disabled .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse:disabled .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse:disabled .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.disabled .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse.disabled .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse.disabled .icon svg rect[fill], .button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-disabled);
}
.button_style_filled.button_filled_primary-inverse:disabled .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse:disabled .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.disabled .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse.disabled .icon svg rect[stroke], .button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_primary-inverse.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-disabled);
}
.button_style_filled.button_filled_secondary {
  background: var(--color-button-filled-secondary-bg-default);
  color: var(--color-button-filled-secondary-content-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_secondary:hover, .button_style_filled.button_filled_secondary.hover {
    background: var(--color-button-filled-secondary-bg-hover);
    color: var(--color-button-filled-secondary-content-hover);
  }
}
.button_style_filled.button_filled_secondary:active, .button_style_filled.button_filled_secondary.active {
  background: var(--color-button-filled-secondary-bg-active);
  color: var(--color-button-filled-secondary-content-active);
}
.button_style_filled.button_filled_secondary:focus-visible, .button_style_filled.button_filled_secondary.focus-visible, .button_style_filled.button_filled_secondary.focus {
  color: var(--color-button-filled-secondary-content-default);
  background: var(--color-button-filled-secondary-bg-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-primary);
}
.button_style_filled.button_filled_secondary:disabled, .button_style_filled.button_filled_secondary.disabled {
  color: var(--color-button-filled-primary-content-disabled);
  background: var(--color-button-filled-primary-bg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_secondary .icon svg path,
.button_style_filled.button_filled_secondary .icon svg circle,
.button_style_filled.button_filled_secondary .icon svg rect, .button_style_filled.button_filled_secondary ~ label .icon svg path,
.button_style_filled.button_filled_secondary ~ label .icon svg circle,
.button_style_filled.button_filled_secondary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_secondary .icon svg path[fill],
.button_style_filled.button_filled_secondary .icon svg circle[fill],
.button_style_filled.button_filled_secondary .icon svg rect[fill], .button_style_filled.button_filled_secondary ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-secondary-content-default);
}
.button_style_filled.button_filled_secondary .icon svg path[stroke],
.button_style_filled.button_filled_secondary .icon svg circle[stroke],
.button_style_filled.button_filled_secondary .icon svg rect[stroke], .button_style_filled.button_filled_secondary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-secondary-content-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_secondary:hover .icon svg path,
  .button_style_filled.button_filled_secondary:hover .icon svg circle,
  .button_style_filled.button_filled_secondary:hover .icon svg rect, .button_style_filled.button_filled_secondary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_secondary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_secondary:hover ~ label .icon svg rect, .button_style_filled.button_filled_secondary.hover .icon svg path,
  .button_style_filled.button_filled_secondary.hover .icon svg circle,
  .button_style_filled.button_filled_secondary.hover .icon svg rect, .button_style_filled.button_filled_secondary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_secondary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_secondary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_secondary:hover .icon svg path[fill],
  .button_style_filled.button_filled_secondary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_secondary:hover .icon svg rect[fill], .button_style_filled.button_filled_secondary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_secondary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_secondary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_secondary.hover .icon svg path[fill],
  .button_style_filled.button_filled_secondary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_secondary.hover .icon svg rect[fill], .button_style_filled.button_filled_secondary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_secondary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_secondary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-secondary-content-hover);
  }
  .button_style_filled.button_filled_secondary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_secondary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_secondary:hover .icon svg rect[stroke], .button_style_filled.button_filled_secondary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_secondary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_secondary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_secondary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_secondary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_secondary.hover .icon svg rect[stroke], .button_style_filled.button_filled_secondary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_secondary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_secondary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-secondary-content-hover);
  }
}
.button_style_filled.button_filled_secondary:active .icon svg path,
.button_style_filled.button_filled_secondary:active .icon svg circle,
.button_style_filled.button_filled_secondary:active .icon svg rect, .button_style_filled.button_filled_secondary:active ~ label .icon svg path,
.button_style_filled.button_filled_secondary:active ~ label .icon svg circle,
.button_style_filled.button_filled_secondary:active ~ label .icon svg rect, .button_style_filled.button_filled_secondary.active .icon svg path,
.button_style_filled.button_filled_secondary.active .icon svg circle,
.button_style_filled.button_filled_secondary.active .icon svg rect, .button_style_filled.button_filled_secondary.active ~ label .icon svg path,
.button_style_filled.button_filled_secondary.active ~ label .icon svg circle,
.button_style_filled.button_filled_secondary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_secondary:active .icon svg path[fill],
.button_style_filled.button_filled_secondary:active .icon svg circle[fill],
.button_style_filled.button_filled_secondary:active .icon svg rect[fill], .button_style_filled.button_filled_secondary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_secondary.active .icon svg path[fill],
.button_style_filled.button_filled_secondary.active .icon svg circle[fill],
.button_style_filled.button_filled_secondary.active .icon svg rect[fill], .button_style_filled.button_filled_secondary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-secondary-content-active);
}
.button_style_filled.button_filled_secondary:active .icon svg path[stroke],
.button_style_filled.button_filled_secondary:active .icon svg circle[stroke],
.button_style_filled.button_filled_secondary:active .icon svg rect[stroke], .button_style_filled.button_filled_secondary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_secondary.active .icon svg path[stroke],
.button_style_filled.button_filled_secondary.active .icon svg circle[stroke],
.button_style_filled.button_filled_secondary.active .icon svg rect[stroke], .button_style_filled.button_filled_secondary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-secondary-content-active);
}
.button_style_filled.button_filled_secondary:focus .icon svg path,
.button_style_filled.button_filled_secondary:focus .icon svg circle,
.button_style_filled.button_filled_secondary:focus .icon svg rect, .button_style_filled.button_filled_secondary:focus ~ label .icon svg path,
.button_style_filled.button_filled_secondary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_secondary:focus ~ label .icon svg rect, .button_style_filled.button_filled_secondary.focus .icon svg path,
.button_style_filled.button_filled_secondary.focus .icon svg circle,
.button_style_filled.button_filled_secondary.focus .icon svg rect, .button_style_filled.button_filled_secondary.focus ~ label .icon svg path,
.button_style_filled.button_filled_secondary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_secondary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_secondary:focus .icon svg path[fill],
.button_style_filled.button_filled_secondary:focus .icon svg circle[fill],
.button_style_filled.button_filled_secondary:focus .icon svg rect[fill], .button_style_filled.button_filled_secondary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_secondary.focus .icon svg path[fill],
.button_style_filled.button_filled_secondary.focus .icon svg circle[fill],
.button_style_filled.button_filled_secondary.focus .icon svg rect[fill], .button_style_filled.button_filled_secondary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-secondary-content-default);
}
.button_style_filled.button_filled_secondary:focus .icon svg path[stroke],
.button_style_filled.button_filled_secondary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_secondary:focus .icon svg rect[stroke], .button_style_filled.button_filled_secondary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_secondary.focus .icon svg path[stroke],
.button_style_filled.button_filled_secondary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_secondary.focus .icon svg rect[stroke], .button_style_filled.button_filled_secondary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-secondary-content-default);
}
.button_style_filled.button_filled_secondary:disabled .icon svg path,
.button_style_filled.button_filled_secondary:disabled .icon svg circle,
.button_style_filled.button_filled_secondary:disabled .icon svg rect, .button_style_filled.button_filled_secondary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_secondary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_secondary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_secondary.disabled .icon svg path,
.button_style_filled.button_filled_secondary.disabled .icon svg circle,
.button_style_filled.button_filled_secondary.disabled .icon svg rect, .button_style_filled.button_filled_secondary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_secondary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_secondary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_secondary:disabled .icon svg path[fill],
.button_style_filled.button_filled_secondary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_secondary:disabled .icon svg rect[fill], .button_style_filled.button_filled_secondary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_secondary.disabled .icon svg path[fill],
.button_style_filled.button_filled_secondary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_secondary.disabled .icon svg rect[fill], .button_style_filled.button_filled_secondary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_secondary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_secondary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-primary-content-disabled);
}
.button_style_filled.button_filled_secondary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_secondary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_secondary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_secondary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_secondary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_secondary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_secondary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_secondary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_secondary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_secondary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-primary-content-disabled);
}
.button_style_filled.button_filled_base {
  background: var(--color-button-filled-base-bg-default);
  color: var(--color-button-filled-base-content-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_base:hover, .button_style_filled.button_filled_base.hover {
    background: var(--color-button-filled-base-bg-hover);
    color: var(--color-button-filled-base-content-default);
  }
}
.button_style_filled.button_filled_base:active, .button_style_filled.button_filled_base.active {
  background: var(--color-button-filled-base-bg-active);
  color: var(--color-button-filled-base-content-default);
}
.button_style_filled.button_filled_base:focus-visible, .button_style_filled.button_filled_base.focus-visible, .button_style_filled.button_filled_base.focus {
  color: var(--color-button-filled-base-content-default);
  background: var(--color-button-filled-base-bg-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_base:disabled, .button_style_filled.button_filled_base.disabled {
  color: var(--color-button-filled-base-content-disabled);
  background: var(--color-button-filled-base-bg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_base .icon svg path,
.button_style_filled.button_filled_base .icon svg circle,
.button_style_filled.button_filled_base .icon svg rect, .button_style_filled.button_filled_base ~ label .icon svg path,
.button_style_filled.button_filled_base ~ label .icon svg circle,
.button_style_filled.button_filled_base ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_base .icon svg path[fill],
.button_style_filled.button_filled_base .icon svg circle[fill],
.button_style_filled.button_filled_base .icon svg rect[fill], .button_style_filled.button_filled_base ~ label .icon svg path[fill],
.button_style_filled.button_filled_base ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-default);
}
.button_style_filled.button_filled_base .icon svg path[stroke],
.button_style_filled.button_filled_base .icon svg circle[stroke],
.button_style_filled.button_filled_base .icon svg rect[stroke], .button_style_filled.button_filled_base ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_base:hover .icon svg path,
  .button_style_filled.button_filled_base:hover .icon svg circle,
  .button_style_filled.button_filled_base:hover .icon svg rect, .button_style_filled.button_filled_base:hover ~ label .icon svg path,
  .button_style_filled.button_filled_base:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_base:hover ~ label .icon svg rect, .button_style_filled.button_filled_base.hover .icon svg path,
  .button_style_filled.button_filled_base.hover .icon svg circle,
  .button_style_filled.button_filled_base.hover .icon svg rect, .button_style_filled.button_filled_base.hover ~ label .icon svg path,
  .button_style_filled.button_filled_base.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_base.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_base:hover .icon svg path[fill],
  .button_style_filled.button_filled_base:hover .icon svg circle[fill],
  .button_style_filled.button_filled_base:hover .icon svg rect[fill], .button_style_filled.button_filled_base:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_base:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_base:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_base.hover .icon svg path[fill],
  .button_style_filled.button_filled_base.hover .icon svg circle[fill],
  .button_style_filled.button_filled_base.hover .icon svg rect[fill], .button_style_filled.button_filled_base.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_base.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_base.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-base-content-default);
  }
  .button_style_filled.button_filled_base:hover .icon svg path[stroke],
  .button_style_filled.button_filled_base:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_base:hover .icon svg rect[stroke], .button_style_filled.button_filled_base:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_base:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_base:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_base.hover .icon svg path[stroke],
  .button_style_filled.button_filled_base.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_base.hover .icon svg rect[stroke], .button_style_filled.button_filled_base.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_base.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_base.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-base-content-default);
  }
}
.button_style_filled.button_filled_base:active .icon svg path,
.button_style_filled.button_filled_base:active .icon svg circle,
.button_style_filled.button_filled_base:active .icon svg rect, .button_style_filled.button_filled_base:active ~ label .icon svg path,
.button_style_filled.button_filled_base:active ~ label .icon svg circle,
.button_style_filled.button_filled_base:active ~ label .icon svg rect, .button_style_filled.button_filled_base.active .icon svg path,
.button_style_filled.button_filled_base.active .icon svg circle,
.button_style_filled.button_filled_base.active .icon svg rect, .button_style_filled.button_filled_base.active ~ label .icon svg path,
.button_style_filled.button_filled_base.active ~ label .icon svg circle,
.button_style_filled.button_filled_base.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_base:active .icon svg path[fill],
.button_style_filled.button_filled_base:active .icon svg circle[fill],
.button_style_filled.button_filled_base:active .icon svg rect[fill], .button_style_filled.button_filled_base:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_base:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_base.active .icon svg path[fill],
.button_style_filled.button_filled_base.active .icon svg circle[fill],
.button_style_filled.button_filled_base.active .icon svg rect[fill], .button_style_filled.button_filled_base.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_base.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-default);
}
.button_style_filled.button_filled_base:active .icon svg path[stroke],
.button_style_filled.button_filled_base:active .icon svg circle[stroke],
.button_style_filled.button_filled_base:active .icon svg rect[stroke], .button_style_filled.button_filled_base:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_base.active .icon svg path[stroke],
.button_style_filled.button_filled_base.active .icon svg circle[stroke],
.button_style_filled.button_filled_base.active .icon svg rect[stroke], .button_style_filled.button_filled_base.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-default);
}
.button_style_filled.button_filled_base:focus .icon svg path,
.button_style_filled.button_filled_base:focus .icon svg circle,
.button_style_filled.button_filled_base:focus .icon svg rect, .button_style_filled.button_filled_base:focus ~ label .icon svg path,
.button_style_filled.button_filled_base:focus ~ label .icon svg circle,
.button_style_filled.button_filled_base:focus ~ label .icon svg rect, .button_style_filled.button_filled_base.focus .icon svg path,
.button_style_filled.button_filled_base.focus .icon svg circle,
.button_style_filled.button_filled_base.focus .icon svg rect, .button_style_filled.button_filled_base.focus ~ label .icon svg path,
.button_style_filled.button_filled_base.focus ~ label .icon svg circle,
.button_style_filled.button_filled_base.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_base:focus .icon svg path[fill],
.button_style_filled.button_filled_base:focus .icon svg circle[fill],
.button_style_filled.button_filled_base:focus .icon svg rect[fill], .button_style_filled.button_filled_base:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_base:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_base.focus .icon svg path[fill],
.button_style_filled.button_filled_base.focus .icon svg circle[fill],
.button_style_filled.button_filled_base.focus .icon svg rect[fill], .button_style_filled.button_filled_base.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_base.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-default);
}
.button_style_filled.button_filled_base:focus .icon svg path[stroke],
.button_style_filled.button_filled_base:focus .icon svg circle[stroke],
.button_style_filled.button_filled_base:focus .icon svg rect[stroke], .button_style_filled.button_filled_base:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_base.focus .icon svg path[stroke],
.button_style_filled.button_filled_base.focus .icon svg circle[stroke],
.button_style_filled.button_filled_base.focus .icon svg rect[stroke], .button_style_filled.button_filled_base.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-default);
}
.button_style_filled.button_filled_base:disabled .icon svg path,
.button_style_filled.button_filled_base:disabled .icon svg circle,
.button_style_filled.button_filled_base:disabled .icon svg rect, .button_style_filled.button_filled_base:disabled ~ label .icon svg path,
.button_style_filled.button_filled_base:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_base:disabled ~ label .icon svg rect, .button_style_filled.button_filled_base.disabled .icon svg path,
.button_style_filled.button_filled_base.disabled .icon svg circle,
.button_style_filled.button_filled_base.disabled .icon svg rect, .button_style_filled.button_filled_base.disabled ~ label .icon svg path,
.button_style_filled.button_filled_base.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_base.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_base:disabled .icon svg path[fill],
.button_style_filled.button_filled_base:disabled .icon svg circle[fill],
.button_style_filled.button_filled_base:disabled .icon svg rect[fill], .button_style_filled.button_filled_base:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_base:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_base.disabled .icon svg path[fill],
.button_style_filled.button_filled_base.disabled .icon svg circle[fill],
.button_style_filled.button_filled_base.disabled .icon svg rect[fill], .button_style_filled.button_filled_base.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_base.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_base.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_base:disabled .icon svg path[stroke],
.button_style_filled.button_filled_base:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_base:disabled .icon svg rect[stroke], .button_style_filled.button_filled_base:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_base.disabled .icon svg path[stroke],
.button_style_filled.button_filled_base.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_base.disabled .icon svg rect[stroke], .button_style_filled.button_filled_base.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_base.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_base.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_light-primary {
  background: var(--color-button-filled-neutral-bg-variable-default);
  color: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_light-primary:hover, .button_style_filled.button_filled_light-primary.hover {
    background: var(--color-button-filled-neutral-bg-variable-hover);
    color: var(--color-button-filled-neutral-content-primary-hover);
  }
}
.button_style_filled.button_filled_light-primary:active, .button_style_filled.button_filled_light-primary.active {
  background: var(--color-button-filled-neutral-bg-variable-active);
  color: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_light-primary:focus-visible, .button_style_filled.button_filled_light-primary.focus-visible, .button_style_filled.button_filled_light-primary.focus {
  color: var(--color-button-filled-neutral-content-primary-default);
  background: var(--color-button-filled-neutral-bg-variable-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_light-primary:disabled, .button_style_filled.button_filled_light-primary.disabled {
  color: var(--color-button-filled-neutral-content-primary-disabled);
  background: var(--color-button-filled-neutral-bg-variable-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_light-primary .icon svg path,
.button_style_filled.button_filled_light-primary .icon svg circle,
.button_style_filled.button_filled_light-primary .icon svg rect, .button_style_filled.button_filled_light-primary ~ label .icon svg path,
.button_style_filled.button_filled_light-primary ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-primary .icon svg path[fill],
.button_style_filled.button_filled_light-primary .icon svg circle[fill],
.button_style_filled.button_filled_light-primary .icon svg rect[fill], .button_style_filled.button_filled_light-primary ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_light-primary .icon svg path[stroke],
.button_style_filled.button_filled_light-primary .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary .icon svg rect[stroke], .button_style_filled.button_filled_light-primary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_light-primary:hover .icon svg path,
  .button_style_filled.button_filled_light-primary:hover .icon svg circle,
  .button_style_filled.button_filled_light-primary:hover .icon svg rect, .button_style_filled.button_filled_light-primary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_light-primary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_light-primary:hover ~ label .icon svg rect, .button_style_filled.button_filled_light-primary.hover .icon svg path,
  .button_style_filled.button_filled_light-primary.hover .icon svg circle,
  .button_style_filled.button_filled_light-primary.hover .icon svg rect, .button_style_filled.button_filled_light-primary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_light-primary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_light-primary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_light-primary:hover .icon svg path[fill],
  .button_style_filled.button_filled_light-primary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_light-primary:hover .icon svg rect[fill], .button_style_filled.button_filled_light-primary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_light-primary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_light-primary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-primary.hover .icon svg path[fill],
  .button_style_filled.button_filled_light-primary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_light-primary.hover .icon svg rect[fill], .button_style_filled.button_filled_light-primary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_light-primary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_light-primary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-primary-hover);
  }
  .button_style_filled.button_filled_light-primary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_light-primary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_light-primary:hover .icon svg rect[stroke], .button_style_filled.button_filled_light-primary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_light-primary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_light-primary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_light-primary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_light-primary.hover .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_light-primary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_light-primary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-primary-hover);
  }
}
.button_style_filled.button_filled_light-primary:active .icon svg path,
.button_style_filled.button_filled_light-primary:active .icon svg circle,
.button_style_filled.button_filled_light-primary:active .icon svg rect, .button_style_filled.button_filled_light-primary:active ~ label .icon svg path,
.button_style_filled.button_filled_light-primary:active ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary:active ~ label .icon svg rect, .button_style_filled.button_filled_light-primary.active .icon svg path,
.button_style_filled.button_filled_light-primary.active .icon svg circle,
.button_style_filled.button_filled_light-primary.active .icon svg rect, .button_style_filled.button_filled_light-primary.active ~ label .icon svg path,
.button_style_filled.button_filled_light-primary.active ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-primary:active .icon svg path[fill],
.button_style_filled.button_filled_light-primary:active .icon svg circle[fill],
.button_style_filled.button_filled_light-primary:active .icon svg rect[fill], .button_style_filled.button_filled_light-primary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-primary.active .icon svg path[fill],
.button_style_filled.button_filled_light-primary.active .icon svg circle[fill],
.button_style_filled.button_filled_light-primary.active .icon svg rect[fill], .button_style_filled.button_filled_light-primary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_light-primary:active .icon svg path[stroke],
.button_style_filled.button_filled_light-primary:active .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary:active .icon svg rect[stroke], .button_style_filled.button_filled_light-primary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.active .icon svg path[stroke],
.button_style_filled.button_filled_light-primary.active .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary.active .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_light-primary:focus .icon svg path,
.button_style_filled.button_filled_light-primary:focus .icon svg circle,
.button_style_filled.button_filled_light-primary:focus .icon svg rect, .button_style_filled.button_filled_light-primary:focus ~ label .icon svg path,
.button_style_filled.button_filled_light-primary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary:focus ~ label .icon svg rect, .button_style_filled.button_filled_light-primary.focus .icon svg path,
.button_style_filled.button_filled_light-primary.focus .icon svg circle,
.button_style_filled.button_filled_light-primary.focus .icon svg rect, .button_style_filled.button_filled_light-primary.focus ~ label .icon svg path,
.button_style_filled.button_filled_light-primary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-primary:focus .icon svg path[fill],
.button_style_filled.button_filled_light-primary:focus .icon svg circle[fill],
.button_style_filled.button_filled_light-primary:focus .icon svg rect[fill], .button_style_filled.button_filled_light-primary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-primary.focus .icon svg path[fill],
.button_style_filled.button_filled_light-primary.focus .icon svg circle[fill],
.button_style_filled.button_filled_light-primary.focus .icon svg rect[fill], .button_style_filled.button_filled_light-primary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_light-primary:focus .icon svg path[stroke],
.button_style_filled.button_filled_light-primary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary:focus .icon svg rect[stroke], .button_style_filled.button_filled_light-primary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.focus .icon svg path[stroke],
.button_style_filled.button_filled_light-primary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary.focus .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_light-primary:disabled .icon svg path,
.button_style_filled.button_filled_light-primary:disabled .icon svg circle,
.button_style_filled.button_filled_light-primary:disabled .icon svg rect, .button_style_filled.button_filled_light-primary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_light-primary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_light-primary.disabled .icon svg path,
.button_style_filled.button_filled_light-primary.disabled .icon svg circle,
.button_style_filled.button_filled_light-primary.disabled .icon svg rect, .button_style_filled.button_filled_light-primary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_light-primary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_light-primary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-primary:disabled .icon svg path[fill],
.button_style_filled.button_filled_light-primary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_light-primary:disabled .icon svg rect[fill], .button_style_filled.button_filled_light-primary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-primary.disabled .icon svg path[fill],
.button_style_filled.button_filled_light-primary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_light-primary.disabled .icon svg rect[fill], .button_style_filled.button_filled_light-primary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-primary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-primary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_light-primary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_light-primary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_light-primary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_light-primary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_light-primary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-primary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-primary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_light-secondary {
  background: var(--color-button-filled-neutral-bg-variable-default);
  color: var(--color-button-filled-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_light-secondary:hover, .button_style_filled.button_filled_light-secondary.hover {
    background: var(--color-button-filled-neutral-bg-variable-hover);
    color: var(--color-button-filled-neutral-content-secondary-default);
  }
}
.button_style_filled.button_filled_light-secondary:active, .button_style_filled.button_filled_light-secondary.active {
  background: var(--color-button-filled-neutral-bg-variable-active);
  color: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_light-secondary:focus-visible, .button_style_filled.button_filled_light-secondary.focus-visible, .button_style_filled.button_filled_light-secondary.focus {
  color: var(--color-button-filled-neutral-content-secondary-default);
  background: var(--color-button-filled-neutral-bg-variable-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_light-secondary:disabled, .button_style_filled.button_filled_light-secondary.disabled {
  color: var(--color-button-filled-neutral-content-primary-disabled);
  background: var(--color-button-filled-neutral-bg-variable-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_light-secondary .icon svg path,
.button_style_filled.button_filled_light-secondary .icon svg circle,
.button_style_filled.button_filled_light-secondary .icon svg rect, .button_style_filled.button_filled_light-secondary ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-secondary .icon svg path[fill],
.button_style_filled.button_filled_light-secondary .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary .icon svg rect[fill], .button_style_filled.button_filled_light-secondary ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_light-secondary .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_light-secondary:hover .icon svg path,
  .button_style_filled.button_filled_light-secondary:hover .icon svg circle,
  .button_style_filled.button_filled_light-secondary:hover .icon svg rect, .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg rect, .button_style_filled.button_filled_light-secondary.hover .icon svg path,
  .button_style_filled.button_filled_light-secondary.hover .icon svg circle,
  .button_style_filled.button_filled_light-secondary.hover .icon svg rect, .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_light-secondary:hover .icon svg path[fill],
  .button_style_filled.button_filled_light-secondary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_light-secondary:hover .icon svg rect[fill], .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.hover .icon svg path[fill],
  .button_style_filled.button_filled_light-secondary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_light-secondary.hover .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-secondary-default);
  }
  .button_style_filled.button_filled_light-secondary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_light-secondary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_light-secondary:hover .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_light-secondary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_light-secondary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_light-secondary.hover .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_light-secondary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-secondary-default);
  }
}
.button_style_filled.button_filled_light-secondary:active .icon svg path,
.button_style_filled.button_filled_light-secondary:active .icon svg circle,
.button_style_filled.button_filled_light-secondary:active .icon svg rect, .button_style_filled.button_filled_light-secondary:active ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary:active ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary:active ~ label .icon svg rect, .button_style_filled.button_filled_light-secondary.active .icon svg path,
.button_style_filled.button_filled_light-secondary.active .icon svg circle,
.button_style_filled.button_filled_light-secondary.active .icon svg rect, .button_style_filled.button_filled_light-secondary.active ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary.active ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-secondary:active .icon svg path[fill],
.button_style_filled.button_filled_light-secondary:active .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary:active .icon svg rect[fill], .button_style_filled.button_filled_light-secondary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.active .icon svg path[fill],
.button_style_filled.button_filled_light-secondary.active .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary.active .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_light-secondary:active .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary:active .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary:active .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.active .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary.active .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary.active .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_light-secondary:focus .icon svg path,
.button_style_filled.button_filled_light-secondary:focus .icon svg circle,
.button_style_filled.button_filled_light-secondary:focus .icon svg rect, .button_style_filled.button_filled_light-secondary:focus ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary:focus ~ label .icon svg rect, .button_style_filled.button_filled_light-secondary.focus .icon svg path,
.button_style_filled.button_filled_light-secondary.focus .icon svg circle,
.button_style_filled.button_filled_light-secondary.focus .icon svg rect, .button_style_filled.button_filled_light-secondary.focus ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-secondary:focus .icon svg path[fill],
.button_style_filled.button_filled_light-secondary:focus .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary:focus .icon svg rect[fill], .button_style_filled.button_filled_light-secondary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.focus .icon svg path[fill],
.button_style_filled.button_filled_light-secondary.focus .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary.focus .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_light-secondary:focus .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary:focus .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.focus .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary.focus .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_light-secondary:disabled .icon svg path,
.button_style_filled.button_filled_light-secondary:disabled .icon svg circle,
.button_style_filled.button_filled_light-secondary:disabled .icon svg rect, .button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_light-secondary.disabled .icon svg path,
.button_style_filled.button_filled_light-secondary.disabled .icon svg circle,
.button_style_filled.button_filled_light-secondary.disabled .icon svg rect, .button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_light-secondary:disabled .icon svg path[fill],
.button_style_filled.button_filled_light-secondary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary:disabled .icon svg rect[fill], .button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.disabled .icon svg path[fill],
.button_style_filled.button_filled_light-secondary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary.disabled .icon svg rect[fill], .button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_light-secondary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_light-secondary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_neutral_sm-primary {
  background: var(--color-button-filled-neutral-bg-sm-default);
  color: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_sm-primary:hover, .button_style_filled.button_filled_neutral_sm-primary.hover {
    background: var(--color-button-filled-neutral-bg-sm-hover);
    color: var(--color-button-filled-neutral-content-primary-default);
  }
}
.button_style_filled.button_filled_neutral_sm-primary:active, .button_style_filled.button_filled_neutral_sm-primary.active {
  background: var(--color-button-filled-neutral-bg-sm-active);
  color: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-primary:focus-visible, .button_style_filled.button_filled_neutral_sm-primary.focus-visible, .button_style_filled.button_filled_neutral_sm-primary.focus {
  color: var(--color-button-filled-neutral-content-primary-default);
  background: var(--color-button-filled-neutral-bg-sm-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_neutral_sm-primary:disabled, .button_style_filled.button_filled_neutral_sm-primary.disabled {
  color: var(--color-button-filled-base-content-disabled);
  background: var(--color-button-filled-base-bg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_neutral_sm-primary .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-primary .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-primary .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg path,
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg path,
  .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-primary-default);
  }
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-primary:hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-primary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-primary.hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-primary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-primary-default);
  }
}
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.active .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary.active .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary.active .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.active .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary.active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary.active .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary:active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary.active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary.active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.focus .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary.focus .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary.focus .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary.focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary.focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary:focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary.focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg rect, .button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-primary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_neutral_sm-secondary {
  background: var(--color-button-filled-neutral-bg-sm-default);
  color: var(--color-button-filled-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_sm-secondary:hover, .button_style_filled.button_filled_neutral_sm-secondary.hover {
    background: var(--color-button-filled-neutral-bg-sm-hover);
    color: var(--color-button-filled-neutral-content-secondary-default);
  }
}
.button_style_filled.button_filled_neutral_sm-secondary:active, .button_style_filled.button_filled_neutral_sm-secondary.active {
  background: var(--color-button-filled-neutral-bg-sm-active);
  color: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_sm-secondary:focus-visible, .button_style_filled.button_filled_neutral_sm-secondary.focus-visible, .button_style_filled.button_filled_neutral_sm-secondary.focus {
  color: var(--color-button-filled-neutral-content-secondary-default);
  background: var(--color-button-filled-neutral-bg-sm-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_neutral_sm-secondary:disabled, .button_style_filled.button_filled_neutral_sm-secondary.disabled {
  color: var(--color-button-filled-base-content-disabled);
  background: var(--color-button-filled-base-bg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_neutral_sm-secondary .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-secondary .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_sm-secondary .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg path,
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg path,
  .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-secondary-default);
  }
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary:hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary.hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_sm-secondary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-secondary-default);
  }
}
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.active .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary.active .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary.active .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.active .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary.active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary.active .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg rect, .button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_sm-secondary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_neutral_md-primary {
  background: var(--color-button-filled-neutral-bg-md-default);
  color: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_md-primary:hover, .button_style_filled.button_filled_neutral_md-primary.hover {
    background: var(--color-button-filled-neutral-bg-md-hover);
    color: var(--color-button-filled-neutral-content-primary-hover);
  }
}
.button_style_filled.button_filled_neutral_md-primary:active, .button_style_filled.button_filled_neutral_md-primary.active {
  background: var(--color-button-filled-neutral-bg-md-active);
  color: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_neutral_md-primary:focus-visible, .button_style_filled.button_filled_neutral_md-primary.focus-visible, .button_style_filled.button_filled_neutral_md-primary.focus {
  color: var(--color-button-filled-neutral-content-primary-default);
  background: var(--color-button-filled-neutral-bg-md-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_neutral_md-primary:disabled, .button_style_filled.button_filled_neutral_md-primary.disabled {
  color: var(--color-button-filled-neutral-content-primary-disabled);
  background: var(--color-button-filled-neutral-bg-md-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_neutral_md-primary .icon svg path,
.button_style_filled.button_filled_neutral_md-primary .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary .icon svg rect, .button_style_filled.button_filled_neutral_md-primary ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-primary .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_md-primary .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg path,
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg circle,
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg rect, .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.hover .icon svg path,
  .button_style_filled.button_filled_neutral_md-primary.hover .icon svg circle,
  .button_style_filled.button_filled_neutral_md-primary.hover .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-primary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-primary.hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-primary-hover);
  }
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-primary:hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-primary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-primary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-primary.hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-primary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-primary-hover);
  }
}
.button_style_filled.button_filled_neutral_md-primary:active .icon svg path,
.button_style_filled.button_filled_neutral_md-primary:active .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary:active .icon svg rect, .button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.active .icon svg path,
.button_style_filled.button_filled_neutral_md-primary.active .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary.active .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-primary:active .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary:active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary:active .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.active .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary.active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary.active .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_neutral_md-primary:active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary:active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary:active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary.active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary.active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg path,
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg rect, .button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.focus .icon svg path,
.button_style_filled.button_filled_neutral_md-primary.focus .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary.focus .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary.focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary.focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary:focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary.focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg path,
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg rect, .button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.disabled .icon svg path,
.button_style_filled.button_filled_neutral_md-primary.disabled .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary.disabled .icon svg rect, .button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary.disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-primary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_neutral_md-secondary {
  background: var(--color-button-filled-neutral-bg-md-default);
  color: var(--color-button-filled-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_md-secondary:hover, .button_style_filled.button_filled_neutral_md-secondary.hover {
    background: var(--color-button-filled-neutral-bg-md-hover);
    color: var(--color-button-filled-neutral-content-secondary-default);
  }
}
.button_style_filled.button_filled_neutral_md-secondary:active, .button_style_filled.button_filled_neutral_md-secondary.active {
  background: var(--color-button-filled-neutral-bg-md-active);
  color: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_md-secondary:focus-visible, .button_style_filled.button_filled_neutral_md-secondary.focus-visible, .button_style_filled.button_filled_neutral_md-secondary.focus {
  color: var(--color-button-filled-neutral-content-secondary-default);
  background: var(--color-button-filled-neutral-bg-md-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_neutral_md-secondary:disabled, .button_style_filled.button_filled_neutral_md-secondary.disabled {
  color: var(--color-button-filled-neutral-content-primary-disabled);
  background: var(--color-button-filled-neutral-bg-md-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_neutral_md-secondary .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-secondary .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_md-secondary .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg path,
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg circle,
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg path,
  .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg circle,
  .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-secondary-default);
  }
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-secondary:hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-secondary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-secondary.hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_md-secondary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-secondary-default);
  }
}
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.active .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary.active .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary.active .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.active .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary.active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary.active .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary:active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary.active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary.active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.focus .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary.focus .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary.focus .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary.focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary.focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary:focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary.focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-secondary-default);
}
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg rect, .button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_md-secondary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-disabled);
}
.button_style_filled.button_filled_neutral_lg-primary {
  color: var(--color-button-filled-neutral-content-primary-default);
  background: var(--color-button-filled-neutral-bg-lg-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_lg-primary:hover, .button_style_filled.button_filled_neutral_lg-primary.hover {
    background: var(--color-button-filled-neutral-bg-lg-hover);
    color: var(--color-button-filled-neutral-content-primary-hover);
  }
}
.button_style_filled.button_filled_neutral_lg-primary:active, .button_style_filled.button_filled_neutral_lg-primary.active {
  background: var(--color-button-filled-neutral-bg-lg-active);
  color: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_neutral_lg-primary:focus-visible, .button_style_filled.button_filled_neutral_lg-primary.focus-visible, .button_style_filled.button_filled_neutral_lg-primary.focus {
  color: var(--color-button-filled-neutral-content-primary-default);
  background: var(--color-button-filled-neutral-bg-lg-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_filled.button_filled_neutral_lg-primary:disabled, .button_style_filled.button_filled_neutral_lg-primary.disabled {
  color: var(--color-button-filled-base-content-disabled);
  background: var(--color-button-filled-neutral-bg-lg-disabled);
  pointer-events: none;
}
.button_style_filled.button_filled_neutral_lg-primary .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_lg-primary .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_lg-primary .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg path,
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg circle,
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg path,
  .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg circle,
  .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg path,
  .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg circle,
  .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg path[fill],
  .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg path[fill],
  .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg circle[fill],
  .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-filled-neutral-content-primary-hover);
  }
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_lg-primary:hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_lg-primary:hover ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_lg-primary.hover .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg path[stroke],
  .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg circle[stroke],
  .button_style_filled.button_filled_neutral_lg-primary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-filled-neutral-content-primary-hover);
  }
}
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.active .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary.active .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary.active .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.active .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary.active .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary.active .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary:active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary:active ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.active .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary.active .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary.active .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-active);
}
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.focus .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary.focus .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary.focus .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.focus .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary.focus .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary.focus .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary:focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary:focus ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.focus .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary.focus .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary.focus .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-neutral-content-primary-default);
}
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg rect, .button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg path,
.button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg circle,
.button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg rect[fill], .button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg path[fill],
.button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg circle[fill],
.button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-filled-base-content-disabled);
}
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary:disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary:disabled ~ label .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary.disabled .icon svg rect[stroke], .button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg path[stroke],
.button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg circle[stroke],
.button_style_filled.button_filled_neutral_lg-primary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-filled-base-content-disabled);
}
.button_style_text {
  padding: 0;
  border: none;
  height: unset;
  min-width: unset;
  background: unset;
  overflow: visible; /* При дефолтных больших скруглуниях, чтобы не обрезались края текста */
}
.button_style_text.button_text_primary {
  color: var(--color-button-text-primary-content-default);
}
@media (hover: hover) {
  .button_style_text.button_text_primary:hover, .button_style_text.button_text_primary.hover {
    color: var(--color-button-text-primary-content-hover);
  }
}
.button_style_text.button_text_primary:active, .button_style_text.button_text_primary.active {
  color: var(--color-button-text-primary-content-active);
}
.button_style_text.button_text_primary:focus-visible, .button_style_text.button_text_primary.focus-visible, .button_style_text.button_text_primary.focus {
  color: var(--color-button-text-primary-content-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-primary);
}
.button_style_text.button_text_primary:disabled, .button_style_text.button_text_primary.disabled {
  color: var(--color-button-text-primary-content-disabled);
  pointer-events: none;
}
.button_style_text.button_text_primary .icon svg path,
.button_style_text.button_text_primary .icon svg circle,
.button_style_text.button_text_primary .icon svg rect, .button_style_text.button_text_primary ~ label .icon svg path,
.button_style_text.button_text_primary ~ label .icon svg circle,
.button_style_text.button_text_primary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_primary .icon svg path[fill],
.button_style_text.button_text_primary .icon svg circle[fill],
.button_style_text.button_text_primary .icon svg rect[fill], .button_style_text.button_text_primary ~ label .icon svg path[fill],
.button_style_text.button_text_primary ~ label .icon svg circle[fill],
.button_style_text.button_text_primary ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-primary-content-default);
}
.button_style_text.button_text_primary .icon svg path[stroke],
.button_style_text.button_text_primary .icon svg circle[stroke],
.button_style_text.button_text_primary .icon svg rect[stroke], .button_style_text.button_text_primary ~ label .icon svg path[stroke],
.button_style_text.button_text_primary ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-primary-content-default);
}
@media (hover: hover) {
  .button_style_text.button_text_primary:hover .icon svg path,
  .button_style_text.button_text_primary:hover .icon svg circle,
  .button_style_text.button_text_primary:hover .icon svg rect, .button_style_text.button_text_primary:hover ~ label .icon svg path,
  .button_style_text.button_text_primary:hover ~ label .icon svg circle,
  .button_style_text.button_text_primary:hover ~ label .icon svg rect, .button_style_text.button_text_primary.hover .icon svg path,
  .button_style_text.button_text_primary.hover .icon svg circle,
  .button_style_text.button_text_primary.hover .icon svg rect, .button_style_text.button_text_primary.hover ~ label .icon svg path,
  .button_style_text.button_text_primary.hover ~ label .icon svg circle,
  .button_style_text.button_text_primary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_text.button_text_primary:hover .icon svg path[fill],
  .button_style_text.button_text_primary:hover .icon svg circle[fill],
  .button_style_text.button_text_primary:hover .icon svg rect[fill], .button_style_text.button_text_primary:hover ~ label .icon svg path[fill],
  .button_style_text.button_text_primary:hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_primary:hover ~ label .icon svg rect[fill], .button_style_text.button_text_primary.hover .icon svg path[fill],
  .button_style_text.button_text_primary.hover .icon svg circle[fill],
  .button_style_text.button_text_primary.hover .icon svg rect[fill], .button_style_text.button_text_primary.hover ~ label .icon svg path[fill],
  .button_style_text.button_text_primary.hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_primary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-primary-content-hover);
  }
  .button_style_text.button_text_primary:hover .icon svg path[stroke],
  .button_style_text.button_text_primary:hover .icon svg circle[stroke],
  .button_style_text.button_text_primary:hover .icon svg rect[stroke], .button_style_text.button_text_primary:hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_primary:hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_primary:hover ~ label .icon svg rect[stroke], .button_style_text.button_text_primary.hover .icon svg path[stroke],
  .button_style_text.button_text_primary.hover .icon svg circle[stroke],
  .button_style_text.button_text_primary.hover .icon svg rect[stroke], .button_style_text.button_text_primary.hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_primary.hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_primary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-primary-content-hover);
  }
}
.button_style_text.button_text_primary:active .icon svg path,
.button_style_text.button_text_primary:active .icon svg circle,
.button_style_text.button_text_primary:active .icon svg rect, .button_style_text.button_text_primary:active ~ label .icon svg path,
.button_style_text.button_text_primary:active ~ label .icon svg circle,
.button_style_text.button_text_primary:active ~ label .icon svg rect, .button_style_text.button_text_primary.active .icon svg path,
.button_style_text.button_text_primary.active .icon svg circle,
.button_style_text.button_text_primary.active .icon svg rect, .button_style_text.button_text_primary.active ~ label .icon svg path,
.button_style_text.button_text_primary.active ~ label .icon svg circle,
.button_style_text.button_text_primary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_primary:active .icon svg path[fill],
.button_style_text.button_text_primary:active .icon svg circle[fill],
.button_style_text.button_text_primary:active .icon svg rect[fill], .button_style_text.button_text_primary:active ~ label .icon svg path[fill],
.button_style_text.button_text_primary:active ~ label .icon svg circle[fill],
.button_style_text.button_text_primary:active ~ label .icon svg rect[fill], .button_style_text.button_text_primary.active .icon svg path[fill],
.button_style_text.button_text_primary.active .icon svg circle[fill],
.button_style_text.button_text_primary.active .icon svg rect[fill], .button_style_text.button_text_primary.active ~ label .icon svg path[fill],
.button_style_text.button_text_primary.active ~ label .icon svg circle[fill],
.button_style_text.button_text_primary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-primary-content-active);
}
.button_style_text.button_text_primary:active .icon svg path[stroke],
.button_style_text.button_text_primary:active .icon svg circle[stroke],
.button_style_text.button_text_primary:active .icon svg rect[stroke], .button_style_text.button_text_primary:active ~ label .icon svg path[stroke],
.button_style_text.button_text_primary:active ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary:active ~ label .icon svg rect[stroke], .button_style_text.button_text_primary.active .icon svg path[stroke],
.button_style_text.button_text_primary.active .icon svg circle[stroke],
.button_style_text.button_text_primary.active .icon svg rect[stroke], .button_style_text.button_text_primary.active ~ label .icon svg path[stroke],
.button_style_text.button_text_primary.active ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-primary-content-active);
}
.button_style_text.button_text_primary:focus .icon svg path,
.button_style_text.button_text_primary:focus .icon svg circle,
.button_style_text.button_text_primary:focus .icon svg rect, .button_style_text.button_text_primary:focus ~ label .icon svg path,
.button_style_text.button_text_primary:focus ~ label .icon svg circle,
.button_style_text.button_text_primary:focus ~ label .icon svg rect, .button_style_text.button_text_primary.focus .icon svg path,
.button_style_text.button_text_primary.focus .icon svg circle,
.button_style_text.button_text_primary.focus .icon svg rect, .button_style_text.button_text_primary.focus ~ label .icon svg path,
.button_style_text.button_text_primary.focus ~ label .icon svg circle,
.button_style_text.button_text_primary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_primary:focus .icon svg path[fill],
.button_style_text.button_text_primary:focus .icon svg circle[fill],
.button_style_text.button_text_primary:focus .icon svg rect[fill], .button_style_text.button_text_primary:focus ~ label .icon svg path[fill],
.button_style_text.button_text_primary:focus ~ label .icon svg circle[fill],
.button_style_text.button_text_primary:focus ~ label .icon svg rect[fill], .button_style_text.button_text_primary.focus .icon svg path[fill],
.button_style_text.button_text_primary.focus .icon svg circle[fill],
.button_style_text.button_text_primary.focus .icon svg rect[fill], .button_style_text.button_text_primary.focus ~ label .icon svg path[fill],
.button_style_text.button_text_primary.focus ~ label .icon svg circle[fill],
.button_style_text.button_text_primary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-primary-content-default);
}
.button_style_text.button_text_primary:focus .icon svg path[stroke],
.button_style_text.button_text_primary:focus .icon svg circle[stroke],
.button_style_text.button_text_primary:focus .icon svg rect[stroke], .button_style_text.button_text_primary:focus ~ label .icon svg path[stroke],
.button_style_text.button_text_primary:focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary:focus ~ label .icon svg rect[stroke], .button_style_text.button_text_primary.focus .icon svg path[stroke],
.button_style_text.button_text_primary.focus .icon svg circle[stroke],
.button_style_text.button_text_primary.focus .icon svg rect[stroke], .button_style_text.button_text_primary.focus ~ label .icon svg path[stroke],
.button_style_text.button_text_primary.focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-primary-content-default);
}
.button_style_text.button_text_primary:disabled .icon svg path,
.button_style_text.button_text_primary:disabled .icon svg circle,
.button_style_text.button_text_primary:disabled .icon svg rect, .button_style_text.button_text_primary:disabled ~ label .icon svg path,
.button_style_text.button_text_primary:disabled ~ label .icon svg circle,
.button_style_text.button_text_primary:disabled ~ label .icon svg rect, .button_style_text.button_text_primary.disabled .icon svg path,
.button_style_text.button_text_primary.disabled .icon svg circle,
.button_style_text.button_text_primary.disabled .icon svg rect, .button_style_text.button_text_primary.disabled ~ label .icon svg path,
.button_style_text.button_text_primary.disabled ~ label .icon svg circle,
.button_style_text.button_text_primary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_primary:disabled .icon svg path[fill],
.button_style_text.button_text_primary:disabled .icon svg circle[fill],
.button_style_text.button_text_primary:disabled .icon svg rect[fill], .button_style_text.button_text_primary:disabled ~ label .icon svg path[fill],
.button_style_text.button_text_primary:disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_primary:disabled ~ label .icon svg rect[fill], .button_style_text.button_text_primary.disabled .icon svg path[fill],
.button_style_text.button_text_primary.disabled .icon svg circle[fill],
.button_style_text.button_text_primary.disabled .icon svg rect[fill], .button_style_text.button_text_primary.disabled ~ label .icon svg path[fill],
.button_style_text.button_text_primary.disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_primary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-primary-content-disabled);
}
.button_style_text.button_text_primary:disabled .icon svg path[stroke],
.button_style_text.button_text_primary:disabled .icon svg circle[stroke],
.button_style_text.button_text_primary:disabled .icon svg rect[stroke], .button_style_text.button_text_primary:disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_primary:disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary:disabled ~ label .icon svg rect[stroke], .button_style_text.button_text_primary.disabled .icon svg path[stroke],
.button_style_text.button_text_primary.disabled .icon svg circle[stroke],
.button_style_text.button_text_primary.disabled .icon svg rect[stroke], .button_style_text.button_text_primary.disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_primary.disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_primary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-primary-content-disabled);
}
.button_style_text.button_text_base {
  color: var(--color-button-text-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_base:hover, .button_style_text.button_text_base.hover {
    color: var(--color-button-text-neutral-content-primary-hover);
  }
}
.button_style_text.button_text_base:active, .button_style_text.button_text_base.active {
  color: var(--color-button-text-neutral-content-primary-active);
}
.button_style_text.button_text_base:focus-visible, .button_style_text.button_text_base.focus-visible, .button_style_text.button_text_base.focus {
  color: var(--color-button-text-neutral-content-primary-default);
  box-shadow: 0 0 0 3px var(--color-button-text-base-focus);
}
.button_style_text.button_text_base:disabled, .button_style_text.button_text_base.disabled {
  color: var(--color-button-text-primary-content-disabled);
  pointer-events: none;
}
.button_style_text.button_text_base .icon svg path,
.button_style_text.button_text_base .icon svg circle,
.button_style_text.button_text_base .icon svg rect, .button_style_text.button_text_base ~ label .icon svg path,
.button_style_text.button_text_base ~ label .icon svg circle,
.button_style_text.button_text_base ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_base .icon svg path[fill],
.button_style_text.button_text_base .icon svg circle[fill],
.button_style_text.button_text_base .icon svg rect[fill], .button_style_text.button_text_base ~ label .icon svg path[fill],
.button_style_text.button_text_base ~ label .icon svg circle[fill],
.button_style_text.button_text_base ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_base .icon svg path[stroke],
.button_style_text.button_text_base .icon svg circle[stroke],
.button_style_text.button_text_base .icon svg rect[stroke], .button_style_text.button_text_base ~ label .icon svg path[stroke],
.button_style_text.button_text_base ~ label .icon svg circle[stroke],
.button_style_text.button_text_base ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_base:hover .icon svg path,
  .button_style_text.button_text_base:hover .icon svg circle,
  .button_style_text.button_text_base:hover .icon svg rect, .button_style_text.button_text_base:hover ~ label .icon svg path,
  .button_style_text.button_text_base:hover ~ label .icon svg circle,
  .button_style_text.button_text_base:hover ~ label .icon svg rect, .button_style_text.button_text_base.hover .icon svg path,
  .button_style_text.button_text_base.hover .icon svg circle,
  .button_style_text.button_text_base.hover .icon svg rect, .button_style_text.button_text_base.hover ~ label .icon svg path,
  .button_style_text.button_text_base.hover ~ label .icon svg circle,
  .button_style_text.button_text_base.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_text.button_text_base:hover .icon svg path[fill],
  .button_style_text.button_text_base:hover .icon svg circle[fill],
  .button_style_text.button_text_base:hover .icon svg rect[fill], .button_style_text.button_text_base:hover ~ label .icon svg path[fill],
  .button_style_text.button_text_base:hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_base:hover ~ label .icon svg rect[fill], .button_style_text.button_text_base.hover .icon svg path[fill],
  .button_style_text.button_text_base.hover .icon svg circle[fill],
  .button_style_text.button_text_base.hover .icon svg rect[fill], .button_style_text.button_text_base.hover ~ label .icon svg path[fill],
  .button_style_text.button_text_base.hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_base.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-neutral-content-primary-hover);
  }
  .button_style_text.button_text_base:hover .icon svg path[stroke],
  .button_style_text.button_text_base:hover .icon svg circle[stroke],
  .button_style_text.button_text_base:hover .icon svg rect[stroke], .button_style_text.button_text_base:hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_base:hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_base:hover ~ label .icon svg rect[stroke], .button_style_text.button_text_base.hover .icon svg path[stroke],
  .button_style_text.button_text_base.hover .icon svg circle[stroke],
  .button_style_text.button_text_base.hover .icon svg rect[stroke], .button_style_text.button_text_base.hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_base.hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_base.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-neutral-content-primary-hover);
  }
}
.button_style_text.button_text_base:active .icon svg path,
.button_style_text.button_text_base:active .icon svg circle,
.button_style_text.button_text_base:active .icon svg rect, .button_style_text.button_text_base:active ~ label .icon svg path,
.button_style_text.button_text_base:active ~ label .icon svg circle,
.button_style_text.button_text_base:active ~ label .icon svg rect, .button_style_text.button_text_base.active .icon svg path,
.button_style_text.button_text_base.active .icon svg circle,
.button_style_text.button_text_base.active .icon svg rect, .button_style_text.button_text_base.active ~ label .icon svg path,
.button_style_text.button_text_base.active ~ label .icon svg circle,
.button_style_text.button_text_base.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_base:active .icon svg path[fill],
.button_style_text.button_text_base:active .icon svg circle[fill],
.button_style_text.button_text_base:active .icon svg rect[fill], .button_style_text.button_text_base:active ~ label .icon svg path[fill],
.button_style_text.button_text_base:active ~ label .icon svg circle[fill],
.button_style_text.button_text_base:active ~ label .icon svg rect[fill], .button_style_text.button_text_base.active .icon svg path[fill],
.button_style_text.button_text_base.active .icon svg circle[fill],
.button_style_text.button_text_base.active .icon svg rect[fill], .button_style_text.button_text_base.active ~ label .icon svg path[fill],
.button_style_text.button_text_base.active ~ label .icon svg circle[fill],
.button_style_text.button_text_base.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-active);
}
.button_style_text.button_text_base:active .icon svg path[stroke],
.button_style_text.button_text_base:active .icon svg circle[stroke],
.button_style_text.button_text_base:active .icon svg rect[stroke], .button_style_text.button_text_base:active ~ label .icon svg path[stroke],
.button_style_text.button_text_base:active ~ label .icon svg circle[stroke],
.button_style_text.button_text_base:active ~ label .icon svg rect[stroke], .button_style_text.button_text_base.active .icon svg path[stroke],
.button_style_text.button_text_base.active .icon svg circle[stroke],
.button_style_text.button_text_base.active .icon svg rect[stroke], .button_style_text.button_text_base.active ~ label .icon svg path[stroke],
.button_style_text.button_text_base.active ~ label .icon svg circle[stroke],
.button_style_text.button_text_base.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-active);
}
.button_style_text.button_text_base:focus .icon svg path,
.button_style_text.button_text_base:focus .icon svg circle,
.button_style_text.button_text_base:focus .icon svg rect, .button_style_text.button_text_base:focus ~ label .icon svg path,
.button_style_text.button_text_base:focus ~ label .icon svg circle,
.button_style_text.button_text_base:focus ~ label .icon svg rect, .button_style_text.button_text_base.focus .icon svg path,
.button_style_text.button_text_base.focus .icon svg circle,
.button_style_text.button_text_base.focus .icon svg rect, .button_style_text.button_text_base.focus ~ label .icon svg path,
.button_style_text.button_text_base.focus ~ label .icon svg circle,
.button_style_text.button_text_base.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_base:focus .icon svg path[fill],
.button_style_text.button_text_base:focus .icon svg circle[fill],
.button_style_text.button_text_base:focus .icon svg rect[fill], .button_style_text.button_text_base:focus ~ label .icon svg path[fill],
.button_style_text.button_text_base:focus ~ label .icon svg circle[fill],
.button_style_text.button_text_base:focus ~ label .icon svg rect[fill], .button_style_text.button_text_base.focus .icon svg path[fill],
.button_style_text.button_text_base.focus .icon svg circle[fill],
.button_style_text.button_text_base.focus .icon svg rect[fill], .button_style_text.button_text_base.focus ~ label .icon svg path[fill],
.button_style_text.button_text_base.focus ~ label .icon svg circle[fill],
.button_style_text.button_text_base.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_base:focus .icon svg path[stroke],
.button_style_text.button_text_base:focus .icon svg circle[stroke],
.button_style_text.button_text_base:focus .icon svg rect[stroke], .button_style_text.button_text_base:focus ~ label .icon svg path[stroke],
.button_style_text.button_text_base:focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_base:focus ~ label .icon svg rect[stroke], .button_style_text.button_text_base.focus .icon svg path[stroke],
.button_style_text.button_text_base.focus .icon svg circle[stroke],
.button_style_text.button_text_base.focus .icon svg rect[stroke], .button_style_text.button_text_base.focus ~ label .icon svg path[stroke],
.button_style_text.button_text_base.focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_base.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_base:disabled .icon svg path,
.button_style_text.button_text_base:disabled .icon svg circle,
.button_style_text.button_text_base:disabled .icon svg rect, .button_style_text.button_text_base:disabled ~ label .icon svg path,
.button_style_text.button_text_base:disabled ~ label .icon svg circle,
.button_style_text.button_text_base:disabled ~ label .icon svg rect, .button_style_text.button_text_base.disabled .icon svg path,
.button_style_text.button_text_base.disabled .icon svg circle,
.button_style_text.button_text_base.disabled .icon svg rect, .button_style_text.button_text_base.disabled ~ label .icon svg path,
.button_style_text.button_text_base.disabled ~ label .icon svg circle,
.button_style_text.button_text_base.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_base:disabled .icon svg path[fill],
.button_style_text.button_text_base:disabled .icon svg circle[fill],
.button_style_text.button_text_base:disabled .icon svg rect[fill], .button_style_text.button_text_base:disabled ~ label .icon svg path[fill],
.button_style_text.button_text_base:disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_base:disabled ~ label .icon svg rect[fill], .button_style_text.button_text_base.disabled .icon svg path[fill],
.button_style_text.button_text_base.disabled .icon svg circle[fill],
.button_style_text.button_text_base.disabled .icon svg rect[fill], .button_style_text.button_text_base.disabled ~ label .icon svg path[fill],
.button_style_text.button_text_base.disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_base.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-primary-content-disabled);
}
.button_style_text.button_text_base:disabled .icon svg path[stroke],
.button_style_text.button_text_base:disabled .icon svg circle[stroke],
.button_style_text.button_text_base:disabled .icon svg rect[stroke], .button_style_text.button_text_base:disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_base:disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_base:disabled ~ label .icon svg rect[stroke], .button_style_text.button_text_base.disabled .icon svg path[stroke],
.button_style_text.button_text_base.disabled .icon svg circle[stroke],
.button_style_text.button_text_base.disabled .icon svg rect[stroke], .button_style_text.button_text_base.disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_base.disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_base.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-primary-content-disabled);
}
.button_style_text.button_text_neutral-second {
  color: var(--color-button-text-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_neutral-second:hover, .button_style_text.button_text_neutral-second.hover {
    color: var(--color-button-text-neutral-content-secondary-hover);
  }
}
.button_style_text.button_text_neutral-second:active, .button_style_text.button_text_neutral-second.active {
  color: var(--color-button-text-neutral-content-secondary-active);
}
.button_style_text.button_text_neutral-second:focus-visible, .button_style_text.button_text_neutral-second.focus-visible, .button_style_text.button_text_neutral-second.focus {
  color: var(--color-button-text-neutral-content-secondary-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_text.button_text_neutral-second:disabled, .button_style_text.button_text_neutral-second.disabled {
  color: var(--color-button-text-neutral-content-secondary-disabled);
  pointer-events: none;
}
.button_style_text.button_text_neutral-second .icon svg path,
.button_style_text.button_text_neutral-second .icon svg circle,
.button_style_text.button_text_neutral-second .icon svg rect, .button_style_text.button_text_neutral-second ~ label .icon svg path,
.button_style_text.button_text_neutral-second ~ label .icon svg circle,
.button_style_text.button_text_neutral-second ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-second .icon svg path[fill],
.button_style_text.button_text_neutral-second .icon svg circle[fill],
.button_style_text.button_text_neutral-second .icon svg rect[fill], .button_style_text.button_text_neutral-second ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-default);
}
.button_style_text.button_text_neutral-second .icon svg path[stroke],
.button_style_text.button_text_neutral-second .icon svg circle[stroke],
.button_style_text.button_text_neutral-second .icon svg rect[stroke], .button_style_text.button_text_neutral-second ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_neutral-second:hover .icon svg path,
  .button_style_text.button_text_neutral-second:hover .icon svg circle,
  .button_style_text.button_text_neutral-second:hover .icon svg rect, .button_style_text.button_text_neutral-second:hover ~ label .icon svg path,
  .button_style_text.button_text_neutral-second:hover ~ label .icon svg circle,
  .button_style_text.button_text_neutral-second:hover ~ label .icon svg rect, .button_style_text.button_text_neutral-second.hover .icon svg path,
  .button_style_text.button_text_neutral-second.hover .icon svg circle,
  .button_style_text.button_text_neutral-second.hover .icon svg rect, .button_style_text.button_text_neutral-second.hover ~ label .icon svg path,
  .button_style_text.button_text_neutral-second.hover ~ label .icon svg circle,
  .button_style_text.button_text_neutral-second.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_text.button_text_neutral-second:hover .icon svg path[fill],
  .button_style_text.button_text_neutral-second:hover .icon svg circle[fill],
  .button_style_text.button_text_neutral-second:hover .icon svg rect[fill], .button_style_text.button_text_neutral-second:hover ~ label .icon svg path[fill],
  .button_style_text.button_text_neutral-second:hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_neutral-second:hover ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-second.hover .icon svg path[fill],
  .button_style_text.button_text_neutral-second.hover .icon svg circle[fill],
  .button_style_text.button_text_neutral-second.hover .icon svg rect[fill], .button_style_text.button_text_neutral-second.hover ~ label .icon svg path[fill],
  .button_style_text.button_text_neutral-second.hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_neutral-second.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-neutral-content-secondary-hover);
  }
  .button_style_text.button_text_neutral-second:hover .icon svg path[stroke],
  .button_style_text.button_text_neutral-second:hover .icon svg circle[stroke],
  .button_style_text.button_text_neutral-second:hover .icon svg rect[stroke], .button_style_text.button_text_neutral-second:hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_neutral-second:hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_neutral-second:hover ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-second.hover .icon svg path[stroke],
  .button_style_text.button_text_neutral-second.hover .icon svg circle[stroke],
  .button_style_text.button_text_neutral-second.hover .icon svg rect[stroke], .button_style_text.button_text_neutral-second.hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_neutral-second.hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_neutral-second.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-neutral-content-secondary-hover);
  }
}
.button_style_text.button_text_neutral-second:active .icon svg path,
.button_style_text.button_text_neutral-second:active .icon svg circle,
.button_style_text.button_text_neutral-second:active .icon svg rect, .button_style_text.button_text_neutral-second:active ~ label .icon svg path,
.button_style_text.button_text_neutral-second:active ~ label .icon svg circle,
.button_style_text.button_text_neutral-second:active ~ label .icon svg rect, .button_style_text.button_text_neutral-second.active .icon svg path,
.button_style_text.button_text_neutral-second.active .icon svg circle,
.button_style_text.button_text_neutral-second.active .icon svg rect, .button_style_text.button_text_neutral-second.active ~ label .icon svg path,
.button_style_text.button_text_neutral-second.active ~ label .icon svg circle,
.button_style_text.button_text_neutral-second.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-second:active .icon svg path[fill],
.button_style_text.button_text_neutral-second:active .icon svg circle[fill],
.button_style_text.button_text_neutral-second:active .icon svg rect[fill], .button_style_text.button_text_neutral-second:active ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second:active ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second:active ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-second.active .icon svg path[fill],
.button_style_text.button_text_neutral-second.active .icon svg circle[fill],
.button_style_text.button_text_neutral-second.active .icon svg rect[fill], .button_style_text.button_text_neutral-second.active ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second.active ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-active);
}
.button_style_text.button_text_neutral-second:active .icon svg path[stroke],
.button_style_text.button_text_neutral-second:active .icon svg circle[stroke],
.button_style_text.button_text_neutral-second:active .icon svg rect[stroke], .button_style_text.button_text_neutral-second:active ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second:active ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second:active ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-second.active .icon svg path[stroke],
.button_style_text.button_text_neutral-second.active .icon svg circle[stroke],
.button_style_text.button_text_neutral-second.active .icon svg rect[stroke], .button_style_text.button_text_neutral-second.active ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second.active ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-active);
}
.button_style_text.button_text_neutral-second:focus .icon svg path,
.button_style_text.button_text_neutral-second:focus .icon svg circle,
.button_style_text.button_text_neutral-second:focus .icon svg rect, .button_style_text.button_text_neutral-second:focus ~ label .icon svg path,
.button_style_text.button_text_neutral-second:focus ~ label .icon svg circle,
.button_style_text.button_text_neutral-second:focus ~ label .icon svg rect, .button_style_text.button_text_neutral-second.focus .icon svg path,
.button_style_text.button_text_neutral-second.focus .icon svg circle,
.button_style_text.button_text_neutral-second.focus .icon svg rect, .button_style_text.button_text_neutral-second.focus ~ label .icon svg path,
.button_style_text.button_text_neutral-second.focus ~ label .icon svg circle,
.button_style_text.button_text_neutral-second.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-second:focus .icon svg path[fill],
.button_style_text.button_text_neutral-second:focus .icon svg circle[fill],
.button_style_text.button_text_neutral-second:focus .icon svg rect[fill], .button_style_text.button_text_neutral-second:focus ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second:focus ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second:focus ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-second.focus .icon svg path[fill],
.button_style_text.button_text_neutral-second.focus .icon svg circle[fill],
.button_style_text.button_text_neutral-second.focus .icon svg rect[fill], .button_style_text.button_text_neutral-second.focus ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second.focus ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-default);
}
.button_style_text.button_text_neutral-second:focus .icon svg path[stroke],
.button_style_text.button_text_neutral-second:focus .icon svg circle[stroke],
.button_style_text.button_text_neutral-second:focus .icon svg rect[stroke], .button_style_text.button_text_neutral-second:focus ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second:focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second:focus ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-second.focus .icon svg path[stroke],
.button_style_text.button_text_neutral-second.focus .icon svg circle[stroke],
.button_style_text.button_text_neutral-second.focus .icon svg rect[stroke], .button_style_text.button_text_neutral-second.focus ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second.focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-default);
}
.button_style_text.button_text_neutral-second:disabled .icon svg path,
.button_style_text.button_text_neutral-second:disabled .icon svg circle,
.button_style_text.button_text_neutral-second:disabled .icon svg rect, .button_style_text.button_text_neutral-second:disabled ~ label .icon svg path,
.button_style_text.button_text_neutral-second:disabled ~ label .icon svg circle,
.button_style_text.button_text_neutral-second:disabled ~ label .icon svg rect, .button_style_text.button_text_neutral-second.disabled .icon svg path,
.button_style_text.button_text_neutral-second.disabled .icon svg circle,
.button_style_text.button_text_neutral-second.disabled .icon svg rect, .button_style_text.button_text_neutral-second.disabled ~ label .icon svg path,
.button_style_text.button_text_neutral-second.disabled ~ label .icon svg circle,
.button_style_text.button_text_neutral-second.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-second:disabled .icon svg path[fill],
.button_style_text.button_text_neutral-second:disabled .icon svg circle[fill],
.button_style_text.button_text_neutral-second:disabled .icon svg rect[fill], .button_style_text.button_text_neutral-second:disabled ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second:disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second:disabled ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-second.disabled .icon svg path[fill],
.button_style_text.button_text_neutral-second.disabled .icon svg circle[fill],
.button_style_text.button_text_neutral-second.disabled .icon svg rect[fill], .button_style_text.button_text_neutral-second.disabled ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-second.disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-second.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-disabled);
}
.button_style_text.button_text_neutral-second:disabled .icon svg path[stroke],
.button_style_text.button_text_neutral-second:disabled .icon svg circle[stroke],
.button_style_text.button_text_neutral-second:disabled .icon svg rect[stroke], .button_style_text.button_text_neutral-second:disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second:disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second:disabled ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-second.disabled .icon svg path[stroke],
.button_style_text.button_text_neutral-second.disabled .icon svg circle[stroke],
.button_style_text.button_text_neutral-second.disabled .icon svg rect[stroke], .button_style_text.button_text_neutral-second.disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-second.disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-second.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-disabled);
}
.button_style_text.button_text_neutral-tertiary {
  color: var(--color-button-text-neutral-content-tertiary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_neutral-tertiary:hover, .button_style_text.button_text_neutral-tertiary.hover {
    color: var(--color-button-text-neutral-content-tertiary-hover);
  }
}
.button_style_text.button_text_neutral-tertiary:active, .button_style_text.button_text_neutral-tertiary.active {
  color: var(--color-button-text-neutral-content-tertiary-active);
}
.button_style_text.button_text_neutral-tertiary:focus-visible, .button_style_text.button_text_neutral-tertiary.focus-visible, .button_style_text.button_text_neutral-tertiary.focus {
  color: var(--color-button-text-neutral-content-tertiary-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
}
.button_style_text.button_text_neutral-tertiary:disabled, .button_style_text.button_text_neutral-tertiary.disabled {
  color: var(--color-button-text-neutral-content-tertiary-disabled);
  pointer-events: none;
}
.button_style_text.button_text_neutral-tertiary .icon svg path,
.button_style_text.button_text_neutral-tertiary .icon svg circle,
.button_style_text.button_text_neutral-tertiary .icon svg rect, .button_style_text.button_text_neutral-tertiary ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-tertiary .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-tertiary-default);
}
.button_style_text.button_text_neutral-tertiary .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-tertiary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_neutral-tertiary:hover .icon svg path,
  .button_style_text.button_text_neutral-tertiary:hover .icon svg circle,
  .button_style_text.button_text_neutral-tertiary:hover .icon svg rect, .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg path,
  .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg circle,
  .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg rect, .button_style_text.button_text_neutral-tertiary.hover .icon svg path,
  .button_style_text.button_text_neutral-tertiary.hover .icon svg circle,
  .button_style_text.button_text_neutral-tertiary.hover .icon svg rect, .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg path,
  .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg circle,
  .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_text.button_text_neutral-tertiary:hover .icon svg path[fill],
  .button_style_text.button_text_neutral-tertiary:hover .icon svg circle[fill],
  .button_style_text.button_text_neutral-tertiary:hover .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg path[fill],
  .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.hover .icon svg path[fill],
  .button_style_text.button_text_neutral-tertiary.hover .icon svg circle[fill],
  .button_style_text.button_text_neutral-tertiary.hover .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg path[fill],
  .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-neutral-content-tertiary-hover);
  }
  .button_style_text.button_text_neutral-tertiary:hover .icon svg path[stroke],
  .button_style_text.button_text_neutral-tertiary:hover .icon svg circle[stroke],
  .button_style_text.button_text_neutral-tertiary:hover .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_neutral-tertiary:hover ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.hover .icon svg path[stroke],
  .button_style_text.button_text_neutral-tertiary.hover .icon svg circle[stroke],
  .button_style_text.button_text_neutral-tertiary.hover .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_neutral-tertiary.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-neutral-content-tertiary-hover);
  }
}
.button_style_text.button_text_neutral-tertiary:active .icon svg path,
.button_style_text.button_text_neutral-tertiary:active .icon svg circle,
.button_style_text.button_text_neutral-tertiary:active .icon svg rect, .button_style_text.button_text_neutral-tertiary:active ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary:active ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary:active ~ label .icon svg rect, .button_style_text.button_text_neutral-tertiary.active .icon svg path,
.button_style_text.button_text_neutral-tertiary.active .icon svg circle,
.button_style_text.button_text_neutral-tertiary.active .icon svg rect, .button_style_text.button_text_neutral-tertiary.active ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary.active ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-tertiary:active .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary:active .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary:active .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary:active ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary:active ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary:active ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.active .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary.active .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary.active .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.active ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary.active ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-tertiary-active);
}
.button_style_text.button_text_neutral-tertiary:active .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary:active .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary:active .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary:active ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary:active ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary:active ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.active .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary.active .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary.active .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.active ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary.active ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-tertiary-active);
}
.button_style_text.button_text_neutral-tertiary:focus .icon svg path,
.button_style_text.button_text_neutral-tertiary:focus .icon svg circle,
.button_style_text.button_text_neutral-tertiary:focus .icon svg rect, .button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg rect, .button_style_text.button_text_neutral-tertiary.focus .icon svg path,
.button_style_text.button_text_neutral-tertiary.focus .icon svg circle,
.button_style_text.button_text_neutral-tertiary.focus .icon svg rect, .button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-tertiary:focus .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary:focus .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary:focus .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.focus .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary.focus .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary.focus .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-tertiary-default);
}
.button_style_text.button_text_neutral-tertiary:focus .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary:focus .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary:focus .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary:focus ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.focus .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary.focus .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary.focus .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-tertiary-default);
}
.button_style_text.button_text_neutral-tertiary:disabled .icon svg path,
.button_style_text.button_text_neutral-tertiary:disabled .icon svg circle,
.button_style_text.button_text_neutral-tertiary:disabled .icon svg rect, .button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg rect, .button_style_text.button_text_neutral-tertiary.disabled .icon svg path,
.button_style_text.button_text_neutral-tertiary.disabled .icon svg circle,
.button_style_text.button_text_neutral-tertiary.disabled .icon svg rect, .button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg path,
.button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg circle,
.button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_neutral-tertiary:disabled .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary:disabled .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary:disabled .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.disabled .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary.disabled .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary.disabled .icon svg rect[fill], .button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg path[fill],
.button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-tertiary-disabled);
}
.button_style_text.button_text_neutral-tertiary:disabled .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary:disabled .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary:disabled .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary:disabled ~ label .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.disabled .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary.disabled .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary.disabled .icon svg rect[stroke], .button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_neutral-tertiary.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-tertiary-disabled);
}
.button_style_text.button_text_bg-neutral {
  color: var(--color-button-text-neutral-content-secondary-default);
  background: var(--color-button-text-neutral-bg-default);
}
@media (hover: hover) {
  .button_style_text.button_text_bg-neutral:hover, .button_style_text.button_text_bg-neutral.hover {
    color: var(--color-button-text-neutral-content-secondary-hover);
    background: var(--color-button-text-neutral-bg-hover);
  }
}
.button_style_text.button_text_bg-neutral:active, .button_style_text.button_text_bg-neutral.active {
  color: var(--color-button-text-neutral-content-secondary-active);
  background: var(--color-button-text-neutral-bg-active);
}
.button_style_text.button_text_bg-neutral:focus-visible, .button_style_text.button_text_bg-neutral.focus-visible, .button_style_text.button_text_bg-neutral.focus {
  color: var(--color-button-text-neutral-content-secondary-default);
  box-shadow: 0 0 0 3px var(--color-button-focus-neutral);
  background: var(--color-button-text-neutral-bg-default);
}
.button_style_text.button_text_bg-neutral:disabled, .button_style_text.button_text_bg-neutral.disabled {
  color: var(--color-button-text-neutral-content-secondary-disabled);
  background: var(--color-button-text-neutral-bg-disabled);
  pointer-events: none;
}
.button_style_text.button_text_bg-neutral .icon svg path,
.button_style_text.button_text_bg-neutral .icon svg circle,
.button_style_text.button_text_bg-neutral .icon svg rect, .button_style_text.button_text_bg-neutral ~ label .icon svg path,
.button_style_text.button_text_bg-neutral ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-neutral .icon svg path[fill],
.button_style_text.button_text_bg-neutral .icon svg circle[fill],
.button_style_text.button_text_bg-neutral .icon svg rect[fill], .button_style_text.button_text_bg-neutral ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-default);
}
.button_style_text.button_text_bg-neutral .icon svg path[stroke],
.button_style_text.button_text_bg-neutral .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral .icon svg rect[stroke], .button_style_text.button_text_bg-neutral ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_bg-neutral:hover .icon svg path,
  .button_style_text.button_text_bg-neutral:hover .icon svg circle,
  .button_style_text.button_text_bg-neutral:hover .icon svg rect, .button_style_text.button_text_bg-neutral:hover ~ label .icon svg path,
  .button_style_text.button_text_bg-neutral:hover ~ label .icon svg circle,
  .button_style_text.button_text_bg-neutral:hover ~ label .icon svg rect, .button_style_text.button_text_bg-neutral.hover .icon svg path,
  .button_style_text.button_text_bg-neutral.hover .icon svg circle,
  .button_style_text.button_text_bg-neutral.hover .icon svg rect, .button_style_text.button_text_bg-neutral.hover ~ label .icon svg path,
  .button_style_text.button_text_bg-neutral.hover ~ label .icon svg circle,
  .button_style_text.button_text_bg-neutral.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_text.button_text_bg-neutral:hover .icon svg path[fill],
  .button_style_text.button_text_bg-neutral:hover .icon svg circle[fill],
  .button_style_text.button_text_bg-neutral:hover .icon svg rect[fill], .button_style_text.button_text_bg-neutral:hover ~ label .icon svg path[fill],
  .button_style_text.button_text_bg-neutral:hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_bg-neutral:hover ~ label .icon svg rect[fill], .button_style_text.button_text_bg-neutral.hover .icon svg path[fill],
  .button_style_text.button_text_bg-neutral.hover .icon svg circle[fill],
  .button_style_text.button_text_bg-neutral.hover .icon svg rect[fill], .button_style_text.button_text_bg-neutral.hover ~ label .icon svg path[fill],
  .button_style_text.button_text_bg-neutral.hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_bg-neutral.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-neutral-content-secondary-hover);
  }
  .button_style_text.button_text_bg-neutral:hover .icon svg path[stroke],
  .button_style_text.button_text_bg-neutral:hover .icon svg circle[stroke],
  .button_style_text.button_text_bg-neutral:hover .icon svg rect[stroke], .button_style_text.button_text_bg-neutral:hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_bg-neutral:hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_bg-neutral:hover ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.hover .icon svg path[stroke],
  .button_style_text.button_text_bg-neutral.hover .icon svg circle[stroke],
  .button_style_text.button_text_bg-neutral.hover .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_bg-neutral.hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_bg-neutral.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-neutral-content-secondary-hover);
  }
}
.button_style_text.button_text_bg-neutral:active .icon svg path,
.button_style_text.button_text_bg-neutral:active .icon svg circle,
.button_style_text.button_text_bg-neutral:active .icon svg rect, .button_style_text.button_text_bg-neutral:active ~ label .icon svg path,
.button_style_text.button_text_bg-neutral:active ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral:active ~ label .icon svg rect, .button_style_text.button_text_bg-neutral.active .icon svg path,
.button_style_text.button_text_bg-neutral.active .icon svg circle,
.button_style_text.button_text_bg-neutral.active .icon svg rect, .button_style_text.button_text_bg-neutral.active ~ label .icon svg path,
.button_style_text.button_text_bg-neutral.active ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-neutral:active .icon svg path[fill],
.button_style_text.button_text_bg-neutral:active .icon svg circle[fill],
.button_style_text.button_text_bg-neutral:active .icon svg rect[fill], .button_style_text.button_text_bg-neutral:active ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral:active ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral:active ~ label .icon svg rect[fill], .button_style_text.button_text_bg-neutral.active .icon svg path[fill],
.button_style_text.button_text_bg-neutral.active .icon svg circle[fill],
.button_style_text.button_text_bg-neutral.active .icon svg rect[fill], .button_style_text.button_text_bg-neutral.active ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral.active ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-active);
}
.button_style_text.button_text_bg-neutral:active .icon svg path[stroke],
.button_style_text.button_text_bg-neutral:active .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral:active .icon svg rect[stroke], .button_style_text.button_text_bg-neutral:active ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral:active ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral:active ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.active .icon svg path[stroke],
.button_style_text.button_text_bg-neutral.active .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral.active .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.active ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral.active ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-active);
}
.button_style_text.button_text_bg-neutral:focus .icon svg path,
.button_style_text.button_text_bg-neutral:focus .icon svg circle,
.button_style_text.button_text_bg-neutral:focus .icon svg rect, .button_style_text.button_text_bg-neutral:focus ~ label .icon svg path,
.button_style_text.button_text_bg-neutral:focus ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral:focus ~ label .icon svg rect, .button_style_text.button_text_bg-neutral.focus .icon svg path,
.button_style_text.button_text_bg-neutral.focus .icon svg circle,
.button_style_text.button_text_bg-neutral.focus .icon svg rect, .button_style_text.button_text_bg-neutral.focus ~ label .icon svg path,
.button_style_text.button_text_bg-neutral.focus ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-neutral:focus .icon svg path[fill],
.button_style_text.button_text_bg-neutral:focus .icon svg circle[fill],
.button_style_text.button_text_bg-neutral:focus .icon svg rect[fill], .button_style_text.button_text_bg-neutral:focus ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral:focus ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral:focus ~ label .icon svg rect[fill], .button_style_text.button_text_bg-neutral.focus .icon svg path[fill],
.button_style_text.button_text_bg-neutral.focus .icon svg circle[fill],
.button_style_text.button_text_bg-neutral.focus .icon svg rect[fill], .button_style_text.button_text_bg-neutral.focus ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral.focus ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-default);
}
.button_style_text.button_text_bg-neutral:focus .icon svg path[stroke],
.button_style_text.button_text_bg-neutral:focus .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral:focus .icon svg rect[stroke], .button_style_text.button_text_bg-neutral:focus ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral:focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral:focus ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.focus .icon svg path[stroke],
.button_style_text.button_text_bg-neutral.focus .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral.focus .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.focus ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral.focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-default);
}
.button_style_text.button_text_bg-neutral:disabled .icon svg path,
.button_style_text.button_text_bg-neutral:disabled .icon svg circle,
.button_style_text.button_text_bg-neutral:disabled .icon svg rect, .button_style_text.button_text_bg-neutral:disabled ~ label .icon svg path,
.button_style_text.button_text_bg-neutral:disabled ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral:disabled ~ label .icon svg rect, .button_style_text.button_text_bg-neutral.disabled .icon svg path,
.button_style_text.button_text_bg-neutral.disabled .icon svg circle,
.button_style_text.button_text_bg-neutral.disabled .icon svg rect, .button_style_text.button_text_bg-neutral.disabled ~ label .icon svg path,
.button_style_text.button_text_bg-neutral.disabled ~ label .icon svg circle,
.button_style_text.button_text_bg-neutral.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-neutral:disabled .icon svg path[fill],
.button_style_text.button_text_bg-neutral:disabled .icon svg circle[fill],
.button_style_text.button_text_bg-neutral:disabled .icon svg rect[fill], .button_style_text.button_text_bg-neutral:disabled ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral:disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral:disabled ~ label .icon svg rect[fill], .button_style_text.button_text_bg-neutral.disabled .icon svg path[fill],
.button_style_text.button_text_bg-neutral.disabled .icon svg circle[fill],
.button_style_text.button_text_bg-neutral.disabled .icon svg rect[fill], .button_style_text.button_text_bg-neutral.disabled ~ label .icon svg path[fill],
.button_style_text.button_text_bg-neutral.disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-neutral.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-secondary-disabled);
}
.button_style_text.button_text_bg-neutral:disabled .icon svg path[stroke],
.button_style_text.button_text_bg-neutral:disabled .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral:disabled .icon svg rect[stroke], .button_style_text.button_text_bg-neutral:disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral:disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral:disabled ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.disabled .icon svg path[stroke],
.button_style_text.button_text_bg-neutral.disabled .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral.disabled .icon svg rect[stroke], .button_style_text.button_text_bg-neutral.disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-neutral.disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-neutral.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-secondary-disabled);
}
.button_style_text.button_text_bg-base {
  color: var(--color-button-text-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_bg-base:hover, .button_style_text.button_text_bg-base.hover {
    color: var(--color-button-text-neutral-content-primary-default);
  }
}
.button_style_text.button_text_bg-base:active, .button_style_text.button_text_bg-base.active {
  color: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_bg-base:focus-visible, .button_style_text.button_text_bg-base.focus-visible, .button_style_text.button_text_bg-base.focus {
  color: var(--color-button-text-neutral-content-primary-default);
  box-shadow: 0 0 0 3px var(--color-button-text-base-focus);
}
.button_style_text.button_text_bg-base:disabled, .button_style_text.button_text_bg-base.disabled {
  color: var(--color-button-text-neutral-content-primary-disabled);
  pointer-events: none;
}
.button_style_text.button_text_bg-base .icon svg path,
.button_style_text.button_text_bg-base .icon svg circle,
.button_style_text.button_text_bg-base .icon svg rect, .button_style_text.button_text_bg-base ~ label .icon svg path,
.button_style_text.button_text_bg-base ~ label .icon svg circle,
.button_style_text.button_text_bg-base ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-base .icon svg path[fill],
.button_style_text.button_text_bg-base .icon svg circle[fill],
.button_style_text.button_text_bg-base .icon svg rect[fill], .button_style_text.button_text_bg-base ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_bg-base .icon svg path[stroke],
.button_style_text.button_text_bg-base .icon svg circle[stroke],
.button_style_text.button_text_bg-base .icon svg rect[stroke], .button_style_text.button_text_bg-base ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_text.button_text_bg-base:hover .icon svg path,
  .button_style_text.button_text_bg-base:hover .icon svg circle,
  .button_style_text.button_text_bg-base:hover .icon svg rect, .button_style_text.button_text_bg-base:hover ~ label .icon svg path,
  .button_style_text.button_text_bg-base:hover ~ label .icon svg circle,
  .button_style_text.button_text_bg-base:hover ~ label .icon svg rect, .button_style_text.button_text_bg-base.hover .icon svg path,
  .button_style_text.button_text_bg-base.hover .icon svg circle,
  .button_style_text.button_text_bg-base.hover .icon svg rect, .button_style_text.button_text_bg-base.hover ~ label .icon svg path,
  .button_style_text.button_text_bg-base.hover ~ label .icon svg circle,
  .button_style_text.button_text_bg-base.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_text.button_text_bg-base:hover .icon svg path[fill],
  .button_style_text.button_text_bg-base:hover .icon svg circle[fill],
  .button_style_text.button_text_bg-base:hover .icon svg rect[fill], .button_style_text.button_text_bg-base:hover ~ label .icon svg path[fill],
  .button_style_text.button_text_bg-base:hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_bg-base:hover ~ label .icon svg rect[fill], .button_style_text.button_text_bg-base.hover .icon svg path[fill],
  .button_style_text.button_text_bg-base.hover .icon svg circle[fill],
  .button_style_text.button_text_bg-base.hover .icon svg rect[fill], .button_style_text.button_text_bg-base.hover ~ label .icon svg path[fill],
  .button_style_text.button_text_bg-base.hover ~ label .icon svg circle[fill],
  .button_style_text.button_text_bg-base.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-neutral-content-primary-default);
  }
  .button_style_text.button_text_bg-base:hover .icon svg path[stroke],
  .button_style_text.button_text_bg-base:hover .icon svg circle[stroke],
  .button_style_text.button_text_bg-base:hover .icon svg rect[stroke], .button_style_text.button_text_bg-base:hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_bg-base:hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_bg-base:hover ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-base.hover .icon svg path[stroke],
  .button_style_text.button_text_bg-base.hover .icon svg circle[stroke],
  .button_style_text.button_text_bg-base.hover .icon svg rect[stroke], .button_style_text.button_text_bg-base.hover ~ label .icon svg path[stroke],
  .button_style_text.button_text_bg-base.hover ~ label .icon svg circle[stroke],
  .button_style_text.button_text_bg-base.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-neutral-content-primary-default);
  }
}
.button_style_text.button_text_bg-base:active .icon svg path,
.button_style_text.button_text_bg-base:active .icon svg circle,
.button_style_text.button_text_bg-base:active .icon svg rect, .button_style_text.button_text_bg-base:active ~ label .icon svg path,
.button_style_text.button_text_bg-base:active ~ label .icon svg circle,
.button_style_text.button_text_bg-base:active ~ label .icon svg rect, .button_style_text.button_text_bg-base.active .icon svg path,
.button_style_text.button_text_bg-base.active .icon svg circle,
.button_style_text.button_text_bg-base.active .icon svg rect, .button_style_text.button_text_bg-base.active ~ label .icon svg path,
.button_style_text.button_text_bg-base.active ~ label .icon svg circle,
.button_style_text.button_text_bg-base.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-base:active .icon svg path[fill],
.button_style_text.button_text_bg-base:active .icon svg circle[fill],
.button_style_text.button_text_bg-base:active .icon svg rect[fill], .button_style_text.button_text_bg-base:active ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base:active ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base:active ~ label .icon svg rect[fill], .button_style_text.button_text_bg-base.active .icon svg path[fill],
.button_style_text.button_text_bg-base.active .icon svg circle[fill],
.button_style_text.button_text_bg-base.active .icon svg rect[fill], .button_style_text.button_text_bg-base.active ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base.active ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_bg-base:active .icon svg path[stroke],
.button_style_text.button_text_bg-base:active .icon svg circle[stroke],
.button_style_text.button_text_bg-base:active .icon svg rect[stroke], .button_style_text.button_text_bg-base:active ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base:active ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base:active ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-base.active .icon svg path[stroke],
.button_style_text.button_text_bg-base.active .icon svg circle[stroke],
.button_style_text.button_text_bg-base.active .icon svg rect[stroke], .button_style_text.button_text_bg-base.active ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base.active ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_bg-base:focus .icon svg path,
.button_style_text.button_text_bg-base:focus .icon svg circle,
.button_style_text.button_text_bg-base:focus .icon svg rect, .button_style_text.button_text_bg-base:focus ~ label .icon svg path,
.button_style_text.button_text_bg-base:focus ~ label .icon svg circle,
.button_style_text.button_text_bg-base:focus ~ label .icon svg rect, .button_style_text.button_text_bg-base.focus .icon svg path,
.button_style_text.button_text_bg-base.focus .icon svg circle,
.button_style_text.button_text_bg-base.focus .icon svg rect, .button_style_text.button_text_bg-base.focus ~ label .icon svg path,
.button_style_text.button_text_bg-base.focus ~ label .icon svg circle,
.button_style_text.button_text_bg-base.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-base:focus .icon svg path[fill],
.button_style_text.button_text_bg-base:focus .icon svg circle[fill],
.button_style_text.button_text_bg-base:focus .icon svg rect[fill], .button_style_text.button_text_bg-base:focus ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base:focus ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base:focus ~ label .icon svg rect[fill], .button_style_text.button_text_bg-base.focus .icon svg path[fill],
.button_style_text.button_text_bg-base.focus .icon svg circle[fill],
.button_style_text.button_text_bg-base.focus .icon svg rect[fill], .button_style_text.button_text_bg-base.focus ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base.focus ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_bg-base:focus .icon svg path[stroke],
.button_style_text.button_text_bg-base:focus .icon svg circle[stroke],
.button_style_text.button_text_bg-base:focus .icon svg rect[stroke], .button_style_text.button_text_bg-base:focus ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base:focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base:focus ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-base.focus .icon svg path[stroke],
.button_style_text.button_text_bg-base.focus .icon svg circle[stroke],
.button_style_text.button_text_bg-base.focus .icon svg rect[stroke], .button_style_text.button_text_bg-base.focus ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base.focus ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
.button_style_text.button_text_bg-base:disabled .icon svg path,
.button_style_text.button_text_bg-base:disabled .icon svg circle,
.button_style_text.button_text_bg-base:disabled .icon svg rect, .button_style_text.button_text_bg-base:disabled ~ label .icon svg path,
.button_style_text.button_text_bg-base:disabled ~ label .icon svg circle,
.button_style_text.button_text_bg-base:disabled ~ label .icon svg rect, .button_style_text.button_text_bg-base.disabled .icon svg path,
.button_style_text.button_text_bg-base.disabled .icon svg circle,
.button_style_text.button_text_bg-base.disabled .icon svg rect, .button_style_text.button_text_bg-base.disabled ~ label .icon svg path,
.button_style_text.button_text_bg-base.disabled ~ label .icon svg circle,
.button_style_text.button_text_bg-base.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_text.button_text_bg-base:disabled .icon svg path[fill],
.button_style_text.button_text_bg-base:disabled .icon svg circle[fill],
.button_style_text.button_text_bg-base:disabled .icon svg rect[fill], .button_style_text.button_text_bg-base:disabled ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base:disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base:disabled ~ label .icon svg rect[fill], .button_style_text.button_text_bg-base.disabled .icon svg path[fill],
.button_style_text.button_text_bg-base.disabled .icon svg circle[fill],
.button_style_text.button_text_bg-base.disabled .icon svg rect[fill], .button_style_text.button_text_bg-base.disabled ~ label .icon svg path[fill],
.button_style_text.button_text_bg-base.disabled ~ label .icon svg circle[fill],
.button_style_text.button_text_bg-base.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-disabled);
}
.button_style_text.button_text_bg-base:disabled .icon svg path[stroke],
.button_style_text.button_text_bg-base:disabled .icon svg circle[stroke],
.button_style_text.button_text_bg-base:disabled .icon svg rect[stroke], .button_style_text.button_text_bg-base:disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base:disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base:disabled ~ label .icon svg rect[stroke], .button_style_text.button_text_bg-base.disabled .icon svg path[stroke],
.button_style_text.button_text_bg-base.disabled .icon svg circle[stroke],
.button_style_text.button_text_bg-base.disabled .icon svg rect[stroke], .button_style_text.button_text_bg-base.disabled ~ label .icon svg path[stroke],
.button_style_text.button_text_bg-base.disabled ~ label .icon svg circle[stroke],
.button_style_text.button_text_bg-base.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-disabled);
}
.button_style_underline {
  position: relative;
  padding: 0;
  border: none;
  min-width: unset;
  background: unset;
  color: var(--color-button-text-neutral-content-primary-default);
  overflow: visible; /* При дефолтных больших скруглуниях, чтобы не обрезались края текста */
}
.button_style_underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: var(--radius-divider);
  background: transparent;
  transition: var(--transition);
}
@media (hover: hover) {
  .button_style_underline:hover, .button_style_underline.hover {
    color: var(--color-button-text-neutral-content-primary-default);
  }
  .button_style_underline:hover::after, .button_style_underline.hover::after {
    background: var(--color-button-outline-primary-border-hover);
  }
}
.button_style_underline:active, .button_style_underline.active {
  color: var(--color-button-text-neutral-content-primary-default);
}
.button_style_underline:active::after, .button_style_underline.active::after {
  background: var(--color-button-outline-primary-border-active);
}
.button_style_underline:focus-visible, .button_style_underline.focus-visible, .button_style_underline.focus {
  color: var(--color-button-text-neutral-content-primary-default);
  box-shadow: 0 0 0 3px var(--color-button-text-base-focus);
}
.button_style_underline:disabled, .button_style_underline.disabled {
  color: var(--color-button-text-neutral-content-primary-disabled);
  pointer-events: none;
}
.button_style_underline .icon svg path,
.button_style_underline .icon svg circle,
.button_style_underline .icon svg rect, .button_style_underline ~ label .icon svg path,
.button_style_underline ~ label .icon svg circle,
.button_style_underline ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_underline .icon svg path[fill],
.button_style_underline .icon svg circle[fill],
.button_style_underline .icon svg rect[fill], .button_style_underline ~ label .icon svg path[fill],
.button_style_underline ~ label .icon svg circle[fill],
.button_style_underline ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_underline .icon svg path[stroke],
.button_style_underline .icon svg circle[stroke],
.button_style_underline .icon svg rect[stroke], .button_style_underline ~ label .icon svg path[stroke],
.button_style_underline ~ label .icon svg circle[stroke],
.button_style_underline ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
@media (hover: hover) {
  .button_style_underline:hover .icon svg path,
  .button_style_underline:hover .icon svg circle,
  .button_style_underline:hover .icon svg rect, .button_style_underline:hover ~ label .icon svg path,
  .button_style_underline:hover ~ label .icon svg circle,
  .button_style_underline:hover ~ label .icon svg rect, .button_style_underline.hover .icon svg path,
  .button_style_underline.hover .icon svg circle,
  .button_style_underline.hover .icon svg rect, .button_style_underline.hover ~ label .icon svg path,
  .button_style_underline.hover ~ label .icon svg circle,
  .button_style_underline.hover ~ label .icon svg rect {
    transition: var(--transition);
  }
  .button_style_underline:hover .icon svg path[fill],
  .button_style_underline:hover .icon svg circle[fill],
  .button_style_underline:hover .icon svg rect[fill], .button_style_underline:hover ~ label .icon svg path[fill],
  .button_style_underline:hover ~ label .icon svg circle[fill],
  .button_style_underline:hover ~ label .icon svg rect[fill], .button_style_underline.hover .icon svg path[fill],
  .button_style_underline.hover .icon svg circle[fill],
  .button_style_underline.hover .icon svg rect[fill], .button_style_underline.hover ~ label .icon svg path[fill],
  .button_style_underline.hover ~ label .icon svg circle[fill],
  .button_style_underline.hover ~ label .icon svg rect[fill] {
    fill: var(--color-button-text-neutral-content-primary-default);
  }
  .button_style_underline:hover .icon svg path[stroke],
  .button_style_underline:hover .icon svg circle[stroke],
  .button_style_underline:hover .icon svg rect[stroke], .button_style_underline:hover ~ label .icon svg path[stroke],
  .button_style_underline:hover ~ label .icon svg circle[stroke],
  .button_style_underline:hover ~ label .icon svg rect[stroke], .button_style_underline.hover .icon svg path[stroke],
  .button_style_underline.hover .icon svg circle[stroke],
  .button_style_underline.hover .icon svg rect[stroke], .button_style_underline.hover ~ label .icon svg path[stroke],
  .button_style_underline.hover ~ label .icon svg circle[stroke],
  .button_style_underline.hover ~ label .icon svg rect[stroke] {
    stroke: var(--color-button-text-neutral-content-primary-default);
  }
}
.button_style_underline:active .icon svg path,
.button_style_underline:active .icon svg circle,
.button_style_underline:active .icon svg rect, .button_style_underline:active ~ label .icon svg path,
.button_style_underline:active ~ label .icon svg circle,
.button_style_underline:active ~ label .icon svg rect, .button_style_underline.active .icon svg path,
.button_style_underline.active .icon svg circle,
.button_style_underline.active .icon svg rect, .button_style_underline.active ~ label .icon svg path,
.button_style_underline.active ~ label .icon svg circle,
.button_style_underline.active ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_underline:active .icon svg path[fill],
.button_style_underline:active .icon svg circle[fill],
.button_style_underline:active .icon svg rect[fill], .button_style_underline:active ~ label .icon svg path[fill],
.button_style_underline:active ~ label .icon svg circle[fill],
.button_style_underline:active ~ label .icon svg rect[fill], .button_style_underline.active .icon svg path[fill],
.button_style_underline.active .icon svg circle[fill],
.button_style_underline.active .icon svg rect[fill], .button_style_underline.active ~ label .icon svg path[fill],
.button_style_underline.active ~ label .icon svg circle[fill],
.button_style_underline.active ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_underline:active .icon svg path[stroke],
.button_style_underline:active .icon svg circle[stroke],
.button_style_underline:active .icon svg rect[stroke], .button_style_underline:active ~ label .icon svg path[stroke],
.button_style_underline:active ~ label .icon svg circle[stroke],
.button_style_underline:active ~ label .icon svg rect[stroke], .button_style_underline.active .icon svg path[stroke],
.button_style_underline.active .icon svg circle[stroke],
.button_style_underline.active .icon svg rect[stroke], .button_style_underline.active ~ label .icon svg path[stroke],
.button_style_underline.active ~ label .icon svg circle[stroke],
.button_style_underline.active ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
.button_style_underline:focus .icon svg path,
.button_style_underline:focus .icon svg circle,
.button_style_underline:focus .icon svg rect, .button_style_underline:focus ~ label .icon svg path,
.button_style_underline:focus ~ label .icon svg circle,
.button_style_underline:focus ~ label .icon svg rect, .button_style_underline.focus .icon svg path,
.button_style_underline.focus .icon svg circle,
.button_style_underline.focus .icon svg rect, .button_style_underline.focus ~ label .icon svg path,
.button_style_underline.focus ~ label .icon svg circle,
.button_style_underline.focus ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_underline:focus .icon svg path[fill],
.button_style_underline:focus .icon svg circle[fill],
.button_style_underline:focus .icon svg rect[fill], .button_style_underline:focus ~ label .icon svg path[fill],
.button_style_underline:focus ~ label .icon svg circle[fill],
.button_style_underline:focus ~ label .icon svg rect[fill], .button_style_underline.focus .icon svg path[fill],
.button_style_underline.focus .icon svg circle[fill],
.button_style_underline.focus .icon svg rect[fill], .button_style_underline.focus ~ label .icon svg path[fill],
.button_style_underline.focus ~ label .icon svg circle[fill],
.button_style_underline.focus ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-default);
}
.button_style_underline:focus .icon svg path[stroke],
.button_style_underline:focus .icon svg circle[stroke],
.button_style_underline:focus .icon svg rect[stroke], .button_style_underline:focus ~ label .icon svg path[stroke],
.button_style_underline:focus ~ label .icon svg circle[stroke],
.button_style_underline:focus ~ label .icon svg rect[stroke], .button_style_underline.focus .icon svg path[stroke],
.button_style_underline.focus .icon svg circle[stroke],
.button_style_underline.focus .icon svg rect[stroke], .button_style_underline.focus ~ label .icon svg path[stroke],
.button_style_underline.focus ~ label .icon svg circle[stroke],
.button_style_underline.focus ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-default);
}
.button_style_underline:disabled .icon svg path,
.button_style_underline:disabled .icon svg circle,
.button_style_underline:disabled .icon svg rect, .button_style_underline:disabled ~ label .icon svg path,
.button_style_underline:disabled ~ label .icon svg circle,
.button_style_underline:disabled ~ label .icon svg rect, .button_style_underline.disabled .icon svg path,
.button_style_underline.disabled .icon svg circle,
.button_style_underline.disabled .icon svg rect, .button_style_underline.disabled ~ label .icon svg path,
.button_style_underline.disabled ~ label .icon svg circle,
.button_style_underline.disabled ~ label .icon svg rect {
  transition: var(--transition);
}
.button_style_underline:disabled .icon svg path[fill],
.button_style_underline:disabled .icon svg circle[fill],
.button_style_underline:disabled .icon svg rect[fill], .button_style_underline:disabled ~ label .icon svg path[fill],
.button_style_underline:disabled ~ label .icon svg circle[fill],
.button_style_underline:disabled ~ label .icon svg rect[fill], .button_style_underline.disabled .icon svg path[fill],
.button_style_underline.disabled .icon svg circle[fill],
.button_style_underline.disabled .icon svg rect[fill], .button_style_underline.disabled ~ label .icon svg path[fill],
.button_style_underline.disabled ~ label .icon svg circle[fill],
.button_style_underline.disabled ~ label .icon svg rect[fill] {
  fill: var(--color-button-text-neutral-content-primary-disabled);
}
.button_style_underline:disabled .icon svg path[stroke],
.button_style_underline:disabled .icon svg circle[stroke],
.button_style_underline:disabled .icon svg rect[stroke], .button_style_underline:disabled ~ label .icon svg path[stroke],
.button_style_underline:disabled ~ label .icon svg circle[stroke],
.button_style_underline:disabled ~ label .icon svg rect[stroke], .button_style_underline.disabled .icon svg path[stroke],
.button_style_underline.disabled .icon svg circle[stroke],
.button_style_underline.disabled .icon svg rect[stroke], .button_style_underline.disabled ~ label .icon svg path[stroke],
.button_style_underline.disabled ~ label .icon svg circle[stroke],
.button_style_underline.disabled ~ label .icon svg rect[stroke] {
  stroke: var(--color-button-text-neutral-content-primary-disabled);
}
.button_modificator_icon {
  padding: 0;
  min-width: unset;
  aspect-ratio: 1/1;
  gap: 0;
  text-indent: -999px;
}
.button_modificator_circle {
  padding: 0;
  min-width: unset;
  aspect-ratio: 1/1;
  gap: 0;
  text-indent: -999px;
  border-radius: var(--radius-button-full);
}
.button_modificator_full {
  width: 100%;
}/*# sourceMappingURL=button.css.map */