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

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

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

.ds-button__qtiK80 {
  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: var(--ds-borderWidth-thick) solid transparent;
  justify-content: center;
  cursor: default;
}
.ds-button__qtiK80__value[hidden] {
  display: none;
}
.ds-button__qtiK80:not(.ds-button__qtiK80--supplementary) .ds-button__qtiK80__value {
  padding-right: var(--ds-spacing-3xSmall);
  padding-left: var(--ds-spacing-3xSmall);
}
.ds-button__qtiK80--supplementary:has(.ds-button__qtiK80__spinner) .ds-button__qtiK80__value {
  padding-right: 0;
  padding-left: var(--ds-spacing-3xSmall);
}
.ds-button__qtiK80__icon {
  height: 1.5rem;
}
.ds-button__qtiK80:has(.ds-button__qtiK80__spinner):not(.ds-button__qtiK80--small) .ds-button__qtiK80__value {
  margin-left: var(--ds-spacing-3xSmall);
}
.ds-button__qtiK80__spinner {
  display: flex;
}
.ds-button__qtiK80--icon-only {
  aspect-ratio: 1;
  justify-content: center;
}
.ds-button__qtiK80:not(.ds-button__qtiK80--small):not(.ds-button__qtiK80--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__qtiK80:not(.ds-button__qtiK80--small).ds-button__qtiK80--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__qtiK80:not(.ds-button__qtiK80--small).ds-button__qtiK80--icon-only {
  padding-left: 0;
  padding-right: 0;
}
.ds-button__qtiK80--small.ds-button__qtiK80--icon-start, .ds-button__qtiK80--small.ds-button__qtiK80--icon-end {
  gap: var(--ds-spacing-3xSmall);
}
.ds-button__qtiK80--small:not(.ds-button__qtiK80--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__qtiK80--small.ds-button__qtiK80--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__qtiK80--small.ds-button__qtiK80--icon-only {
  padding-left: 0;
  padding-right: 0;
  width: 32px;
}
.ds-button__qtiK80--small .ds-button__qtiK80__icon {
  height: auto;
}
.ds-button__qtiK80--icon-start:not(.ds-button__qtiK80--small) .ds-button__qtiK80__icon {
  margin-right: var(--ds-spacing-3xSmall);
}
.ds-button__qtiK80--icon-end:not(.ds-button__qtiK80--small) .ds-button__qtiK80__icon {
  margin-left: var(--ds-spacing-3xSmall);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black, #0c0c0c);
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white, #fff);
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:active, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80:not(.ds-button__qtiK80--in-input, .ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--primary.ds-button__qtiK80--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black, #0c0c0c);
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white, #fff);
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--no-focus-ring:not(.ds-button__qtiK80--in-input).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--primary.ds-button__qtiK80--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black, #0c0c0c);
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white, #fff);
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--secondary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-textColor-default);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid transparent;
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring).ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input:not(.ds-button__qtiK80--no-focus-ring) {
  --ds-button-min-height: var(--ds-spacing-xLarge);
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-primary);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-black);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-black-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-black-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--black:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-white);
  border-color: transparent;
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--white:disabled {
  background-color: var(--ds-bgColor-disabled-onDark);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-danger-bold);
  border-color: transparent;
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger-bold-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-bold-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--primary.ds-button__qtiK80--danger:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--blue {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-primary);
  color: var(--ds-textColor-primary);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--blue:disabled {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--black {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-black, #0c0c0c);
  color: var(--ds-textColor-default);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--white {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-white, #fff);
  color: var(--ds-textColor-white);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onDark);
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--danger {
  background-color: var(--ds-bgColor-secondary);
  border-color: var(--ds-borderColor-danger);
  color: var(--ds-textColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--secondary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: var(--ds-borderColor-disabled-onLight);
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:hover {
  background-color: var(--ds-bgColor-secondary-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--blue--active {
  background-color: var(--ds-bgColor-secondary-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--blue.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--blue:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--black:hover {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--black:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--black--active {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--black.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--black:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--white:hover {
  background-color: var(--ds-bgColor-transparent-onDark-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--white:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--white--active {
  background-color: var(--ds-bgColor-transparent-onDark-active);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--white.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--white:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onDark);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--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__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:hover {
  background-color: var(--ds-bgColor-danger);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:active, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--danger--active {
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--danger.ds-button__qtiK80--disabled, .ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring.ds-button__qtiK80--supplementary.ds-button__qtiK80--danger:disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--ds-textColor-disabled-onLight);
}
.ds-button__qtiK80.ds-button__qtiK80--in-input.ds-button__qtiK80--no-focus-ring {
  --ds-button-min-height: var(--ds-spacing-xLarge);
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
}