.toast-container{position:fixed;z-index:calc(var(--z-index-modal) + 10);display:flex;flex-direction:column;gap:var(--toast-gap);pointer-events:none;top:var(--space-md);left:var(--space-md);width:calc(100vw - 2 * var(--space-md))}@media screen and (min-width:1024px){.toast-container{top:auto;left:var(--space-lg);bottom:var(--space-lg);width:var(--toast-max-width-desktop)}}.toast-container>[aria-live]{display:contents}.toast{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--toast-padding);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);color:var(--toast-fg);pointer-events:all;animation:toast-in var(--duration-medium) var(--easing-out) forwards}.toast.is-dismissing{animation:toast-out var(--duration-medium) var(--easing-in) forwards}.toast--success{background-color:var(--toast-bg-success)}.toast--warning{background-color:var(--toast-bg-warning);color:rgb(var(--color-foreground))}.toast--info{background-color:var(--toast-bg-info)}.toast--error{background-color:var(--color-base-white);border-left:3px solid var(--color-semantic-error);color:var(--color-semantic-error);padding-left:calc(var(--toast-padding) - 3px)}.toast--error .toast__message{font-size:1.2rem}.toast--error .toast__dismiss{color:var(--color-semantic-error)}.toast__message{flex:1;font-size:1.4rem;line-height:1.4}.toast__action{background:none;border:1px solid currentcolor;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;font:inherit;font-size:1.2rem;padding:.2rem .8rem;white-space:nowrap}.toast__dismiss{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:1.8rem;line-height:1;opacity:.8;padding:0}.toast__dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:1024px){@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}@media screen and (min-width:1024px){@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}}@media(prefers-reduced-motion:reduce){.toast,.toast.is-dismissing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/482/assets/theme-toast.css.map */