@kaizen/components 1.70.9 → 1.70.11

package/dist/styles.css

@@ -49,300 +49,306 @@
   display: inherit;
 }
 
-/** 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__LY2q2 {
-  background: var(--color-gray-300, #eaeaec);
+.Avatar-module_wrapper__elyMq {
+  --avatar-x-y: 1.5rem;
+
+  background: var(--color-gray-300);
   border-radius: 100%;
   box-sizing: border-box;
   overflow: hidden;
   align-items: center;
   display: flex;
   justify-content: center;
+  width: var(--avatar-x-y);
+  height: var(--avatar-x-y);
+  box-shadow: var(--shadow-small-box-shadow);
+  border: 3px solid var(--color-white);
 }
-.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS) {
-  box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
-  border: 3px solid var(--color-white, #ffffff);
-}
-.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7-- {
-  background: var(--color-orange-100, #fff0e8);
-}
-.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl {
-  background: var(--color-gray-300, #eaeaec);
-}
-.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE {
-  border: 0;
-  background: var(--color-white, #ffffff);
-  padding: 6px;
-  border-radius: var(--border-solid-border-radius, 7px);
-}
-.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS {
-  width: 1.25rem;
-  height: 1.25rem;
+
+.Avatar-module_small__xytAy {
+  box-shadow: none;
+  border: none;
+
+  --avatar-x-y: 1.25rem;
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q {
-  margin-bottom: -1px;
+
+.Avatar-module_medium__gDEnT {
+  --avatar-x-y: 3rem;
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE {
-  padding: 0;
+
+.Avatar-module_large__bexrc {
+  --avatar-x-y: 4.5rem;
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 {
-  width: 3rem;
-  height: 3rem;
+
+.Avatar-module_xlarge__ifASs {
+  --avatar-x-y: 6rem;
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q {
-  margin-bottom: -1px;
+
+.Avatar-module_xxlarge__g7bx6 {
+  --avatar-x-y: 7.75rem;
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs {
-  width: 4.5rem;
-  height: 4.5rem;
+
+/* Themes */
+.Avatar-module_personal__bq8mM {
+  background: var(--color-orange-100);
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG {
-  width: 6rem;
-  height: 6rem;
+
+.Avatar-module_otherUser__U2h5P {
+  background: var(--color-gray-300);
 }
-.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq {
-  width: 7.75rem;
-  height: 7.75rem;
+
+.Avatar-module_company__YVflF {
+  border: 0;
+  background: var(--color-white);
+  padding: var(--spacing-6);
+  border-radius: var(--border-solid-border-radius);
 }
-.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q {
-  text-decoration: none;
-  speak-as: spell-out;
-  border-bottom: none;
+
+.Avatar-module_small__xytAy.Avatar-module_company__YVflF {
+  padding: 0;
 }
 
-.Avatar-module_avatarImage__FuULy {
+.Avatar-module_avatarImage__pHTCF {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy {
+
+.Avatar-module_avatarImage__pHTCF.Avatar-module_loading__2i5YE {
   display: none;
 }
 
-.Avatar-module_companyAvatarImage__7rlfG {
+.Avatar-module_companyAvatarImage__aGdNm {
   object-fit: contain;
   box-sizing: border-box;
-  border-radius: 4px;
+  border-radius: var(--spacing-4);
 }
 
-.Avatar-module_fallbackIcon__MPWxq {
-  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
-  font-size: var(--avatar-fallback-icon-size);
-}
-.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq {
-  --avatar-fallback-icon-size: calc(7.75rem * 0.8);
+.Avatar-module_fallbackIcon__RUoRR {
+  color: rgba(var(--color-purple-800-rgb), 0.7);
+  font-size: calc(var(--avatar-x-y) * 0.7);
 }
-.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq {
-  --avatar-fallback-icon-size: calc(6rem * 0.8);
-}
-.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq {
-  --avatar-fallback-icon-size: calc(4.5rem * 0.7);
-}
-.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq {
-  --avatar-fallback-icon-size: calc(3rem * 0.7);
-}
-.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq {
-  --avatar-fallback-icon-size: calc(1.25rem * 0.7);
+
+.Avatar-module_xlarge__ifASs .Avatar-module_fallbackIcon__RUoRR,
+.Avatar-module_xxlarge__g7bx6 .Avatar-module_fallbackIcon__RUoRR {
+  font-size: calc(var(--avatar-x-y) * 0.8);
 }
 
-.Avatar-module_initials__VDY2Q {
+.Avatar-module_initials__85roP {
   box-sizing: border-box;
-  color: var(--color-purple-800, #2f2438);
+  color: var(--color-purple-800);
   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, 500);
-  letter-spacing: var(--typography-heading-3-letter-spacing, normal);
+  font-size: var(--typography-heading-3-font-size);
+  font-family: var(--typography-heading-1-font-family);
+  font-weight: var(--typography-heading-1-font-weight);
+  letter-spacing: var(--typography-heading-3-letter-spacing);
 }
-.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf)::before {
-  content: "";
+
+.Avatar-module_initials__85roP.Avatar-module_longName__02zNk::before {
+  content: none;
+}
+
+.Avatar-module_initials__85roP::before {
+  content: '';
   display: block;
   margin-top: -0.001em;
 }
-.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q, .Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q {
-  font-size: 34px;
-  letter-spacing: var(--typography-heading-1-letter-spacing, normal);
+
+.Avatar-module_wrapper__elyMq .Avatar-module_initials__85roP {
+  text-decoration: none;
+  speak-as: spell-out;
+
+  /* to override materialize.css global styling in performance-ui,
+  * which sets a border-bottom on abbr tags
+  */
+  border-bottom: none;
 }
-.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q {
-  font-size: 16px;
-  font-weight: var(--typography-heading-5-font-weight, 600);
-  letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+
+.Avatar-module_xlarge__ifASs .Avatar-module_initials__85roP,
+.Avatar-module_xxlarge__g7bx6 .Avatar-module_initials__85roP {
+  font-size: var(--typography-heading-1-font-size);
+  letter-spacing: var(--typography-heading-1-letter-spacing);
 }
-.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q {
-  font-size: 8px;
-  font-weight: var(--typography-heading-5-font-weight, 600);
-  letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+
+.Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
+  font-size: var(--typography-heading-5-font-size);
 }
 
-/* stylelint-enable no-descending-specificity */
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.AvatarGroup-module_AvatarGroup__bdL0o {
+.Avatar-module_small__xytAy .Avatar-module_initials__85roP {
+  font-size: 0.5rem;
+}
+
+.Avatar-module_small__xytAy .Avatar-module_initials__85roP,
+.Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
+  margin-bottom: -1px;
+  font-weight: var(--typography-heading-5-font-weight);
+  letter-spacing: var(--typography-heading-5-letter-spacing);
+}
+
+.AvatarGroup-module_AvatarGroup__xftR5 {
   display: inline-flex;
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
-.AvatarGroup-module_AvatarCounter__PKFzl {
+.AvatarGroup-module_AvatarCounter__0DCSW {
   direction: ltr;
   align-items: center;
-  background: var(--color-gray-300, #eaeaec);
-  border: 3px solid var(--color-white, #ffffff);
+  background: var(--color-gray-300);
+  border: 3px solid var(--color-white);
   border-radius: 100%;
   box-sizing: border-box;
-  box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
+  box-shadow: var(--shadow-small-box-shadow);
   display: flex;
   justify-content: center;
   overflow: hidden;
+  width: var(--avatar-x-y, 1.25rem);
+  height: var(--avatar-x-y, 1.25rem);
+  font-family: var(--typography-heading-5-font-family);
+  font-weight: var(--typography-heading-5-font-weight);
+  letter-spacing: var(--typography-heading-5-letter-spacing);
+}
+
+.AvatarGroup-module_AvatarGroupItem__s8miW + .AvatarGroup-module_AvatarGroupItem__s8miW {
+  margin-inline-start: calc((var(--avatar-x-y)) / -2);
 }
 
-.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
-  margin-inline-start: calc(1.25rem / -2);
+.AvatarGroup-module_small__zX0AT {
+  --avatar-x-y: 1.25rem;
 }
-.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl {
+
+.AvatarGroup-module_small__zX0AT .AvatarGroup-module_AvatarCounter__0DCSW {
   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__af52y .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
-  margin-inline-start: calc(3rem / -2);
+.AvatarGroup-module_medium__0Vlk8 {
+  --avatar-x-y: 3rem;
 }
-.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl {
-  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_medium__0Vlk8 .AvatarGroup-module_AvatarCounter__0DCSW {
+  font-size: var(--typography-heading-5-font-size);
 }
 
-.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
-  margin-inline-start: calc(4.5rem / -2);
+.AvatarGroup-module_large__c1ZHO {
+  --avatar-x-y: 4.5rem;
 }
-.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl {
-  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, 600);
-  letter-spacing: var(--typography-heading-3-letter-spacing, normal);
+
+.AvatarGroup-module_large__c1ZHO .AvatarGroup-module_AvatarCounter__0DCSW {
+  font-family: var(--typography-heading-3-font-family);
+  font-size: var(--typography-heading-3-font-size);
+  font-weight: var(--typography-heading-3-font-weight);
+  letter-spacing: var(--typography-heading-3-letter-spacing);
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.Badge-module_badge__CRtsW {
-  border-radius: var(--spacing-sm, 0.75rem);
-  color: var(--color-purple-800, #2f2438);
+
+.Badge-module_badge__ojFmb {
+  border-radius: var(--spacing-12);
+  color: var(--color-purple-800);
   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);
+  font-family: var(--typography-paragraph-extra-small-font-family);
+  font-size: var(--typography-paragraph-extra-small-font-size);
+  font-weight: var(--typography-paragraph-bold-font-weight);
+  letter-spacing: var(--typography-paragraph-extra-small-letter-spacing);
+  line-height: var(--typography-paragraph-extra-small-line-height);
+  padding: 1px var(--spacing-6);
   min-width: 8px;
   text-align: center;
+  background-color: var(--badge-background-color, var(--color-gray-300));
+}
+
+.Badge-module_reversed__C5Glu {
+  --badge-background-color: rgba(var(--color-white-rgb), 0.1);
+
+  color: var(--color-white);
+}
+
+.Badge-module_reversed__C5Glu.Badge-module_active__18-He {
+  --badge-background-color: var(--color-green-300);
+
+  color: var(--color-purple-800);
+}
+
+.Badge-module_reversed__C5Glu.Badge-module_dark__SjUFf {
+  --badge-background-color: var(--color-purple-700);
+
+  color: var(--color-white);
 }
 
-.Badge-module_badge__CRtsW.Badge-module_large__0QOpY {
+.Badge-module_large__K10-T {
   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);
+  border-radius: var(--spacing-48);
+  font-size: var(--typography-data-medium-font-size);
+  line-height: var(--typography-data-medium-line-height);
+  letter-spacing: var(--typography-data-medium-letter-spacing);
   padding: 2px 1.875rem;
   width: 24px;
 }
 
-.Badge-module_default__k4Kcf {
-  background-color: var(--color-gray-300, #eaeaec);
-  color: var(--color-purple-800, #2f2438);
-}
+.Badge-module_active__18-He {
+  --badge-background-color: var(--color-blue-500);
 
-.Badge-module_active__-e-i2 {
-  background-color: var(--color-blue-500, #0168b3);
-  color: var(--color-white, #ffffff);
+  color: var(--color-white);
 }
 
-.Badge-module_reversed__OgQLB.Badge-module_active__-e-i2 {
-  background-color: var(--color-green-300, #8fdbc7);
-  color: var(--color-purple-800, #2f2438);
-}
+.Badge-module_dark__SjUFf {
+  --badge-background-color: rgba(var(--color-purple-700-rgb), 0.1);
 
-.Badge-module_dark__RH34a {
-  background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.1);
-  color: var(--color-purple-800, #2f2438);
+  color: var(--color-purple-800);
 }
 
-.Badge-module_dot__BOKL1 {
-  background-color: var(--color-green-300, #8fdbc7);
-  padding: var(--spacing-xs, 0.375rem);
+.Badge-module_dot__NIjOQ {
+  --badge-background-color: var(--color-green-300);
+
+  padding: var(--spacing-6);
   min-width: unset;
 }
 
-.Badge-module_dot__BOKL1.Badge-module_large__0QOpY {
-  background-color: var(--color-green-300, #8fdbc7);
+.Badge-module_dot__NIjOQ.Badge-module_large__K10-T {
   padding: 1.875rem;
   width: unset;
 }
 
-.Badge-module_reversed__OgQLB.Badge-module_dot__BOKL1 {
-  background-color: var(--color-green-300, #8fdbc7);
-}
-
-.Badge-module_reversed__OgQLB.Badge-module_dark__RH34a {
-  background-color: var(--color-purple-700, #4a234d);
-  color: var(--color-white, #ffffff);
+.Badge-module_animation__hYW2H {
+  display: inherit;
 }
 
-.Badge-module_reversed__OgQLB {
-  background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
-  color: var(--color-white, #ffffff);
-}
+.Badge-module_animation__hYW2H .Badge-module_badge__ojFmb {
+  --badge-duration-timing: (var(--animation-duration-slow) / 2)
+    var(--animation-easing-function-ease-in);
 
-.Badge-module_animation__NTy6C {
-  display: inherit;
-}
-.Badge-module_animation__NTy6C .Badge-module_badge__CRtsW {
-  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));
+  transition:
+    transform var(--badge-duration-timing),
+    background-color var(--badge-duration-timing);
   transform-origin: center;
   transform: scale3d(1, 1, 1);
 }
-.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW {
+
+.Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb {
   transform: scale3d(1.35, 1.35, 1.35);
 }
-.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dark__RH34a {
-  background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.2);
-}
-.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_active__-e-i2 {
-  background-color: var(--color-blue-500, #0168b3);
-  color: var(--color-white, #ffffff);
+
+.Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_dark__SjUFf {
+  --badge-background-color: rgba(var(--color-purple-700-rgb), 0.2);
 }
-.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dot__BOKL1 {
-  background-color: var(--color-green-300, #8fdbc7);
+
+.Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_active__18-He {
+  --badge-background-color: var(--color-blue-500);
+
+  color: var(--color-white);
 }
-.Brand-module_img__uWvra {
+
+.Brand-module_img__-kq3F {
   max-inline-size: 100%;
   display: flex;
 }
+
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -1193,10 +1199,7 @@
 .Text-module_negative__agbge {
   color: var(--color-red-600, #a82433);
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.BrandMoment-module_body__J4lls {
+.BrandMoment-module_body__mZWwj {
   width: 100%;
   min-height: 100vh;
   display: flex;
@@ -1206,177 +1209,190 @@
 }
 
 /** @deprecated */
-.BrandMoment-module_positive__78wqJ {
+.BrandMoment-module_positive__BUY8h {
   --brand-moment-background-color: var(--color-green-100);
 }
 
-.BrandMoment-module_negative__atXal {
+.BrandMoment-module_negative__dGxqH {
   --brand-moment-background-color: var(--color-red-100);
 }
 
 /** end @deprecated */
-.BrandMoment-module_informative__Qvwcd {
+.BrandMoment-module_informative__RDHFy {
   --brand-moment-background-color: var(--color-blue-100);
 }
 
-.BrandMoment-module_success__v503M {
+.BrandMoment-module_success__i-7Fl {
   --brand-moment-background-color: var(--color-green-100);
 }
 
-.BrandMoment-module_warning__dWih8 {
+.BrandMoment-module_warning__iuyDr {
   --brand-moment-background-color: var(--color-red-100);
 }
 
-.BrandMoment-module_container__4ORHI {
-  max-width: 1392px;
+.BrandMoment-module_container__OlSoH {
+  max-width: var(--layout-content-max-width);
   margin: 0 auto;
-  padding: 0 var(--spacing-md, 1.5rem);
+  padding: 0 var(--spacing-24);
 }
 
-@media (min-width: 1080px) {
-  .BrandMoment-module_container__4ORHI {
-    padding: 0 var(--spacing-xxl, 3.75rem);
+@media (width >= 1080px) {
+  .BrandMoment-module_container__OlSoH {
+    padding: 0 var(--spacing-64);
   }
 }
-@media (min-width: 1366px) {
-  .BrandMoment-module_container__4ORHI {
-    padding: 0 var(--spacing-xxxxl, 5.25rem);
+
+@media (width >= 1366px) {
+  .BrandMoment-module_container__OlSoH {
+    padding: 0 var(--spacing-80);
   }
 }
-.BrandMoment-module_header__EAP5Q {
+
+.BrandMoment-module_header__sKrWW {
   inline-size: 100%;
-  margin-block-end: var(--spacing-md, 1.5rem);
+  margin-block-end: var(--spacing-24);
 }
 
-.BrandMoment-module_main__cdWko {
+.BrandMoment-module_main__sTJzS {
   flex: 1 0 auto;
   display: flex;
   align-items: center;
-  margin-block-end: var(--spacing-xxl, 3.75rem);
+  margin-block-end: var(--spacing-64);
 }
 
-.BrandMoment-module_mainInner__xsFA6 {
+.BrandMoment-module_mainInner__rdzJ- {
   display: grid;
   grid-template-columns: 1fr;
-  gap: var(--spacing-xl, 3rem) var(--spacing-lg, 2.25rem);
+  gap: var(--spacing-48) var(--spacing-32);
   align-items: center;
 }
 
-@media (min-width: 768px) {
-  .BrandMoment-module_mainInner__xsFA6 {
-    row-gap: var(--spacing-xxl, 3.75rem);
+@media (width >= 768px) {
+  .BrandMoment-module_mainInner__rdzJ- {
+    row-gap: var(--spacing-64);
   }
 }
-@media (min-width: 1080px) {
-  .BrandMoment-module_mainInner__xsFA6 {
+
+@media (width >= 1080px) {
+  .BrandMoment-module_mainInner__rdzJ- {
     grid-template-columns: 1fr 1fr;
   }
 }
-@media (min-width: 1366px) {
-  .BrandMoment-module_mainInner__xsFA6 {
-    column-gap: var(--spacing-xxxxl, 5.25rem);
+
+@media (width >= 1366px) {
+  .BrandMoment-module_mainInner__rdzJ- {
+    column-gap: var(--spacing-80);
   }
 }
-.BrandMoment-module_left__ZHJiM {
+
+.BrandMoment-module_left__4j1kF {
   display: flex;
   justify-content: center;
 }
 
-.BrandMoment-module_leftInner__TY5DY {
+.BrandMoment-module_leftInner__41Xmt {
   width: 100%;
   max-width: 525px;
 }
 
-.BrandMoment-module_right__B-PR2 {
+.BrandMoment-module_right__Jly5e {
   flex-direction: column;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.BrandMoment-module_rightInner__XvQ5Y {
+.BrandMoment-module_rightInner__Q9Fb1 {
   max-width: 543px;
 }
 
-.BrandMoment-module_subtitle__z9PL8 {
-  margin-bottom: var(--spacing-12, 0.75rem);
+.BrandMoment-module_subtitle__ga5-B {
+  margin-bottom: var(--spacing-12);
 }
 
-.BrandMoment-module_title__GrdAR {
-  margin-bottom: var(--spacing-lg, 2.25rem);
+.BrandMoment-module_title__D5j2N {
+  margin-bottom: var(--spacing-32);
 }
 
-.BrandMoment-module_textBody__W6LvQ {
-  margin-bottom: var(--spacing-lg, 2.25rem);
+.BrandMoment-module_textBody__oNXGM {
+  margin-bottom: var(--spacing-32);
 }
 
-.BrandMoment-module_secondaryAction__d18oJ {
-  margin-block-start: var(--spacing-sm, 0.75rem);
+.BrandMoment-module_secondaryAction__t5zMV {
+  margin-block-start: var(--spacing-12);
 }
 
-@media (min-width: 768px) {
-  .BrandMoment-module_actions__Z3NrK {
+@media (width >= 768px) {
+  .BrandMoment-module_actions__qYQHB {
     display: flex;
   }
-  .BrandMoment-module_secondaryAction__d18oJ {
+
+  .BrandMoment-module_secondaryAction__t5zMV {
     margin-block-start: 0;
-    margin-inline-start: var(--spacing-sm, 0.75rem);
+    margin-inline-start: var(--spacing-12);
   }
 }
-@media (min-width: 1080px) {
-  .BrandMoment-module_left__ZHJiM {
+
+@media (width >= 1080px) {
+  .BrandMoment-module_left__4j1kF {
     justify-content: flex-end;
   }
-  .BrandMoment-module_right__B-PR2 {
+
+  .BrandMoment-module_right__Jly5e {
     align-items: flex-start;
   }
 }
-.BrandMoment-module_footer__vSeX1 {
+
+.BrandMoment-module_footer__RXyg- {
   flex: 0 0 auto;
 }
 
-.BrandMoment-module_footerInner__Wt9Rt {
+.BrandMoment-module_footerInner__rTK8U {
   display: flex;
   flex-direction: column;
-  border-block-start: 1px solid var(--color-purple-800, #2f2438);
-  border-inline-start: 1px solid var(--color-purple-800, #2f2438);
-  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1.5rem);
-  margin-block-end: var(--spacing-lg, 2.25rem);
+  border-block-start: 1px solid var(--color-purple-800);
+  border-inline-start: 1px solid var(--color-purple-800);
+  padding: var(--spacing-12) var(--spacing-24);
+  margin-block-end: var(--spacing-32);
 }
 
-.BrandMoment-module_poweredByContainer__OkhVN {
+.BrandMoment-module_poweredByContainer__vIfJu {
   flex: 0 0 auto;
   order: 2;
   display: flex;
 }
 
-.BrandMoment-module_footerTextContainer__8iin9 {
+.BrandMoment-module_footerTextContainer__2GPk4 {
   flex: 1 1 auto;
   order: 1;
-  margin-block-end: var(--spacing-md, 1.5rem);
+  margin-block-end: var(--spacing-24);
 }
 
-.BrandMoment-module_poweredByLogo__w6M7o {
-  margin-inline-start: var(--spacing-xs, 0.375rem);
-}
-.BrandMoment-module_poweredByLogo__w6M7o > img {
-  max-width: 133px;
+.BrandMoment-module_poweredByLogo__BL-Ti {
+  margin-inline-start: var(--spacing-6);
+
+  > img {
+    max-width: 133px;
+  }
 }
 
-@media (min-width: 1080px) {
-  .BrandMoment-module_footerInner__Wt9Rt {
+@media (width >= 1080px) {
+  .BrandMoment-module_footerInner__rTK8U {
     flex-direction: row;
     align-items: center;
   }
-  .BrandMoment-module_footerTextContainer__8iin9 {
+
+  .BrandMoment-module_footerTextContainer__2GPk4 {
     order: initial;
     margin-block-end: 0;
-    margin-inline-start: var(--spacing-md, 1.5rem);
+    margin-inline-start: var(--spacing-24);
   }
-  .BrandMoment-module_poweredByContainer__OkhVN {
+
+  .BrandMoment-module_poweredByContainer__vIfJu {
     order: initial;
   }
 }
+
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -1575,39 +1591,55 @@
 .Tooltip-module_displayInlineFlex__quEIM {
   display: inline-flex;
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j {
-  border-start-start-radius: var(--border-focus-ring-border-radius, 10px);
-  border-end-start-radius: var(--border-focus-ring-border-radius, 10px);
-}
-
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx {
-  border-start-end-radius: var(--border-focus-ring-border-radius, 10px);
-  border-end-end-radius: var(--border-focus-ring-border-radius, 10px);
-}
+.ButtonGroup-module_buttonGroup__V0Pf9 {
+  --focus-ring-offset: 1px;
+  --focus-ring-offset-inner: calc(-1 * var(--focus-ring-offset));
 
-.ButtonGroup-module_buttonGroup__bsy2X {
   display: inline-flex;
 }
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP- {
+
+.ButtonGroup-module_child__j1SVF {
   border-radius: 0;
 }
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible::after {
+
+.ButtonGroup-module_child__j1SVF:focus-visible::after {
   border-radius: 0;
 }
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j) {
-  border-inline-start: 1px solid var(--color-blue-300, #73c0e8);
+
+.ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS) {
+  border-inline-start: 1px solid var(--color-blue-300);
+}
+
+.ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS, .ButtonGroup-module_lastChild__WBOpN) {
+  &:focus-visible {
+    &::after {
+      inset-inline: var(--focus-ring-offset-inner);
+    }
+  }
+}
+
+.ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS {
+  border-start-start-radius: var(--border-focus-ring-border-radius);
+  border-end-start-radius: var(--border-focus-ring-border-radius);
 }
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j, .ButtonGroup-module_lastChild__Vicsx):focus-visible::after {
-  inset-inline: calc(-1 * 1px) calc(-1 * 1px);
+
+.ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS:focus-visible::after {
+  border-start-start-radius: var(--border-focus-ring-border-radius);
+  border-end-start-radius: var(--border-focus-ring-border-radius);
+  inset-inline-end: var(--focus-ring-offset-inner);
 }
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after {
-  inset-inline-end: calc(-1 * 1px);
+
+.ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN {
+  border-start-end-radius: var(--border-focus-ring-border-radius);
+  border-end-end-radius: var(--border-focus-ring-border-radius);
 }
-.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after {
-  inset-inline-start: calc(-1 * 1px);
+
+.ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN:focus-visible::after {
+  border-start-end-radius: var(--border-focus-ring-border-radius);
+  border-end-end-radius: var(--border-focus-ring-border-radius);
+  inset-inline-start: var(--focus-ring-offset-inner);
 }
+
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/