toast-stack,.toast-stack{position:fixed;z-index:var(--z-toast, 90);display:flex;flex-direction:column;gap:.6rem;width:min(100% - 2rem,22rem);max-height:calc(100vh - 2rem);overflow:hidden;pointer-events:none;top:calc(env(safe-area-inset-top,0px) + .75rem);left:50%;transform:translate(-50%)}@media(min-width:640px){toast-stack,.toast-stack{top:auto;left:auto;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);transform:none;flex-direction:column-reverse;width:22rem}}toast-stack:empty,.toast-stack:empty{display:none}.toast,toast-stack>div,toast-stack>li,toast-stack>output{position:relative;display:flex;align-items:flex-start;gap:.75rem;overflow:hidden;padding:.85rem .95rem;border:var(--bw, 2px) solid var(--ink);border-radius:var(--r-lg, 1.5rem);background-color:var(--white, #ffffff);color:var(--ink, #080d1f);box-shadow:var(--shadow-pop-sm, 0 4px 0 0 #080d1f);pointer-events:auto;list-style:none}.toast,toast-stack>div,toast-stack>li,toast-stack>output{animation:toast-in var(--dur-3, .4s) var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both}.toast.is-out,.toast[data-state=out]{animation:toast-out var(--dur-2, .28s) var(--ease-out, cubic-bezier(.16, 1, .3, 1)) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.97)}}@media(min-width:640px){@keyframes toast-in{0%{opacity:0;transform:translate(28px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(28px) scale(.97)}}}.toast__media{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;overflow:hidden;border:var(--bw, 2px) solid var(--ink);border-radius:var(--r-sm, .75rem);background-color:var(--paper-2, #f2f5ff)}.toast__media img,.toast__media svg{display:block;width:100%;height:100%;object-fit:contain;padding:.15rem}.toast__icon{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border:var(--bw, 2px) solid var(--ink);border-radius:var(--r-pill, 999px);background-color:var(--blue-soft, #e6eeff);color:var(--blue, #0b5cff)}.toast__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}.toast__title{margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:800;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}.toast__text{margin:0;font-size:.8rem;line-height:1.45;color:var(--slate, #4b5570);overflow-wrap:anywhere}.toast__text .mono,.toast__price{font-family:var(--font-mono);font-weight:700;color:var(--ink)}.toast__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.toast__close{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;margin:-.15rem -.15rem 0 0;padding:0;border:var(--bw, 2px) solid transparent;border-radius:var(--r-pill, 999px);background-color:transparent;color:var(--slate, #4b5570);cursor:pointer;transition:color var(--dur-1, .2s) var(--ease-out, ease),border-color var(--dur-1, .2s) var(--ease-out, ease),background-color var(--dur-1, .2s) var(--ease-out, ease),transform var(--dur-1, .2s) var(--ease-out, ease)}.toast__close:hover,.toast__close:focus-visible{color:var(--ink);border-color:var(--ink);background-color:var(--blue-soft, #e6eeff);transform:rotate(90deg)}.toast__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left center;background-color:var(--blue, #0b5cff);animation:toast-bar var(--toast-duration, 4s) linear forwards}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--success,.toast[data-variant=success]{background-color:var(--white, #ffffff)}.toast--success .toast__icon,.toast[data-variant=success] .toast__icon{background-color:var(--lime, #ccff45);color:var(--fixed-ink, #080d1f)}.toast--success .toast__bar,.toast[data-variant=success] .toast__bar{background-color:var(--lime-deep, #6a8a00)}.toast--error,.toast[data-variant=error]{border-color:var(--ink);background-color:#fff2f5;background-color:color-mix(in srgb,var(--coral, #ff6b8a) 12%,var(--white, #ffffff))}.toast--error .toast__icon,.toast[data-variant=error] .toast__icon{background-color:var(--coral, #ff6b8a);color:var(--fixed-ink, #080d1f)}.toast--error .toast__bar,.toast[data-variant=error] .toast__bar{background-color:var(--coral, #ff6b8a)}.toast--info,.toast[data-variant=info]{background-color:var(--white, #ffffff)}.toast--info .toast__icon,.toast[data-variant=info] .toast__icon{background-color:var(--cyan-soft, #dff6ff);color:var(--blue-deep, #0034b3)}.toast--info .toast__bar,.toast[data-variant=info] .toast__bar{background-color:var(--cyan, #17c9ff)}@media(max-width:639px){.toast,toast-stack>div,toast-stack>li,toast-stack>output{padding:.75rem .85rem;border-radius:var(--r-md, 1rem)}.toast__media{width:2.25rem;height:2.25rem}toast-stack>*:nth-child(n+4),.toast-stack>*:nth-child(n+4){display:none}}html.no-anim .toast,html.no-anim toast-stack>div,html.no-anim toast-stack>li,html.no-anim toast-stack>output{animation:toast-fade-in .001ms linear both}html.no-anim .toast__bar{animation:none;transform:scaleX(1);opacity:.35}html.no-anim .toast__close:hover,html.no-anim .toast__close:focus-visible{transform:none}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.toast,toast-stack>div,toast-stack>li,toast-stack>output{animation:toast-fade-in .001ms linear both!important;transform:none!important}.toast.is-out,.toast[data-state=out]{animation:none!important;opacity:0!important}.toast__bar{animation:none!important;transform:scaleX(1)!important;opacity:.35}.toast__close:hover,.toast__close:focus-visible{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-toast.css.map */