@media(min-width:767px){.sv-carousel{padding:0 3.1rem}}.sv-carousel__head .xo-text__heading{justify-content:center;text-align:center;padding-bottom:3.6rem}@media(min-width:992px){.sv-carousel__head .xo-text__heading{padding-bottom:4.8rem}}.sv-carousel{--sv-width: 200px;--sv-active-height: 350px;--sv-side-height: 280px;--sv-mobile-width: 235px;--sv-mobile-active-height: 440px;--sv-mobile-side-height: 340px;position:relative;overflow:hidden}.sv-carousel .sv-stage{position:relative}.sv-carousel .sv-viewport{width:100%;height:var(--sv-active-height);overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.sv-carousel .sv-track{display:flex;align-items:center;gap:1.6rem;height:100%;width:max-content;will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}.sv-carousel .sv-slide{width:var(--sv-width);flex:0 0 var(--sv-width);height:100%;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.sv-carousel .sv-media{height:var(--sv-side-height);width:100%;position:relative;isolation:isolate;border-radius:1.2rem;overflow:hidden;background:#e7e9eb;cursor:pointer;transition:height .55s cubic-bezier(.22,1,.36,1)}.sv-carousel .sv-slide.sv-active .sv-media{height:var(--sv-active-height)}.sv-carousel .sv-video,.sv-carousel .sv-poster{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.sv-carousel .sv-video{background:#e7e9eb}.sv-carousel .sv-poster{z-index:1;opacity:1;pointer-events:none;transition:opacity .25s ease}.sv-carousel .sv-media.sv-started .sv-poster{opacity:0}.sv-carousel .sv-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.8rem;text-align:center;color:#707070;font-size:calc(var(--font-body-scale) * 1.3rem)}.sv-carousel .sv-media:after{content:"";position:absolute;left:0;right:0;top:0;height:88px;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.36),transparent)}.sv-carousel .sv-author{position:absolute;top:2rem;left:2rem;right:1rem;z-index:2;display:flex;align-items:center;gap:.8rem;color:#fff;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.35)}.sv-carousel .sv-slide.sv-active .sv-author{right:37px}.sv-carousel .sv-author-avatar{width:3.6rem;height:3.6rem;border-radius:50%;overflow:hidden}.sv-carousel .sv-author-avatar .xo-image,.sv-carousel .sv-author-avatar .xo-image__placeholder,.sv-carousel .sv-author-avatar .placeholder-svg{width:100%;height:100%}.sv-carousel .sv-author-details{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex:1 1 auto}.sv-carousel .sv-author-title{font-size:calc(var(--font-body-scale) * 1.8rem)}.sv-carousel .sv-author-name{font-size:calc(var(--font-body-scale) * 1.6rem)}.sv-carousel .sv-video-controls{position:absolute;z-index:3;top:2rem;right:.8rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;visibility:hidden;transition:opacity .2s ease}.sv-carousel .sv-slide.sv-active .sv-video-controls{opacity:1;visibility:visible}.sv-carousel .sv-icon-button{width:3.2rem;height:3.2rem;border-radius:50%;background:#00000052;border:1px solid rgba(255,255,255,.35);color:#fff;display:grid;place-items:center;cursor:pointer}.sv-carousel .sv-icon-button svg{width:1.7rem;height:1.7rem;display:block;grid-area:1 / 1}.sv-carousel [data-sv-state=unmuted] .sv-icon-muted,.sv-carousel [data-sv-state=muted] .sv-icon-unmuted,.sv-carousel [data-sv-state=paused] .sv-icon-pause,.sv-carousel [data-sv-state=playing] .sv-icon-play{display:none}.sv-carousel .sv-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:4.8rem;height:4.8rem;display:grid;place-items:center;border:0;border-radius:50%;padding:0;color:#fff;background:#00000061;cursor:pointer}.sv-carousel .sv-arrow[hidden]{display:none}.sv-carousel .sv-arrow svg{width:2.4rem;height:2.4rem;display:block}.sv-carousel .sv-arrow-prev{left:clamp(15px,5vw,160px)}.sv-carousel .sv-arrow-next{right:clamp(15px,5vw,160px)}.sv-carousel .sv-empty{max-width:480px;margin:25px auto 0;padding:60px 20px;border:1px dashed #ccc;text-align:center;font-size:calc(var(--font-body-scale) * 1.4rem)}@media(max-width:767px){.sv-carousel .sv-viewport{height:var(--sv-mobile-active-height)}.sv-carousel .sv-slide{flex-basis:min(var(--sv-mobile-width),calc(100vw - 85px));width:min(var(--sv-mobile-width),calc(100vw - 85px))}.sv-carousel .sv-media{height:var(--sv-mobile-side-height)}.sv-carousel .sv-slide.sv-active .sv-media{height:var(--sv-mobile-active-height)}.sv-carousel .sv-author{top:1.5rem;left:.9rem;gap:.7rem}.sv-carousel .sv-video-controls{top:1.5rem;right:.8rem}.sv-carousel .sv-arrow{display:none}}@media(prefers-reduced-motion:reduce){.sv-carousel .sv-track,.sv-carousel .sv-media{transition-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/shoppable-video-carousel.css.map */