@uh-design-system/component-library 1.4.0 → 1.5.0-rc.0

package/dist/collection/components/01-base-components/ds-button/ds-button.css

@@ -7,11 +7,11 @@
 :host {
   display: inline-block;
 }
-:host:has(.ds-button__SPFJ1E--full-width) {
+:host:has(.ds-button__QIDqOT--full-width) {
   width: 100%;
 }
 
-.ds-button__SPFJ1E {
+.ds-button__QIDqOT {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -28,599 +28,604 @@
   justify-content: center;
   cursor: default;
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--supplementary) .ds-button__SPFJ1E__value {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--supplementary) .ds-button__QIDqOT__value {
   padding-right: var(--ds-spacing-3xSmall);
   padding-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__SPFJ1E--supplementary:has(.ds-button__SPFJ1E__spinner) .ds-button__SPFJ1E__value {
+.ds-button__QIDqOT--supplementary:has(.ds-button__QIDqOT__spinner) .ds-button__QIDqOT__value {
   padding-right: 0;
   padding-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__SPFJ1E__icon {
+.ds-button__QIDqOT__icon {
   height: 1.5rem;
 }
-.ds-button__SPFJ1E:has(.ds-button__SPFJ1E__spinner):not(.ds-button__SPFJ1E--small) .ds-button__SPFJ1E__value {
+.ds-button__QIDqOT:has(.ds-button__QIDqOT__spinner):not(.ds-button__QIDqOT--small) .ds-button__QIDqOT__value {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__SPFJ1E__spinner {
+.ds-button__QIDqOT__spinner {
   display: flex;
 }
-.ds-button__SPFJ1E--icon-only {
+.ds-button__QIDqOT--icon-only {
   aspect-ratio: 1;
   justify-content: center;
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--small):not(.ds-button__SPFJ1E--secondary) {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--small):not(.ds-button__QIDqOT--secondary) {
   border-width: 0px;
   font-size: var(--ds-fontSize-18);
-  min-height: 44px;
+  min-height: var(--ds-button-min-height, 2.75rem);
+  min-width: var(--ds-button-min-width, auto);
   padding: var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--small).ds-button__SPFJ1E--secondary {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--small).ds-button__QIDqOT--secondary {
   border-width: var(--ds-borderWidth-thin);
   font-size: var(--ds-fontSize-18);
-  min-height: 44px;
+  min-height: var(--ds-button-min-height, 2.75rem);
+  min-width: var(--ds-button-min-width, auto);
   padding: var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--small).ds-button__SPFJ1E--icon-only {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--small).ds-button__QIDqOT--icon-only {
   padding-left: 0;
   padding-right: 0;
 }
-.ds-button__SPFJ1E--small.ds-button__SPFJ1E--icon-start, .ds-button__SPFJ1E--small.ds-button__SPFJ1E--icon-end {
+.ds-button__QIDqOT--small.ds-button__QIDqOT--icon-start, .ds-button__QIDqOT--small.ds-button__QIDqOT--icon-end {
   gap: var(--ds-spacing-3xSmall);
 }
-.ds-button__SPFJ1E--small:not(.ds-button__SPFJ1E--secondary) {
+.ds-button__QIDqOT--small:not(.ds-button__QIDqOT--secondary) {
   border-width: 0px;
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-semibold);
   line-height: 150%;
   letter-spacing: var(--ds-letterSpacing-wide, 0);
-  min-height: 32px;
+  min-height: var(--ds-button-min-height, 2rem);
+  min-width: var(--ds-button-min-width, auto);
   padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
 }
-.ds-button__SPFJ1E--small.ds-button__SPFJ1E--secondary {
+.ds-button__QIDqOT--small.ds-button__QIDqOT--secondary {
   border-width: var(--ds-borderWidth-thin);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-semibold);
   line-height: 150%;
   letter-spacing: var(--ds-letterSpacing-wide, 0);
-  min-height: 32px;
+  min-height: var(--ds-button-min-height, 2rem);
+  min-width: var(--ds-button-min-width, auto);
   padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
 }
-.ds-button__SPFJ1E--small.ds-button__SPFJ1E--icon-only {
+.ds-button__QIDqOT--small.ds-button__QIDqOT--icon-only {
   padding-left: 0;
   padding-right: 0;
   width: 32px;
 }
-.ds-button__SPFJ1E--small .ds-button__SPFJ1E__icon {
+.ds-button__QIDqOT--small .ds-button__QIDqOT__icon {
   height: auto;
 }
-.ds-button__SPFJ1E--icon-start:not(.ds-button__SPFJ1E--small) .ds-button__SPFJ1E__icon {
+.ds-button__QIDqOT--icon-start:not(.ds-button__QIDqOT--small) .ds-button__QIDqOT__icon {
   margin-right: var(--ds-spacing-3xSmall);
 }
-.ds-button__SPFJ1E--icon-end:not(.ds-button__SPFJ1E--small) .ds-button__SPFJ1E__icon {
+.ds-button__QIDqOT--icon-end:not(.ds-button__QIDqOT--small) .ds-button__QIDqOT__icon {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--blue:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--blue--active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--blue.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--blue:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--black:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--black--active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--black.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--black:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--white:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--white--active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--white.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--white:disabled {
   background-color: var(--ds-bgColor-disabled-onDark);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--danger {
   background-color: var(--ds-bgColor-danger-bold);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--danger:hover {
   background-color: var(--ds-bgColor-danger-bold-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--danger:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--danger--active {
   background-color: var(--ds-bgColor-danger-bold-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--danger.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--primary.ds-button__QIDqOT--danger:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue:disabled {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--black {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--black:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--black.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--black:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--white {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--white:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--white.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--white:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onDark);
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:focus-visible {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:hover {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:active, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger--active {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger:active, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E:not(.ds-button__SPFJ1E--in-input).ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:disabled {
+.ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger.ds-button__QIDqOT--disabled, .ds-button__QIDqOT:not(.ds-button__QIDqOT--in-input).ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--blue:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--blue--active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--blue:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--blue.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--blue:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--black:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--black--active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--black:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--black.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--black:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--white:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--white--active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--white:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--white.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--white:disabled {
   background-color: var(--ds-bgColor-disabled-onDark);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--danger {
   background-color: var(--ds-bgColor-danger-bold);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--danger:hover {
   background-color: var(--ds-bgColor-danger-bold-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--danger:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--danger--active {
   background-color: var(--ds-bgColor-danger-bold-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--primary.ds-button__SPFJ1E--danger:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--danger.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--primary.ds-button__QIDqOT--danger:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--blue:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--blue:disabled {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--black {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--black:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--black:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--black.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--black:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--white {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--white:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--white:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--white.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--white:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onDark);
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--secondary.ds-button__SPFJ1E--danger:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--secondary.ds-button__QIDqOT--danger:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--blue:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--blue:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--black:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--black:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--white:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--white:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:focus-visible {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--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__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:hover {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:active, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger--active {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger:active, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger.ds-button__SPFJ1E--disabled, .ds-button__SPFJ1E.ds-button__SPFJ1E--in-input.ds-button__SPFJ1E--supplementary.ds-button__SPFJ1E--danger:disabled {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger.ds-button__QIDqOT--disabled, .ds-button__QIDqOT.ds-button__QIDqOT--in-input.ds-button__QIDqOT--supplementary.ds-button__QIDqOT--danger:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__SPFJ1E.ds-button__SPFJ1E--in-input {
+.ds-button__QIDqOT.ds-button__QIDqOT--in-input {
+  --ds-button-min-height: var(--ds-spacing-xLarge);
   width: auto;
   height: 100%;
   aspect-ratio: 1/1;