@preply/ds-web-lib 1.4.2 → 1.4.3

package/dist/assets/ButtonBase.css

@@ -1,54 +1,54 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 03 2025 10:09:32 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 03 2025 10:09:36 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Apr 03 2025 10:09:36 GMT+0000 (Coordinated Universal Time) */
-._button-width--width-full_zo214_5 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Apr 04 2025 13:10:45 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Apr 04 2025 13:10:44 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Apr 04 2025 13:10:48 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Apr 04 2025 13:10:48 GMT+0000 (Coordinated Universal Time) */
+._button-width--width-full_2yc0c_5 {
   width: 100%;
 }
-._button-width--width-auto_zo214_8 {
+._button-width--width-auto_2yc0c_8 {
   width: auto;
 }
 @media (min-width: 400px) {
-  ._button-width--narrow-l--width-full_zo214_12 {
+  ._button-width--narrow-l--width-full_2yc0c_12 {
     width: 100%;
   }
-  ._button-width--narrow-l--width-auto_zo214_15 {
+  ._button-width--narrow-l--width-auto_2yc0c_15 {
     width: auto;
   }
 }
 @media (min-width: 700px) {
-  ._button-width--medium-s--width-full_zo214_20 {
+  ._button-width--medium-s--width-full_2yc0c_20 {
     width: 100%;
   }
-  ._button-width--medium-s--width-auto_zo214_23 {
+  ._button-width--medium-s--width-auto_2yc0c_23 {
     width: auto;
   }
 }
 @media (min-width: 880px) {
-  ._button-width--medium-l--width-full_zo214_28 {
+  ._button-width--medium-l--width-full_2yc0c_28 {
     width: 100%;
   }
-  ._button-width--medium-l--width-auto_zo214_31 {
+  ._button-width--medium-l--width-auto_2yc0c_31 {
     width: auto;
   }
 }
 @media (min-width: 1200px) {
-  ._button-width--wide-s--width-full_zo214_36 {
+  ._button-width--wide-s--width-full_2yc0c_36 {
     width: 100%;
   }
-  ._button-width--wide-s--width-auto_zo214_39 {
+  ._button-width--wide-s--width-auto_2yc0c_39 {
     width: auto;
   }
 }
 @media (min-width: 1900px) {
-  ._button-width--wide-l--width-full_zo214_44 {
+  ._button-width--wide-l--width-full_2yc0c_44 {
     width: 100%;
   }
-  ._button-width--wide-l--width-auto_zo214_47 {
+  ._button-width--wide-l--width-auto_2yc0c_47 {
     width: auto;
   }
 }
-._ButtonBase_zo214_51 {
+._ButtonBase_2yc0c_51 {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-size: var(--8d63e4);
@@ -86,7 +86,7 @@
   -ms-touch-action: manipulation;
   touch-action: manipulation;
 }
-._ButtonBase--content_zo214_77 {
+._ButtonBase--content_2yc0c_77 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -99,14 +99,14 @@
           justify-content: center;
   vertical-align: baseline;
 }
-._ButtonBase--is-icon-button_zo214_84 ._ButtonBase--content_zo214_77 svg {
+._ButtonBase--is-icon-button_2yc0c_84 ._ButtonBase--content_2yc0c_77 svg {
   width: var(--f02c4e);
   height: var(--f02c4e);
 }
-._ButtonBase--is-icon-button_zo214_84 ._ButtonBase--content_zo214_77 svg path {
+._ButtonBase--is-icon-button_2yc0c_84 ._ButtonBase--content_2yc0c_77 svg path {
   fill: currentColor;
 }
-._ButtonBase--busy_zo214_91 {
+._ButtonBase--busy_2yc0c_91 {
   position: absolute;
   top: 0;
   left: 0;
@@ -122,73 +122,73 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-._ButtonBase_zo214_51[disabled],
-._ButtonBase_zo214_51[disabled]:hover {
+._ButtonBase_2yc0c_51[disabled],
+._ButtonBase_2yc0c_51[disabled]:hover {
   cursor: not-allowed;
   color: var(--a8b89c);
   background-color: var(--04daeb);
   border-color: var(--e05289);
 }
-._ButtonBase_zo214_51:focus-visible {
+._ButtonBase_2yc0c_51:focus-visible {
   outline-style: solid;
   outline-color: var(--603ec6);
   outline-width: var(--99d31f);
   outline-offset: var(--c0b12c);
 }
-._ButtonBase--is-busy_zo214_114 {
+._ButtonBase--is-busy_2yc0c_114 {
   cursor: default;
   pointer-events: none;
 }
-._ButtonBase--is-busy_zo214_114 ._ButtonBase--content_zo214_77 {
+._ButtonBase--is-busy_2yc0c_114 ._ButtonBase--content_2yc0c_77 {
   visibility: hidden;
 }
-._ButtonBase--width-full_zo214_121 {
+._ButtonBase--width-full_2yc0c_121 {
   width: 100%;
 }
-._ButtonBase--width-auto_zo214_124 {
+._ButtonBase--width-auto_2yc0c_124 {
   width: auto;
 }
 @media (min-width: 400px) {
-  ._ButtonBase--narrow-l--width-full_zo214_128 {
+  ._ButtonBase--narrow-l--width-full_2yc0c_128 {
     width: 100%;
   }
-  ._ButtonBase--narrow-l--width-auto_zo214_131 {
+  ._ButtonBase--narrow-l--width-auto_2yc0c_131 {
     width: auto;
   }
 }
 @media (min-width: 700px) {
-  ._ButtonBase--medium-s--width-full_zo214_136 {
+  ._ButtonBase--medium-s--width-full_2yc0c_136 {
     width: 100%;
   }
-  ._ButtonBase--medium-s--width-auto_zo214_139 {
+  ._ButtonBase--medium-s--width-auto_2yc0c_139 {
     width: auto;
   }
 }
 @media (min-width: 880px) {
-  ._ButtonBase--medium-l--width-full_zo214_144 {
+  ._ButtonBase--medium-l--width-full_2yc0c_144 {
     width: 100%;
   }
-  ._ButtonBase--medium-l--width-auto_zo214_147 {
+  ._ButtonBase--medium-l--width-auto_2yc0c_147 {
     width: auto;
   }
 }
 @media (min-width: 1200px) {
-  ._ButtonBase--wide-s--width-full_zo214_152 {
+  ._ButtonBase--wide-s--width-full_2yc0c_152 {
     width: 100%;
   }
-  ._ButtonBase--wide-s--width-auto_zo214_155 {
+  ._ButtonBase--wide-s--width-auto_2yc0c_155 {
     width: auto;
   }
 }
 @media (min-width: 1900px) {
-  ._ButtonBase--wide-l--width-full_zo214_160 {
+  ._ButtonBase--wide-l--width-full_2yc0c_160 {
     width: 100%;
   }
-  ._ButtonBase--wide-l--width-auto_zo214_163 {
+  ._ButtonBase--wide-l--width-auto_2yc0c_163 {
     width: auto;
   }
 }
-._ButtonBase--size-xs_zo214_167 {
+._ButtonBase--size-xs_2yc0c_167 {
   min-height: var(--50cc65);
   padding-top: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
@@ -197,12 +197,12 @@
   font-size: var(--357dd0);
   letter-spacing: var(--027f88);
 }
-._ButtonBase--is-icon-button-size-xs_zo214_176 {
+._ButtonBase--is-icon-button-size-xs_2yc0c_176 {
   width: var(--50cc65);
   height: var(--50cc65);
   padding: 0;
 }
-._ButtonBase--size-s_zo214_181 {
+._ButtonBase--size-s_2yc0c_181 {
   min-height: var(--2f2e00);
   padding-top: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
@@ -211,12 +211,12 @@
   font-size: var(--b47a67);
   letter-spacing: var(--fc5c61);
 }
-._ButtonBase--is-icon-button-size-s_zo214_190 {
+._ButtonBase--is-icon-button-size-s_2yc0c_190 {
   width: var(--2f2e00);
   height: var(--2f2e00);
   padding: 0;
 }
-._ButtonBase--size-m_zo214_195 {
+._ButtonBase--size-m_2yc0c_195 {
   min-height: var(--bcfcbc);
   padding-top: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
@@ -225,12 +225,12 @@
   font-size: var(--89a358);
   letter-spacing: var(--2e1239);
 }
-._ButtonBase--is-icon-button-size-m_zo214_204 {
+._ButtonBase--is-icon-button-size-m_2yc0c_204 {
   width: var(--bcfcbc);
   height: var(--bcfcbc);
   padding: 0;
 }
-._ButtonBase--size-l_zo214_209 {
+._ButtonBase--size-l_2yc0c_209 {
   min-height: var(--26156f);
   padding-top: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
@@ -239,12 +239,12 @@
   font-size: var(--a899be);
   letter-spacing: var(--c04d5d);
 }
-._ButtonBase--is-icon-button-size-l_zo214_218 {
+._ButtonBase--is-icon-button-size-l_2yc0c_218 {
   width: var(--26156f);
   height: var(--26156f);
   padding: 0;
 }
-._ButtonBase--size-xl_zo214_223 {
+._ButtonBase--size-xl_2yc0c_223 {
   min-height: var(--d6bfc9);
   padding-top: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
@@ -253,12 +253,12 @@
   font-size: var(--f7be07);
   letter-spacing: var(--a34be4);
 }
-._ButtonBase--is-icon-button-size-xl_zo214_232 {
+._ButtonBase--is-icon-button-size-xl_2yc0c_232 {
   width: var(--d6bfc9);
   height: var(--d6bfc9);
   padding: 0;
 }
-._ButtonBase--size-large_zo214_237 {
+._ButtonBase--size-large_2yc0c_237 {
   min-height: var(--3d8452);
   padding-top: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
@@ -267,12 +267,12 @@
   font-size: var(--56d354);
   letter-spacing: var(--dc9bea);
 }
-._ButtonBase--is-icon-button-size-large_zo214_246 {
+._ButtonBase--is-icon-button-size-large_2yc0c_246 {
   width: var(--3d8452);
   height: var(--3d8452);
   padding: 0;
 }
-._ButtonBase--size-medium_zo214_251 {
+._ButtonBase--size-medium_2yc0c_251 {
   min-height: var(--c82a41);
   padding-top: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
@@ -281,12 +281,12 @@
   font-size: var(--c84e20);
   letter-spacing: var(--ad1bd2);
 }
-._ButtonBase--is-icon-button-size-medium_zo214_260 {
+._ButtonBase--is-icon-button-size-medium_2yc0c_260 {
   width: var(--c82a41);
   height: var(--c82a41);
   padding: 0;
 }
-._ButtonBase--size-small_zo214_265 {
+._ButtonBase--size-small_2yc0c_265 {
   min-height: var(--5eca09);
   padding-top: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
   padding-bottom: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
@@ -295,13 +295,13 @@
   font-size: var(--f20194);
   letter-spacing: var(--9663af);
 }
-._ButtonBase--is-icon-button-size-small_zo214_274 {
+._ButtonBase--is-icon-button-size-small_2yc0c_274 {
   width: var(--5eca09);
   height: var(--5eca09);
   padding: 0;
 }
 @media (min-width: 400px) {
-  ._ButtonBase--narrow-l--size-xs_zo214_280 {
+  ._ButtonBase--narrow-l--size-xs_2yc0c_280 {
     min-height: var(--50cc65);
     padding-top: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
@@ -310,12 +310,12 @@
     font-size: var(--357dd0);
     letter-spacing: var(--027f88);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-xs_zo214_289 {
+  ._ButtonBase--narrow-l--is-icon-button-size-xs_2yc0c_289 {
     width: var(--50cc65);
     height: var(--50cc65);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-s_zo214_294 {
+  ._ButtonBase--narrow-l--size-s_2yc0c_294 {
     min-height: var(--2f2e00);
     padding-top: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
@@ -324,12 +324,12 @@
     font-size: var(--b47a67);
     letter-spacing: var(--fc5c61);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-s_zo214_303 {
+  ._ButtonBase--narrow-l--is-icon-button-size-s_2yc0c_303 {
     width: var(--2f2e00);
     height: var(--2f2e00);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-m_zo214_308 {
+  ._ButtonBase--narrow-l--size-m_2yc0c_308 {
     min-height: var(--bcfcbc);
     padding-top: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
@@ -338,12 +338,12 @@
     font-size: var(--89a358);
     letter-spacing: var(--2e1239);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-m_zo214_317 {
+  ._ButtonBase--narrow-l--is-icon-button-size-m_2yc0c_317 {
     width: var(--bcfcbc);
     height: var(--bcfcbc);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-l_zo214_322 {
+  ._ButtonBase--narrow-l--size-l_2yc0c_322 {
     min-height: var(--26156f);
     padding-top: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
@@ -352,12 +352,12 @@
     font-size: var(--a899be);
     letter-spacing: var(--c04d5d);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-l_zo214_331 {
+  ._ButtonBase--narrow-l--is-icon-button-size-l_2yc0c_331 {
     width: var(--26156f);
     height: var(--26156f);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-xl_zo214_336 {
+  ._ButtonBase--narrow-l--size-xl_2yc0c_336 {
     min-height: var(--d6bfc9);
     padding-top: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
@@ -366,12 +366,12 @@
     font-size: var(--f7be07);
     letter-spacing: var(--a34be4);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-xl_zo214_345 {
+  ._ButtonBase--narrow-l--is-icon-button-size-xl_2yc0c_345 {
     width: var(--d6bfc9);
     height: var(--d6bfc9);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-large_zo214_350 {
+  ._ButtonBase--narrow-l--size-large_2yc0c_350 {
     min-height: var(--3d8452);
     padding-top: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
@@ -380,12 +380,12 @@
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-large_zo214_359 {
+  ._ButtonBase--narrow-l--is-icon-button-size-large_2yc0c_359 {
     width: var(--3d8452);
     height: var(--3d8452);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-medium_zo214_364 {
+  ._ButtonBase--narrow-l--size-medium_2yc0c_364 {
     min-height: var(--c82a41);
     padding-top: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
@@ -394,12 +394,12 @@
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-medium_zo214_373 {
+  ._ButtonBase--narrow-l--is-icon-button-size-medium_2yc0c_373 {
     width: var(--c82a41);
     height: var(--c82a41);
     padding: 0;
   }
-  ._ButtonBase--narrow-l--size-small_zo214_378 {
+  ._ButtonBase--narrow-l--size-small_2yc0c_378 {
     min-height: var(--5eca09);
     padding-top: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
@@ -408,14 +408,14 @@
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
   }
-  ._ButtonBase--narrow-l--is-icon-button-size-small_zo214_387 {
+  ._ButtonBase--narrow-l--is-icon-button-size-small_2yc0c_387 {
     width: var(--5eca09);
     height: var(--5eca09);
     padding: 0;
   }
 }
 @media (min-width: 700px) {
-  ._ButtonBase--medium-s--size-xs_zo214_394 {
+  ._ButtonBase--medium-s--size-xs_2yc0c_394 {
     min-height: var(--50cc65);
     padding-top: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
@@ -424,12 +424,12 @@
     font-size: var(--357dd0);
     letter-spacing: var(--027f88);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-xs_zo214_403 {
+  ._ButtonBase--medium-s--is-icon-button-size-xs_2yc0c_403 {
     width: var(--50cc65);
     height: var(--50cc65);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-s_zo214_408 {
+  ._ButtonBase--medium-s--size-s_2yc0c_408 {
     min-height: var(--2f2e00);
     padding-top: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
@@ -438,12 +438,12 @@
     font-size: var(--b47a67);
     letter-spacing: var(--fc5c61);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-s_zo214_417 {
+  ._ButtonBase--medium-s--is-icon-button-size-s_2yc0c_417 {
     width: var(--2f2e00);
     height: var(--2f2e00);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-m_zo214_422 {
+  ._ButtonBase--medium-s--size-m_2yc0c_422 {
     min-height: var(--bcfcbc);
     padding-top: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
@@ -452,12 +452,12 @@
     font-size: var(--89a358);
     letter-spacing: var(--2e1239);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-m_zo214_431 {
+  ._ButtonBase--medium-s--is-icon-button-size-m_2yc0c_431 {
     width: var(--bcfcbc);
     height: var(--bcfcbc);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-l_zo214_436 {
+  ._ButtonBase--medium-s--size-l_2yc0c_436 {
     min-height: var(--26156f);
     padding-top: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
@@ -466,12 +466,12 @@
     font-size: var(--a899be);
     letter-spacing: var(--c04d5d);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-l_zo214_445 {
+  ._ButtonBase--medium-s--is-icon-button-size-l_2yc0c_445 {
     width: var(--26156f);
     height: var(--26156f);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-xl_zo214_450 {
+  ._ButtonBase--medium-s--size-xl_2yc0c_450 {
     min-height: var(--d6bfc9);
     padding-top: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
@@ -480,12 +480,12 @@
     font-size: var(--f7be07);
     letter-spacing: var(--a34be4);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-xl_zo214_459 {
+  ._ButtonBase--medium-s--is-icon-button-size-xl_2yc0c_459 {
     width: var(--d6bfc9);
     height: var(--d6bfc9);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-large_zo214_464 {
+  ._ButtonBase--medium-s--size-large_2yc0c_464 {
     min-height: var(--3d8452);
     padding-top: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
@@ -494,12 +494,12 @@
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-large_zo214_473 {
+  ._ButtonBase--medium-s--is-icon-button-size-large_2yc0c_473 {
     width: var(--3d8452);
     height: var(--3d8452);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-medium_zo214_478 {
+  ._ButtonBase--medium-s--size-medium_2yc0c_478 {
     min-height: var(--c82a41);
     padding-top: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
@@ -508,12 +508,12 @@
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-medium_zo214_487 {
+  ._ButtonBase--medium-s--is-icon-button-size-medium_2yc0c_487 {
     width: var(--c82a41);
     height: var(--c82a41);
     padding: 0;
   }
-  ._ButtonBase--medium-s--size-small_zo214_492 {
+  ._ButtonBase--medium-s--size-small_2yc0c_492 {
     min-height: var(--5eca09);
     padding-top: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
@@ -522,14 +522,14 @@
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
   }
-  ._ButtonBase--medium-s--is-icon-button-size-small_zo214_501 {
+  ._ButtonBase--medium-s--is-icon-button-size-small_2yc0c_501 {
     width: var(--5eca09);
     height: var(--5eca09);
     padding: 0;
   }
 }
 @media (min-width: 880px) {
-  ._ButtonBase--medium-l--size-xs_zo214_508 {
+  ._ButtonBase--medium-l--size-xs_2yc0c_508 {
     min-height: var(--50cc65);
     padding-top: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
@@ -538,12 +538,12 @@
     font-size: var(--357dd0);
     letter-spacing: var(--027f88);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-xs_zo214_517 {
+  ._ButtonBase--medium-l--is-icon-button-size-xs_2yc0c_517 {
     width: var(--50cc65);
     height: var(--50cc65);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-s_zo214_522 {
+  ._ButtonBase--medium-l--size-s_2yc0c_522 {
     min-height: var(--2f2e00);
     padding-top: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
@@ -552,12 +552,12 @@
     font-size: var(--b47a67);
     letter-spacing: var(--fc5c61);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-s_zo214_531 {
+  ._ButtonBase--medium-l--is-icon-button-size-s_2yc0c_531 {
     width: var(--2f2e00);
     height: var(--2f2e00);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-m_zo214_536 {
+  ._ButtonBase--medium-l--size-m_2yc0c_536 {
     min-height: var(--bcfcbc);
     padding-top: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
@@ -566,12 +566,12 @@
     font-size: var(--89a358);
     letter-spacing: var(--2e1239);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-m_zo214_545 {
+  ._ButtonBase--medium-l--is-icon-button-size-m_2yc0c_545 {
     width: var(--bcfcbc);
     height: var(--bcfcbc);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-l_zo214_550 {
+  ._ButtonBase--medium-l--size-l_2yc0c_550 {
     min-height: var(--26156f);
     padding-top: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
@@ -580,12 +580,12 @@
     font-size: var(--a899be);
     letter-spacing: var(--c04d5d);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-l_zo214_559 {
+  ._ButtonBase--medium-l--is-icon-button-size-l_2yc0c_559 {
     width: var(--26156f);
     height: var(--26156f);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-xl_zo214_564 {
+  ._ButtonBase--medium-l--size-xl_2yc0c_564 {
     min-height: var(--d6bfc9);
     padding-top: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
@@ -594,12 +594,12 @@
     font-size: var(--f7be07);
     letter-spacing: var(--a34be4);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-xl_zo214_573 {
+  ._ButtonBase--medium-l--is-icon-button-size-xl_2yc0c_573 {
     width: var(--d6bfc9);
     height: var(--d6bfc9);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-large_zo214_578 {
+  ._ButtonBase--medium-l--size-large_2yc0c_578 {
     min-height: var(--3d8452);
     padding-top: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
@@ -608,12 +608,12 @@
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-large_zo214_587 {
+  ._ButtonBase--medium-l--is-icon-button-size-large_2yc0c_587 {
     width: var(--3d8452);
     height: var(--3d8452);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-medium_zo214_592 {
+  ._ButtonBase--medium-l--size-medium_2yc0c_592 {
     min-height: var(--c82a41);
     padding-top: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
@@ -622,12 +622,12 @@
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-medium_zo214_601 {
+  ._ButtonBase--medium-l--is-icon-button-size-medium_2yc0c_601 {
     width: var(--c82a41);
     height: var(--c82a41);
     padding: 0;
   }
-  ._ButtonBase--medium-l--size-small_zo214_606 {
+  ._ButtonBase--medium-l--size-small_2yc0c_606 {
     min-height: var(--5eca09);
     padding-top: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
@@ -636,14 +636,14 @@
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
   }
-  ._ButtonBase--medium-l--is-icon-button-size-small_zo214_615 {
+  ._ButtonBase--medium-l--is-icon-button-size-small_2yc0c_615 {
     width: var(--5eca09);
     height: var(--5eca09);
     padding: 0;
   }
 }
 @media (min-width: 1200px) {
-  ._ButtonBase--wide-s--size-xs_zo214_622 {
+  ._ButtonBase--wide-s--size-xs_2yc0c_622 {
     min-height: var(--50cc65);
     padding-top: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
@@ -652,12 +652,12 @@
     font-size: var(--357dd0);
     letter-spacing: var(--027f88);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-xs_zo214_631 {
+  ._ButtonBase--wide-s--is-icon-button-size-xs_2yc0c_631 {
     width: var(--50cc65);
     height: var(--50cc65);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-s_zo214_636 {
+  ._ButtonBase--wide-s--size-s_2yc0c_636 {
     min-height: var(--2f2e00);
     padding-top: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
@@ -666,12 +666,12 @@
     font-size: var(--b47a67);
     letter-spacing: var(--fc5c61);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-s_zo214_645 {
+  ._ButtonBase--wide-s--is-icon-button-size-s_2yc0c_645 {
     width: var(--2f2e00);
     height: var(--2f2e00);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-m_zo214_650 {
+  ._ButtonBase--wide-s--size-m_2yc0c_650 {
     min-height: var(--bcfcbc);
     padding-top: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
@@ -680,12 +680,12 @@
     font-size: var(--89a358);
     letter-spacing: var(--2e1239);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-m_zo214_659 {
+  ._ButtonBase--wide-s--is-icon-button-size-m_2yc0c_659 {
     width: var(--bcfcbc);
     height: var(--bcfcbc);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-l_zo214_664 {
+  ._ButtonBase--wide-s--size-l_2yc0c_664 {
     min-height: var(--26156f);
     padding-top: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
@@ -694,12 +694,12 @@
     font-size: var(--a899be);
     letter-spacing: var(--c04d5d);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-l_zo214_673 {
+  ._ButtonBase--wide-s--is-icon-button-size-l_2yc0c_673 {
     width: var(--26156f);
     height: var(--26156f);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-xl_zo214_678 {
+  ._ButtonBase--wide-s--size-xl_2yc0c_678 {
     min-height: var(--d6bfc9);
     padding-top: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
@@ -708,12 +708,12 @@
     font-size: var(--f7be07);
     letter-spacing: var(--a34be4);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-xl_zo214_687 {
+  ._ButtonBase--wide-s--is-icon-button-size-xl_2yc0c_687 {
     width: var(--d6bfc9);
     height: var(--d6bfc9);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-large_zo214_692 {
+  ._ButtonBase--wide-s--size-large_2yc0c_692 {
     min-height: var(--3d8452);
     padding-top: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
@@ -722,12 +722,12 @@
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-large_zo214_701 {
+  ._ButtonBase--wide-s--is-icon-button-size-large_2yc0c_701 {
     width: var(--3d8452);
     height: var(--3d8452);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-medium_zo214_706 {
+  ._ButtonBase--wide-s--size-medium_2yc0c_706 {
     min-height: var(--c82a41);
     padding-top: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
@@ -736,12 +736,12 @@
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-medium_zo214_715 {
+  ._ButtonBase--wide-s--is-icon-button-size-medium_2yc0c_715 {
     width: var(--c82a41);
     height: var(--c82a41);
     padding: 0;
   }
-  ._ButtonBase--wide-s--size-small_zo214_720 {
+  ._ButtonBase--wide-s--size-small_2yc0c_720 {
     min-height: var(--5eca09);
     padding-top: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
@@ -750,14 +750,14 @@
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
   }
-  ._ButtonBase--wide-s--is-icon-button-size-small_zo214_729 {
+  ._ButtonBase--wide-s--is-icon-button-size-small_2yc0c_729 {
     width: var(--5eca09);
     height: var(--5eca09);
     padding: 0;
   }
 }
 @media (min-width: 1900px) {
-  ._ButtonBase--wide-l--size-xs_zo214_736 {
+  ._ButtonBase--wide-l--size-xs_2yc0c_736 {
     min-height: var(--50cc65);
     padding-top: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));
@@ -766,12 +766,12 @@
     font-size: var(--357dd0);
     letter-spacing: var(--027f88);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-xs_zo214_745 {
+  ._ButtonBase--wide-l--is-icon-button-size-xs_2yc0c_745 {
     width: var(--50cc65);
     height: var(--50cc65);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-s_zo214_750 {
+  ._ButtonBase--wide-l--size-s_2yc0c_750 {
     min-height: var(--2f2e00);
     padding-top: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));
@@ -780,12 +780,12 @@
     font-size: var(--b47a67);
     letter-spacing: var(--fc5c61);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-s_zo214_759 {
+  ._ButtonBase--wide-l--is-icon-button-size-s_2yc0c_759 {
     width: var(--2f2e00);
     height: var(--2f2e00);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-m_zo214_764 {
+  ._ButtonBase--wide-l--size-m_2yc0c_764 {
     min-height: var(--bcfcbc);
     padding-top: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));
@@ -794,12 +794,12 @@
     font-size: var(--89a358);
     letter-spacing: var(--2e1239);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-m_zo214_773 {
+  ._ButtonBase--wide-l--is-icon-button-size-m_2yc0c_773 {
     width: var(--bcfcbc);
     height: var(--bcfcbc);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-l_zo214_778 {
+  ._ButtonBase--wide-l--size-l_2yc0c_778 {
     min-height: var(--26156f);
     padding-top: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));
@@ -808,12 +808,12 @@
     font-size: var(--a899be);
     letter-spacing: var(--c04d5d);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-l_zo214_787 {
+  ._ButtonBase--wide-l--is-icon-button-size-l_2yc0c_787 {
     width: var(--26156f);
     height: var(--26156f);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-xl_zo214_792 {
+  ._ButtonBase--wide-l--size-xl_2yc0c_792 {
     min-height: var(--d6bfc9);
     padding-top: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));
@@ -822,12 +822,12 @@
     font-size: var(--f7be07);
     letter-spacing: var(--a34be4);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-xl_zo214_801 {
+  ._ButtonBase--wide-l--is-icon-button-size-xl_2yc0c_801 {
     width: var(--d6bfc9);
     height: var(--d6bfc9);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-large_zo214_806 {
+  ._ButtonBase--wide-l--size-large_2yc0c_806 {
     min-height: var(--3d8452);
     padding-top: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));
@@ -836,12 +836,12 @@
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-large_zo214_815 {
+  ._ButtonBase--wide-l--is-icon-button-size-large_2yc0c_815 {
     width: var(--3d8452);
     height: var(--3d8452);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-medium_zo214_820 {
+  ._ButtonBase--wide-l--size-medium_2yc0c_820 {
     min-height: var(--c82a41);
     padding-top: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));
@@ -850,12 +850,12 @@
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-medium_zo214_829 {
+  ._ButtonBase--wide-l--is-icon-button-size-medium_2yc0c_829 {
     width: var(--c82a41);
     height: var(--c82a41);
     padding: 0;
   }
-  ._ButtonBase--wide-l--size-small_zo214_834 {
+  ._ButtonBase--wide-l--size-small_2yc0c_834 {
     min-height: var(--5eca09);
     padding-top: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
     padding-bottom: calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));
@@ -864,423 +864,423 @@
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
   }
-  ._ButtonBase--wide-l--is-icon-button-size-small_zo214_843 {
+  ._ButtonBase--wide-l--is-icon-button-size-small_2yc0c_843 {
     width: var(--5eca09);
     height: var(--5eca09);
     padding: 0;
   }
 }
-._ButtonBase--variant-primary_zo214_849 {
+._ButtonBase--variant-primary_2yc0c_849 {
   color: var(--d2baa6);
   background-color: var(--508b34);
   border-color: var(--44bfe9);
   -webkit-text-decoration: var(--74cfa2);
           text-decoration: var(--74cfa2);
 }
-._ButtonBase--variant-primary--dsInternalSimulation-hover_zo214_855 {
+._ButtonBase--variant-primary--dsInternalSimulation-hover_2yc0c_855 {
   color: var(--df6151);
   background-color: var(--902b50);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-primary_zo214_849:hover {
+  ._ButtonBase--variant-primary_2yc0c_849:hover {
     color: var(--df6151);
     background-color: var(--902b50);
   }
 }
-._ButtonBase--variant-primary_zo214_849[disabled],
-._ButtonBase--variant-primary_zo214_849[disabled]:hover {
+._ButtonBase--variant-primary_2yc0c_849[disabled],
+._ButtonBase--variant-primary_2yc0c_849[disabled]:hover {
   border-color: var(--f0720e);
 }
-._ButtonBase--variant-primary_zo214_849:active,
-._ButtonBase--variant-primary--dsInternalSimulation-active_zo214_870 {
+._ButtonBase--variant-primary_2yc0c_849:active,
+._ButtonBase--variant-primary--dsInternalSimulation-active_2yc0c_870 {
   color: var(--15cee1);
   background-color: var(--c1c1ca);
 }
-._ButtonBase--variant-secondary_zo214_874 {
+._ButtonBase--variant-secondary_2yc0c_874 {
   color: var(--1614c9);
   background-color: var(--e56164);
   border-color: var(--ab736c);
   -webkit-text-decoration: var(--c6c73d);
           text-decoration: var(--c6c73d);
 }
-._ButtonBase--variant-secondary--dsInternalSimulation-hover_zo214_880 {
+._ButtonBase--variant-secondary--dsInternalSimulation-hover_2yc0c_880 {
   color: var(--0d6ae2);
   background-color: var(--0d124d);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-secondary_zo214_874:hover {
+  ._ButtonBase--variant-secondary_2yc0c_874:hover {
     color: var(--0d6ae2);
     background-color: var(--0d124d);
   }
 }
-._ButtonBase--variant-secondary_zo214_874[disabled],
-._ButtonBase--variant-secondary_zo214_874[disabled]:hover {
+._ButtonBase--variant-secondary_2yc0c_874[disabled],
+._ButtonBase--variant-secondary_2yc0c_874[disabled]:hover {
   border-color: var(--3f0f51);
 }
-._ButtonBase--variant-secondary_zo214_874:active,
-._ButtonBase--variant-secondary--dsInternalSimulation-active_zo214_895 {
+._ButtonBase--variant-secondary_2yc0c_874:active,
+._ButtonBase--variant-secondary--dsInternalSimulation-active_2yc0c_895 {
   color: var(--22cb4c);
   background-color: var(--33b439);
 }
-._ButtonBase--variant-tertiary_zo214_899 {
+._ButtonBase--variant-tertiary_2yc0c_899 {
   color: var(--937543);
   background-color: var(--28f3c1);
   border-color: var(--10556e);
   -webkit-text-decoration: var(--ce0e6a);
           text-decoration: var(--ce0e6a);
 }
-._ButtonBase--variant-tertiary--dsInternalSimulation-hover_zo214_905 {
+._ButtonBase--variant-tertiary--dsInternalSimulation-hover_2yc0c_905 {
   color: var(--175a77);
   background-color: var(--ec17be);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-tertiary_zo214_899:hover {
+  ._ButtonBase--variant-tertiary_2yc0c_899:hover {
     color: var(--175a77);
     background-color: var(--ec17be);
   }
 }
-._ButtonBase--variant-tertiary_zo214_899[disabled],
-._ButtonBase--variant-tertiary_zo214_899[disabled]:hover {
+._ButtonBase--variant-tertiary_2yc0c_899[disabled],
+._ButtonBase--variant-tertiary_2yc0c_899[disabled]:hover {
   border-color: var(--fd08b7);
 }
-._ButtonBase--variant-tertiary_zo214_899:active,
-._ButtonBase--variant-tertiary--dsInternalSimulation-active_zo214_920 {
+._ButtonBase--variant-tertiary_2yc0c_899:active,
+._ButtonBase--variant-tertiary--dsInternalSimulation-active_2yc0c_920 {
   color: var(--8274ee);
   background-color: var(--b0bf50);
 }
-._ButtonBase--variant-quaternary_zo214_924 {
+._ButtonBase--variant-quaternary_2yc0c_924 {
   color: var(--9cf6ec);
   background-color: var(--e46449);
   border-color: var(--0e9e01);
   -webkit-text-decoration: var(--5c0a2f);
           text-decoration: var(--5c0a2f);
 }
-._ButtonBase--variant-quaternary--dsInternalSimulation-hover_zo214_930 {
+._ButtonBase--variant-quaternary--dsInternalSimulation-hover_2yc0c_930 {
   color: var(--6609c6);
   background-color: var(--afc176);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-quaternary_zo214_924:hover {
+  ._ButtonBase--variant-quaternary_2yc0c_924:hover {
     color: var(--6609c6);
     background-color: var(--afc176);
   }
 }
-._ButtonBase--variant-quaternary_zo214_924[disabled],
-._ButtonBase--variant-quaternary_zo214_924[disabled]:hover {
+._ButtonBase--variant-quaternary_2yc0c_924[disabled],
+._ButtonBase--variant-quaternary_2yc0c_924[disabled]:hover {
   border-color: var(--3e2684);
 }
-._ButtonBase--variant-quaternary_zo214_924:active,
-._ButtonBase--variant-quaternary--dsInternalSimulation-active_zo214_945 {
+._ButtonBase--variant-quaternary_2yc0c_924:active,
+._ButtonBase--variant-quaternary--dsInternalSimulation-active_2yc0c_945 {
   color: var(--e9f226);
   background-color: var(--2ee553);
 }
-._ButtonBase--variant-ghost_zo214_949 {
+._ButtonBase--variant-ghost_2yc0c_949 {
   color: var(--255ddc);
   background-color: var(--64bffa);
   border-color: var(--39e128);
   -webkit-text-decoration: var(--31d455);
           text-decoration: var(--31d455);
 }
-._ButtonBase--variant-ghost--dsInternalSimulation-hover_zo214_955 {
+._ButtonBase--variant-ghost--dsInternalSimulation-hover_2yc0c_955 {
   color: var(--e69072);
   background-color: var(--3b749f);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-ghost_zo214_949:hover {
+  ._ButtonBase--variant-ghost_2yc0c_949:hover {
     color: var(--e69072);
     background-color: var(--3b749f);
   }
 }
-._ButtonBase--variant-ghost_zo214_949[disabled],
-._ButtonBase--variant-ghost_zo214_949[disabled]:hover {
+._ButtonBase--variant-ghost_2yc0c_949[disabled],
+._ButtonBase--variant-ghost_2yc0c_949[disabled]:hover {
   border-color: var(--af2d26);
 }
-._ButtonBase--variant-ghost_zo214_949:active,
-._ButtonBase--variant-ghost--dsInternalSimulation-active_zo214_970 {
+._ButtonBase--variant-ghost_2yc0c_949:active,
+._ButtonBase--variant-ghost--dsInternalSimulation-active_2yc0c_970 {
   color: var(--ddf285);
   background-color: var(--6beb48);
 }
-._ButtonBase--variant-ghost--is-selected_zo214_974 {
+._ButtonBase--variant-ghost--is-selected_2yc0c_974 {
   color: var(--5f5238);
   background-color: var(--a5cfbe);
 }
-._ButtonBase--variant-plain_zo214_978 {
+._ButtonBase--variant-plain_2yc0c_978 {
   color: var(--122a99);
   background-color: var(--bbb356);
   border-color: var(--0cad84);
   -webkit-text-decoration: var(--d2d32f);
           text-decoration: var(--d2d32f);
 }
-._ButtonBase--variant-plain--dsInternalSimulation-hover_zo214_984 {
+._ButtonBase--variant-plain--dsInternalSimulation-hover_2yc0c_984 {
   color: var(--1265db);
   background-color: var(--df2aca);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-plain_zo214_978:hover {
+  ._ButtonBase--variant-plain_2yc0c_978:hover {
     color: var(--1265db);
     background-color: var(--df2aca);
   }
 }
-._ButtonBase--variant-plain_zo214_978[disabled],
-._ButtonBase--variant-plain_zo214_978[disabled]:hover {
+._ButtonBase--variant-plain_2yc0c_978[disabled],
+._ButtonBase--variant-plain_2yc0c_978[disabled]:hover {
   border-color: var(--c6b607);
 }
-._ButtonBase--variant-plain_zo214_978:active,
-._ButtonBase--variant-plain--dsInternalSimulation-active_zo214_999 {
+._ButtonBase--variant-plain_2yc0c_978:active,
+._ButtonBase--variant-plain--dsInternalSimulation-active_2yc0c_999 {
   color: var(--a41624);
   background-color: var(--435fa5);
 }
-._ButtonBase--variant-dangerous_zo214_1003 {
+._ButtonBase--variant-dangerous_2yc0c_1003 {
   color: var(--efde5b);
   background-color: var(--118bda);
   border-color: var(--ab5970);
   -webkit-text-decoration: var(--0bf14c);
           text-decoration: var(--0bf14c);
 }
-._ButtonBase--variant-dangerous--dsInternalSimulation-hover_zo214_1009 {
+._ButtonBase--variant-dangerous--dsInternalSimulation-hover_2yc0c_1009 {
   color: var(--6f5d5d);
   background-color: var(--e0b0f4);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-dangerous_zo214_1003:hover {
+  ._ButtonBase--variant-dangerous_2yc0c_1003:hover {
     color: var(--6f5d5d);
     background-color: var(--e0b0f4);
   }
 }
-._ButtonBase--variant-dangerous_zo214_1003[disabled],
-._ButtonBase--variant-dangerous_zo214_1003[disabled]:hover {
+._ButtonBase--variant-dangerous_2yc0c_1003[disabled],
+._ButtonBase--variant-dangerous_2yc0c_1003[disabled]:hover {
   border-color: var(--7deffa);
 }
-._ButtonBase--variant-dangerous_zo214_1003:active,
-._ButtonBase--variant-dangerous--dsInternalSimulation-active_zo214_1024 {
+._ButtonBase--variant-dangerous_2yc0c_1003:active,
+._ButtonBase--variant-dangerous--dsInternalSimulation-active_2yc0c_1024 {
   color: var(--6b4e92);
   background-color: var(--a5eaa1);
 }
-._ButtonBase--variant-critical_zo214_1028 {
+._ButtonBase--variant-critical_2yc0c_1028 {
   color: var(--f68030);
   background-color: var(--faae28);
   border-color: var(--b357d0);
   -webkit-text-decoration: var(--91f4fa);
           text-decoration: var(--91f4fa);
 }
-._ButtonBase--variant-critical--dsInternalSimulation-hover_zo214_1034 {
+._ButtonBase--variant-critical--dsInternalSimulation-hover_2yc0c_1034 {
   color: var(--c3136e);
   background-color: var(--064c43);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-critical_zo214_1028:hover {
+  ._ButtonBase--variant-critical_2yc0c_1028:hover {
     color: var(--c3136e);
     background-color: var(--064c43);
   }
 }
-._ButtonBase--variant-critical_zo214_1028[disabled],
-._ButtonBase--variant-critical_zo214_1028[disabled]:hover {
+._ButtonBase--variant-critical_2yc0c_1028[disabled],
+._ButtonBase--variant-critical_2yc0c_1028[disabled]:hover {
   border-color: var(--e117c7);
 }
-._ButtonBase--variant-critical_zo214_1028:active,
-._ButtonBase--variant-critical--dsInternalSimulation-active_zo214_1049 {
+._ButtonBase--variant-critical_2yc0c_1028:active,
+._ButtonBase--variant-critical--dsInternalSimulation-active_2yc0c_1049 {
   color: var(--f9fba8);
   background-color: var(--152a7a);
 }
-._ButtonBase--variant-onColor_zo214_1053 {
+._ButtonBase--variant-onColor_2yc0c_1053 {
   color: var(--96343f);
   background-color: var(--d64a99);
   border-color: var(--d2723c);
   -webkit-text-decoration: var(--af7137);
           text-decoration: var(--af7137);
 }
-._ButtonBase--variant-onColor--dsInternalSimulation-hover_zo214_1059 {
+._ButtonBase--variant-onColor--dsInternalSimulation-hover_2yc0c_1059 {
   color: var(--145384);
   background-color: var(--549e56);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-onColor_zo214_1053:hover {
+  ._ButtonBase--variant-onColor_2yc0c_1053:hover {
     color: var(--145384);
     background-color: var(--549e56);
   }
 }
-._ButtonBase--variant-onColor_zo214_1053[disabled],
-._ButtonBase--variant-onColor_zo214_1053[disabled]:hover {
+._ButtonBase--variant-onColor_2yc0c_1053[disabled],
+._ButtonBase--variant-onColor_2yc0c_1053[disabled]:hover {
   border-color: var(--e1a214);
 }
-._ButtonBase--variant-onColor_zo214_1053:active,
-._ButtonBase--variant-onColor--dsInternalSimulation-active_zo214_1074 {
+._ButtonBase--variant-onColor_2yc0c_1053:active,
+._ButtonBase--variant-onColor--dsInternalSimulation-active_2yc0c_1074 {
   color: var(--f772e8);
   background-color: var(--936fce);
 }
-._ButtonBase--variant-classroom_zo214_1078 {
+._ButtonBase--variant-classroom_2yc0c_1078 {
   color: var(--8d482c);
   background-color: var(--7a038f);
   border-color: var(--38faba);
   -webkit-text-decoration: var(--4d5ea8);
           text-decoration: var(--4d5ea8);
 }
-._ButtonBase--variant-classroom--dsInternalSimulation-hover_zo214_1084 {
+._ButtonBase--variant-classroom--dsInternalSimulation-hover_2yc0c_1084 {
   color: var(--55bfda);
   background-color: var(--077a93);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-classroom_zo214_1078:hover {
+  ._ButtonBase--variant-classroom_2yc0c_1078:hover {
     color: var(--55bfda);
     background-color: var(--077a93);
   }
 }
-._ButtonBase--variant-classroom_zo214_1078[disabled],
-._ButtonBase--variant-classroom_zo214_1078[disabled]:hover {
+._ButtonBase--variant-classroom_2yc0c_1078[disabled],
+._ButtonBase--variant-classroom_2yc0c_1078[disabled]:hover {
   border-color: var(--659377);
 }
-._ButtonBase--variant-classroom_zo214_1078:active,
-._ButtonBase--variant-classroom--dsInternalSimulation-active_zo214_1099 {
+._ButtonBase--variant-classroom_2yc0c_1078:active,
+._ButtonBase--variant-classroom--dsInternalSimulation-active_2yc0c_1099 {
   color: var(--b62751);
   background-color: var(--45d93a);
 }
-._ButtonBase--variant-classroom--is-selected_zo214_1103 {
+._ButtonBase--variant-classroom--is-selected_2yc0c_1103 {
   color: var(--a0b42b);
   background-color: var(--16a985);
 }
-._ButtonBase--variant-primaryB2b_zo214_1107 {
+._ButtonBase--variant-primaryB2b_2yc0c_1107 {
   color: var(--4a94de);
   background-color: var(--6c36b5);
   border-color: var(--4a9eb5);
   -webkit-text-decoration: var(--6c9741);
           text-decoration: var(--6c9741);
 }
-._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_zo214_1113 {
+._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_2yc0c_1113 {
   color: var(--3e45d7);
   background-color: var(--dcdb32);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-primaryB2b_zo214_1107:hover {
+  ._ButtonBase--variant-primaryB2b_2yc0c_1107:hover {
     color: var(--3e45d7);
     background-color: var(--dcdb32);
   }
 }
-._ButtonBase--variant-primaryB2b_zo214_1107[disabled],
-._ButtonBase--variant-primaryB2b_zo214_1107[disabled]:hover {
+._ButtonBase--variant-primaryB2b_2yc0c_1107[disabled],
+._ButtonBase--variant-primaryB2b_2yc0c_1107[disabled]:hover {
   border-color: var(--e7f949);
 }
-._ButtonBase--variant-primaryB2b_zo214_1107:active,
-._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_zo214_1128 {
+._ButtonBase--variant-primaryB2b_2yc0c_1107:active,
+._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_2yc0c_1128 {
   color: var(--cb03bc);
   background-color: var(--fc3d8b);
 }
-._ButtonBase--variant-primaryTutor_zo214_1132 {
+._ButtonBase--variant-primaryTutor_2yc0c_1132 {
   color: var(--c93681);
   background-color: var(--4aa1b1);
   border-color: var(--f103e9);
   -webkit-text-decoration: var(--6e7352);
           text-decoration: var(--6e7352);
 }
-._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_zo214_1138 {
+._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_2yc0c_1138 {
   color: var(--e91696);
   background-color: var(--46a009);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-primaryTutor_zo214_1132:hover {
+  ._ButtonBase--variant-primaryTutor_2yc0c_1132:hover {
     color: var(--e91696);
     background-color: var(--46a009);
   }
 }
-._ButtonBase--variant-primaryTutor_zo214_1132[disabled],
-._ButtonBase--variant-primaryTutor_zo214_1132[disabled]:hover {
+._ButtonBase--variant-primaryTutor_2yc0c_1132[disabled],
+._ButtonBase--variant-primaryTutor_2yc0c_1132[disabled]:hover {
   border-color: var(--f6a20e);
 }
-._ButtonBase--variant-primaryTutor_zo214_1132:active,
-._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_zo214_1153 {
+._ButtonBase--variant-primaryTutor_2yc0c_1132:active,
+._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_2yc0c_1153 {
   color: var(--58d992);
   background-color: var(--dd5a43);
 }
-._ButtonBase--variant-inverted_zo214_1157 {
+._ButtonBase--variant-inverted_2yc0c_1157 {
   color: var(--81b7df);
   background-color: var(--c54155);
   border-color: var(--fe1378);
   -webkit-text-decoration: var(--fb8624);
           text-decoration: var(--fb8624);
 }
-._ButtonBase--variant-inverted--dsInternalSimulation-hover_zo214_1163 {
+._ButtonBase--variant-inverted--dsInternalSimulation-hover_2yc0c_1163 {
   color: var(--79a09e);
   background-color: var(--8a16b5);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-inverted_zo214_1157:hover {
+  ._ButtonBase--variant-inverted_2yc0c_1157:hover {
     color: var(--79a09e);
     background-color: var(--8a16b5);
   }
 }
-._ButtonBase--variant-inverted_zo214_1157[disabled],
-._ButtonBase--variant-inverted_zo214_1157[disabled]:hover {
+._ButtonBase--variant-inverted_2yc0c_1157[disabled],
+._ButtonBase--variant-inverted_2yc0c_1157[disabled]:hover {
   border-color: var(--e797f1);
 }
-._ButtonBase--variant-inverted_zo214_1157:active,
-._ButtonBase--variant-inverted--dsInternalSimulation-active_zo214_1178 {
+._ButtonBase--variant-inverted_2yc0c_1157:active,
+._ButtonBase--variant-inverted--dsInternalSimulation-active_2yc0c_1178 {
   color: var(--77e945);
   background-color: var(--de59a1);
 }
-._ButtonBase--variant-newFeature_zo214_1182 {
+._ButtonBase--variant-newFeature_2yc0c_1182 {
   color: var(--ad44c3);
   background-color: var(--7dbfce);
   border-color: var(--a7eddc);
   -webkit-text-decoration: var(--fd7ece);
           text-decoration: var(--fd7ece);
 }
-._ButtonBase--variant-newFeature--dsInternalSimulation-hover_zo214_1188 {
+._ButtonBase--variant-newFeature--dsInternalSimulation-hover_2yc0c_1188 {
   color: var(--ddcea1);
   background-color: var(--dd2815);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-newFeature_zo214_1182:hover {
+  ._ButtonBase--variant-newFeature_2yc0c_1182:hover {
     color: var(--ddcea1);
     background-color: var(--dd2815);
   }
 }
-._ButtonBase--variant-newFeature_zo214_1182[disabled],
-._ButtonBase--variant-newFeature_zo214_1182[disabled]:hover {
+._ButtonBase--variant-newFeature_2yc0c_1182[disabled],
+._ButtonBase--variant-newFeature_2yc0c_1182[disabled]:hover {
   border-color: var(--7d2338);
 }
-._ButtonBase--variant-newFeature_zo214_1182:active,
-._ButtonBase--variant-newFeature--dsInternalSimulation-active_zo214_1203 {
+._ButtonBase--variant-newFeature_2yc0c_1182:active,
+._ButtonBase--variant-newFeature--dsInternalSimulation-active_2yc0c_1203 {
   color: var(--d4762b);
   background-color: var(--b3e453);
 }
-._ButtonBase--variant-ai_zo214_1207 {
+._ButtonBase--variant-ai_2yc0c_1207 {
   color: var(--aa08fb);
   background-color: var(--1bdcc0);
   border-color: var(--8e8894);
   -webkit-text-decoration: var(--c82204);
           text-decoration: var(--c82204);
 }
-._ButtonBase--variant-ai--dsInternalSimulation-hover_zo214_1213 {
+._ButtonBase--variant-ai--dsInternalSimulation-hover_2yc0c_1213 {
   color: var(--59b757);
   background-color: var(--f043dc);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ButtonBase--variant-ai_zo214_1207:hover {
+  ._ButtonBase--variant-ai_2yc0c_1207:hover {
     color: var(--59b757);
     background-color: var(--f043dc);
   }
 }
-._ButtonBase--variant-ai_zo214_1207[disabled],
-._ButtonBase--variant-ai_zo214_1207[disabled]:hover {
+._ButtonBase--variant-ai_2yc0c_1207[disabled],
+._ButtonBase--variant-ai_2yc0c_1207[disabled]:hover {
   border-color: var(--6ac212);
 }
-._ButtonBase--variant-ai_zo214_1207:active,
-._ButtonBase--variant-ai--dsInternalSimulation-active_zo214_1228 {
+._ButtonBase--variant-ai_2yc0c_1207:active,
+._ButtonBase--variant-ai--dsInternalSimulation-active_2yc0c_1228 {
   color: var(--349ae3);
   background-color: var(--5bba7d);
 }
-._ButtonBase--variant-ai_zo214_1207 {
+._ButtonBase--variant-ai_2yc0c_1207 {
   -o-border-image: var(--0b0037);
      border-image: var(--0b0037);
 }
-._ButtonBase--variant-ai_zo214_1207[disabled],
-._ButtonBase--variant-ai_zo214_1207[disabled]:hover {
+._ButtonBase--variant-ai_2yc0c_1207[disabled],
+._ButtonBase--variant-ai_2yc0c_1207[disabled]:hover {
   -o-border-image: none;
      border-image: none;
   -o-border-image: initial;
      border-image: initial;
   border-color: var(--6ac212);
 }
-._ButtonBase--no-wrap_zo214_1240 {
+._ButtonBase--no-wrap_2yc0c_1240 {
   min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content;