.ds-no-style-leak * {
  all: unset;
  box-sizing: border-box;
  display: block;
}

:host(.ds-button__Rso0Na__host) {
  display: inline-block;
}

:host(.ds-button__Rso0Na__host--full-width) {
  width: 100%;
}

.ds-button__Rso0Na {
  all: initial;
  display: revert;
  box-sizing: border-box;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  width: 100%;
  align-items: center;
  border-radius: 0;
  border-style: solid;
  display: flex;
  font-family: var(--ds-fontFamily-body);
  font-weight: var(--ds-fontWeight-semibold);
  outline: 4px solid transparent;
  justify-content: center;
  cursor: default;
}
.ds-button__Rso0Na__value[hidden] {
  display: none;
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--supplementary) .ds-button__Rso0Na__value {
  padding-right: var(--ds-spacing-3xSmall);
  padding-left: var(--ds-spacing-3xSmall);
}
.ds-button__Rso0Na--supplementary:has(.ds-button__Rso0Na__spinner) .ds-button__Rso0Na__value {
  padding-right: 0;
  padding-left: var(--ds-spacing-3xSmall);
}
.ds-button__Rso0Na__icon {
  height: 1.5rem;
}
.ds-button__Rso0Na:has(.ds-button__Rso0Na__spinner):not(.ds-button__Rso0Na--small) .ds-button__Rso0Na__value {
  margin-left: var(--ds-spacing-3xSmall);
}
.ds-button__Rso0Na__spinner {
  display: flex;
}
.ds-button__Rso0Na--icon-only {
  aspect-ratio: 1;
  justify-content: center;
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--small):not(.ds-button__Rso0Na--secondary) {
  border-width: 0px;
  min-width: var(--ds-button-min-width, auto);
  font-size: var(--ds-fontSize-18);
  min-height: var(--ds-button-min-height, 2.75rem);
  padding: var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--small).ds-button__Rso0Na--secondary {
  border-width: var(--ds-borderWidth-thin);
  min-width: var(--ds-button-min-width, auto);
  font-size: var(--ds-fontSize-18);
  min-height: var(--ds-button-min-height, 2.75rem);
  padding: var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--small).ds-button__Rso0Na--icon-only {
  padding-left: 0;
  padding-right: 0;
}
.ds-button__Rso0Na--small.ds-button__Rso0Na--icon-start, .ds-button__Rso0Na--small.ds-button__Rso0Na--icon-end {
  gap: var(--ds-spacing-3xSmall);
}
.ds-button__Rso0Na--small:not(.ds-button__Rso0Na--secondary) {
  border-width: 0px;
  min-width: var(--ds-button-min-width, auto);
  font-size: var(--ds-fontSize-16);
  font-weight: var(--ds-fontWeight-semibold);
  line-height: 150%;
  letter-spacing: var(--ds-letterSpacing-wide, 0);
  min-height: var(--ds-button-min-height, 2rem);
  padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
}
.ds-button__Rso0Na--small.ds-button__Rso0Na--secondary {
  border-width: var(--ds-borderWidth-thin);
  min-width: var(--ds-button-min-width, auto);
  font-size: var(--ds-fontSize-16);
  font-weight: var(--ds-fontWeight-semibold);
  line-height: 150%;
  letter-spacing: var(--ds-letterSpacing-wide, 0);
  min-height: var(--ds-button-min-height, 2rem);
  padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
}
.ds-button__Rso0Na--small.ds-button__Rso0Na--icon-only {
  padding-left: 0;
  padding-right: 0;
  width: 32px;
}
.ds-button__Rso0Na--small .ds-button__Rso0Na__icon {
  height: auto;
}
.ds-button__Rso0Na--icon-start:not(.ds-button__Rso0Na--small) .ds-button__Rso0Na__icon {
  margin-right: var(--ds-spacing-3xSmall);
}
.ds-button__Rso0Na--icon-end:not(.ds-button__Rso0Na--small) .ds-button__Rso0Na__icon {
  margin-left: var(--ds-spacing-3xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black);
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white);
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-primary);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-default);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-white);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-danger);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na:not(.ds-button__Rso0Na--in-input, .ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black);
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white);
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-primary);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-default);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-white);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-danger);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--no-focus-ring:not(.ds-button__Rso0Na--in-input).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black);
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white);
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-primary);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-default);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-white);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-danger);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring).ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input:not(.ds-button__Rso0Na--no-focus-ring) {
  --ds-button-min-height: var(--ds-spacing-xLarge);
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--primary.ds-button__Rso0Na--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black);
  color: var(--ds-textColor-default);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white);
  color: var(--ds-textColor-white);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--secondary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-primary);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-default);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-white);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-danger);
  padding-right: var(--ds-spacing-4xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:active, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger.ds-button__Rso0Na--disabled, .ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring.ds-button__Rso0Na--supplementary.ds-button__Rso0Na--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__Rso0Na.ds-button__Rso0Na--in-input.ds-button__Rso0Na--no-focus-ring {
  --ds-button-min-height: var(--ds-spacing-xLarge);
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
}