.lp-sale-banner__media{position:relative;order:-1;width:100%;max-width:600px;justify-self:center;display:flex;justify-content:center;align-items:center;aspect-ratio:var(--media-aspect-ratio, 1);border-radius:var(--media-border-radius, 24px)}.lp-sale-banner__video,.lp-sale-banner__image,.lp-sale-banner__image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.lp-sale-banner__image{overflow:hidden}.lp-sale-banner__floating,.lp-sale-banner__badge{position:absolute;pointer-events:none;translate:var(--offset-x, 0) var(--parallax-start, 0)}.lp-sale-banner__floating--1{top:0;left:0;width:30%;rotate:-30deg;--offset-x: -39%;--parallax-start: -78%;--parallax-end: 18%}.lp-sale-banner__floating--2{bottom:0;left:0;width:36%;rotate:-18deg;--offset-x: -30%;--parallax-start: -30%;--parallax-end: 66%}.lp-sale-banner__floating--3{top:calc(clamp(.875rem,.55rem + 1.6svw,2rem)/.4);right:0;width:calc(clamp(.875rem,.55rem + 1.6svw,2rem)*6);z-index:1;rotate:12deg;--offset-x: 54%;--parallax-start: -42%;--parallax-end: 24%}.lp-sale-banner__badge{top:0;right:0;display:flex;align-items:center;justify-content:center;padding-inline:min(.75em,18px);aspect-ratio:1;font-size:clamp(.875rem,.55rem + 1.6svw,2rem);font-family:var(--header-font-stack);font-weight:700;text-transform:uppercase;color:var(--sale-badge-text, #000);background:var(--sale-badge-bg, #ffcc00);border:2px solid var(--sale-badge-border, #fff);border-radius:50%;rotate:-12deg;--offset-x: 36%;--parallax-start: -60%;--parallax-end: 30%}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.lp-sale-banner__media{view-timeline-name:--sale-media;view-timeline-axis:block}.lp-sale-banner__floating,.lp-sale-banner__badge{animation:sale-parallax 1ms linear forwards;animation-timeline:--sale-media;animation-range:cover 0% cover 100%}@keyframes sale-parallax{0%{translate:var(--offset-x, 0) var(--parallax-start, 0)}to{translate:var(--offset-x, 0) var(--parallax-end, 0)}}}}@media(min-width:64rem){.lp-sale-banner__media{order:1;aspect-ratio:var( --media-aspect-ratio-desktop, var(--media-aspect-ratio, 1) );max-width:none}}@media(min-width:90rem){.lp-sale-banner__media[data-parallax-container]>video{width:90%}@media(max-width:100rem){.lp-sale-banner__media{justify-content:end}}}@media(prefers-reduced-motion:reduce){.lp-sale-banner__floating,.lp-sale-banner__badge{translate:var(--offset-x, 0) 0}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/lp-sale-banner__media.css.map */