npm - @uh-design-system/component-library - Versions diffs - 1.7.0-rc.0 → 1.7.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2395) hide show

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

@@ -4,15 +4,15 @@
   display: block;
 }
-:host(.ds-button__oJU1eo__host) {
+:host(.ds-button__pA2cRq__host) {
   display: inline-block;
 }
-:host(.ds-button__oJU1eo__host--full-width) {
+:host(.ds-button__pA2cRq__host--full-width) {
   width: 100%;
 }
-.ds-button__oJU1eo {
+.ds-button__pA2cRq {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -29,52 +29,52 @@
   justify-content: center;
   cursor: default;
 }
-.ds-button__oJU1eo__value[hidden] {
+.ds-button__pA2cRq__value[hidden] {
   display: none;
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--supplementary) .ds-button__oJU1eo__value {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--supplementary) .ds-button__pA2cRq__value {
   padding-right: var(--ds-spacing-3xSmall);
   padding-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__oJU1eo--supplementary:has(.ds-button__oJU1eo__spinner) .ds-button__oJU1eo__value {
+.ds-button__pA2cRq--supplementary:has(.ds-button__pA2cRq__spinner) .ds-button__pA2cRq__value {
   padding-right: 0;
   padding-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__oJU1eo__icon {
+.ds-button__pA2cRq__icon {
   height: 1.5rem;
 }
-.ds-button__oJU1eo:has(.ds-button__oJU1eo__spinner):not(.ds-button__oJU1eo--small) .ds-button__oJU1eo__value {
+.ds-button__pA2cRq:has(.ds-button__pA2cRq__spinner):not(.ds-button__pA2cRq--small) .ds-button__pA2cRq__value {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__oJU1eo__spinner {
+.ds-button__pA2cRq__spinner {
   display: flex;
 }
-.ds-button__oJU1eo--icon-only {
+.ds-button__pA2cRq--icon-only {
   aspect-ratio: 1;
   justify-content: center;
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--small):not(.ds-button__oJU1eo--secondary) {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--small):not(.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--small).ds-button__oJU1eo--secondary {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--small).ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--small).ds-button__oJU1eo--icon-only {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--small).ds-button__pA2cRq--icon-only {
   padding-left: 0;
   padding-right: 0;
 }
-.ds-button__oJU1eo--small.ds-button__oJU1eo--icon-start, .ds-button__oJU1eo--small.ds-button__oJU1eo--icon-end {
+.ds-button__pA2cRq--small.ds-button__pA2cRq--icon-start, .ds-button__pA2cRq--small.ds-button__pA2cRq--icon-end {
   gap: var(--ds-spacing-3xSmall);
 }
-.ds-button__oJU1eo--small:not(.ds-button__oJU1eo--secondary) {
+.ds-button__pA2cRq--small:not(.ds-button__pA2cRq--secondary) {
   border-width: 0px;
   min-width: var(--ds-button-min-width, auto);
   font-size: var(--ds-fontSize-16);
@@ -84,7 +84,7 @@
   min-height: var(--ds-button-min-height, 2rem);
   padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
 }
-.ds-button__oJU1eo--small.ds-button__oJU1eo--secondary {
+.ds-button__pA2cRq--small.ds-button__pA2cRq--secondary {
   border-width: var(--ds-borderWidth-thin);
   min-width: var(--ds-button-min-width, auto);
   font-size: var(--ds-fontSize-16);
@@ -94,947 +94,947 @@
   min-height: var(--ds-button-min-height, 2rem);
   padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
 }
-.ds-button__oJU1eo--small.ds-button__oJU1eo--icon-only {
+.ds-button__pA2cRq--small.ds-button__pA2cRq--icon-only {
   padding-left: 0;
   padding-right: 0;
   width: 32px;
 }
-.ds-button__oJU1eo--small .ds-button__oJU1eo__icon {
+.ds-button__pA2cRq--small .ds-button__pA2cRq__icon {
   height: auto;
 }
-.ds-button__oJU1eo--icon-start:not(.ds-button__oJU1eo--small) .ds-button__oJU1eo__icon {
+.ds-button__pA2cRq--icon-start:not(.ds-button__pA2cRq--small) .ds-button__pA2cRq__icon {
   margin-right: var(--ds-spacing-3xSmall);
 }
-.ds-button__oJU1eo--icon-end:not(.ds-button__oJU1eo--small) .ds-button__oJU1eo__icon {
+.ds-button__pA2cRq--icon-end:not(.ds-button__pA2cRq--small) .ds-button__pA2cRq__icon {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:disabled {
   background-color: var(--ds-bgColor-disabled-onDark);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-danger-bold);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger-bold-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-bold-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onDark);
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:focus-visible {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo:not(.ds-button__oJU1eo--in-input, .ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq:not(.ds-button__pA2cRq--in-input, .ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:disabled {
   background-color: var(--ds-bgColor-disabled-onDark);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-danger-bold);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger-bold-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-bold-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onDark);
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--no-focus-ring:not(.ds-button__pA2cRq--in-input).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--black:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--white:disabled {
   background-color: var(--ds-bgColor-disabled-onDark);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-danger-bold);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger-bold-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-bold-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onDark);
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:focus-visible {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring).ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input:not(.ds-button__oJU1eo--no-focus-ring) {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input:not(.ds-button__pA2cRq--no-focus-ring) {
   --ds-button-min-height: var(--ds-spacing-xLarge);
   width: auto;
   height: 100%;
   aspect-ratio: 1/1;
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--black:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--white:disabled {
   background-color: var(--ds-bgColor-disabled-onDark);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-danger-bold);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger-bold-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-bold-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--primary.ds-button__pA2cRq--danger:disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--blue:disabled {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--black {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--white {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onDark);
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--secondary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue--active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--blue:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black--active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--black:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white--active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--white:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onDark);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:hover {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:hover {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:active, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:active, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger--active {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled, .ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:disabled {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger.ds-button__pA2cRq--disabled, .ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring.ds-button__pA2cRq--supplementary.ds-button__pA2cRq--danger:disabled {
   background-color: transparent;
   border-color: transparent;
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring {
+.ds-button__pA2cRq.ds-button__pA2cRq--in-input.ds-button__pA2cRq--no-focus-ring {
   --ds-button-min-height: var(--ds-spacing-xLarge);
   width: auto;
   height: 100%;