.discount-toast{position:fixed;inset-block-end:clamp(16px,4vw,40px);inset-inline-end:clamp(16px,6vw,56px);z-index:120;max-width:min(400px,92vw);width:100%;background:var(--panel-bg-color, rgba(20, 20, 20, .96));color:rgb(var(--panel-text-color, var(--text-color)));border-radius:var(--drawer-border-radius, 16px);box-shadow:0 25px 55px #00000059,0 0 0 1px #ffffff0d;transform:translate3d(0,140%,0);opacity:0;pointer-events:none;transition:transform .32s ease,opacity .32s ease}.discount-toast__inner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px}.discount-toast__icon{width:36px;height:36px;border-radius:50%;background:rgba(var(--success-bg-color, 62, 207, 142),.16);color:rgb(var(--success-text-color, 62, 207, 142));display:inline-flex;align-items:center;justify-content:center}.discount-toast__icon svg{width:22px;height:22px}.discount-toast__content{display:flex;flex-direction:column;gap:4px}.discount-toast__message{margin:0;font-size:1.5rem;line-height:1.35}.discount-toast__code-row{margin:0;font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em;display:flex;gap:6px;align-items:baseline;color:rgba(var(--text-color, 255, 255, 255),.75)}.discount-toast__code{font-size:1.4rem;color:rgb(var(--heading-color, var(--text-color)))}.discount-toast__close{border:0;background:transparent;color:inherit;padding:6px;border-radius:50%;cursor:pointer;transition:background .2s ease,color .2s ease}.discount-toast__close:hover,.discount-toast__close:focus-visible{background:rgba(var(--text-color, 255, 255, 255),.08)}.discount-toast.is-visible{transform:translateZ(0);opacity:1;pointer-events:auto}.discount-toast__code-row.is-hidden{display:none}@media (max-width: 720px){.discount-toast{inset-inline-start:50%;inset-inline-end:auto;transform:translate3d(-50%,140%,0)}.discount-toast.is-visible{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion: reduce){.discount-toast,.discount-toast.is-visible{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/discount-toast.css.map */
