@kaizen/components 1.74.3 → 1.75.1

package/dist/styles.css

@@ -4329,1421 +4329,1412 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
 .Focusable-module_focusableWrapper__zd-5E {
   display: inline-flex;
 }
-.GuidanceBlock-module_rightMargin__T6JO2 {
-  margin-right: var(--spacing-8);
+.PendingContent-module_pendingContent__wJPsU {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--button-pending-content-gap, var(--spacing-6));
 }
 
-.GuidanceBlock-module_noRightMargin__MczwN {
-  margin-right: 0;
+.PendingContent-module_large__z5VyQ {
+  --button-pending-content-gap: var(--spacing-8);
 }
 
-.GuidanceBlock-module_banner__7FT39.GuidanceBlock-module_noMaxWidth__UCCUk {
-  max-width: inherit;
+.PendingContent-module_centerSpinner__maOON {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
 
-.GuidanceBlock-module_banner__7FT39 {
-  --border-width: var(--border-width-1);
-  --banner-padding: var(--spacing-lg);
+.ButtonContent-module_buttonContent__-eYde {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--button-icon-gap, var(--spacing-6));
+}
 
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-12);
-  min-width: 320px;
-  max-width: var(--layout-breakpoints-large);
-  border: var(--border-width) var(--border-solid-border-style);
+.ButtonContent-module_large__h9u9- {
+  --button-icon-gap: var(--spacing-8);
+}
+
+.ButtonContent-module_buttonLabel__eYzcT {
+  display: inline-flex;
+  align-items: center;
+}
+
+.ButtonContent-module_buttonIcon__N6gMH {
+  display: inline-flex;
+  align-items: center;
+}
+
+.Button-module_button__Rz7PM {
+  /* RESET */
+  appearance: none;
+  background: transparent;
+  font: inherit;
+  margin: 0;
+  outline: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  --button-min-x-y: var(--spacing-40);
+  --button-border-width: var(--border-solid-border-width);
+  --button-padding-y: calc(var(--spacing-8) - var(--button-border-width));
+  --button-padding-x: calc(var(--spacing-16) - var(--button-border-width));
+
+  background-color: var(--button-bg-color, var(--color-blue-500));
+  border: var(--button-border-width) solid;
   border-radius: var(--border-solid-border-radius);
-  padding: calc(var(--banner-padding) - var(--border-width));
-  box-shadow: var(--shadow-small-box-shadow);
+  border-color: var(--button-border-color, var(--color-blue-500));
+  box-sizing: border-box;
+  color: var(--button-text-color, var(--color-white));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+  font-family: var(--button-font-family, var(--typography-paragraph-body-font-family));
+  font-weight: var(--button-font-weight, 500);
+  font-size: var(--button-font-size, 1rem);
+  line-height: var(--button-line-height, 1.5rem);
+  min-height: var(--button-min-x-y);
+  min-width: var(--button-min-x-y);
   position: relative;
-  top: -1px;
-  transition:
-    opacity var(--animation-duration-slow) ease,
-    margin-top var(--animation-duration-fast) var(--animation-duration-slow) ease;
-  color: var(--color-purple-800);
+  padding: var(--button-padding-y) var(--button-padding-x);
 
-  @media (width >= 1024px) {
-    min-height: calc(12rem - calc(var(--banner-padding) * 2));
-    flex-direction: row;
-    gap: var(--spacing-24);
-    width: auto;
-    align-items: center;
+  &[data-hovered] {
+    --button-bg-color: var(--color-blue-600);
+    --button-border-color: var(--color-blue-600);
   }
 
-  @media (width <= 767px) {
-    min-width: unset;
+  &[data-pressed] {
+    --button-bg-color: var(--color-blue-700);
+    --button-border-color: var(--color-blue-700);
   }
-}
 
-.GuidanceBlock-module_illustrationWrapper__tK4Xr {
-  display: flex;
+  &[data-pending] {
+    --button-bg-color: var(--color-blue-700);
+    --button-border-color: var(--color-blue-700);
+  }
 
-  @media (768px <= width <= 1023px) {
-    text-align: center;
-    justify-content: center;
-    align-self: center;
-    padding: var(--spacing-12);
+  &.Button-module_isDisabled__Q2KAS {
+    --button-bg-color: var(--color-gray-400);
+    --button-border-color: var(--color-gray-400);
+    --button-text-color: var(--color-white);
   }
 
-  @media (width <= 767px) {
-    display: none;
+  &[data-focus-visible] {
+    outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style)
+      var(--color-blue-500);
+    outline-offset: 1px;
   }
 }
 
-.GuidanceBlock-module_illustration__LiDV3 {
-  --illustration-size: 155px;
-  --scene-illustration-size: 300px;
+.Button-module_fullWidth__aMtlw {
+  width: 100%;
+}
 
-  width: var(--illustration-size);
-  height: var(--illustration-size);
+.Button-module_small__nX-i2 {
+  --button-font-size: 0.75rem;
+  --button-line-height: 1rem;
+  --button-min-x-y: var(--spacing-32);
+  --icon-size: 16;
+}
 
-  /* This has been created to handle scene illustrations consistently until the tile component is created */
-  .GuidanceBlock-module_hasSceneIllustration__eBOyt & {
-    display: flex;
-    justify-content: center;
-    max-width: var(--scene-illustration-size);
-    max-height: var(--scene-illustration-size);
-    width: var(--scene-illustration-size);
-    height: auto;
+.Button-module_medium__6gRIb {
+  --button-padding-x: calc(var(--spacing-20) - var(--button-border-width));
+  --button-padding-y: calc(var(--spacing-8) - var(--button-border-width));
+  --button-min-x-y: var(--spacing-40);
+  --icon-size: 24;
+}
 
-    figure {
-      max-height: 100%;
-      max-width: 100%;
-      aspect-ratio: 4/3;
-    }
+.Button-module_large__FRilu {
+  --button-padding-x: calc(var(--spacing-24) - var(--button-border-width));
+  --button-padding-y: calc(var(--spacing-12) - var(--button-border-width));
+  --button-min-x-y: var(--spacing-48);
+  --icon-size: 24;
+}
 
-    img {
-      height: 100%;
-      object-fit: contain;
-      object-position: center;
-    }
-  }
+.Button-module_smallIconButton__mKoYp,
+.Button-module_mediumIconButton__PC35j {
+  --button-padding-x: calc(var(--spacing-8) - var(--button-border-width));
+  --button-padding-y: calc(var(--spacing-8) - var(--button-border-width));
 }
 
-.GuidanceBlock-module_descriptionContainer__w1-P- {
-  flex: 1;
-  text-align: center;
-  align-self: center;
-  max-width: 780px;
+.Button-module_largeIconButton__VtPZf {
+  --button-padding-x: calc(var(--spacing-12) - var(--button-border-width));
+  --button-padding-y: calc(var(--spacing-12) - var(--button-border-width));
+}
 
-  @media (width >= 1024px) {
-    padding: 0 var(--spacing-12);
-    text-align: start;
+.Button-module_secondary__D42kZ {
+  --button-bg-color: var(--color-white);
+  --button-border-color: var(--color-gray-500);
+  --button-text-color: var(--color-purple-800);
+
+  &[data-hovered] {
+    --button-bg-color: var(--color-gray-200);
+    --button-border-color: var(--color-gray-600);
   }
 
-  @media (width <= 767px) {
-    margin: var(--spacing-12);
-    max-width: 100%;
+  &[data-pressed] {
+    --button-bg-color: var(--color-gray-300);
+    --button-border-color: var(--color-black);
   }
-}
 
-.GuidanceBlock-module_descriptionAndActions__aQhc9 {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-24);
+  &[data-pending] {
+    --button-bg-color: var(--color-gray-300);
+    --button-border-color: var(--color-black);
+  }
 
-  @media (width <= 1023px) {
-    flex-direction: column;
-    width: 100%;
-    align-items: unset;
+  &.Button-module_isDisabled__Q2KAS {
+    --button-bg-color: var(--color-white);
+    --button-border-color: var(--color-gray-400);
+    --button-text-color: var(--color-gray-400);
   }
 }
 
-.GuidanceBlock-module_buttonContainer__bcVmB {
-  display: flex;
-  flex: 1 0 auto;
-  justify-content: center;
-  flex-direction: row-reverse;
-  gap: var(--spacing-12);
-  min-width: max-content;
+.Button-module_tertiary__qL7wD {
+  --button-bg-color: transparent;
+  --button-border-color: transparent;
+  --button-text-color: var(--color-purple-800);
 
-  @media (width >= 768px) {
-    text-align: center;
+  &[data-hovered],
+  &[data-pressed],
+  &[data-pending] {
+    --button-text-color: var(--color-blue-500);
   }
 
-  @media (width <= 767px) {
-    flex-direction: column;
-    width: 100%;
-    margin-top: var(--spacing-6);
+  &[data-hovered] {
+    --button-bg-color: var(--color-blue-200);
+    --button-border-color: var(--color-blue-200);
   }
-}
 
-.GuidanceBlock-module_hidden__mwvrs {
-  opacity: 0;
-  margin-bottom: 0;
-}
+  &[data-pressed] {
+    --button-bg-color: var(--color-blue-100);
+    --button-border-color: var(--color-blue-100);
+  }
 
-.GuidanceBlock-module_headingWrapper__OfZB5 {
-  margin-bottom: var(--spacing-24);
+  &[data-pending] {
+    --button-bg-color: var(--color-blue-100);
+    --button-border-color: var(--color-blue-100);
+  }
+
+  &.Button-module_isDisabled__Q2KAS {
+    --button-bg-color: transparent;
+    --button-border-color: transparent;
+    --button-text-color: var(--color-gray-400);
+  }
 }
 
-.GuidanceBlock-module_default__7naG4 {
-  border-color: var(--color-gray-500);
-  background: var(--color-white);
-}
-
-.GuidanceBlock-module_positive__iCp-1 {
-  border-color: var(--color-green-500);
-  background: var(--color-green-100);
-}
-
-.GuidanceBlock-module_negative__wWBlw,
-.GuidanceBlock-module_assertive__bNdnQ {
-  border-color: var(--color-red-500);
-  background: var(--color-red-100);
-}
-
-.GuidanceBlock-module_informative__KeJWO {
-  border-color: var(--color-blue-400);
-  background: var(--color-blue-100);
-}
-
-.GuidanceBlock-module_cautionary__5Vkw6 {
-  border-color: var(--color-yellow-700);
-  background: var(--color-yellow-100);
-}
-
-.GuidanceBlock-module_prominent__rWTgt {
-  border-color: var(--color-purple-400);
-  background: var(--color-purple-100);
+.Button-module_primaryReversed__Sa4YW,
+.Button-module_secondaryReversed__u3qHz,
+.Button-module_tertiaryReversed__zn3XE {
+  &[data-focus-visible] {
+    outline-color: var(--color-blue-300);
+  }
 }
 
-.GuidanceBlock-module_inline__B-Ubr,
-.GuidanceBlock-module_stacked__4dS71 {
-  flex-flow: row wrap;
-  align-items: unset;
-  gap: var(--spacing-24);
-  min-width: unset;
+.Button-module_primaryReversed__Sa4YW {
+  --button-bg-color: var(--color-white);
+  --button-border-color: var(--color-white);
+  --button-text-color: var(--color-purple-800);
 
-  @media (width <= 1023px) {
-    flex-direction: unset;
+  &[data-hovered] {
+    --button-bg-color: var(--color-gray-200);
+    --button-border-color: var(--color-gray-200);
   }
 
-  .GuidanceBlock-module_illustrationWrapper__tK4Xr {
-    margin-inline-end: var(--spacing-12);
-
-    @media (768px <= width <= 1023px) {
-      padding: 0;
-    }
-
-    @media (width <= 767px) {
-      display: flex;
-    }
+  &[data-pressed] {
+    --button-bg-color: var(--color-gray-300);
+    --button-border-color: var(--color-gray-300);
   }
 
-  .GuidanceBlock-module_descriptionAndActions__aQhc9 {
-    margin: auto 0;
+  &[data-pending] {
+    --button-bg-color: var(--color-white);
+    --button-border-color: var(--color-white);
   }
 
-  .GuidanceBlock-module_descriptionContainer__w1-P- {
-    text-align: start;
-    max-width: unset;
-    min-width: 320px;
-
-    @media (width >= 1024px) {
-      padding: 0;
-    }
-
-    @media (width <= 767px) {
-      margin: 0;
-    }
+  &.Button-module_isDisabled__Q2KAS {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.2);
+    --button-border-color: transparent;
+    --button-text-color: rgba(var(--color-purple-800-rgb), 0.7);
   }
+}
 
-  .GuidanceBlock-module_buttonContainer__bcVmB {
-    padding-inline-start: var(--spacing-12);
-    justify-content: flex-start;
-    width: unset;
-    min-width: unset;
-
-    @media (width <= 767px) {
-      flex-direction: row-reverse;
-    }
+.Button-module_secondaryReversed__u3qHz {
+  --button-bg-color: transparent;
+  --button-border-color: var(--color-white);
+  --button-text-color: var(--color-white);
 
-    > * {
-      width: unset;
-    }
+  &[data-hovered] {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.2);
+    --button-border-color: var(--color-white);
   }
 
-  &.GuidanceBlock-module_hasSceneIllustration__eBOyt {
-    justify-content: center;
+  &[data-pressed] {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
+    --button-border-color: var(--color-white);
   }
 
-  &.GuidanceBlock-module_centerContent__9Vlup {
-    flex-direction: column;
-
-    &.GuidanceBlock-module_hasSceneIllustration__eBOyt .GuidanceBlock-module_illustration__LiDV3 {
-      width: 100%;
-    }
+  &[data-pending] {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
+    --button-border-color: var(--color-white);
+  }
 
-    .GuidanceBlock-module_illustrationWrapper__tK4Xr {
-      margin: 0 auto;
-      align-self: center;
-    }
+  &.Button-module_isDisabled__Q2KAS {
+    --button-bg-color: transparent;
+    --button-border-color: rgba(var(--color-white), 0.2);
+    --button-text-color: rgba(var(--color-white-rgb), 0.2);
+  }
+}
 
-    .GuidanceBlock-module_descriptionContainer__w1-P- {
-      text-align: center;
-      min-width: unset;
-    }
+.Button-module_tertiaryReversed__zn3XE {
+  --button-bg-color: transparent;
+  --button-border-color: transparent;
+  --button-text-color: var(--color-white);
 
-    .GuidanceBlock-module_buttonContainer__bcVmB {
-      padding: 0;
-      flex-direction: column;
-      min-width: unset;
-      justify-content: center;
-    }
+  &[data-hovered] {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.2);
+    --button-border-color: transparent;
   }
 
-  &.GuidanceBlock-module_centerContent__9Vlup.GuidanceBlock-module_smallScreenTextAlignment__-UXo9 {
-    .GuidanceBlock-module_descriptionContainer__w1-P- {
-      text-align: start;
-    }
+  &[data-pressed] {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
+    --button-border-color: transparent;
   }
-}
 
-/* stylelint-disable no-descending-specificity */
-.GuidanceBlock-module_stacked__4dS71 {
-  .GuidanceBlock-module_descriptionAndActions__aQhc9 {
-    flex-direction: column;
-    align-items: unset;
+  &[data-pending] {
+    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
+    --button-border-color: transparent;
   }
 
-  .GuidanceBlock-module_descriptionContainer__w1-P- {
-    align-self: flex-start;
+  &.Button-module_isDisabled__Q2KAS {
+    --button-bg-color: transparent;
+    --button-border-color: transparent;
+    --button-text-color: rgba(var(--color-white-rgb), 0.2);
   }
 }
-/* stylelint-enable no-descending-specificity */
 
-.SVG-module_icon__8J5Ev {
-  width: 20px;
-  height: 20px;
-  display: inline-block;
+.Button-module_hideContentWidth__yFzDQ {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  visibility: hidden;
 }
-.SVG-module_icon__8J5Ev > use {
-  pointer-events: none;
+
+.Button-module_retainContentWidth__Ftbt9 {
+  visibility: hidden;
 }
-@media screen and (-ms-high-contrast: active) {
-  .SVG-module_icon__8J5Ev {
-    color: black;
-  }
+
+.Menu-module_menu__Ifj2G {
+  background-color: var(--color-white);
+  color: var(--color-purple-800);
+  width: 248px;
+  max-height: 22rem;
+  overflow: auto;
+  padding-block: var(--spacing-6);
+  outline: none;
+  border-radius: var(--border-solid-border-radius);
+  box-shadow: var(--shadow-large-box-shadow);
 }
-@media screen and (-ms-high-contrast: white-on-black) {
-  .SVG-module_icon__8J5Ev {
-    color: white;
-  }
+
+.Menu-module_menu__Ifj2G .react-aria-Header {
+  font-family: var(--typography-heading-6-font-family);
+  font-size: var(--typography-heading-6-font-size);
+  letter-spacing: var(--typography-heading-6-letter-spacing);
+  font-weight: var(--typography-heading-6-font-weight);
+  line-height: var(--typography-heading-6-line-height);
+  padding: var(--spacing-6) 10px;
+  margin-inline: var(--spacing-6);
 }
-@media screen and (-ms-high-contrast: black-on-white) {
-  .SVG-module_icon__8J5Ev {
-    color: black;
+
+.Menu-module_menu__Ifj2G section:not(:last-of-type) {
+  &::after {
+    width: 100%;
+    height: 1px;
+    background-color: var(--border-solid-border-color);
+    content: '';
+    display: block;
+    margin-block: var(--spacing-6);
   }
 }
 
-.SVG-module_inheritSize__Q8iam {
-  width: inherit;
-  height: inherit;
+.MenuItem-module_item__6uibk {
   display: block;
+  font-family: var(--typography-paragraph-body-font-family);
+  font-size: var(--typography-paragraph-body-font-size);
+  letter-spacing: var(--typography-paragraph-body-letter-spacing);
+  font-weight: var(--typography-paragraph-body-font-weight);
+  line-height: var(--typography-paragraph-body-line-height);
+  color: var(--color-purple-800);
+  padding: var(--spacing-6) var(--spacing-8);
+  border: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) transparent;
+  border-radius: 4px;
+  margin-inline: var(--spacing-6);
+  text-decoration: none;
+  cursor: pointer;
 }
-/** 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 **/
-.GenericNotification-module_notification__-JP1M {
+
+.MenuItem-module_flexWrapper__iaiFs {
   display: flex;
-  box-sizing: border-box;
-  pointer-events: all;
+  gap: 0 var(--spacing-8);
+  align-items: center;
 }
-.GenericNotification-module_notification__-JP1M:focus {
-  outline-offset: 1px;
-  outline: 2px solid var(--color-blue-500);
-}
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
-  margin-bottom: var(--spacing-24, 1.5rem);
-  border-width: var(--border-width-1);
-  border-style: solid;
-  border-radius: var(--border-solid-border-radius, 7px);
-}
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5 {
-  width: auto;
-  min-height: 46px;
-  padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) var(--spacing-12, 0.75rem);
-  transition: opacity 200ms ease, transform 200ms ease-out, margin-top 200ms ease, margin-bottom 200ms ease;
-}
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
-  container-type: inline-size;
-  width: 25rem;
-  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));
-  max-width: 100%;
-  padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) 10px;
-  transition: opacity 200ms ease, transform 300ms ease-out, margin-top 200ms ease 200ms, margin-bottom 200ms ease;
-  will-change: transform;
-}
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka- {
-  width: 100%;
+
+.MenuItem-module_iconWrapper__Hn9O- {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
-  border-width: 0;
-  border-radius: 0;
-  margin-bottom: 0;
-  padding-top: var(--spacing-16);
-  padding-bottom: var(--spacing-16);
-  padding-inline-start: var(--spacing-8);
-  transition: margin-top 200ms ease, margin-bottom 200ms ease;
-  position: relative;
-  z-index: 1030;
-}
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_positive__U-3HK {
-  background: var(--color-green-100, #e8f8f4);
-  border-color: var(--color-green-500);
-  color: var(--color-purple-800, #2f2438);
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_security__QTALa {
-  background: var(--color-yellow-100, #fff9e4);
-  border-color: var(--color-yellow-700);
-  color: var(--color-purple-800, #2f2438);
+
+.MenuItem-module_item__6uibk:focus {
+  outline: none;
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_negative__lUWhD {
-  background: var(--color-red-100, #fdeaee);
-  border-color: var(--color-red-500);
-  color: var(--color-purple-800, #2f2438);
+
+.MenuItem-module_item__6uibk[data-hovered],
+.MenuItem-module_item__6uibk[data-focus-visible] {
+  background-color: var(--color-blue-100);
+  color: var(--color-blue-500);
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct {
-  opacity: 0%;
+
+.MenuItem-module_item__6uibk[data-focus-visible] {
+  outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style)
+    var(--color-blue-500);
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
-  margin-bottom: 0;
+
+.MenuItem-module_item__6uibk[data-disabled] {
+  opacity: 0.3;
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5 {
-  transition-timing-function: ease-in;
-  transform: translateY(-50%);
+
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.Popover-module_popover__B7k5I {
+  box-sizing: border-box;
+  box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
+  border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) transparent;
+  border-radius: var(--border-solid-border-radius, 7px);
+  background: var(--color-white, #ffffff);
+  overflow: auto;
+  z-index: 100000;
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_toast__GOVfC {
-  transition-timing-function: ease-in;
-  transform: translateX(50%);
+.Popover-module_popover__B7k5I:focus {
+  outline: none;
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
-  z-index: 1029;
-  opacity: 100%;
+.Popover-module_popover__B7k5I:focus-visible {
+  border-color: var(--color-blue-500, #0168b3);
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_noBottomMargin__28nF8 {
-  margin-bottom: 0;
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.Select-module_container__LRkAv {
+  position: relative;
+  width: 100%;
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_persistent__O7bgI {
-  transition: none;
+
+.Select-module_notFullWidth__Nv5u- {
+  width: 180px;
 }
-.GenericNotification-module_notification__-JP1M.GenericNotification-module_subtle__kPns9 {
-  background: none;
-  border: none;
-  padding: 0;
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.Tag-module_tag__TfVDJ {
+  display: inline-flex;
+  align-items: center;
+  padding: var(--spacing-4, 0.25rem) var(--spacing-8, 0.5rem);
+  gap: var(--spacing-4, 0.25rem);
+  border-radius: 28px;
+  font-family: var(--typography-paragraph-intro-lede-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: var(--typography-paragraph-small-font-size, 0.875rem);
+  font-weight: var(--typography-paragraph-small-font-weight, 400);
+  line-height: var(--typography-paragraph-small-line-height, 1.125rem);
+  white-space: nowrap;
 }
 
-.GenericNotification-module_icon__SDb8v {
-  align-items: flex-start;
-  box-sizing: content-box;
+.Tag-module_iconContainer__CR-xK {
+  display: inline-flex;
 }
-.GenericNotification-module_positive__U-3HK .GenericNotification-module_icon__SDb8v {
-  color: var(--color-green-500, #3f9a86);
+
+.Tag-module_gray__xhKnd {
+  background-color: var(--color-gray-300, #eaeaec);
+  color: var(--color-purple-800, #2f2438);
 }
-.GenericNotification-module_security__QTALa .GenericNotification-module_icon__SDb8v {
-  color: var(--color-yellow-700);
+
+.Tag-module_blue__DL4M- {
+  background-color: var(--color-blue-100, #e6f6ff);
+  color: var(--color-blue-700, #003157);
 }
-.GenericNotification-module_negative__lUWhD .GenericNotification-module_icon__SDb8v {
-  color: var(--color-red-500, #c93b55);
+.Tag-module_blue__DL4M- .Tag-module_iconContainer__CR-xK {
+  color: var(--color-blue-500, #0168b3);
 }
-.GenericNotification-module_inline__OciO5 .GenericNotification-module_icon__SDb8v, .GenericNotification-module_toast__GOVfC .GenericNotification-module_icon__SDb8v {
-  width: 22px;
-  height: 22px;
-  font-size: 22px;
-  margin-top: var(--spacing-6, 0.375rem);
+
+.Tag-module_green__8kUyw {
+  background-color: var(--color-green-100, #e8f8f4);
+  color: var(--color-green-700, #22594a);
 }
-.GenericNotification-module_global__Weka- .GenericNotification-module_icon__SDb8v {
-  width: 24px;
-  height: 24px;
-  font-size: 24px;
+.Tag-module_green__8kUyw .Tag-module_iconContainer__CR-xK {
+  color: var(--color-green-500, #3f9a86);
 }
 
-.GenericNotification-module_textContainer__Avpbk {
-  box-sizing: content-box;
-  display: flex;
-  flex-flow: row wrap;
-  flex: 1 0 0;
+.Tag-module_yellow__Tbkmu {
+  background-color: var(--color-yellow-100, #fff9e4);
+  color: var(--color-yellow-700, #876400);
 }
-.GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk, .GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
-  margin-inline-start: var(--spacing-6, 0.375rem);
+.Tag-module_yellow__Tbkmu .Tag-module_iconContainer__CR-xK {
+  color: var(--color-yellow-700, #876400);
 }
-.GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
-  margin-inline-start: var(--spacing-6, 0.375rem);
-  max-width: calc(100% - var(--spacing-48, 3rem));
-  overflow-wrap: break-word;
-  hyphens: auto;
+
+.Tag-module_orange__0cs-w {
+  background-color: var(--color-orange-100, #fff0e8);
+  color: var(--color-orange-700, #903c00);
 }
-.GenericNotification-module_global__Weka- .GenericNotification-module_textContainer__Avpbk {
-  margin-inline-start: var(--spacing-8);
+.Tag-module_orange__0cs-w .Tag-module_iconContainer__CR-xK {
+  color: var(--color-orange-500, #e96c2f);
 }
-.GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk {
-  transition: opacity 200ms ease;
+
+.Tag-module_red__Sw-1P {
+  background-color: var(--color-red-100, #fdeaee);
+  color: var(--color-red-700, #6c1e20);
 }
-.GenericNotification-module_textContainer__Avpbk.GenericNotification-module_forceMultiline__JcVA4 {
-  flex-direction: column;
+.Tag-module_red__Sw-1P .Tag-module_iconContainer__CR-xK {
+  color: var(--color-red-500, #c93b55);
 }
 
-.GenericNotification-module_title__dvQOr {
-  position: relative;
-  font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-  font-weight: var(--typography-heading-6-font-weight, 600);
-  font-size: var(--typography-heading-6-font-size, 0.875rem);
-  line-height: var(--typography-heading-6-line-height, 1.5rem);
-  letter-spacing: var(--typography-heading-6-letter-spacing, normal);
-  margin: 0;
-  padding-right: 6px;
-  text-transform: none;
-  color: inherit;
-  top: 0.37em;
+.Tag-module_purple__9flj8 {
+  background-color: var(--color-purple-100, #f4edf8);
+  color: var(--color-purple-700, #4a234d);
 }
-
-.GenericNotification-module_text__X-5ld {
-  position: relative;
-  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);
-  margin: 0;
-  color: inherit;
+.Tag-module_purple__9flj8 .Tag-module_iconContainer__CR-xK {
+  color: var(--color-purple-500, #844587);
 }
-.GenericNotification-module_inline__OciO5 .GenericNotification-module_text__X-5ld, .GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.RemoveButton-module_removeButton__C5eDJ {
+  appearance: none;
+  display: inline;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  margin: 0;
+  padding: 0;
+  border: none;
   position: relative;
-  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);
-  margin-top: var(--spacing-6, 0.375rem);
-  flex: 0 1 auto;
-  padding-bottom: var(--spacing-12, 0.75rem);
-  top: 0.21em;
+  display: inline-flex;
+  border-radius: 50%;
+  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
 }
-.GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
-  width: 100%;
+.RemoveButton-module_removeButton__C5eDJ:focus, .RemoveButton-module_removeButton__C5eDJ:focus-visible {
+  outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-500);
+  outline-offset: 1px;
 }
-.GenericNotification-module_global__Weka- .GenericNotification-module_text__X-5ld {
-  position: static;
-  font-weight: var(--typography-paragraph-body-font-weight, 400);
-  font-size: var(--typography-paragraph-body-font-size, 1rem);
-  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-}
-.GenericNotification-module_text__X-5ld a[href] {
-  color: var(--color-blue-500, #0168b3);
-  text-decoration: underline;
-}
-.GenericNotification-module_text__X-5ld a[href]:hover {
-  color: var(--color-blue-500, #0168b3);
-  text-decoration: none;
-}
-.GenericNotification-module_text__X-5ld strong {
-  font-weight: var(--typography-button-secondary-font-weight, 500);
-}
-.GenericNotification-module_text__X-5ld p {
-  font-weight: inherit;
+.RemoveButton-module_removeButton__C5eDJ::before {
+  position: absolute;
+  content: "";
+  inset: -5px;
+  border-radius: 50%;
 }
-
-.GenericNotification-module_cancel__c6wky {
+.RemoveButton-module_removeButton__C5eDJ:hover, .RemoveButton-module_removeButton__C5eDJ:focus, .RemoveButton-module_removeButton__C5eDJ:focus-visible {
+  background-color: rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.2);
   cursor: pointer;
-  appearance: none;
-  transition: none;
-  transform: none;
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: transparent;
-  font: inherit;
   color: var(--color-purple-800, #2f2438);
 }
-.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
-  opacity: 70%;
-  transition: var(--animation-duration-fast, 300ms) opacity;
-}
-.GenericNotification-module_cancel__c6wky:disabled .GenericNotification-module_icon__SDb8v, .GenericNotification-module_disabled__WGBhD.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
-  opacity: 30%;
-}
-.GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):hover .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):focus .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_hover__hUURd .GenericNotification-module_icon__SDb8v {
-  opacity: 100%;
-}
-.GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):active .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_active__-6ahb .GenericNotification-module_icon__SDb8v {
-  opacity: 100%;
-}
-.GenericNotification-module_cancel__c6wky:active {
-  transform: translateY(1px);
-}
-.GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky, .GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
-  width: var(--spacing-48);
-  height: var(--spacing-48);
-  margin-top: calc(-1 * var(--spacing-6));
-  margin-bottom: calc(-1 * var(--spacing-6));
-}
-.GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky {
-  margin-inline-end: calc(-1 * var(--spacing-12));
-}
-.GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
-  margin-inline-end: -10px;
-}
-.GenericNotification-module_global__Weka- .GenericNotification-module_cancel__c6wky {
-  width: var(--spacing-48);
-  height: var(--spacing-48);
-  margin-top: calc(-1 * var(--spacing-24));
-  margin-bottom: calc(-1 * var(--spacing-24));
+/** THIS IS AN AUTOGENERATED FILE **/
+.RemovableTag-module_removableTag__Dy1lt {
+  padding: var(--spacing-4, 0.25rem) var(--spacing-4, 0.25rem) var(--spacing-4, 0.25rem) var(--spacing-8, 0.5rem);
+  padding-block: var(--spacing-4, 0.25rem);
+  padding-inline: var(--spacing-8, 0.5rem) var(--spacing-4, 0.25rem);
 }
+.Tab-module_tab__1YtP2 {
+  display: inline-flex;
+  align-items: center;
+  border: 2px solid transparent;
+  border-bottom: 0;
+  border-top-left-radius: var(--border-borderless-border-radius);
+  border-top-right-radius: var(--border-borderless-border-radius);
+  background: var(--color-white);
+  white-space: nowrap;
+  text-decoration: none;
+  padding: var(--spacing-md) var(--spacing-md);
+  margin: 0;
+  font-family: var(--typography-heading-4-font-family);
+  font-size: var(--typography-heading-4-font-size);
+  font-weight: var(--typography-heading-4-font-weight);
+  line-height: var(--typography-heading-4-line-height);
+  letter-spacing: var(--typography-heading-4-letter-spacing);
+  color: var(--color-purple-800);
+  cursor: default;
 
-.GenericNotification-module_cancelLabel__HJzsk {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
+  &:focus {
+    outline: none;
+  }
 
-.GenericNotification-module_icon__SDb8v {
-  color: var(--icon-color);
-}
+  &:focus-visible {
+    color: var(--color-blue-500);
+    border-color: var(--color-blue-500);
+  }
 
-.GenericNotification-module_cancel__c6wky {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--border-solid-border-radius);
-}
-.GenericNotification-module_cancel__c6wky:focus-visible {
-  outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-500);
-  outline-offset: -4px;
-}
+  &[data-disabled] {
+    opacity: 0.3;
+  }
 
-.GenericNotification-module_notificationTitle__Oaqb8 {
-  top: 0.42em;
-  position: relative;
-  margin-inline-end: var(--spacing-6, 0.375rem);
-  line-height: var(--typography-heading-6-line-height, 1.5rem);
-}
+  &:not(:first-child) {
+    margin-inline-start: var(--spacing-xs);
+  }
 
-@container (max-width: 25rem) {
-  .GenericNotification-module_notificationTitle__Oaqb8 {
-    width: 100%;
+  &:not([data-disabled]):hover {
+    background: var(--color-blue-200);
+    color: var(--color-blue-500);
   }
-}
-.GenericNotification-module_success__oLGIP {
-  background: var(--color-green-100, #e8f8f4);
-  border-color: var(--color-green-500);
-  color: var(--color-purple-800, #2f2438);
-  --icon-color: var(--color-green-500);
-}
 
-.GenericNotification-module_informative__WLimi {
-  background: var(--color-blue-100, #e6f6ff);
-  border-color: var(--color-blue-500);
-  color: var(--color-purple-800, #2f2438);
-  --icon-color: var(--color-blue-500);
+  &:not([data-disabled]):active {
+    background: var(--color-blue-100);
+  }
 }
 
-.GenericNotification-module_cautionary__lneFu {
-  background: var(--color-yellow-100, #fff9e4);
-  border-color: var(--color-yellow-700);
-  color: var(--color-purple-800, #2f2438);
-  --icon-color: var(--color-yellow-700);
-}
+.Tab-module_tab__1YtP2[data-selected] {
+  position: relative;
+  color: var(--color-blue-500);
 
-.GenericNotification-module_warning__7275P {
-  background: var(--color-red-100, #fdeaee);
-  border-color: var(--color-red-500);
-  color: var(--color-purple-800, #2f2438);
-  --icon-color: var(--color-red-500);
+  &::before {
+    content: '';
+    display: block;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    background-color: currentcolor;
+    height: 5px;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
 }
-.PendingContent-module_pendingContent__wJPsU {
+
+.Tab-module_badge__ZmHRM {
+  margin-inline-start: var(--spacing-sm);
   display: inline-flex;
   align-items: center;
-  gap: var(--button-pending-content-gap, var(--spacing-6));
 }
 
-.PendingContent-module_large__z5VyQ {
-  --button-pending-content-gap: var(--spacing-8);
+@media (forced-colors: active) {
+  .Tab-module_tab__1YtP2 {
+    border: 2px solid transparent;
+
+    &:focus-visible::after {
+      content: '';
+      position: absolute;
+      background: transparent;
+      border-radius: var(--border-focus-ring-border-radius);
+      border-width: var(--border-focus-ring-border-width);
+      border-style: var(--border-focus-ring-border-style);
+      border-color: transparent;
+      inset: -2px;
+    }
+  }
+
+  .Tab-module_tab__1YtP2[data-selected]::before {
+    /* High contrast also doesn't see the pseudo element created to show the active tab. */
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-bottom: 2px solid transparent;
+  }
 }
 
-.PendingContent-module_centerSpinner__maOON {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
+.TabList-module_container__d4TLi {
+  position: relative;
 }
 
-.ButtonContent-module_buttonContent__-eYde {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--button-icon-gap, var(--spacing-6));
+.TabList-module_tabList__WEETD {
+  border-bottom: 1px solid var(--color-gray-300);
+  padding: var(--spacing-6) 0 0;
+  width: 100%;
+  height: 100%;
+  overflow-x: scroll;
+  white-space: nowrap;
+  scrollbar-width: none;
+  scroll-behavior: smooth;
 }
 
-.ButtonContent-module_large__h9u9- {
-  --button-icon-gap: var(--spacing-8);
+.TabList-module_noPadding__rIfER {
+  padding: 0;
 }
 
-.ButtonContent-module_buttonLabel__eYzcT {
-  display: inline-flex;
+.TabList-module_leftArrow__mrWjD,
+.TabList-module_rightArrow__WUoGO {
+  --icon-size: 24;
+
+  display: flex;
   align-items: center;
+  justify-content: center;
+  position: absolute;
+  z-index: 10000;
+  background: var(--color-white);
+  inset-block: 0 1px;
+  width: 48px;
+  cursor: default;
+  user-select: none;
 }
 
-.ButtonContent-module_buttonIcon__N6gMH {
-  display: inline-flex;
-  align-items: center;
+/*
+ * Note: we're purposefully using directional properties instead of start/end for positioning and styling related to the carousel arrows
+*/
+.TabList-module_leftArrow__mrWjD {
+  left: 0;
 }
 
-.Button-module_button__Rz7PM {
-  /* RESET */
-  appearance: none;
-  background: transparent;
-  font: inherit;
-  margin: 0;
-  outline: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.TabList-module_leftArrow__mrWjD,
+.TabList-module_leftArrow__mrWjD:hover {
+  border-right: 1px solid var(--color-gray-300);
+}
 
-  --button-min-x-y: var(--spacing-40);
-  --button-border-width: var(--border-solid-border-width);
-  --button-padding-y: calc(var(--spacing-8) - var(--button-border-width));
-  --button-padding-x: calc(var(--spacing-16) - var(--button-border-width));
+.TabList-module_rightArrow__WUoGO {
+  right: 0;
+}
 
-  background-color: var(--button-bg-color, var(--color-blue-500));
-  border: var(--button-border-width) solid;
-  border-radius: var(--border-solid-border-radius);
-  border-color: var(--button-border-color, var(--color-blue-500));
-  box-sizing: border-box;
-  color: var(--button-text-color, var(--color-white));
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-align: start;
-  font-family: var(--button-font-family, var(--typography-paragraph-body-font-family));
-  font-weight: var(--button-font-weight, 500);
-  font-size: var(--button-font-size, 1rem);
-  line-height: var(--button-line-height, 1.5rem);
-  min-height: var(--button-min-x-y);
-  min-width: var(--button-min-x-y);
-  position: relative;
-  padding: var(--button-padding-y) var(--button-padding-x);
+.TabList-module_rightArrow__WUoGO,
+.TabList-module_rightArrow__WUoGO:hover {
+  border-left: 1px solid var(--color-gray-300);
+}
 
-  &[data-hovered] {
-    --button-bg-color: var(--color-blue-600);
-    --button-border-color: var(--color-blue-600);
-  }
+.TabList-module_leftArrow__mrWjD:hover,
+.TabList-module_rightArrow__WUoGO:hover {
+  background: var(--color-blue-200);
+  color: var(--color-blue-500);
+}
 
-  &[data-pressed] {
-    --button-bg-color: var(--color-blue-700);
-    --button-border-color: var(--color-blue-700);
-  }
+.TabList-module_leftArrow__mrWjD:active,
+.TabList-module_rightArrow__WUoGO:active {
+  background: var(--color-blue-100);
+  color: var(--color-blue-500);
+}
 
-  &[data-pending] {
-    --button-bg-color: var(--color-blue-700);
-    --button-border-color: var(--color-blue-700);
-  }
+.TabPanel-module_tabPanel__jEe1o {
+  border: 2px solid transparent;
 
-  &.Button-module_isDisabled__Q2KAS {
-    --button-bg-color: var(--color-gray-400);
-    --button-border-color: var(--color-gray-400);
-    --button-text-color: var(--color-white);
+  &:focus {
+    outline: none;
   }
 
-  &[data-focus-visible] {
-    outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style)
-      var(--color-blue-500);
-    outline-offset: 1px;
+  &:focus-visible {
+    border-color: var(--color-blue-500);
+    border-radius: var(--border-focus-ring-border-radius);
   }
 }
 
-.Button-module_fullWidth__aMtlw {
-  width: 100%;
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.OverlayArrow-module_overlayArrow__YBbCB {
+  display: flex;
+  padding: 8px;
 }
-
-.Button-module_small__nX-i2 {
-  --button-font-size: 0.75rem;
-  --button-line-height: 1rem;
-  --button-min-x-y: var(--spacing-32);
-  --icon-size: 16;
+.OverlayArrow-module_overlayArrow__YBbCB[data-placement=top], .OverlayArrow-module_overlayArrow__YBbCB[data-placement=bottom] {
+  padding: 0 8px;
 }
-
-.Button-module_medium__6gRIb {
-  --button-padding-x: calc(var(--spacing-20) - var(--button-border-width));
-  --button-padding-y: calc(var(--spacing-8) - var(--button-border-width));
-  --button-min-x-y: var(--spacing-40);
-  --icon-size: 24;
+.OverlayArrow-module_overlayArrow__YBbCB[data-placement=left], .OverlayArrow-module_overlayArrow__YBbCB[data-placement=right] {
+  padding: 8px 0;
 }
-
-.Button-module_large__FRilu {
-  --button-padding-x: calc(var(--spacing-24) - var(--button-border-width));
-  --button-padding-y: calc(var(--spacing-12) - var(--button-border-width));
-  --button-min-x-y: var(--spacing-48);
-  --icon-size: 24;
+.OverlayArrow-module_overlayArrow__YBbCB path {
+  fill: var(--color-purple-800, #2f2438);
+  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));
 }
-
-.Button-module_smallIconButton__mKoYp,
-.Button-module_mediumIconButton__PC35j {
-  --button-padding-x: calc(var(--spacing-8) - var(--button-border-width));
-  --button-padding-y: calc(var(--spacing-8) - var(--button-border-width));
+.OverlayArrow-module_overlayArrow__YBbCB[data-placement=right] svg {
+  transform: rotate(90deg);
+}
+.OverlayArrow-module_overlayArrow__YBbCB[data-placement=bottom] svg {
+  transform: rotate(180deg);
+}
+.OverlayArrow-module_overlayArrow__YBbCB[data-placement=left] svg {
+  transform: rotate(270deg);
+}
+.OverlayArrow-module_overlayArrow__YBbCB.OverlayArrow-module_reversed__Le8QW path {
+  fill: var(--color-white, #ffffff);
+}
+/** 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 **/
+.Tooltip-module_tooltip__zBer- {
+  max-width: 200px;
+  padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
+  color: var(--color-white, #ffffff);
+  text-align: center;
+  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-extra-small-font-weight, 400);
+  letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
+  line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
+  border-radius: var(--border-solid-border-radius, 7px);
+  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));
+  background-color: var(--color-purple-800, #2f2438);
+  text-wrap: pretty;
+  /* fixes FF gap */
+  transform: translate3d(0, 0, 0);
+}
+.Tooltip-module_tooltip__zBer-.Tooltip-module_reversed__VnM1F {
+  background-color: var(--color-white, #ffffff);
+  color: var(--color-purple-800, #2f2438);
+}
+.Tooltip-module_tooltip__zBer-[data-placement=top] {
+  --origin: translateY(4px);
+}
+.Tooltip-module_tooltip__zBer-[data-placement=bottom] {
+  --origin: translateY(-4px);
+}
+.Tooltip-module_tooltip__zBer-[data-placement=right] {
+  --origin: translateX(-4px);
+}
+.Tooltip-module_tooltip__zBer-[data-placement=left] {
+  --origin: translateX(4px);
+}
+.Tooltip-module_tooltip__zBer-[data-entering] {
+  animation: Tooltip-module_slide__XF-On var(--animation-duration-fast, 300ms);
+}
+.Tooltip-module_tooltip__zBer-[data-exiting] {
+  animation: Tooltip-module_slide__XF-On var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
 }
 
-.Button-module_largeIconButton__VtPZf {
-  --button-padding-x: calc(var(--spacing-12) - var(--button-border-width));
-  --button-padding-y: calc(var(--spacing-12) - var(--button-border-width));
+@keyframes Tooltip-module_slide__XF-On {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+.GuidanceBlock-module_banner__7FT39.GuidanceBlock-module_noMaxWidth__UCCUk {
+  max-width: inherit;
 }
 
-.Button-module_secondary__D42kZ {
-  --button-bg-color: var(--color-white);
-  --button-border-color: var(--color-gray-500);
-  --button-text-color: var(--color-purple-800);
+.GuidanceBlock-module_banner__7FT39 {
+  --border-width: var(--border-width-1);
+  --banner-padding: var(--spacing-lg);
 
-  &[data-hovered] {
-    --button-bg-color: var(--color-gray-200);
-    --button-border-color: var(--color-gray-600);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-12);
+  min-width: 320px;
+  max-width: var(--layout-breakpoints-large);
+  border: var(--border-width) var(--border-solid-border-style);
+  border-radius: var(--border-solid-border-radius);
+  padding: calc(var(--banner-padding) - var(--border-width));
+  box-shadow: var(--shadow-small-box-shadow);
+  position: relative;
+  top: -1px;
+  transition:
+    opacity var(--animation-duration-slow) ease,
+    margin-top var(--animation-duration-fast) var(--animation-duration-slow) ease;
+  color: var(--color-purple-800);
+
+  @media (width >= 1024px) {
+    min-height: calc(12rem - calc(var(--banner-padding) * 2));
+    flex-direction: row;
+    gap: var(--spacing-24);
+    width: auto;
+    align-items: center;
   }
 
-  &[data-pressed] {
-    --button-bg-color: var(--color-gray-300);
-    --button-border-color: var(--color-black);
+  @media (width <= 767px) {
+    min-width: unset;
   }
+}
 
-  &[data-pending] {
-    --button-bg-color: var(--color-gray-300);
-    --button-border-color: var(--color-black);
+.GuidanceBlock-module_illustrationWrapper__tK4Xr {
+  display: flex;
+
+  @media (768px <= width <= 1023px) {
+    text-align: center;
+    justify-content: center;
+    align-self: center;
+    padding: var(--spacing-12);
   }
 
-  &.Button-module_isDisabled__Q2KAS {
-    --button-bg-color: var(--color-white);
-    --button-border-color: var(--color-gray-400);
-    --button-text-color: var(--color-gray-400);
+  @media (width <= 767px) {
+    display: none;
   }
 }
 
-.Button-module_tertiary__qL7wD {
-  --button-bg-color: transparent;
-  --button-border-color: transparent;
-  --button-text-color: var(--color-purple-800);
+.GuidanceBlock-module_illustration__LiDV3 {
+  --illustration-size: 155px;
+  --scene-illustration-size: 300px;
 
-  &[data-hovered],
-  &[data-pressed],
-  &[data-pending] {
-    --button-text-color: var(--color-blue-500);
-  }
-
-  &[data-hovered] {
-    --button-bg-color: var(--color-blue-200);
-    --button-border-color: var(--color-blue-200);
-  }
-
-  &[data-pressed] {
-    --button-bg-color: var(--color-blue-100);
-    --button-border-color: var(--color-blue-100);
-  }
+  width: var(--illustration-size);
+  height: var(--illustration-size);
 
-  &[data-pending] {
-    --button-bg-color: var(--color-blue-100);
-    --button-border-color: var(--color-blue-100);
-  }
+  /* This has been created to handle scene illustrations consistently until the tile component is created */
+  .GuidanceBlock-module_hasSceneIllustration__eBOyt & {
+    display: flex;
+    justify-content: center;
+    max-width: var(--scene-illustration-size);
+    max-height: var(--scene-illustration-size);
+    width: var(--scene-illustration-size);
+    height: auto;
 
-  &.Button-module_isDisabled__Q2KAS {
-    --button-bg-color: transparent;
-    --button-border-color: transparent;
-    --button-text-color: var(--color-gray-400);
-  }
-}
+    figure {
+      max-height: 100%;
+      max-width: 100%;
+      aspect-ratio: 4/3;
+    }
 
-.Button-module_primaryReversed__Sa4YW,
-.Button-module_secondaryReversed__u3qHz,
-.Button-module_tertiaryReversed__zn3XE {
-  &[data-focus-visible] {
-    outline-color: var(--color-blue-300);
+    img {
+      height: 100%;
+      object-fit: contain;
+      object-position: center;
+    }
   }
 }
 
-.Button-module_primaryReversed__Sa4YW {
-  --button-bg-color: var(--color-white);
-  --button-border-color: var(--color-white);
-  --button-text-color: var(--color-purple-800);
-
-  &[data-hovered] {
-    --button-bg-color: var(--color-gray-200);
-    --button-border-color: var(--color-gray-200);
-  }
-
-  &[data-pressed] {
-    --button-bg-color: var(--color-gray-300);
-    --button-border-color: var(--color-gray-300);
-  }
+.GuidanceBlock-module_descriptionContainer__w1-P- {
+  flex: 1;
+  text-align: center;
+  align-self: center;
+  max-width: 780px;
 
-  &[data-pending] {
-    --button-bg-color: var(--color-white);
-    --button-border-color: var(--color-white);
+  @media (width >= 1024px) {
+    padding: 0 var(--spacing-12);
+    text-align: start;
   }
 
-  &.Button-module_isDisabled__Q2KAS {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.2);
-    --button-border-color: transparent;
-    --button-text-color: rgba(var(--color-purple-800-rgb), 0.7);
+  @media (width <= 767px) {
+    margin: var(--spacing-12);
+    max-width: 100%;
   }
 }
 
-.Button-module_secondaryReversed__u3qHz {
-  --button-bg-color: transparent;
-  --button-border-color: var(--color-white);
-  --button-text-color: var(--color-white);
-
-  &[data-hovered] {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.2);
-    --button-border-color: var(--color-white);
-  }
-
-  &[data-pressed] {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
-    --button-border-color: var(--color-white);
-  }
-
-  &[data-pending] {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
-    --button-border-color: var(--color-white);
-  }
+.GuidanceBlock-module_descriptionAndActions__aQhc9 {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-24);
 
-  &.Button-module_isDisabled__Q2KAS {
-    --button-bg-color: transparent;
-    --button-border-color: rgba(var(--color-white), 0.2);
-    --button-text-color: rgba(var(--color-white-rgb), 0.2);
+  @media (width <= 1023px) {
+    flex-direction: column;
+    width: 100%;
+    align-items: unset;
   }
 }
 
-.Button-module_tertiaryReversed__zn3XE {
-  --button-bg-color: transparent;
-  --button-border-color: transparent;
-  --button-text-color: var(--color-white);
-
-  &[data-hovered] {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.2);
-    --button-border-color: transparent;
-  }
-
-  &[data-pressed] {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
-    --button-border-color: transparent;
-  }
+.GuidanceBlock-module_buttonContainer__bcVmB {
+  display: flex;
+  justify-content: center;
+  flex-direction: row-reverse;
+  gap: var(--spacing-12);
+  min-width: max-content;
 
-  &[data-pending] {
-    --button-bg-color: rgba(var(--color-white-rgb), 0.1);
-    --button-border-color: transparent;
+  @media (width >= 768px) {
+    text-align: center;
   }
 
-  &.Button-module_isDisabled__Q2KAS {
-    --button-bg-color: transparent;
-    --button-border-color: transparent;
-    --button-text-color: rgba(var(--color-white-rgb), 0.2);
+  @media (width <= 767px) {
+    flex-direction: column;
+    width: 100%;
+    margin-top: var(--spacing-6);
   }
 }
 
-.Button-module_hideContentWidth__yFzDQ {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  visibility: hidden;
-}
-
-.Button-module_retainContentWidth__Ftbt9 {
-  visibility: hidden;
+.GuidanceBlock-module_hidden__mwvrs {
+  opacity: 0;
+  margin-bottom: 0;
 }
 
-.Menu-module_menu__Ifj2G {
-  background-color: var(--color-white);
-  color: var(--color-purple-800);
-  width: 248px;
-  max-height: 22rem;
-  overflow: auto;
-  padding-block: var(--spacing-6);
-  outline: none;
-  border-radius: var(--border-solid-border-radius);
-  box-shadow: var(--shadow-large-box-shadow);
+.GuidanceBlock-module_headingWrapper__OfZB5 {
+  margin-bottom: var(--spacing-24);
 }
 
-.Menu-module_menu__Ifj2G .react-aria-Header {
-  font-family: var(--typography-heading-6-font-family);
-  font-size: var(--typography-heading-6-font-size);
-  letter-spacing: var(--typography-heading-6-letter-spacing);
-  font-weight: var(--typography-heading-6-font-weight);
-  line-height: var(--typography-heading-6-line-height);
-  padding: var(--spacing-6) 10px;
-  margin-inline: var(--spacing-6);
+.GuidanceBlock-module_default__7naG4 {
+  border-color: var(--color-gray-500);
+  background: var(--color-white);
 }
 
-.Menu-module_menu__Ifj2G section:not(:last-of-type) {
-  &::after {
-    width: 100%;
-    height: 1px;
-    background-color: var(--border-solid-border-color);
-    content: '';
-    display: block;
-    margin-block: var(--spacing-6);
-  }
+.GuidanceBlock-module_positive__iCp-1 {
+  border-color: var(--color-green-500);
+  background: var(--color-green-100);
 }
 
-.MenuItem-module_item__6uibk {
-  display: block;
-  font-family: var(--typography-paragraph-body-font-family);
-  font-size: var(--typography-paragraph-body-font-size);
-  letter-spacing: var(--typography-paragraph-body-letter-spacing);
-  font-weight: var(--typography-paragraph-body-font-weight);
-  line-height: var(--typography-paragraph-body-line-height);
-  color: var(--color-purple-800);
-  padding: var(--spacing-6) var(--spacing-8);
-  border: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) transparent;
-  border-radius: 4px;
-  margin-inline: var(--spacing-6);
-  text-decoration: none;
-  cursor: pointer;
+.GuidanceBlock-module_negative__wWBlw,
+.GuidanceBlock-module_assertive__bNdnQ {
+  border-color: var(--color-red-500);
+  background: var(--color-red-100);
 }
 
-.MenuItem-module_flexWrapper__iaiFs {
-  display: flex;
-  gap: 0 var(--spacing-8);
-  align-items: center;
+.GuidanceBlock-module_informative__KeJWO {
+  border-color: var(--color-blue-400);
+  background: var(--color-blue-100);
 }
 
-.MenuItem-module_iconWrapper__Hn9O- {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
+.GuidanceBlock-module_cautionary__5Vkw6 {
+  border-color: var(--color-yellow-700);
+  background: var(--color-yellow-100);
 }
 
-.MenuItem-module_item__6uibk:focus {
-  outline: none;
+.GuidanceBlock-module_prominent__rWTgt {
+  border-color: var(--color-purple-400);
+  background: var(--color-purple-100);
 }
 
-.MenuItem-module_item__6uibk[data-hovered],
-.MenuItem-module_item__6uibk[data-focus-visible] {
-  background-color: var(--color-blue-100);
-  color: var(--color-blue-500);
-}
+.GuidanceBlock-module_inline__B-Ubr,
+.GuidanceBlock-module_stacked__4dS71 {
+  flex-flow: row wrap;
+  align-items: unset;
+  gap: var(--spacing-24);
+  min-width: unset;
 
-.MenuItem-module_item__6uibk[data-focus-visible] {
-  outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style)
-    var(--color-blue-500);
-}
+  @media (width <= 1023px) {
+    flex-direction: unset;
+  }
 
-.MenuItem-module_item__6uibk[data-disabled] {
-  opacity: 0.3;
-}
+  .GuidanceBlock-module_illustrationWrapper__tK4Xr {
+    margin-inline-end: var(--spacing-12);
 
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.Popover-module_popover__B7k5I {
-  box-sizing: border-box;
-  box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
-  border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) transparent;
-  border-radius: var(--border-solid-border-radius, 7px);
-  background: var(--color-white, #ffffff);
-  overflow: auto;
-  z-index: 100000;
+    @media (768px <= width <= 1023px) {
+      padding: 0;
+    }
+
+    @media (width <= 767px) {
+      display: flex;
+    }
+  }
+
+  .GuidanceBlock-module_descriptionAndActions__aQhc9 {
+    margin: auto 0;
+  }
+
+  .GuidanceBlock-module_descriptionContainer__w1-P- {
+    text-align: start;
+    max-width: unset;
+    min-width: 320px;
+
+    @media (width >= 1024px) {
+      padding: 0;
+    }
+
+    @media (width <= 767px) {
+      margin: 0;
+    }
+  }
+
+  .GuidanceBlock-module_buttonContainer__bcVmB {
+    padding-inline-start: var(--spacing-12);
+    justify-content: flex-start;
+    width: unset;
+    min-width: unset;
+
+    @media (width <= 767px) {
+      flex-direction: row-reverse;
+    }
+
+    > * {
+      width: unset;
+    }
+  }
+
+  &.GuidanceBlock-module_hasSceneIllustration__eBOyt {
+    justify-content: center;
+  }
+
+  &.GuidanceBlock-module_centerContent__9Vlup {
+    flex-direction: column;
+
+    &.GuidanceBlock-module_hasSceneIllustration__eBOyt .GuidanceBlock-module_illustration__LiDV3 {
+      width: 100%;
+    }
+
+    .GuidanceBlock-module_illustrationWrapper__tK4Xr {
+      margin: 0 auto;
+      align-self: center;
+    }
+
+    .GuidanceBlock-module_descriptionContainer__w1-P- {
+      text-align: center;
+      min-width: unset;
+    }
+
+    .GuidanceBlock-module_buttonContainer__bcVmB {
+      padding: 0;
+      flex-direction: column;
+      min-width: unset;
+      justify-content: center;
+    }
+  }
+
+  &.GuidanceBlock-module_centerContent__9Vlup.GuidanceBlock-module_smallScreenTextAlignment__-UXo9 {
+    .GuidanceBlock-module_descriptionContainer__w1-P- {
+      text-align: start;
+    }
+  }
 }
-.Popover-module_popover__B7k5I:focus {
-  outline: none;
+
+/* stylelint-disable no-descending-specificity */
+.GuidanceBlock-module_stacked__4dS71 {
+  .GuidanceBlock-module_descriptionAndActions__aQhc9 {
+    flex-direction: column;
+    align-items: unset;
+  }
+
+  .GuidanceBlock-module_descriptionContainer__w1-P- {
+    align-self: flex-start;
+  }
 }
-.Popover-module_popover__B7k5I:focus-visible {
-  border-color: var(--color-blue-500, #0168b3);
+/* stylelint-enable no-descending-specificity */
+
+.SVG-module_icon__8J5Ev {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+}
+.SVG-module_icon__8J5Ev > use {
+  pointer-events: none;
+}
+@media screen and (-ms-high-contrast: active) {
+  .SVG-module_icon__8J5Ev {
+    color: black;
+  }
+}
+@media screen and (-ms-high-contrast: white-on-black) {
+  .SVG-module_icon__8J5Ev {
+    color: white;
+  }
+}
+@media screen and (-ms-high-contrast: black-on-white) {
+  .SVG-module_icon__8J5Ev {
+    color: black;
+  }
+}
+
+.SVG-module_inheritSize__Q8iam {
+  width: inherit;
+  height: inherit;
+  display: block;
 }
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
-.Select-module_container__LRkAv {
-  position: relative;
-  width: 100%;
-}
-
-.Select-module_notFullWidth__Nv5u- {
-  width: 180px;
-}
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
-.Tag-module_tag__TfVDJ {
-  display: inline-flex;
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.GenericNotification-module_notification__-JP1M {
+  display: flex;
+  box-sizing: border-box;
+  pointer-events: all;
+}
+.GenericNotification-module_notification__-JP1M:focus {
+  outline-offset: 1px;
+  outline: 2px solid var(--color-blue-500);
+}
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
+  margin-bottom: var(--spacing-24, 1.5rem);
+  border-width: var(--border-width-1);
+  border-style: solid;
+  border-radius: var(--border-solid-border-radius, 7px);
+}
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5 {
+  width: auto;
+  min-height: 46px;
+  padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) var(--spacing-12, 0.75rem);
+  transition: opacity 200ms ease, transform 200ms ease-out, margin-top 200ms ease, margin-bottom 200ms ease;
+}
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
+  container-type: inline-size;
+  width: 25rem;
+  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));
+  max-width: 100%;
+  padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) 10px;
+  transition: opacity 200ms ease, transform 300ms ease-out, margin-top 200ms ease 200ms, margin-bottom 200ms ease;
+  will-change: transform;
+}
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka- {
+  width: 100%;
+  display: flex;
   align-items: center;
-  padding: var(--spacing-4, 0.25rem) var(--spacing-8, 0.5rem);
-  gap: var(--spacing-4, 0.25rem);
-  border-radius: 28px;
-  font-family: var(--typography-paragraph-intro-lede-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-  font-size: var(--typography-paragraph-small-font-size, 0.875rem);
-  font-weight: var(--typography-paragraph-small-font-weight, 400);
-  line-height: var(--typography-paragraph-small-line-height, 1.125rem);
-  white-space: nowrap;
+  border-width: 0;
+  border-radius: 0;
+  margin-bottom: 0;
+  padding-top: var(--spacing-16);
+  padding-bottom: var(--spacing-16);
+  padding-inline-start: var(--spacing-8);
+  transition: margin-top 200ms ease, margin-bottom 200ms ease;
+  position: relative;
+  z-index: 1030;
 }
-
-.Tag-module_iconContainer__CR-xK {
-  display: inline-flex;
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_positive__U-3HK {
+  background: var(--color-green-100, #e8f8f4);
+  border-color: var(--color-green-500);
+  color: var(--color-purple-800, #2f2438);
 }
-
-.Tag-module_gray__xhKnd {
-  background-color: var(--color-gray-300, #eaeaec);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_security__QTALa {
+  background: var(--color-yellow-100, #fff9e4);
+  border-color: var(--color-yellow-700);
   color: var(--color-purple-800, #2f2438);
 }
-
-.Tag-module_blue__DL4M- {
-  background-color: var(--color-blue-100, #e6f6ff);
-  color: var(--color-blue-700, #003157);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_negative__lUWhD {
+  background: var(--color-red-100, #fdeaee);
+  border-color: var(--color-red-500);
+  color: var(--color-purple-800, #2f2438);
 }
-.Tag-module_blue__DL4M- .Tag-module_iconContainer__CR-xK {
-  color: var(--color-blue-500, #0168b3);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct {
+  opacity: 0%;
 }
-
-.Tag-module_green__8kUyw {
-  background-color: var(--color-green-100, #e8f8f4);
-  color: var(--color-green-700, #22594a);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
+  margin-bottom: 0;
 }
-.Tag-module_green__8kUyw .Tag-module_iconContainer__CR-xK {
-  color: var(--color-green-500, #3f9a86);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5 {
+  transition-timing-function: ease-in;
+  transform: translateY(-50%);
 }
-
-.Tag-module_yellow__Tbkmu {
-  background-color: var(--color-yellow-100, #fff9e4);
-  color: var(--color-yellow-700, #876400);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_toast__GOVfC {
+  transition-timing-function: ease-in;
+  transform: translateX(50%);
 }
-.Tag-module_yellow__Tbkmu .Tag-module_iconContainer__CR-xK {
-  color: var(--color-yellow-700, #876400);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
+  z-index: 1029;
+  opacity: 100%;
 }
-
-.Tag-module_orange__0cs-w {
-  background-color: var(--color-orange-100, #fff0e8);
-  color: var(--color-orange-700, #903c00);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_noBottomMargin__28nF8 {
+  margin-bottom: 0;
 }
-.Tag-module_orange__0cs-w .Tag-module_iconContainer__CR-xK {
-  color: var(--color-orange-500, #e96c2f);
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_persistent__O7bgI {
+  transition: none;
+}
+.GenericNotification-module_notification__-JP1M.GenericNotification-module_subtle__kPns9 {
+  background: none;
+  border: none;
+  padding: 0;
 }
 
-.Tag-module_red__Sw-1P {
-  background-color: var(--color-red-100, #fdeaee);
-  color: var(--color-red-700, #6c1e20);
+.GenericNotification-module_icon__SDb8v {
+  align-items: flex-start;
+  box-sizing: content-box;
 }
-.Tag-module_red__Sw-1P .Tag-module_iconContainer__CR-xK {
+.GenericNotification-module_positive__U-3HK .GenericNotification-module_icon__SDb8v {
+  color: var(--color-green-500, #3f9a86);
+}
+.GenericNotification-module_security__QTALa .GenericNotification-module_icon__SDb8v {
+  color: var(--color-yellow-700);
+}
+.GenericNotification-module_negative__lUWhD .GenericNotification-module_icon__SDb8v {
   color: var(--color-red-500, #c93b55);
 }
-
-.Tag-module_purple__9flj8 {
-  background-color: var(--color-purple-100, #f4edf8);
-  color: var(--color-purple-700, #4a234d);
+.GenericNotification-module_inline__OciO5 .GenericNotification-module_icon__SDb8v, .GenericNotification-module_toast__GOVfC .GenericNotification-module_icon__SDb8v {
+  width: 22px;
+  height: 22px;
+  font-size: 22px;
+  margin-top: var(--spacing-6, 0.375rem);
 }
-.Tag-module_purple__9flj8 .Tag-module_iconContainer__CR-xK {
-  color: var(--color-purple-500, #844587);
+.GenericNotification-module_global__Weka- .GenericNotification-module_icon__SDb8v {
+  width: 24px;
+  height: 24px;
+  font-size: 24px;
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.RemoveButton-module_removeButton__C5eDJ {
-  appearance: none;
-  display: inline;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  margin: 0;
-  padding: 0;
-  border: none;
-  position: relative;
-  display: inline-flex;
-  border-radius: 50%;
-  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
+
+.GenericNotification-module_textContainer__Avpbk {
+  box-sizing: content-box;
+  display: flex;
+  flex-flow: row wrap;
+  flex: 1 0 0;
 }
-.RemoveButton-module_removeButton__C5eDJ:focus, .RemoveButton-module_removeButton__C5eDJ:focus-visible {
-  outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-500);
-  outline-offset: 1px;
+.GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk, .GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
+  margin-inline-start: var(--spacing-6, 0.375rem);
 }
-.RemoveButton-module_removeButton__C5eDJ::before {
-  position: absolute;
-  content: "";
-  inset: -5px;
-  border-radius: 50%;
+.GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
+  margin-inline-start: var(--spacing-6, 0.375rem);
+  max-width: calc(100% - var(--spacing-48, 3rem));
+  overflow-wrap: break-word;
+  hyphens: auto;
 }
-.RemoveButton-module_removeButton__C5eDJ:hover, .RemoveButton-module_removeButton__C5eDJ:focus, .RemoveButton-module_removeButton__C5eDJ:focus-visible {
-  background-color: rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.2);
-  cursor: pointer;
-  color: var(--color-purple-800, #2f2438);
+.GenericNotification-module_global__Weka- .GenericNotification-module_textContainer__Avpbk {
+  margin-inline-start: var(--spacing-8);
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-.RemovableTag-module_removableTag__Dy1lt {
-  padding: var(--spacing-4, 0.25rem) var(--spacing-4, 0.25rem) var(--spacing-4, 0.25rem) var(--spacing-8, 0.5rem);
-  padding-block: var(--spacing-4, 0.25rem);
-  padding-inline: var(--spacing-8, 0.5rem) var(--spacing-4, 0.25rem);
+.GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk {
+  transition: opacity 200ms ease;
 }
-.Tab-module_tab__1YtP2 {
-  display: inline-flex;
-  align-items: center;
-  border: 2px solid transparent;
-  border-bottom: 0;
-  border-top-left-radius: var(--border-borderless-border-radius);
-  border-top-right-radius: var(--border-borderless-border-radius);
-  background: var(--color-white);
-  white-space: nowrap;
-  text-decoration: none;
-  padding: var(--spacing-md) var(--spacing-md);
-  margin: 0;
-  font-family: var(--typography-heading-4-font-family);
-  font-size: var(--typography-heading-4-font-size);
-  font-weight: var(--typography-heading-4-font-weight);
-  line-height: var(--typography-heading-4-line-height);
-  letter-spacing: var(--typography-heading-4-letter-spacing);
-  color: var(--color-purple-800);
-  cursor: default;
-
-  &:focus {
-    outline: none;
-  }
-
-  &:focus-visible {
-    color: var(--color-blue-500);
-    border-color: var(--color-blue-500);
-  }
-
-  &[data-disabled] {
-    opacity: 0.3;
-  }
-
-  &:not(:first-child) {
-    margin-inline-start: var(--spacing-xs);
-  }
-
-  &:not([data-disabled]):hover {
-    background: var(--color-blue-200);
-    color: var(--color-blue-500);
-  }
-
-  &:not([data-disabled]):active {
-    background: var(--color-blue-100);
-  }
+.GenericNotification-module_textContainer__Avpbk.GenericNotification-module_forceMultiline__JcVA4 {
+  flex-direction: column;
 }
 
-.Tab-module_tab__1YtP2[data-selected] {
+.GenericNotification-module_title__dvQOr {
   position: relative;
-  color: var(--color-blue-500);
-
-  &::before {
-    content: '';
-    display: block;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    background-color: currentcolor;
-    height: 5px;
-    width: 100%;
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-}
-
-.Tab-module_badge__ZmHRM {
-  margin-inline-start: var(--spacing-sm);
-  display: inline-flex;
-  align-items: center;
+  font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-weight: var(--typography-heading-6-font-weight, 600);
+  font-size: var(--typography-heading-6-font-size, 0.875rem);
+  line-height: var(--typography-heading-6-line-height, 1.5rem);
+  letter-spacing: var(--typography-heading-6-letter-spacing, normal);
+  margin: 0;
+  padding-right: 6px;
+  text-transform: none;
+  color: inherit;
+  top: 0.37em;
 }
 
-@media (forced-colors: active) {
-  .Tab-module_tab__1YtP2 {
-    border: 2px solid transparent;
-
-    &:focus-visible::after {
-      content: '';
-      position: absolute;
-      background: transparent;
-      border-radius: var(--border-focus-ring-border-radius);
-      border-width: var(--border-focus-ring-border-width);
-      border-style: var(--border-focus-ring-border-style);
-      border-color: transparent;
-      inset: -2px;
-    }
-  }
-
-  .Tab-module_tab__1YtP2[data-selected]::before {
-    /* High contrast also doesn't see the pseudo element created to show the active tab. */
-    content: '';
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border-bottom: 2px solid transparent;
-  }
+.GenericNotification-module_text__X-5ld {
+  position: relative;
+  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);
+  margin: 0;
+  color: inherit;
 }
-
-.TabList-module_container__d4TLi {
+.GenericNotification-module_inline__OciO5 .GenericNotification-module_text__X-5ld, .GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
   position: relative;
+  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);
+  margin-top: var(--spacing-6, 0.375rem);
+  flex: 0 1 auto;
+  padding-bottom: var(--spacing-12, 0.75rem);
+  top: 0.21em;
 }
-
-.TabList-module_tabList__WEETD {
-  border-bottom: 1px solid var(--color-gray-300);
-  padding: var(--spacing-6) 0 0;
+.GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
   width: 100%;
-  height: 100%;
-  overflow-x: scroll;
-  white-space: nowrap;
-  scrollbar-width: none;
-  scroll-behavior: smooth;
 }
-
-.TabList-module_noPadding__rIfER {
-  padding: 0;
-}
-
-.TabList-module_leftArrow__mrWjD,
-.TabList-module_rightArrow__WUoGO {
-  --icon-size: 24;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  z-index: 10000;
-  background: var(--color-white);
-  inset-block: 0 1px;
-  width: 48px;
-  cursor: default;
-  user-select: none;
+.GenericNotification-module_global__Weka- .GenericNotification-module_text__X-5ld {
+  position: static;
+  font-weight: var(--typography-paragraph-body-font-weight, 400);
+  font-size: var(--typography-paragraph-body-font-size, 1rem);
+  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
+  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
 }
-
-/*
- * Note: we're purposefully using directional properties instead of start/end for positioning and styling related to the carousel arrows
-*/
-.TabList-module_leftArrow__mrWjD {
-  left: 0;
+.GenericNotification-module_text__X-5ld a[href] {
+  color: var(--color-blue-500, #0168b3);
+  text-decoration: underline;
 }
-
-.TabList-module_leftArrow__mrWjD,
-.TabList-module_leftArrow__mrWjD:hover {
-  border-right: 1px solid var(--color-gray-300);
+.GenericNotification-module_text__X-5ld a[href]:hover {
+  color: var(--color-blue-500, #0168b3);
+  text-decoration: none;
 }
-
-.TabList-module_rightArrow__WUoGO {
-  right: 0;
+.GenericNotification-module_text__X-5ld strong {
+  font-weight: var(--typography-button-secondary-font-weight, 500);
 }
-
-.TabList-module_rightArrow__WUoGO,
-.TabList-module_rightArrow__WUoGO:hover {
-  border-left: 1px solid var(--color-gray-300);
+.GenericNotification-module_text__X-5ld p {
+  font-weight: inherit;
 }
 
-.TabList-module_leftArrow__mrWjD:hover,
-.TabList-module_rightArrow__WUoGO:hover {
-  background: var(--color-blue-200);
-  color: var(--color-blue-500);
+.GenericNotification-module_cancel__c6wky {
+  cursor: pointer;
+  appearance: none;
+  transition: none;
+  transform: none;
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  font: inherit;
+  color: var(--color-purple-800, #2f2438);
 }
-
-.TabList-module_leftArrow__mrWjD:active,
-.TabList-module_rightArrow__WUoGO:active {
-  background: var(--color-blue-100);
-  color: var(--color-blue-500);
+.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
+  opacity: 70%;
+  transition: var(--animation-duration-fast, 300ms) opacity;
 }
-
-.TabPanel-module_tabPanel__jEe1o {
-  border: 2px solid transparent;
-
-  &:focus {
-    outline: none;
-  }
-
-  &:focus-visible {
-    border-color: var(--color-blue-500);
-    border-radius: var(--border-focus-ring-border-radius);
-  }
+.GenericNotification-module_cancel__c6wky:disabled .GenericNotification-module_icon__SDb8v, .GenericNotification-module_disabled__WGBhD.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
+  opacity: 30%;
 }
-
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.OverlayArrow-module_overlayArrow__YBbCB {
-  display: flex;
-  padding: 8px;
+.GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):hover .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):focus .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_hover__hUURd .GenericNotification-module_icon__SDb8v {
+  opacity: 100%;
 }
-.OverlayArrow-module_overlayArrow__YBbCB[data-placement=top], .OverlayArrow-module_overlayArrow__YBbCB[data-placement=bottom] {
-  padding: 0 8px;
+.GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):active .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_active__-6ahb .GenericNotification-module_icon__SDb8v {
+  opacity: 100%;
 }
-.OverlayArrow-module_overlayArrow__YBbCB[data-placement=left], .OverlayArrow-module_overlayArrow__YBbCB[data-placement=right] {
-  padding: 8px 0;
+.GenericNotification-module_cancel__c6wky:active {
+  transform: translateY(1px);
 }
-.OverlayArrow-module_overlayArrow__YBbCB path {
-  fill: var(--color-purple-800, #2f2438);
-  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));
+.GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky, .GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
+  width: var(--spacing-48);
+  height: var(--spacing-48);
+  margin-top: calc(-1 * var(--spacing-6));
+  margin-bottom: calc(-1 * var(--spacing-6));
 }
-.OverlayArrow-module_overlayArrow__YBbCB[data-placement=right] svg {
-  transform: rotate(90deg);
+.GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky {
+  margin-inline-end: calc(-1 * var(--spacing-12));
 }
-.OverlayArrow-module_overlayArrow__YBbCB[data-placement=bottom] svg {
-  transform: rotate(180deg);
+.GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
+  margin-inline-end: -10px;
 }
-.OverlayArrow-module_overlayArrow__YBbCB[data-placement=left] svg {
-  transform: rotate(270deg);
+.GenericNotification-module_global__Weka- .GenericNotification-module_cancel__c6wky {
+  width: var(--spacing-48);
+  height: var(--spacing-48);
+  margin-top: calc(-1 * var(--spacing-24));
+  margin-bottom: calc(-1 * var(--spacing-24));
 }
-.OverlayArrow-module_overlayArrow__YBbCB.OverlayArrow-module_reversed__Le8QW path {
-  fill: var(--color-white, #ffffff);
+
+.GenericNotification-module_cancelLabel__HJzsk {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
 }
-/** 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 **/
-.Tooltip-module_tooltip__zBer- {
-  max-width: 200px;
-  padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
-  color: var(--color-white, #ffffff);
-  text-align: center;
-  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-extra-small-font-weight, 400);
-  letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
-  line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
-  border-radius: var(--border-solid-border-radius, 7px);
-  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));
-  background-color: var(--color-purple-800, #2f2438);
-  text-wrap: pretty;
-  /* fixes FF gap */
-  transform: translate3d(0, 0, 0);
+
+.GenericNotification-module_icon__SDb8v {
+  color: var(--icon-color);
 }
-.Tooltip-module_tooltip__zBer-.Tooltip-module_reversed__VnM1F {
-  background-color: var(--color-white, #ffffff);
-  color: var(--color-purple-800, #2f2438);
+
+.GenericNotification-module_cancel__c6wky {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--border-solid-border-radius);
 }
-.Tooltip-module_tooltip__zBer-[data-placement=top] {
-  --origin: translateY(4px);
+.GenericNotification-module_cancel__c6wky:focus-visible {
+  outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-500);
+  outline-offset: -4px;
 }
-.Tooltip-module_tooltip__zBer-[data-placement=bottom] {
-  --origin: translateY(-4px);
+
+.GenericNotification-module_notificationTitle__Oaqb8 {
+  top: 0.42em;
+  position: relative;
+  margin-inline-end: var(--spacing-6, 0.375rem);
+  line-height: var(--typography-heading-6-line-height, 1.5rem);
 }
-.Tooltip-module_tooltip__zBer-[data-placement=right] {
-  --origin: translateX(-4px);
+
+@container (max-width: 25rem) {
+  .GenericNotification-module_notificationTitle__Oaqb8 {
+    width: 100%;
+  }
 }
-.Tooltip-module_tooltip__zBer-[data-placement=left] {
-  --origin: translateX(4px);
+.GenericNotification-module_success__oLGIP {
+  background: var(--color-green-100, #e8f8f4);
+  border-color: var(--color-green-500);
+  color: var(--color-purple-800, #2f2438);
+  --icon-color: var(--color-green-500);
 }
-.Tooltip-module_tooltip__zBer-[data-entering] {
-  animation: Tooltip-module_slide__XF-On var(--animation-duration-fast, 300ms);
+
+.GenericNotification-module_informative__WLimi {
+  background: var(--color-blue-100, #e6f6ff);
+  border-color: var(--color-blue-500);
+  color: var(--color-purple-800, #2f2438);
+  --icon-color: var(--color-blue-500);
 }
-.Tooltip-module_tooltip__zBer-[data-exiting] {
-  animation: Tooltip-module_slide__XF-On var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
+
+.GenericNotification-module_cautionary__lneFu {
+  background: var(--color-yellow-100, #fff9e4);
+  border-color: var(--color-yellow-700);
+  color: var(--color-purple-800, #2f2438);
+  --icon-color: var(--color-yellow-700);
 }
 
-@keyframes Tooltip-module_slide__XF-On {
-  from {
-    transform: var(--origin);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
+.GenericNotification-module_warning__7275P {
+  background: var(--color-red-100, #fdeaee);
+  border-color: var(--color-red-500);
+  color: var(--color-purple-800, #2f2438);
+  --icon-color: var(--color-red-500);
 }
 .NotificationIcon-module_notificationIcon__4xH0m {
   font-size: inherit;