:where(.toast){--_bg-color: var(--sds-mapped-colors-surface-page);--_border-color: var(--sds-alias-colors-neutral-200);--_title-color: var(--sds-mapped-colors-text-success);--_message-color: var(--sds-mapped-colors-text-secondary);--_stripe-color: var(--sds-mapped-colors-border-success);--_icon-bg: var(--sds-mapped-colors-surface-success);--_icon-color: var(--sds-mapped-colors-icons-success);--_close-color: var(--sds-alias-colors-neutral-900);display:flex;align-items:flex-start;width:345px;min-height:128px;background:var(--_bg-color);border:1px solid var(--_border-color);border-radius:var(--sds-alias-border-radius-lg);box-shadow:0 4px 8px #00000026;overflow:hidden;animation:toast-slide-in .3s ease-out}:where(.toast__stripe){display:flex;width:16px;align-items:center;flex-shrink:0;align-self:stretch;background:var(--_stripe-color)}:where(.toast__content){display:flex;padding:var(--sds-alias-padding-lg);flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}:where(.toast__icon-wrapper){display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:8px;gap:8px;border-radius:var(--sds-alias-border-radius-4xl);background:var(--_icon-bg);aspect-ratio:1/1;line-height:0}:where(.toast__icon){font-size:20px;color:var(--_icon-color)}:where(.toast__title__content){display:flex;align-items:center;gap:8px;align-self:stretch}:where(.toast__title){font:var(--sds-font-body-medium-sm);color:var(--_title-color)}:where(.toast__message){font:var(--sds-font-body-regular-sm);color:var(--_message-color);width:253px;height:72px}:where(.toast__close){display:flex;padding:var(--sds-alias-padding-lg) var(--sds-alias-padding-md);align-items:flex-start;align-self:stretch;cursor:pointer;appearance:none;border:none;background:none}:where(.toast__close__icon){font-size:20px;aspect-ratio:1/1}:where(.toast--warning){--_stripe-color: var(--sds-mapped-colors-border-warning);--_icon-bg: var(--sds-mapped-colors-surface-warning);--_icon-color: var(--sds-mapped-colors-icons-warning);--_title-color: var(--sds-mapped-colors-text-warning)}:where(.toast--error){--_stripe-color: var(--sds-mapped-colors-border-error);--_icon-bg: var(--sds-mapped-colors-surface-error);--_icon-color: var(--sds-mapped-colors-icons-error);--_title-color: var(--sds-mapped-colors-text-error)}:where(.toast--info){--_stripe-color: var(--sds-mapped-colors-border-information);--_icon-bg: var(--sds-mapped-colors-surface-information);--_icon-color: var(--sds-mapped-colors-icons-information);--_title-color: var(--sds-mapped-colors-text-information)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}:where(.toast--exiting){animation:toast-slide-out .2s ease-in forwards}@media (prefers-reduced-motion: reduce){:where(.toast){animation:none}:where(.toast--exiting){animation:none;opacity:0}}:where(.toast-container){position:fixed;bottom:var(--sds-alias-padding-3xl);right:var(--sds-alias-padding-3xl);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}:where(.toast-container>*){pointer-events:auto}@media (max-width: 640px){:where(.toast-container){left:var(--sds-alias-padding-lg);right:var(--sds-alias-padding-lg);bottom:var(--sds-alias-padding-lg)}:where(.toast){min-width:unset;width:100%}}