.l8-toast-root{--l8-red: #B3121F;--l8-red-deep: #8A0D17;--l8-gold: #D4A537;--l8-gold-hi: #F2D27A;--l8-cream: #FFF6E5;--l8-ink: #111;position:fixed;top:14px;left:50%;z-index:2147483000;width:min(360px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.l8-toast{position:relative;display:grid;grid-template-columns:34px 1fr 22px;gap:10px;align-items:center;padding:10px 10px 10px 12px;color:var(--l8-cream);background:radial-gradient(circle at 10% 40%,rgba(255,190,80,.28),transparent 45%),var(--l8-red);border:2px solid var(--l8-ink);border-radius:3px;box-shadow:3px 3px 0 var(--l8-ink),inset 0 0 0 3px var(--l8-red),inset 0 0 0 4.5px var(--l8-gold);pointer-events:auto;opacity:0;transform:translateY(calc(-100% - 24px));transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.l8-toast.is-in{opacity:1;transform:none}.l8-toast.is-out{opacity:0;transform:translateY(-16px);transition-duration:.4s}.l8-toast__icon{width:34px;height:34px;filter:drop-shadow(0 0 6px rgba(255,196,77,.6))}.l8-toast__icon svg{width:100%;height:100%}.l8-toast__title{margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.3;color:var(--l8-cream)}.l8-toast__text{margin:0;font-size:12px;line-height:1.4;color:var(--l8-cream);opacity:.95}.l8-toast__link{margin-left:4px;font-weight:700;color:var(--l8-gold-hi);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.l8-toast__link:hover{color:#fff}.l8-toast__close{display:grid;place-items:center;width:22px;height:22px;padding:0;color:var(--l8-cream);background:transparent;border:1.5px solid rgba(255,246,229,.6);border-radius:3px;cursor:pointer}.l8-toast__close:hover{background:var(--l8-red-deep)}.l8-toast a:focus-visible,.l8-toast__close:focus-visible{outline:2px solid var(--l8-gold-hi);outline-offset:2px}.l8-toast__burst{position:absolute;left:29px;top:50%;width:0;height:0;pointer-events:none}.l8-toast__burst i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--l8-gold-hi);opacity:0}.l8-toast.is-in .l8-toast__burst i{animation:l8-toast-spark .9s ease-out .3s forwards}.l8-toast__burst i:nth-child(1){--x: 0px;--y: -30px}.l8-toast__burst i:nth-child(2){--x: 18px;--y: -24px;background:#fff}.l8-toast__burst i:nth-child(3){--x: 30px;--y: -8px}.l8-toast__burst i:nth-child(4){--x: 28px;--y: 14px;background:#f28c1b}.l8-toast__burst i:nth-child(5){--x: 12px;--y: 28px}.l8-toast__burst i:nth-child(6){--x: -8px;--y: 30px;background:#fff}.l8-toast__burst i:nth-child(7){--x: -24px;--y: 18px}.l8-toast__burst i:nth-child(8){--x: -30px;--y: -4px;background:#f28c1b}.l8-toast__burst i:nth-child(9){--x: -20px;--y: -22px}.l8-toast__burst i:nth-child(10){--x: 8px;--y: -32px;background:#fff}@keyframes l8-toast-spark{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}@media(max-width:749px){.l8-toast-root{top:10px}.l8-toast{grid-template-columns:30px 1fr 22px;gap:8px;padding:8px 8px 8px 10px}.l8-toast__icon{width:30px;height:30px}.l8-toast__title{font-size:13px}.l8-toast__text{font-size:11.5px}}@media(prefers-reduced-motion:reduce){.l8-toast,.l8-toast.is-out{transform:none;transition:opacity .01s}.l8-toast__burst{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/lucky8-toast.css.map */