@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/Toaster.css

@@ -1,255 +1,223 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._popover_18bzw_2 {
-    inset: auto;
-    border: none;
-    background: none;
-    top: 0;
-    right: 0;
-  }
-  ._toaster_18bzw_9 {
-    --toast-width: calc(375 * 1rem / 16);
-    --toast-animation-duration: 300ms;
-    --toast-stack-padding: 1.5rem;
-    --toast-max-width: calc(100vw - var(--toast-stack-padding) * 2);
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    width: var(--toast-width);
-    max-width: var(--toast-max-width);
-    height: calc(100dvh - var(--toast-stack-padding) * 2);
-    pointer-events: none;
-    z-index: 99999;
-  }
-  ._toaster_18bzw_9._hidden_18bzw_23 {
-    visibility: hidden;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 {
-    position: absolute;
-    inset-block-start: var(--toast-stack-padding);
-    inset-inline-end: var(--toast-stack-padding);
-    width: 100%;
-    display: flex;
-    box-sizing: content-box !important;
-    flex-direction: column;
-    align-items: center;
-    pointer-events: auto;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 {
-    position: absolute;
-    width: var(--toast-width);
-    max-width: min(var(--toast-max-width), 100%);
-    padding-block-end: var(--toast-stack-padding);
-    pointer-events: auto;
-    transition: var(--toast-animation-duration) ease-in;
-    transition-property: top, padding-block-end;
-    z-index: 2;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37:first-of-type {
-    padding-block-end: 0;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50 {
-    background-color: var(--background-color, #ffffff);
-    position: relative;
-    box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50 ._alert-action_18bzw_55 {
-    margin-block-start: 0.75rem;
-    display: flex;
-    gap: 0.75rem;
-    max-width: 100%;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50 ._message-container_18bzw_61 {
-    white-space: pre-line;
-    overflow-wrap: break-word;
-  }
-}
-@layer state {
-  ._toast-stack_18bzw_26._show-extra-toast_18bzw_67._has-overflow_18bzw_67 {
-    scrollbar-width: thin;
-    scrollbar-gutter: stable;
-    --anv-estimated-scrollbar-width: 11px;
-    width: calc(100% + var(--anv-estimated-scrollbar-width));
-    inset-inline-end: calc(var(--toast-stack-padding) - var(--anv-estimated-scrollbar-width));
-    overflow-y: auto;
-  }
-  ._toast-stack_18bzw_26._show-extra-toast_18bzw_67._has-overflow_18bzw_67::-webkit-scrollbar {
-    width: 8px;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._hidden_18bzw_23 {
-    display: none;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50:focus-visible {
-    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
-    outline-offset: 0.125rem;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85 {
-    transition-property: top, padding-bottom, width;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 {
-    z-index: 1;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88 ._alert-action_18bzw_55, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 ._alert-action_18bzw_55 {
-    display: none;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88 ._message-container_18bzw_61, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 ._message-container_18bzw_61 {
-    max-height: 1rem;
-    overflow: hidden;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88 {
-    width: calc(var(--toast-width) - 2rem);
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 {
-    width: calc(var(--toast-width) - 4rem);
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104 {
-    transition-property: top, padding-bottom, width;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104 {
-    width: var(--toast-width);
-    height: auto;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-one_18bzw_88 ._alert-action_18bzw_55, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-two_18bzw_88 ._alert-action_18bzw_55 {
-    display: flex;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-one_18bzw_88 ._message-container_18bzw_61, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-two_18bzw_88 ._message-container_18bzw_61 {
-    max-height: none;
-    overflow: unset;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-extra_18bzw_118 {
-    width: calc(var(--toast-width) - 6rem);
-    visibility: hidden;
-    pointer-events: none;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-extra_18bzw_118._stacked-show-extra_18bzw_104 {
-    width: var(--toast-width);
-    visibility: visible;
-    pointer-events: auto;
-  }
-  ._toast-stack_18bzw_26._show-extra-toast_18bzw_67 ._toast-wrapper_18bzw_37:first-of-type {
-    padding-block-end: var(--toast-stack-padding);
-  }
-  ._show-more-button-container_18bzw_131,
-  ._show-collapse-button-container_18bzw_132 {
-    pointer-events: all;
-    padding-block: 1rem;
-    padding-inline: 0;
-    min-height: 2rem;
-    width: 100%;
-    text-align: center;
-  }
-  ._show-more-button-container_18bzw_131 ._show-collapse-button_18bzw_132,
-  ._show-collapse-button-container_18bzw_132 ._show-collapse-button_18bzw_132 {
-    box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-    background-color: var(--background-color-inverted, #2d2e31);
-    color: var(--foreground-color-inverted, #ffffff);
-  }
-  ._show-more-button-container_18bzw_131 ._show-collapse-button_18bzw_132:hover,
-  ._show-collapse-button-container_18bzw_132 ._show-collapse-button_18bzw_132:hover {
-    background-color: var(--background-color-inverted-strong, #141414);
-  }
-  ._show-more-button-container_18bzw_131 {
-    position: absolute;
-    transition: top var(--toast-animation-duration) ease-in;
-    pointer-events: none;
-  }
-  ._show-more-button-container_18bzw_131 > * {
+.anvil2 {._popover_pn5m3_1 {
+  background: none;
+  border: none;
+  inset: auto;
+  right: 0;
+  top: 0;
+}._toaster_pn5m3_9 {
+  --a2-mod-toaster-animation-duration: 300ms;
+  --a2-mod-toaster-max-width: calc(
+    100vw - var(--a2-mod-toaster-stack-padding) * 2
+  );
+  --a2-mod-toaster-stack-padding: var(--a2-size-6, 1.5rem);
+  --a2-mod-toaster-width: calc(375 * var(--a2-size-4, 1rem) / 16);
+  --a2-mod-toaster-z-index: 99999;
+  position: fixed;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  width: var(--a2-mod-toaster-width);
+  max-width: var(--a2-mod-toaster-max-width);
+  height: calc(100dvh - var(--a2-mod-toaster-stack-padding) * 2);
+  pointer-events: none;
+  z-index: var(--a2-mod-toaster-z-index);
+}._hidden_pn5m3_27 {
+  visibility: hidden;
+}._toast-stack_pn5m3_31 {
+  --a2-mod-toaster-button-z-index: 1;
+  --a2-mod-toaster-first-wrapper-padding: 0;
+  position: absolute;
+  inset-block-start: var(--a2-mod-toaster-stack-padding);
+  inset-inline-end: var(--a2-mod-toaster-stack-padding);
+  width: 100%;
+  display: flex;
+  box-sizing: content-box !important;
+  flex-direction: column;
+  align-items: center;
+  pointer-events: auto;
+}@media only screen and (hover: none) {
+  ._toast-stack_pn5m3_31 {
     pointer-events: all;
   }
-  ._show-more-button-container_18bzw_131._fixed-position_18bzw_158 {
-    position: fixed;
-    right: var(--toast-stack-padding);
-    width: var(--toast-width);
-    max-width: var(--toast-max-width);
-    z-index: 99999;
-  }
-  ._toast-stack_18bzw_26._has-overflow_18bzw_67 ._show-more-button-container_18bzw_131 {
-    z-index: 10;
-  }
-  ._toast-stack-spacer_18bzw_168 {
-    position: absolute;
-    height: 1px;
-    width: 1px;
-    pointer-events: none;
-  }
-  ._toast-stack-gradient-top_18bzw_174,
-  ._toast-stack-gradient-bottom_18bzw_175 {
-    position: fixed;
-    right: 0;
-    width: calc(var(--toast-width) + 2.5rem);
-    max-width: var(--toast-max-width);
-    z-index: 5;
-    opacity: 0;
-    transition: opacity var(--toast-animation-duration) ease-in-out;
-    pointer-events: none;
-  }
-  ._toast-stack-gradient-top_18bzw_174 {
-    top: 0;
-    background: linear-gradient(to bottom, var(--background-color, #ffffff) 0%, transparent 100%);
-    height: 75px;
-  }
-  ._toast-stack-gradient-bottom_18bzw_175 {
-    bottom: 0;
-    height: 375px;
-    width: calc(var(--toast-width) + 2.5rem);
-    background: linear-gradient(to bottom, transparent 0%, var(--background-color, #ffffff) 100%);
-    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 1rem, black calc(100% - 1rem), transparent 100%);
-            mask-image: linear-gradient(to right, transparent 0%, black 1rem, black calc(100% - 1rem), transparent 100%);
-  }
-  ._toast-stack-gradient-visible_18bzw_197 {
-    opacity: 1;
-  }
-}
-@layer application {
-  ._toast-stack_18bzw_26._disable-animations_18bzw_202 {
-    --toast-animation-duration: 0ms;
-  }
-  @media only screen and (hover: none) {
-    ._toast-stack_18bzw_26 {
-      pointer-events: all;
-    }
-  }
-  @media only screen and (max-width: 640px) {
-    ._toast-stack_18bzw_26 {
-      padding-inline-start: 0.75rem;
-      padding-inline-end: 0.75rem;
-      max-width: -webkit-fill-available;
-      max-width: -moz-available;
-      max-width: stretch;
-      scrollbar-gutter: unset;
-    }
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 {
-      max-width: calc(100% - 0.75rem - 0.75rem);
-      padding-inline: 0;
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 {
-      transition-duration: 0ms;
-    }
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._open_18bzw_226,
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._close_18bzw_227 {
-      animation-duration: 0ms;
-    }
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._open_18bzw_226 {
-      animation: _slideIn_18bzw_1 var(--toast-animation-duration);
-    }
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._close_18bzw_227 {
-      animation: _slideOut_18bzw_1 var(--toast-animation-duration);
-    }
+}@media only screen and (max-width: 640px) {
+  ._toast-stack_pn5m3_31 {
+    padding-inline-start: var(--a2-size-3, 0.75rem);
+    padding-inline-end: var(--a2-size-3, 0.75rem);
+    max-width: -webkit-fill-available;
+    max-width: -moz-available;
+    max-width: stretch;
+    scrollbar-gutter: unset;
+  }
+}._disable-animations_pn5m3_58 {
+  --a2-mod-toaster-animation-duration: 0ms;
+}._show-extra-toast_pn5m3_62 {
+  --a2-mod-toaster-first-wrapper-padding: var(--a2-mod-toaster-stack-padding);
+}._has-overflow_pn5m3_66 {
+  --a2-mod-toaster-button-z-index: 10;
+}._show-extra-toast_pn5m3_62._has-overflow_pn5m3_66 {
+  scrollbar-width: thin;
+  scrollbar-gutter: stable;
+  --anv-estimated-scrollbar-width: 11px;
+  width: calc(100% + var(--anv-estimated-scrollbar-width));
+  inset-inline-end: calc(var(--a2-mod-toaster-stack-padding) - var(--anv-estimated-scrollbar-width));
+  overflow-y: auto;
+}._show-extra-toast_pn5m3_62._has-overflow_pn5m3_66::-webkit-scrollbar {
+  width: 8px;
+}._toast-wrapper_pn5m3_82 {
+  --a2-mod-toaster-wrapper-padding-block-end: var(
+    --a2-mod-toaster-stack-padding
+  );
+  --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
+  --a2-mod-toaster-wrapper-z-index: 2;
+  position: absolute;
+  width: var(--a2-mod-toaster-wrapper-width);
+  max-width: min(var(--a2-mod-toaster-max-width), 100%);
+  padding-block-end: var(--a2-mod-toaster-wrapper-padding-block-end);
+  pointer-events: auto;
+  transition: var(--a2-mod-toaster-animation-duration) ease-in;
+  transition-property: top, padding-block-end;
+  z-index: var(--a2-mod-toaster-wrapper-z-index);
+}._toast-wrapper_pn5m3_82:first-of-type {
+  padding-block-end: var(--a2-mod-toaster-first-wrapper-padding);
+}@media only screen and (max-width: 640px) {
+  ._toast-wrapper_pn5m3_82 {
+    max-width: calc(100% - var(--a2-size-3, 0.75rem) - var(--a2-size-3, 0.75rem));
+    padding-inline: 0;
   }
+}@media (prefers-reduced-motion: reduce) {
+  ._toast-wrapper_pn5m3_82 {
+    transition-duration: 0ms;
+  }
+}._stacked_pn5m3_112,
+._stacked-show-extra_pn5m3_113 {
+  transition-property: top, padding-bottom, width;
+}._stacked_pn5m3_112._stack-one_pn5m3_117,
+._stacked_pn5m3_112._stack-two_pn5m3_118 {
+  --a2-mod-toaster-wrapper-z-index: 1;
+  --a2-mod-toaster-alert-action-display: none;
+  --a2-mod-toaster-message-max-height: var(--a2-size-4, 1rem);
+  --a2-mod-toaster-message-overflow: hidden;
+}._stacked_pn5m3_112._stack-one_pn5m3_117 {
+  --a2-mod-toaster-wrapper-width: calc(
+    var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem)
+  );
+}._stacked_pn5m3_112._stack-two_pn5m3_118 {
+  --a2-mod-toaster-wrapper-width: calc(
+    var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem) * 2
+  );
+}._stacked-show-extra_pn5m3_113 {
+  --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
+  height: auto;
+}._stacked-show-extra_pn5m3_113._stack-one_pn5m3_117,
+._stacked-show-extra_pn5m3_113._stack-two_pn5m3_118 {
+  --a2-mod-toaster-alert-action-display: flex;
+  --a2-mod-toaster-message-max-height: none;
+  --a2-mod-toaster-message-overflow: unset;
+}._stacked-extra_pn5m3_149 {
+  --a2-mod-toaster-wrapper-width: calc(
+    var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem) * 3
+  );
+  visibility: hidden;
+  pointer-events: none;
+}._stacked-extra_pn5m3_149._stacked-show-extra_pn5m3_113 {
+  --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
+  visibility: visible;
+  pointer-events: auto;
+}._toast-alert_pn5m3_163 {
+  --a2-mod-toast-focus-ring-color: var(--a2-toast-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-toast-shadow-color);
+  position: relative;
+}@media (prefers-reduced-motion: no-preference) {
+  ._toast-alert_pn5m3_163._open_pn5m3_170 {
+    animation: _slideIn_pn5m3_1 var(--a2-mod-toaster-animation-duration);
+  }
+  ._toast-alert_pn5m3_163._close_pn5m3_173 {
+    animation: _slideOut_pn5m3_1 var(--a2-mod-toaster-animation-duration);
+  }
+}@media (prefers-reduced-motion: reduce) {
+  ._toast-alert_pn5m3_163._open_pn5m3_170, ._toast-alert_pn5m3_163._close_pn5m3_173 {
+    animation-duration: 0ms;
+  }
+}._toast-alert_pn5m3_163:focus-visible {
+  outline: var(--a2-size-half, 0.125rem) solid var(--a2-mod-toast-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+}._toast-alert_pn5m3_163._hidden_pn5m3_27 {
+  display: none;
+}._alert-action_pn5m3_191 {
+  margin-block-start: var(--a2-size-3, 0.75rem);
+  display: var(--a2-mod-toaster-alert-action-display, flex);
+  gap: var(--a2-size-3, 0.75rem);
+  max-width: 100%;
+}._message-container_pn5m3_198 {
+  white-space: pre-line;
+  overflow-wrap: break-word;
+  max-height: var(--a2-mod-toaster-message-max-height, none);
+  overflow: var(--a2-mod-toaster-message-overflow, visible);
+}._show-more-button-container_pn5m3_205,
+._show-collapse-button-container_pn5m3_206 {
+  pointer-events: all;
+  padding-block: var(--a2-size-4, 1rem);
+  padding-inline: 0;
+  min-height: var(--a2-size-8, 2rem);
+  width: 100%;
+  text-align: center;
+}._show-more-button-container_pn5m3_205 {
+  position: absolute;
+  transition: top var(--a2-mod-toaster-animation-duration) ease-in;
+  pointer-events: none;
+  z-index: var(--a2-mod-toaster-button-z-index);
+}._show-more-button-container_pn5m3_205 > * {
+  pointer-events: all;
+}._show-more-button-container_pn5m3_205._fixed-position_pn5m3_225 {
+  position: fixed;
+  right: var(--a2-mod-toaster-stack-padding);
+  width: var(--a2-mod-toaster-width);
+  max-width: var(--a2-mod-toaster-max-width);
+  z-index: var(--a2-mod-toaster-z-index);
+}._show-collapse-button_pn5m3_206 {
+  --a2-mod-button-background-color: var(--a2-toast-collapse-button-background-color, var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9))));
+  --a2-mod-button-background-color-hover: var(--a2-toast-collapse-button-background-color-hover, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-button-foreground-color: var(--a2-toast-collapse-button-foreground-color, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-button-foreground-color-hover: var(--a2-toast-collapse-button-foreground-color-hover, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-toast-shadow-color);
+}._toast-stack-spacer_pn5m3_242 {
+  position: absolute;
+  height: 1px;
+  width: 1px;
+  pointer-events: none;
+}._toast-stack-gradient-top_pn5m3_249,
+._toast-stack-gradient-bottom_pn5m3_250 {
+  --a2-mod-toaster-gradient-width: calc(var(--a2-mod-toaster-width) + 2.5rem);
+  position: fixed;
+  right: 0;
+  width: var(--a2-mod-toaster-gradient-width);
+  max-width: var(--a2-mod-toaster-max-width);
+  z-index: 5;
+  opacity: 0;
+  transition: opacity var(--a2-mod-toaster-animation-duration) ease-in-out;
+  pointer-events: none;
+}._toast-stack-gradient-top_pn5m3_249 {
+  top: 0;
+  height: 75px;
+  background: var(--a2-toast-stack-gradient-top-background, light-dark(linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
+}._toast-stack-gradient-bottom_pn5m3_250 {
+  bottom: 0;
+  height: 375px;
+  background: var(--a2-toast-stack-gradient-bottom-background, light-dark(linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%), linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%)));
+  -webkit-mask-image: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
+          mask-image: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
+}._toast-stack-gradient-visible_pn5m3_275 {
+  opacity: 1;
 }
-@keyframes _slideIn_18bzw_1 {
+}@keyframes _slideIn_pn5m3_1 {
   from {
     inset-inline-end: -27rem;
   }
   to {
     inset-inline-end: 0px;
   }
-}
-@keyframes _slideOut_18bzw_1 {
+}@keyframes _slideOut_pn5m3_1 {
   from {
     inset-inline-end: 0px;
   }