@kaizen/components 1.8.7 → 1.9.0

package/dist/cjs/index.css

@@ -886,7 +886,18 @@ html:lang(ar) .Dropdown-module_dropdownControlAction__iWJog {
   Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
   as this is what consumers would have expected when pulling them in a the time.
 */
-/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable scss/at-if-no-null */
+/* stylelint-enable scss/at-if-no-null */
+/** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -899,8 +910,6 @@ html:lang(ar) .Dropdown-module_dropdownControlAction__iWJog {
 /** THIS IS AN AUTOGENERATED FILE **/
 /* stylelint-disable function-name-case, scss/at-function-pattern */
 /* stylelint-enable function-name-case, scss/at-function-pattern */
-/* stylelint-disable */
-/* stylelint-enable */
 .Menu-module_menuList__behqY {
   background: white;
   border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-purple-200, #dfc9ea);
@@ -2298,4 +2307,1751 @@ html:lang(ar) .Text-module_zen-data-small-units__0RtFJ {
   margin: 5px 0;
 }
 .SectionDivider-module_divider__-idrC{margin:var(--spacing-8,.5rem) 0}.SectionDivider-module_divider__-idrC+.SectionDivider-module_divider__-idrC,.SectionDivider-module_divider__-idrC:first-child,.SectionDivider-module_divider__-idrC:last-child{display:none}
-.FilterSelect-module_filterContents__2LknZ{overflow:auto;padding:var(--spacing-12,.75rem);width:224px}
+.FilterSelect-module_filterContents__2LknZ{overflow:auto;padding:var(--spacing-12,.75rem);width:224px}
+.FooterRoot-module_footerRoot__bvMSa{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"stepper stepper" "prev next";grid-template-columns:1fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__bvMSa{grid-template-areas:"prev stepper next";grid-template-columns:1fr 5fr 1fr}}
+.ProgressStepper-module_stepsContainer__kh4S2{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__ToKVO{align-items:flex-end;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.ProgressStepper-module_step__5Zakx{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);position:relative}.ProgressStepper-module_stepContent__brp8m{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__vAWW6{height:var(--spacing-16,1rem);position:relative;width:var(--spacing-16,1rem)}.ProgressStepper-module_stepName__21rPP{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__eW-Ps{color:var(--color-white,#fff);height:var(--spacing-16,1rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--spacing-16,1rem)}.ProgressStepper-module_stepDivider__SaO4y{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - var(--spacing-8, .5rem));transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__SaO4y{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__XT8Ra{display:none;text-align:center}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__21rPP{display:inline}.ProgressStepper-module_stepContent__brp8m,.ProgressStepper-module_step__5Zakx{align-self:center}}
+.FooterActions-module_footerAction__H-bdq{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__yyzsX{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__GIowc{grid-area:"next";justify-content:end}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable no-descending-specificity */
+.Avatar-module_wrapper__Z0f9l {
+  background: var(--color-gray-300, #eaeaec);
+  border-radius: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.Avatar-module_wrapper__Z0f9l:not(.Avatar-module_small__jGh0-) {
+  box-shadow: var(--shadow-small-box-shadow, 0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1));
+  border: 3px solid var(--color-white, #ffffff);
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_personal__dF-Ou {
+  background: var(--color-orange-100, #fff0e8);
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_otherUser__p-EP2 {
+  background: var(--color-gray-300, #eaeaec);
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_company__cX7Yd {
+  border: 0;
+  background: var(--color-white, #ffffff);
+  padding: 6px;
+  border-radius: var(--border-solid-border-radius, 7px);
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_small__jGh0- {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_small__jGh0- .Avatar-module_initials__KqQwi {
+  margin-bottom: -1px;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_small__jGh0-.Avatar-module_company__cX7Yd {
+  padding: 0;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_medium__1NEXg {
+  width: 3rem;
+  height: 3rem;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_medium__1NEXg .Avatar-module_initials__KqQwi {
+  margin-bottom: -1px;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_large__HEyf8 {
+  width: 4.5rem;
+  height: 4.5rem;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_xlarge__efxpR {
+  width: 6rem;
+  height: 6rem;
+}
+.Avatar-module_wrapper__Z0f9l.Avatar-module_xxlarge__2Pd9d {
+  width: 7.75rem;
+  height: 7.75rem;
+}
+.Avatar-module_wrapper__Z0f9l .Avatar-module_initials__KqQwi {
+  text-decoration: none;
+  speak-as: spell-out;
+  border-bottom: none;
+}
+
+.Avatar-module_avatarImage__3BogQ {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.Avatar-module_loading__pRyVI .Avatar-module_avatarImage__3BogQ {
+  display: none;
+}
+
+.Avatar-module_companyAvatarImage__QAPBc {
+  object-fit: contain;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+
+.Avatar-module_fallbackIcon__wsRF7 {
+  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
+  width: 28px;
+}
+.Avatar-module_xxlarge__2Pd9d .Avatar-module_fallbackIcon__wsRF7 {
+  width: 75px;
+}
+.Avatar-module_xlarge__efxpR .Avatar-module_fallbackIcon__wsRF7 {
+  width: 60px;
+}
+.Avatar-module_large__HEyf8 .Avatar-module_fallbackIcon__wsRF7 {
+  width: 35px;
+}
+.Avatar-module_medium__1NEXg .Avatar-module_fallbackIcon__wsRF7 {
+  width: 25px;
+  margin-bottom: -1px;
+}
+.Avatar-module_small__jGh0- .Avatar-module_fallbackIcon__wsRF7 {
+  width: 10px;
+  margin-bottom: -1px;
+}
+
+.Avatar-module_initials__KqQwi {
+  box-sizing: border-box;
+  color: var(--color-purple-800, #2f2438);
+  padding-left: 5px;
+  padding-right: 5px;
+  text-align: center;
+  width: 100%;
+  font-size: 22px;
+  font-family: var(--typography-heading-1-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-weight: var(--typography-heading-1-font-weight, 700);
+  letter-spacing: var(--typography-heading-3-letter-spacing, normal);
+}
+.Avatar-module_initials__KqQwi:not(.Avatar-module_longName__E6V7H)::before {
+  content: "";
+  display: block;
+  margin-top: -0.001em;
+}
+.Avatar-module_xlarge__efxpR .Avatar-module_initials__KqQwi, .Avatar-module_xxlarge__2Pd9d .Avatar-module_initials__KqQwi {
+  font-size: 34px;
+  letter-spacing: var(--typography-heading-1-letter-spacing, normal);
+}
+.Avatar-module_medium__1NEXg .Avatar-module_initials__KqQwi {
+  font-size: 16px;
+  font-weight: var(--typography-heading-5-font-weight, 600);
+  letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+}
+.Avatar-module_small__jGh0- .Avatar-module_initials__KqQwi {
+  font-size: 8px;
+  font-weight: var(--typography-heading-5-font-weight, 600);
+  letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+}
+
+/* stylelint-enable no-descending-specificity */
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.AvatarGroup-module_AvatarGroup__yyC2u {
+  display: inline-flex;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.AvatarGroup-module_small__026qy .AvatarGroup-module_AvatarGroupItem__tVQsT + .AvatarGroup-module_AvatarGroupItem__tVQsT {
+  margin-inline-start: calc(1.25rem / -2);
+}
+[dir=rtl] .AvatarGroup-module_small__026qy .AvatarGroup-module_AvatarGroupItem__tVQsT + .AvatarGroup-module_AvatarGroupItem__tVQsT {
+  margin-left: 0;
+}
+.AvatarGroup-module_medium__na3GI .AvatarGroup-module_AvatarGroupItem__tVQsT + .AvatarGroup-module_AvatarGroupItem__tVQsT {
+  margin-inline-start: calc(3rem / -2);
+}
+[dir=rtl] .AvatarGroup-module_medium__na3GI .AvatarGroup-module_AvatarGroupItem__tVQsT + .AvatarGroup-module_AvatarGroupItem__tVQsT {
+  margin-left: 0;
+}
+.AvatarGroup-module_large__prOGN .AvatarGroup-module_AvatarGroupItem__tVQsT + .AvatarGroup-module_AvatarGroupItem__tVQsT {
+  margin-inline-start: calc(4.5rem / -2);
+}
+[dir=rtl] .AvatarGroup-module_large__prOGN .AvatarGroup-module_AvatarGroupItem__tVQsT + .AvatarGroup-module_AvatarGroupItem__tVQsT {
+  margin-left: 0;
+}
+
+.AvatarGroup-module_AvatarCounter__w0QVP {
+  align-items: center;
+  background: var(--color-gray-300, #eaeaec);
+  border: 3px solid var(--color-white, #ffffff);
+  border-radius: 100%;
+  box-sizing: border-box;
+  box-shadow: var(--shadow-small-box-shadow, 0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1));
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+}
+.AvatarGroup-module_small__026qy .AvatarGroup-module_AvatarCounter__w0QVP {
+  box-shadow: none;
+  border: none;
+  width: 1.25rem;
+  height: 1.25rem;
+  font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: 0.5rem;
+  font-weight: var(--typography-heading-5-font-weight, 600);
+  letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+}
+.AvatarGroup-module_medium__na3GI .AvatarGroup-module_AvatarCounter__w0QVP {
+  width: 3rem;
+  height: 3rem;
+  font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: var(--typography-heading-5-font-size, 1rem);
+  font-weight: var(--typography-heading-5-font-weight, 600);
+  letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+}
+.AvatarGroup-module_large__prOGN .AvatarGroup-module_AvatarCounter__w0QVP {
+  width: 4.5rem;
+  height: 4.5rem;
+  font-family: var(--typography-heading-3-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: var(--typography-heading-3-font-size, 1.375rem);
+  font-weight: var(--typography-heading-3-font-weight, 700);
+  letter-spacing: var(--typography-heading-3-letter-spacing, normal);
+}
+[dir=rtl] .AvatarGroup-module_AvatarCounter__w0QVP {
+  margin-left: 0;
+  direction: ltr;
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.Tag-module_root__ZoDW8 {
+  margin-inline-end: calc(var(--spacing-md, 1.5rem) * 0.5);
+  font-size: var(--typography-paragraph-small-font-size, 0.875rem);
+  font-weight: var(--typography-paragraph-small-font-weight, 400);
+  letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
+  color: var(--color-purple-800, #2f2438);
+  display: inline-block;
+  border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
+  border-radius: calc(var(--spacing-md, 1.5rem) * 0.75);
+  padding: 0 calc(var(--spacing-md, 1.5rem) * 0.4);
+  box-sizing: border-box;
+}
+.Tag-module_root__ZoDW8.Tag-module_profile__Ehf-K {
+  padding-left: calc(var(--spacing-md, 1.5rem) * 0.2);
+}
+
+.Tag-module_layoutContainer__LWT-U {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.Tag-module_validationIcon__s6PsN {
+  align-items: center;
+  display: flex;
+  margin-inline-start: calc(var(--spacing-md, 1.5rem) * -0.15);
+  margin-inline-end: var(--spacing-xs, 0.375rem);
+}
+
+.Tag-module_profile__Ehf-K {
+  margin-inline-start: calc(var(--spacing-md, 1.5rem) * -0.15);
+  margin-inline-end: var(--spacing-xs, 0.375rem);
+  display: inline-flex;
+  align-items: center;
+}
+
+.Tag-module_textContent__I6Xpa {
+  margin-top: -1px;
+  font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-weight: var(--typography-paragraph-small-font-weight, 400);
+  font-size: var(--typography-paragraph-small-font-size, 0.875rem);
+  line-height: var(--typography-paragraph-small-line-height, 1.125rem);
+  letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
+  white-space: nowrap;
+}
+
+.Tag-module_iconWrapper__18lT7 {
+  position: relative;
+  height: 16px;
+  width: 16px;
+}
+
+.Tag-module_dismissButton__LdCmP {
+  appearance: none;
+  background: transparent;
+  border: none;
+  font: inherit;
+  margin: 0;
+  padding: 0;
+  transition: none;
+  position: relative;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  padding: 0 var(--spacing-xs, 0.375rem);
+  margin-inline-end: -0.6625rem;
+  margin-inline-start: -0.225rem;
+  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
+  cursor: pointer;
+}
+.Tag-module_dismissButton__LdCmP:hover {
+  color: var(--color-purple-800, #2f2438);
+}
+.Tag-module_dismissButton__LdCmP:active {
+  color: var(--color-purple-800, #2f2438);
+}
+.Tag-module_dismissButton__LdCmP svg {
+  position: relative;
+}
+.Tag-module_dismissButton__LdCmP:focus {
+  outline: none;
+}
+.Tag-module_dismissButton__LdCmP:focus-visible .Tag-module_iconWrapper__18lT7 {
+  color: var(--color-purple-800, #2f2438);
+}
+.Tag-module_dismissButton__LdCmP:focus-visible .Tag-module_iconWrapper__18lT7::after {
+  content: "";
+  position: absolute;
+  background: transparent;
+  border-radius: 50%;
+  border-width: var(--border-focus-ring-border-width, 2px);
+  border-style: var(--border-focus-ring-border-style, solid);
+  border-color: var(--color-blue-500, #0168b3);
+  inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px)));
+}
+
+.Tag-module_background__0uo93 {
+  position: absolute;
+  display: inline-block;
+  width: calc(var(--spacing-xs, 0.375rem) + 0.125rem);
+  height: calc(var(--spacing-xs, 0.375rem) + 0.125rem);
+  background-color: white;
+  left: 10px;
+  top: 10px;
+}
+
+.Tag-module_truncate__-LIzQ {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  white-space: nowrap;
+}
+
+.Tag-module_inline__eXwDM {
+  margin: 0;
+}
+
+.Tag-module_medium__Eu-Al {
+  height: calc(var(--spacing-md, 1.5rem) * 1.25);
+}
+
+.Tag-module_small__N9Fgj {
+  height: var(--spacing-md, 1.5rem);
+}
+
+.Tag-module_default__ktMsS {
+  background-color: var(--color-gray-300, #eaeaec);
+}
+
+.Tag-module_sentimentPositive__P9FK6 {
+  background-color: var(--color-green-100, #e8f8f4);
+}
+
+.Tag-module_sentimentNeutral__sHWK8 {
+  background-color: var(--color-gray-300, #eaeaec);
+}
+
+.Tag-module_sentimentNegative__AtFz2 {
+  background-color: var(--color-red-100, #fdeaee);
+}
+
+.Tag-module_sentimentNone__djSUk {
+  background-color: var(--color-white, #ffffff);
+  border-color: var(--color-gray-300, #eaeaec);
+}
+
+.Tag-module_validationPositive__uG3EH {
+  background-color: var(--color-green-100, #e8f8f4);
+}
+.Tag-module_validationPositive__uG3EH .Tag-module_validationIcon__s6PsN {
+  color: var(--color-green-500, #44a289);
+}
+
+.Tag-module_validationInformative__dfOBN {
+  background-color: var(--color-blue-100, #e6f6ff);
+}
+.Tag-module_validationInformative__dfOBN .Tag-module_validationIcon__s6PsN {
+  color: var(--color-blue-500, #0168b3);
+}
+
+.Tag-module_validationNegative__VH5WS {
+  background-color: var(--color-red-100, #fdeaee);
+}
+.Tag-module_validationNegative__VH5WS .Tag-module_validationIcon__s6PsN {
+  color: var(--color-red-500, #c93b55);
+}
+
+.Tag-module_validationCautionary__0y7aC {
+  background-color: var(--color-yellow-100, #fff9e4);
+}
+.Tag-module_validationCautionary__0y7aC .Tag-module_validationIcon__s6PsN {
+  color: var(--color-yellow-500, #ffb600);
+}
+
+.Tag-module_statusLive__UdadP {
+  background-color: var(--color-green-100, #e8f8f4);
+  color: var(--color-purple-800, #2f2438);
+}
+
+.Tag-module_statusAction__MY6Yl {
+  background-color: var(--color-orange-100, #fff0e8);
+  color: var(--color-purple-800, #2f2438);
+}
+
+.Tag-module_statusClosed__7bQU3 {
+  background-color: var(--color-red-100, #fdeaee);
+}
+
+.Tag-module_statusDraft__c-z-g {
+  background-color: var(--color-blue-100, #e6f6ff);
+  color: var(--color-purple-800, #2f2438);
+}
+
+.Tag-module_pulse__e1HBQ {
+  margin-inline-start: calc(var(--spacing-md, 1.5rem) * 0.35);
+  margin-inline-end: calc(var(--spacing-md, 1.5rem) * 0.15);
+  width: 2px;
+  height: 2px;
+  border-radius: 50%;
+  background-color: var(--color-blue-500, #0168b3);
+  display: inline-block;
+  position: relative;
+  opacity: 50%;
+}
+
+.Tag-module_pulseRing__DEU34 {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  left: calc(-1 * (18px / 2) + (2px / 2));
+  top: calc(-1 * (18px / 2) + (2px / 2));
+  border-radius: 50%;
+  background-color: var(--color-green-500, #44a289);
+  animation: Tag-module_pulsate__a0hjU infinite 2.5s ease-out;
+}
+
+@keyframes Tag-module_pulsate__a0hjU {
+  0% {
+    transform: scale(0);
+    opacity: 100%;
+  }
+  50%, 100% {
+    transform: scale(1);
+    opacity: 0%;
+  }
+}
+.Titles-module_titles__tO9dZ{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__7-ui0,.Titles-module_titles__tO9dZ{display:flex;flex-direction:column}.Titles-module_prefix__vV-WW{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__RvbTg{margin-top:var(--spacing-8,.5rem)}
+.Actions-module_actions__2Zdtd{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__2Zdtd{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.Badge-module_badge__dpG2o {
+  border-radius: var(--spacing-sm, 0.75rem);
+  color: var(--color-purple-800, #2f2438);
+  display: inline-block;
+  position: relative;
+  font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
+  font-weight: var(--typography-paragraph-bold-font-weight, 600);
+  letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
+  line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
+  padding: 1px var(--spacing-xs, 0.375rem);
+  min-width: 8px;
+  text-align: center;
+}
+
+.Badge-module_badge__dpG2o.Badge-module_large__5A0RP {
+  display: inline-flex;
+  justify-content: center;
+  border-radius: var(--spacing-xl, 3rem);
+  font-size: var(--typography-data-medium-font-size, 3rem);
+  line-height: var(--typography-data-medium-line-height, 5rem);
+  letter-spacing: var(--typography-data-medium-letter-spacing, normal);
+  padding: 2px 1.875rem;
+  width: 24px;
+}
+
+.Badge-module_default__7UuF3 {
+  background-color: var(--color-gray-300, #eaeaec);
+  color: var(--color-purple-800, #2f2438);
+}
+
+.Badge-module_active__umBzx {
+  background-color: var(--color-blue-500, #0168b3);
+  color: var(--color-white, #ffffff);
+}
+
+.Badge-module_reversed__eA4mw.Badge-module_active__umBzx {
+  background-color: var(--color-green-300, #8fdbc7);
+  color: var(--color-purple-800, #2f2438);
+}
+
+.Badge-module_dark__DzSsM {
+  background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.1);
+  color: var(--color-purple-800, #2f2438);
+}
+
+.Badge-module_dot__7xvrW {
+  background-color: var(--color-green-300, #8fdbc7);
+  padding: var(--spacing-xs, 0.375rem);
+  min-width: unset;
+}
+
+.Badge-module_dot__7xvrW.Badge-module_large__5A0RP {
+  background-color: var(--color-green-300, #8fdbc7);
+  padding: 1.875rem;
+  width: unset;
+}
+
+.Badge-module_reversed__eA4mw.Badge-module_dot__7xvrW {
+  background-color: var(--color-green-300, #8fdbc7);
+}
+
+.Badge-module_reversed__eA4mw.Badge-module_dark__DzSsM {
+  background-color: var(--color-purple-700, #4a234d);
+  color: var(--color-white, #ffffff);
+}
+
+.Badge-module_reversed__eA4mw {
+  background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
+  color: var(--color-white, #ffffff);
+}
+
+.Badge-module_animation__sE-BG {
+  display: inherit;
+}
+.Badge-module_animation__sE-BG .Badge-module_badge__dpG2o {
+  transition: transform var(--animation-duration-slow, 400ms)/2 var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53)), background-color var(--animation-duration-slow, 400ms)/2 var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
+  transform-origin: center;
+  transform: scale3d(1, 1, 1);
+}
+.Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o {
+  transform: scale3d(1.35, 1.35, 1.35);
+}
+.Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o.Badge-module_dark__DzSsM {
+  background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.2);
+}
+.Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o.Badge-module_active__umBzx {
+  background-color: var(--color-blue-500, #0168b3);
+  color: var(--color-white, #ffffff);
+}
+.Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o.Badge-module_dot__7xvrW {
+  background-color: var(--color-green-300, #8fdbc7);
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+.LoadingSpinner-module_wrapper__DU2au {
+  display: flex;
+}
+
+.LoadingSpinner-module_visuallyHidden__o0iJ2 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.LoadingSpinner-module_spinner__y5L3s {
+  animation: LoadingSpinner-module_spinner__y5L3s var(:local(--animation-duration-deliberate), 700ms) var(LoadingSpinner-module_--animation-easing-function-ease-in-out__hJbRC, cubic-bezier(0.455, 0.03, 0.515, 0.955)) infinite;
+}
+
+@keyframes LoadingSpinner-module_spinner__y5L3s {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+.GenericButton-module_button__DRKr1 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  font: inherit;
+  margin: 0;
+  padding: 0;
+  transition: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: var(--typography-button-primary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-weight: var(--typography-button-primary-font-weight, 700);
+  font-size: var(--typography-button-primary-font-size, 1.125rem);
+  line-height: var(--typography-button-primary-line-height, 1.5rem);
+  letter-spacing: var(--typography-button-primary-letter-spacing, normal);
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: var(--spacing-xl, 3rem);
+  border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
+  border-radius: var(--border-solid-border-radius, 7px);
+  position: relative;
+  text-align: left;
+  cursor: pointer;
+  overflow: visible;
+}
+[href].GenericButton-module_button__DRKr1 {
+  text-decoration: none;
+}
+.GenericButton-module_button__DRKr1:not(:disabled):active, .GenericButton-module_button__DRKr1:not(:disabled).story__button-active {
+  transform: translateY(1px);
+}
+.GenericButton-module_button__DRKr1:not(:disabled):focus {
+  outline: none;
+}
+.GenericButton-module_button__DRKr1:not(:disabled):focus-visible::after, .GenericButton-module_button__DRKr1:not(:disabled).story__button-focus::after {
+  content: "";
+  position: absolute;
+  background: transparent;
+  border-color: var(--color-blue-500, #0168b3);
+  border-radius: var(--border-focus-ring-border-radius, 10px);
+  border-width: var(--border-focus-ring-border-width, 2px);
+  border-style: var(--border-focus-ring-border-style, solid);
+  inset: calc(-1 * calc((var(--border-focus-ring-border-width, 2px) * 2) + 1px));
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_button__DRKr1:not(:disabled):focus-visible::after, .GenericButton-module_reversed__wHCy-.GenericButton-module_button__DRKr1:not(:disabled).story__button-focus::after {
+  border-color: var(--color-blue-300, #73c0e8);
+}
+.GenericButton-module_button__DRKr1:disabled, .GenericButton-module_working__PUcA5.GenericButton-module_button__DRKr1 {
+  pointer-events: none;
+  opacity: 30%;
+}
+.GenericButton-module_button__DRKr1 .GenericButton-module_content__TKLGo {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px));
+}
+
+.GenericButton-module_default__FF-Ss {
+  background-color: var(--color-white, #ffffff);
+  border-color: var(--color-gray-500, #8c8c97);
+  color: var(--color-purple-800, #2f2438);
+}
+.GenericButton-module_default__FF-Ss:not(:disabled):hover, .GenericButton-module_default__FF-Ss:not(:disabled).story__button-hover, .GenericButton-module_default__FF-Ss:not(:disabled):active, .GenericButton-module_default__FF-Ss:not(:disabled).story__button-active, .GenericButton-module_default__FF-Ss:not(:disabled):focus-visible, .GenericButton-module_default__FF-Ss:not(:disabled).story__button-focus {
+  background-color: var(--color-gray-200, #f4f4f5);
+  border-color: var(--color-gray-600, #524e56);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss {
+  background-color: transparent;
+  border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
+  color: var(--color-white, #ffffff);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled).story__button-focus {
+  background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
+  border-color: var(--color-white, #ffffff);
+}
+
+.GenericButton-module_primary__d5PAz {
+  background-color: var(--color-blue-500, #0168b3);
+  border-color: var(--border-borderless-border-color, transparent);
+  color: var(--color-white, #ffffff);
+}
+.GenericButton-module_primary__d5PAz:not(:disabled):hover, .GenericButton-module_primary__d5PAz:not(:disabled).story__button-hover, .GenericButton-module_primary__d5PAz:not(:disabled):active, .GenericButton-module_primary__d5PAz:not(:disabled).story__button-active, .GenericButton-module_primary__d5PAz:not(:disabled):focus-visible, .GenericButton-module_primary__d5PAz:not(:disabled).story__button-focus {
+  background-color: var(--color-blue-600, #004970);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz {
+  background-color: var(--color-green-300, #8fdbc7);
+  border-color: var(--border-borderless-border-color, transparent);
+  color: var(--color-purple-800, #2f2438);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled).story__button-focus {
+  background-color: var(--color-green-400, #5dcbad);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+
+.GenericButton-module_destructive__oIcbG {
+  background-color: var(--color-red-500, #c93b55);
+  border-color: var(--border-borderless-border-color, transparent);
+  color: var(--color-white, #ffffff);
+}
+.GenericButton-module_destructive__oIcbG:not(:disabled):hover, .GenericButton-module_destructive__oIcbG:not(:disabled).story__button-hover, .GenericButton-module_destructive__oIcbG:not(:disabled):active, .GenericButton-module_destructive__oIcbG:not(:disabled).story__button-active, .GenericButton-module_destructive__oIcbG:not(:disabled):focus-visible, .GenericButton-module_destructive__oIcbG:not(:disabled).story__button-focus {
+  background-color: var(--color-red-600, #a82433);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG {
+  background-color: var(--color-red-300, #f597a8);
+  border-color: var(--border-borderless-border-color, transparent);
+  color: var(--color-purple-800, #2f2438);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-focus {
+  background-color: var(--color-red-400, #e0707d);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+
+.GenericButton-module_secondary__z8bvY {
+  font-family: var(--typography-button-secondary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-weight: var(--typography-button-secondary-font-weight, 500);
+  font-size: var(--typography-button-secondary-font-size, 1rem);
+  line-height: var(--typography-button-secondary-line-height, 1.5rem);
+  letter-spacing: var(--typography-button-secondary-letter-spacing, normal);
+  background-color: transparent;
+  border-color: var(--border-borderless-border-color, transparent);
+  color: var(--color-blue-500, #0168b3);
+}
+.GenericButton-module_secondary__z8bvY:not(:disabled):hover, .GenericButton-module_secondary__z8bvY:not(:disabled).story__button-hover, .GenericButton-module_secondary__z8bvY:not(:disabled):active, .GenericButton-module_secondary__z8bvY:not(:disabled).story__button-active, .GenericButton-module_secondary__z8bvY:not(:disabled):focus-visible, .GenericButton-module_secondary__z8bvY:not(:disabled).story__button-focus {
+  background-color: var(--color-blue-100, #e6f6ff);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_secondary__z8bvY .GenericButton-module_content__TKLGo {
+  padding-left: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
+  padding-right: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY {
+  border-color: var(--border-borderless-border-color, transparent);
+  color: var(--color-white, #ffffff);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled).story__button-focus {
+  background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+
+.GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG {
+  color: var(--color-red-600, #a82433);
+}
+.GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled):hover, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-hover, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled):active, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-active, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled):focus-visible, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-focus {
+  background-color: var(--color-red-100, #fdeaee);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+
+.GenericButton-module_small__0j1bw {
+  min-height: calc(var(--spacing-md, 1.5rem) * 5 / 3);
+}
+.GenericButton-module_small__0j1bw .GenericButton-module_content__TKLGo {
+  padding-top: calc(
+  var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px)
+);
+  padding-bottom: calc(
+  var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px)
+);
+}
+
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+.GenericButton-module_iconButton__69i69 {
+  width: var(--spacing-xl, 3rem);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_iconButton__69i69:not(:disabled):hover, .GenericButton-module_iconButton__69i69:not(:disabled).story__button-hover, .GenericButton-module_iconButton__69i69:not(:disabled):active, .GenericButton-module_iconButton__69i69:not(:disabled).story__button-active, .GenericButton-module_iconButton__69i69:not(:disabled):focus-visible, .GenericButton-module_iconButton__69i69:not(:disabled).story__button-focus {
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_iconButton__69i69 .GenericButton-module_content__TKLGo {
+  justify-content: center;
+  width: 100%;
+  padding: 0;
+}
+.GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss {
+  background-color: transparent;
+  color: inherit;
+}
+.GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled):hover, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled).story__button-hover, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled):active, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled).story__button-active, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled):focus-visible, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled).story__button-focus {
+  background-color: var(--color-gray-200, #f4f4f5);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69 {
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled).story__button-focus {
+  border-color: var(--border-borderless-border-color, transparent);
+}
+
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+.GenericButton-module_circleButton__LDr5i {
+  width: 40px;
+  height: 40px;
+  min-height: auto;
+  margin: 0 var(--spacing-xs, 0.375rem);
+  border-radius: 50%;
+}
+.GenericButton-module_circleButton__LDr5i:not(:disabled):focus-visible::after, .GenericButton-module_circleButton__LDr5i:not(:disabled).story__button-focus::after {
+  border-radius: 50%;
+}
+.GenericButton-module_circleButton__LDr5i .GenericButton-module_content__TKLGo {
+  height: auto;
+  color: var(--color-blue-500, #0168b3);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_circleButton__LDr5i .GenericButton-module_content__TKLGo {
+  color: var(--color-white, #ffffff);
+}
+
+.GenericButton-module_directionalLink__Mztws {
+  border: var(--border-solid-border-width, 2px) solid var(--color-blue-300, #73c0e8);
+}
+[dir=rtl] .GenericButton-module_directionalLink__Mztws {
+  transform: rotate(180deg);
+}
+.GenericButton-module_directionalLink__Mztws:not(:disabled):hover, .GenericButton-module_directionalLink__Mztws:not(:disabled).story__button-hover, .GenericButton-module_directionalLink__Mztws:not(:disabled):active, .GenericButton-module_directionalLink__Mztws:not(:disabled).story__button-active, .GenericButton-module_directionalLink__Mztws:not(:disabled):focus-visible, .GenericButton-module_directionalLink__Mztws:not(:disabled).story__button-focus {
+  background-color: var(--color-blue-100, #e6f6ff);
+  border-color: var(--color-blue-400, #008bd6);
+}
+.GenericButton-module_directionalLink__Mztws:disabled {
+  border-color: var(--color-blue-300, #73c0e8);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_directionalLink__Mztws:disabled {
+  border-color: var(--color-white, #ffffff);
+}
+
+.GenericButton-module_paginationLink__7VQYF {
+  font-weight: var(--typography-paragraph-body-font-weight, 400);
+  font-size: var(--typography-button-secondary-font-size, 1rem);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_paginationLink__7VQYF:not(:disabled):hover, .GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-hover, .GenericButton-module_paginationLink__7VQYF:not(:disabled):active, .GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-active, .GenericButton-module_paginationLink__7VQYF:not(:disabled):focus-visible, .GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-focus {
+  background-color: var(--color-blue-100, #e6f6ff);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_paginationLink__7VQYF .GenericButton-module_content__TKLGo {
+  justify-content: center;
+  width: 100%;
+  padding: 0;
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF {
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-focus {
+  border-color: var(--border-borderless-border-color, transparent);
+}
+
+.GenericButton-module_isPaginationLinkActive__HW6GB {
+  background-color: var(--color-blue-500, #0168b3);
+  border-color: var(--border-borderless-border-color, transparent);
+  cursor: initial;
+}
+.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):hover, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-hover, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):active, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-active, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):focus-visible, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-focus {
+  background-color: var(--color-blue-500, #0168b3);
+  border-color: var(--border-borderless-border-color, transparent);
+}
+.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):active, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-active {
+  transform: unset;
+}
+.GenericButton-module_isPaginationLinkActive__HW6GB .GenericButton-module_content__TKLGo {
+  color: var(--color-white, #ffffff);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB {
+  background-color: var(--color-white, #ffffff);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-focus {
+  background-color: var(--color-white, #ffffff);
+}
+.GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB .GenericButton-module_content__TKLGo {
+  color: var(--color-purple-800, #2f2438);
+}
+
+.GenericButton-module_container__d-1aE {
+  display: inline-block;
+}
+
+.GenericButton-module_label__-K-nQ {
+  line-height: 1;
+}
+.GenericButton-module_label__-K-nQ:not(:first-child) {
+  margin-left: 0.5em;
+}
+.GenericButton-module_label__-K-nQ:not(:first-child)[dir=rtl], [dir=rtl] .GenericButton-module_label__-K-nQ:not(:first-child) {
+  margin-right: 0.5em;
+}
+.GenericButton-module_label__-K-nQ:not(:last-child) {
+  margin-right: 0.5em;
+}
+.GenericButton-module_label__-K-nQ:not(:last-child)[dir=rtl], [dir=rtl] .GenericButton-module_label__-K-nQ:not(:last-child) {
+  margin-left: 0.5em;
+}
+
+.GenericButton-module_fullWidth__-thaN {
+  width: 100%;
+}
+.GenericButton-module_fullWidth__-thaN .GenericButton-module_button__DRKr1 {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+.GenericButton-module_fullWidth__-thaN .GenericButton-module_content__TKLGo {
+  justify-content: center;
+}
+
+.GenericButton-module_iconWrapper__eusVd {
+  height: 20px;
+  align-self: flex-start;
+}
+
+.GenericButton-module_additionalContentWrapper__6EfN4 {
+  display: inherit;
+}
+.GenericButton-module_additionalContentWrapper__6EfN4:not(:last-child) {
+  margin-right: 0.5em;
+}
+.GenericButton-module_additionalContentWrapper__6EfN4:not(:last-child)[dir=rtl], [dir=rtl] .GenericButton-module_additionalContentWrapper__6EfN4:not(:last-child) {
+  margin-left: 0.5em;
+}
+
+.GenericButton-module_loadingSpinner__tTd4x svg {
+  height: 100%;
+}
+
+.GenericButton-module_centeredLoadingSpinner__kYyYb {
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+}
+
+.GenericButton-module_hidden__w0j2T {
+  visibility: hidden;
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable scss/at-if-no-null */
+/* stylelint-enable scss/at-if-no-null */
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable function-name-case, scss/at-function-pattern */
+/* stylelint-enable function-name-case, scss/at-function-pattern */
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.GenericModal-module_defaultModalWidth__NghIN {
+  min-width: 300px;
+  max-width: 600px;
+}
+
+.GenericModal-module_backdropLayer__ez8S2 {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  position: fixed;
+  background-color: black;
+  opacity: 50%;
+  z-index: 1040;
+}
+.GenericModal-module_backdropLayer__ez8S2[dir=rtl], [dir=rtl] .GenericModal-module_backdropLayer__ez8S2 {
+  right: 0;
+  left: 0;
+}
+
+.GenericModal-module_scrollLayer__xjaC8 {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  position: fixed;
+  display: flex;
+  align-items: center;
+  z-index: 1050;
+  overflow-y: auto;
+}
+.GenericModal-module_scrollLayer__xjaC8[dir=rtl], [dir=rtl] .GenericModal-module_scrollLayer__xjaC8 {
+  right: 0;
+  left: 0;
+}
+
+.GenericModal-module_modalLayer__8xobC {
+  margin: auto;
+  padding: 1.5rem 0;
+  width: 100%;
+}
+
+.GenericModal-module_genericModal__v8jSG {
+  margin: auto;
+  background-color: var(--color-white, #ffffff);
+  border-radius: var(--border-solid-border-radius, 7px);
+  box-shadow: var(--shadow-large-box-shadow, 0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1));
+  position: relative;
+  width: 90%;
+  -webkit-font-smoothing: antialiased;
+  color: var(--color-purple-800, #2f2438);
+}
+@media (min-width: 768px) {
+  .GenericModal-module_genericModal__v8jSG {
+    width: 100%;
+  }
+}
+
+.GenericModal-module_animatingEnter__NjwJc {
+  transition-duration: var(--animation-duration-fast, 300ms);
+}
+.GenericModal-module_animatingEnter__NjwJc .GenericModal-module_backdropLayer__ez8S2 {
+  /*
+    There's a weird bug in Chrome/Blink 102.x that animates the opacity
+    all the way to 1 with 200ms ("rapid" token), but is fine with
+    201ms, see Jira [KDS-523]
+  */
+  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
+  animation-name: GenericModal-module_fade-0-to-0-5__U6DUZ;
+  animation-duration: 201ms;
+  animation-fill-mode: forwards;
+}
+@keyframes GenericModal-module_fade-0-to-0-5__U6DUZ {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+.GenericModal-module_animatingEnter__NjwJc .GenericModal-module_genericModal__v8jSG {
+  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
+  animation-name: GenericModal-module_custom-1__qf6Hj;
+  animation-duration: var(--animation-duration-fast, 300ms);
+  animation-fill-mode: forwards;
+  animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
+}
+@keyframes GenericModal-module_custom-1__qf6Hj {
+  0% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.GenericModal-module_animatingLeave__CR-3D {
+  transition-duration: var(--animation-duration-rapid, 200ms);
+}
+.GenericModal-module_animatingLeave__CR-3D .GenericModal-module_backdropLayer__ez8S2 {
+  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
+  animation-name: GenericModal-module_fade-0-5-to-0__tfcyk;
+  animation-duration: var(--animation-duration-rapid, 200ms);
+  animation-fill-mode: forwards;
+}
+@keyframes GenericModal-module_fade-0-5-to-0__tfcyk {
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.GenericModal-module_animatingLeave__CR-3D .GenericModal-module_genericModal__v8jSG {
+  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
+  animation-name: GenericModal-module_custom-3__-ZSsC;
+  animation-duration: var(--animation-duration-rapid, 200ms);
+  animation-fill-mode: forwards;
+  animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
+}
+@keyframes GenericModal-module_custom-3__-ZSsC {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+}
+
+.GenericModal-module_unscrollable__gcm4T {
+  /* Tech debt - this !important existed before Stylelint rules */
+  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.GenericModal-module_pseudoScrollbar__AYoez {
+  /* Tech debt - this !important existed before Stylelint rules */
+  padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.GenericModal-module_hide__pUWH- {
+  opacity: 0%;
+  pointer-events: none;
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.GenericModalSection-module_inputEdit__XmZTu {
+  background-color: var(--color-gray-200, #f4f4f5);
+  border-radius: var(--border-solid-border-radius, 7px);
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.ModalFooter-module_actions__n-lbF {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: flex-start;
+}
+
+.ModalFooter-module_actionsAlignStart__AuNk3 {
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+
+.ModalFooter-module_padded__bOqWB {
+  padding: var(--spacing-md, 1.5rem);
+  flex-direction: column;
+}
+@media (min-width: 768px) {
+  .ModalFooter-module_padded__bOqWB {
+    padding: 0 var(--spacing-lg, 2.25rem) var(--spacing-lg, 2.25rem) var(--spacing-lg, 2.25rem);
+    flex-direction: row-reverse;
+  }
+}
+
+.ModalFooter-module_actionButton__Y9d-V {
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .ModalFooter-module_actionButton__Y9d-V {
+    width: inherit;
+  }
+}
+
+.ModalFooter-module_actionButton__Y9d-V + .ModalFooter-module_actionButton__Y9d-V {
+  margin-right: var(--spacing-sm, 0.75rem);
+}
+@media (max-width: 767px) {
+  .ModalFooter-module_actionButton__Y9d-V + .ModalFooter-module_actionButton__Y9d-V {
+    margin-top: var(--spacing-sm, 0.75rem);
+  }
+}
+
+.ModalFooter-module_footerWrap__gCN3f {
+  align-items: baseline;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.ModalFooter-module_center__fDylD {
+  display: flex;
+  justify-content: center;
+}
+
+.ModalFooter-module_border__CeB9r {
+  border-top: 1px solid var(--border-solid-border-color, #e1e2ea);
+}
+
+.ModalFooter-module_start__qD64Q {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.ModalFooter-module_end__lpQai {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.ModalFooter-module_fixed__3549- {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.ModalFooter-module_filler__Hruzk {
+  visibility: hidden;
+}
+/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+.ModalHeader-module_dismissButton__OuIH5 {
+  top: 0;
+  right: 0;
+  left: auto;
+  position: absolute;
+  z-index: 1060;
+}
+.ModalHeader-module_dismissButton__OuIH5[dir=rtl], [dir=rtl] .ModalHeader-module_dismissButton__OuIH5 {
+  right: auto;
+  left: 0;
+}
+
+.ModalHeader-module_layout__l-Q-M {
+  width: 100%;
+}
+
+.ModalHeader-module_fixed__IHDLx {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.ModalHeader-module_filler__0ZM8p {
+  visibility: hidden;
+}
+.ModalAccessibleDescription-module_modalDescription__qEUcH {
+  grid-column-start: 2;
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.ModalAccessibleLabel-module_modalLabel__OF3uR {
+  position: relative;
+}
+@media (max-width: 768px) {
+  .ModalAccessibleLabel-module_modalLabel__OF3uR h2 {
+    font-size: 1.625rem;
+    line-height: 2rem;
+  }
+}
+@media (max-width: 375px) {
+  .ModalAccessibleLabel-module_modalLabel__OF3uR h2 {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+  }
+}
+.ModalAccessibleLabel-module_modalLabel__OF3uR.ModalAccessibleLabel-module_prominent__jYitg {
+  grid-column-start: 2;
+  text-align: left;
+}
+.ModalAccessibleLabel-module_modalLabel__OF3uR:focus {
+  outline: none;
+}
+.ModalAccessibleLabel-module_modalLabel__OF3uR:focus-visible::after {
+  content: "";
+  position: absolute;
+  background: transparent;
+  border-radius: var(--border-focus-ring-border-radius, 10px);
+  border-width: var(--border-focus-ring-border-width, 2px);
+  border-style: var(--border-focus-ring-border-style, solid);
+  border-color: var(--color-blue-500, #0168b3);
+  inset: calc(-1 * calc((var(--border-focus-ring-border-width, 2px) * 2) + 1px));
+}
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.Base-module_wrapper__KE9aV {
+  width: 100%;
+  margin: 0;
+}
+
+.Base-module_figure__NFTkm {
+  margin: 0;
+  position: relative;
+}
+.Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO {
+  opacity: 0%;
+  position: absolute;
+  right: 1rem;
+  bottom: 1rem;
+  /* stylelint-disable declaration-no-important */
+  background-color: var(--color-white, #ffffff) !important;
+  border: 1px solid var(--color-gray-400, #cdcdd0);
+  transition: all var(--animation-duration-immediate, 100ms);
+}
+@media (hover: none) and (pointer: coarse) {
+  .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO {
+    opacity: 100%;
+  }
+}
+.Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO svg {
+  color: var(--color-purple-800, #2f2438);
+  opacity: 70%;
+}
+.Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:hover, .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:focus {
+  opacity: 100%;
+  background-color: var(--color-gray-200, #f4f4f5) !important;
+}
+.Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:hover svg, .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:focus svg {
+  opacity: 100%;
+}
+.Base-module_figure__NFTkm:hover .Base-module_pausePlayButton__jWmeO {
+  opacity: 100%;
+}
+
+.Base-module_aspectRatioWrapper__M4S6j {
+  margin: 0;
+  display: flex;
+  align-items: center;
+}
+
+.Base-module_landscape__hhU1Y {
+  aspect-ratio: 4/3;
+}
+@supports not (aspect-ratio: auto) {
+  .Base-module_landscape__hhU1Y::before {
+    float: left;
+    padding-top: 75%;
+    content: "";
+  }
+  .Base-module_landscape__hhU1Y::after {
+    display: block;
+    content: "";
+    clear: both;
+  }
+}
+
+.Base-module_portrait__uWZ3Y {
+  aspect-ratio: 3/4;
+}
+@supports not (aspect-ratio: auto) {
+  .Base-module_portrait__uWZ3Y::before {
+    float: left;
+    padding-top: 133.33%;
+    content: "";
+  }
+  .Base-module_portrait__uWZ3Y::after {
+    display: block;
+    content: "";
+    clear: both;
+  }
+}
+
+.Base-module_square__l5l0x {
+  aspect-ratio: auto 1/1;
+}
+@supports not (aspect-ratio: auto) {
+  .Base-module_square__l5l0x::before {
+    float: left;
+    padding-top: 100%;
+    content: "";
+  }
+  .Base-module_square__l5l0x::after {
+    display: block;
+    content: "";
+    clear: both;
+  }
+}
+
+.Base-module_visuallyHidden__9zbsA:not(:focus, :active) {
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  border: 0;
+}
+:import("../Primitives/GenericModal.module.scss") {
+  i__imported_genericModal_0: genericModal;
+} /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.ConfirmationModal-module_modal__FLNye {
+  min-width: 300px;
+  max-width: 600px;
+}
+
+.ConfirmationModal-module_header__WSLWG {
+  color: var(--color-white, #ffffff);
+  text-align: left;
+  border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
+}
+.ConfirmationModal-module_header__WSLWG.ConfirmationModal-module_padded__Rjbcn {
+  padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_header__WSLWG.ConfirmationModal-module_padded__Rjbcn {
+    padding: var(--spacing-md, 1.5rem);
+  }
+}
+.ConfirmationModal-module_header__WSLWG h1 {
+  color: var(--color-purple-800, #2f2438);
+}
+
+.ConfirmationModal-module_iconContainer__3dUSF {
+  position: relative;
+}
+
+.ConfirmationModal-module_positiveHeader__j1qyY {
+  background-color: var(--color-green-100, #e8f8f4);
+}
+.ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  color: var(--color-green-500, #44a289);
+}
+
+.ConfirmationModal-module_assertiveHeader__FkVUj {
+  background-color: var(--color-orange-100, #fff0e8);
+}
+.ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  color: var(--color-orange-500, #e96c2f);
+}
+
+.ConfirmationModal-module_informativeHeader__GK9KC {
+  background-color: var(--color-blue-100, #e6f6ff);
+}
+.ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  color: var(--color-blue-500, #0168b3);
+}
+
+.ConfirmationModal-module_negativeHeader__z0HbS {
+  background-color: var(--color-red-100, #fdeaee);
+}
+.ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  color: var(--color-red-500, #c93b55);
+}
+
+.ConfirmationModal-module_cautionaryHeader__IaPDp {
+  background-color: var(--color-yellow-100, #fff9e4);
+}
+.ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  color: var(--color-yellow-500, #ffb600);
+}
+
+.ConfirmationModal-module_positiveHeader__j1qyY,
+.ConfirmationModal-module_informativeHeader__GK9KC,
+.ConfirmationModal-module_negativeHeader__z0HbS,
+.ConfirmationModal-module_cautionaryHeader__IaPDp,
+.ConfirmationModal-module_assertiveHeader__FkVUj {
+  display: grid;
+  grid-template-columns: 0.2fr 2fr;
+  align-items: center;
+}
+.ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_iconContainer__3dUSF {
+  align-self: flex-start;
+}
+@media (min-width: 768px) {
+  .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_iconContainer__3dUSF {
+    align-self: center;
+  }
+}
+.ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  width: 30px;
+  height: 30px;
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_svgIcon__0kXUz > svg {
+    margin-right: 0.9375rem;
+    position: relative;
+    top: 0.125rem;
+  }
+}
+.ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc,
+.ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc,
+.ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc,
+.ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc,
+.ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc {
+  grid-template-columns: 1.1fr 2fr;
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc,
+  .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc,
+  .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc,
+  .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc {
+    display: flex;
+    flex-direction: column;
+    align-content: flex-start;
+    justify-content: center;
+    align-items: flex-start;
+  }
+}
+.ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+.ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF {
+  position: absolute;
+  top: 8%;
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
+  .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF {
+    position: relative;
+    top: 0;
+    margin-bottom: var(--spacing-sm, 0.75rem);
+  }
+}
+.ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+.ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+.ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg {
+  width: 155px;
+  height: 155px;
+  margin: 0 auto;
+  color: var(--color-purple-800, #2f2438);
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
+  .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
+  .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg {
+    width: 86px;
+    height: 86px;
+  }
+}
+
+.ConfirmationModal-module_prominent__OquXc {
+  display: grid;
+  grid-template-columns: 1.1fr 2fr;
+  align-items: center;
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_prominent__OquXc {
+    grid-template-columns: 1fr;
+  }
+}
+
+.ConfirmationModal-module_padded__Rjbcn {
+  padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+}
+@media (max-width: 768px) {
+  .ConfirmationModal-module_padded__Rjbcn {
+    padding: var(--spacing-md, 1.5rem);
+  }
+}
+:import("../Primitives/GenericModal.module.scss") {
+  i__imported_genericModal_0: genericModal;
+} /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.InputEditModal-module_modal__btns2 {
+  min-width: 300px;
+  max-width: 600px;
+}
+
+.InputEditModal-module_header__440os {
+  color: var(--color-purple-800, #2f2438);
+  text-align: left;
+}
+.InputEditModal-module_header__440os.InputEditModal-module_textAlignRTL__MtV1s {
+  text-align: right;
+}
+.InputEditModal-module_header__440os.InputEditModal-module_padded__BHGPB {
+  padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+}
+@media (max-width: 768px) {
+  .InputEditModal-module_header__440os.InputEditModal-module_padded__BHGPB {
+    padding: var(--spacing-md, 1.5rem);
+  }
+}
+
+.InputEditModal-module_body__L9Fda {
+  background: var(--color-gray-200, #f4f4f5);
+}
+.InputEditModal-module_body__L9Fda.InputEditModal-module_padded__BHGPB {
+  padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+}
+@media (max-width: 768px) {
+  .InputEditModal-module_body__L9Fda.InputEditModal-module_padded__BHGPB {
+    padding: var(--spacing-md, 1.5rem);
+  }
+}
+:import("../Primitives/GenericModal.module.scss") {
+  i__imported_genericModal_0: genericModal;
+} /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+.ContextModal-module_modal__2tX8d {
+  min-width: 300px;
+  max-width: 840px;
+}
+@media (min-width: 768px) {
+  .ContextModal-module_modal__2tX8d {
+    width: 90%;
+  }
+}
+
+.ContextModal-module_header__Utp9g {
+  color: var(--color-purple-800, #2f2438);
+  text-align: left;
+}
+.ContextModal-module_header__Utp9g.ContextModal-module_padded__QLmnO {
+  padding: var(--spacing-md, 1.5rem);
+}
+@media (min-width: 768px) {
+  .ContextModal-module_header__Utp9g.ContextModal-module_padded__QLmnO {
+    padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+  }
+}
+
+.ContextModal-module_footer__dWAKR {
+  white-space: initial;
+}
+@media (min-width: 768px) {
+  .ContextModal-module_footer__dWAKR {
+    white-space: nowrap;
+  }
+}
+
+.ContextModal-module_footerWithSecondaryAction__xjDGo {
+  margin-left: calc(-1 * var(--spacing-sm, 0.75rem));
+}
+
+.ContextModal-module_emptyFooter__5uxeW {
+  height: var(--spacing-sm, 0.75rem);
+}
+
+.ContextModal-module_portraitContentlayout__FA85g {
+  padding: var(--spacing-md, 1.5rem);
+  display: block;
+  box-sizing: content-box;
+}
+@media (min-width: 768px) {
+  .ContextModal-module_portraitContentlayout__FA85g {
+    display: grid;
+    max-width: 800px;
+    grid-auto-columns: 1fr;
+    grid-auto-flow: column;
+    column-gap: var(--spacing-xl, 3rem);
+    padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+  }
+}
+
+.ContextModal-module_landscapeContentlayout__MNl8p {
+  display: flex;
+  padding: var(--spacing-md, 1.5rem);
+  flex-direction: column;
+}
+@media (min-width: 768px) {
+  .ContextModal-module_landscapeContentlayout__MNl8p {
+    padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
+  }
+}
+.ContextModal-module_landscapeContentlayout__MNl8p .ContextModal-module_image__4FS7o {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.ContextModal-module_landscapeContentlayout__MNl8p .ContextModal-module_content__oWWWs {
+  padding-left: 0;
+}
+@media (min-width: 768px) {
+  .ContextModal-module_landscapeContentlayout__MNl8p .ContextModal-module_content__oWWWs {
+    max-width: 100%;
+  }
+}
+:import("../Primitives/GenericModal.module.scss") {
+  i__imported_genericModal_0: genericModal;
+} /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+.RoadblockModal-module_modal__tYlen {
+  min-width: 300px;
+  max-width: 600px;
+}
+
+.RoadblockModal-module_header__FRRfI {
+  padding: var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-sm, 0.75rem);
+  text-align: center;
+  position: relative;
+}
+
+.RoadblockModal-module_headerBackground__66Xg- {
+  background-color: var(--color-orange-100, #fff0e8);
+  height: 120px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
+}
+
+.RoadblockModal-module_body__iGIT7 {
+  padding: var(--spacing-md, 1.5rem) var(--spacing-xxxxl, 5.25rem) var(--spacing-sm, 0.75rem);
+}
+
+.RoadblockModal-module_iconContainer__7kh6- {
+  position: relative;
+  margin-bottom: var(--spacing-sm, 0.75rem);
+}
+
+.RoadblockModal-module_spotIcon__dLnAj {
+  width: 155px;
+  height: 155px;
+  margin: 0 auto;
+}
+.Brand-module_img__YE-W7 {
+  max-inline-size: 100%;
+  display: flex;
+}
+.Branding-module_branding__Oayqr{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__Oayqr{justify-content:unset}}.Branding-module_logo__rTXU9{flex-basis:7.5rem}
+.Root-module_root__cfRZi{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center;top:0}@media (min-width:768px){.Root-module_root__cfRZi{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky}}
+.Workflow-module_workflowWrapper__2ds6v{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}