sales-popup{--sp-gap: var(--space-3, 12px);--sp-offset: 0px;position:fixed;z-index:80;inset-inline:var(--sp-gap);inset-block-end:calc(var(--sp-gap) + env(safe-area-inset-bottom,0px) + var(--sp-offset));display:block;pointer-events:none;transition:inset-block-end var(--duration-base, .28s) var(--ease-soft, ease)}html.has-sticky-atc sales-popup{--sp-offset: var(--sticky-atc-height, 4.5rem)}@media(max-width:749px){sales-popup[data-hide-mobile]{display:none}}.sales-popup__card{position:relative;display:flex;align-items:stretch;max-inline-size:22.5rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:1.25rem;background:linear-gradient(180deg,#ffffff8c,#fff0 55%),var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-inset),0 1px 1px rgb(var(--shadow-rgb) / .04),0 6px 12px -4px rgb(var(--shadow-rgb) / .08),0 22px 44px -18px rgb(var(--shadow-rgb) / .32);pointer-events:auto;opacity:0;transform:translate3d(0,1.25rem,0) scale(.96);transform-origin:0 100%;transition:opacity calc(.32s * var(--motion-scale, 1)) var(--ease-out),transform calc(.56s * var(--motion-scale, 1)) var(--ease-spring)}.sales-popup__card[hidden]{display:none}sales-popup[data-side=bottom-right] .sales-popup__card{margin-inline-start:auto;transform-origin:100% 100%}.sales-popup__card.is-visible{opacity:1;transform:none}.sales-popup__link{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-3);min-inline-size:0;padding:var(--space-3);padding-inline-end:2.75rem;border-radius:inherit;color:inherit;text-decoration:none}.sales-popup__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px}.sales-popup__thumb{position:relative;flex:none;display:grid;place-items:center;inline-size:3.25rem;block-size:3.25rem;border-radius:.9rem;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--color-oat) 45%,white),var(--color-oat) 75%);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 4px rgb(var(--shadow-rgb) / .08),0 8px 14px -8px rgb(var(--shadow-rgb) / .45);transform:perspective(240px) rotateX(8deg) rotateY(-10deg);transition:transform var(--duration-base, .28s) var(--ease-soft)}.sales-popup__link:hover .sales-popup__thumb,.sales-popup__link:focus-visible .sales-popup__thumb{transform:perspective(240px) rotateX(0) rotateY(0) translateY(-2px)}.sales-popup__img{inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}.sales-popup__fallback{display:none;color:var(--color-accent)}.sales-popup__fallback .icon{inline-size:1.6rem;block-size:1.6rem}.sales-popup__thumb.is-fallback .sales-popup__fallback{display:grid}.sales-popup__badge{position:absolute;inset-block-end:-.3rem;inset-inline-end:-.3rem;display:grid;place-items:center;inline-size:1.25rem;block-size:1.25rem;border:2px solid var(--color-surface);border-radius:50%;background-color:var(--color-accent);color:var(--color-accent-contrast);box-shadow:0 3px 6px -2px rgb(var(--shadow-rgb) / .35)}.sales-popup__badge .icon{inline-size:.7rem;block-size:.7rem;fill:currentColor}.sales-popup__copy{display:grid;gap:.1rem;min-inline-size:0;font-size:var(--text-xs);line-height:1.35}.sales-popup__headline{overflow:hidden;font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);white-space:nowrap;text-overflow:ellipsis}.sales-popup__body{display:-webkit-box;overflow:hidden;color:var(--color-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}.sales-popup__body strong{color:var(--color-text);font-weight:var(--font-body-weight-medium)}.sales-popup__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-block-start:.15rem;color:var(--color-muted)}.sales-popup__meta>[data-time]:empty{display:none}.sales-popup__live{position:relative;inline-size:.45rem;block-size:.45rem;border-radius:50%;background-color:#5f9e6e}.sales-popup__live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:inherit;animation:sales-popup-pulse 1.8s var(--ease-out) infinite}@keyframes sales-popup-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.sales-popup__close{position:absolute;inset-block-start:0;inset-inline-end:0;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:0;border-radius:50%;background:none;color:var(--color-muted);cursor:pointer;transition:color var(--duration-fast, .16s) var(--ease-out)}.sales-popup__close .icon{inline-size:1rem;block-size:1rem}.sales-popup__close:hover{color:var(--color-text)}.sales-popup__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:-6px}.sales-popup__timer{position:absolute;inset-inline:1.25rem;inset-block-end:0;block-size:2px;border-radius:2px;background-color:color-mix(in srgb,var(--color-accent) 45%,transparent);transform-origin:0 50%;opacity:.6}.sales-popup__card.is-visible .sales-popup__timer{animation:sales-popup-timer var(--sp-duration, 6s) linear forwards}.sales-popup__card.is-paused .sales-popup__timer{animation-play-state:paused}@keyframes sales-popup-timer{to{transform:scaleX(0)}}@media(min-width:750px){sales-popup{--sp-gap: var(--space-5, 24px);inset-inline:var(--sp-gap) auto;inline-size:22.5rem}sales-popup[data-side=bottom-right]{inset-inline:auto var(--sp-gap)}.sales-popup__thumb{inline-size:3.75rem;block-size:3.75rem}}@media(prefers-reduced-motion:reduce){.sales-popup__card{transform:none;transition:opacity .16s linear}.sales-popup__thumb,.sales-popup__link:hover .sales-popup__thumb{transform:none}.sales-popup__live:after,.sales-popup__timer{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/popup.css.map */