.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:380px;width:calc(100% - 32px)}@media screen and (max-width:480px){.toast-container{bottom:16px;right:16px;left:16px;width:auto;max-width:none}}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;background:#1a1a1a;border:1.5px solid #DC2626;box-shadow:0 4px 16px #0000004d,0 1px 4px #0003;pointer-events:auto;transform:translateY(100%) scale(.95);opacity:0;transition:transform .35s cubic-bezier(.2,0,0,1),opacity .3s ease;will-change:transform,opacity;overflow:hidden}.toast.is-visible{transform:translateY(0) scale(1);opacity:1}.toast.is-dismissing{transform:translate(100%) scale(.95);opacity:0;transition:transform .25s cubic-bezier(.4,0,1,1),opacity .2s ease}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.15;animation:toast-progress var(--toast-duration, 4s) linear forwards}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.toast__content{flex:1;min-width:0}.toast__title{font-size:14px;font-weight:600;color:#fff;line-height:1.4;margin:0}.toast__message{font-size:13px;color:#9ca3af;line-height:1.4;margin:2px 0 0}.toast__dismiss{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:color .15s ease,background-color .15s ease}.toast__dismiss:hover{color:#fff;background-color:#ffffff1a}.toast--success{border-color:#dc2626;color:#dc2626}.toast--success .toast__icon{color:#dc2626}.toast--error{border-color:#dc2626;color:#dc2626}.toast--error .toast__icon{color:#dc2626}.toast--info{border-color:#dc2626;color:#dc2626}.toast--info .toast__icon{color:#dc2626}@media(prefers-reduced-motion:reduce){.toast{transition:opacity .15s ease!important;transform:none!important}.toast.is-visible,.toast.is-dismissing{transform:none!important}.toast:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/toast.css.map */