.sp-video{padding-top:var(--sp-pt-m, 24px);padding-bottom:var(--sp-pb-m, 24px);color:rgb(var(--color-foreground))}.sp-video__head{margin-bottom:20px;text-align:center}.sp-video__heading{margin:0;font-family:var(--sp-font-alt, "Lato"),sans-serif;font-size:26px;font-weight:700;line-height:normal;letter-spacing:.78px;color:rgb(var(--color-foreground))}.sp-video__text{margin-top:12px}.sp-video__text p{margin:0;font-size:15px;line-height:1.8;color:rgba(var(--color-foreground),.9)}.sp-video__text p+p{margin-top:12px}.sp-video__carousel{display:block;position:relative;--sp-video-gap: 12px;--sp-video-card: 68%}.sp-video__track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.sp-video__track::-webkit-scrollbar{display:none}.sp-video__list{display:flex;align-items:stretch;gap:var(--sp-video-gap);margin:0;padding:0;list-style:none}.sp-video__slide{flex:0 0 var(--sp-video-card);min-width:0;scroll-snap-align:start}.sp-video__slide:first-child{margin-left:auto}.sp-video__slide:last-child{margin-right:auto}.sp-video__frame{position:relative;aspect-ratio:9 / 16;border-radius:var(--sp-radius-media, 12px);overflow:hidden;background:rgba(var(--color-foreground),.06)}.sp-video__frame video,.sp-video__frame iframe,.sp-video__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0;background:rgba(var(--color-foreground),.06)}.sp-video__play{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;padding:0;border:0;border-radius:50%;background:rgba(var(--sp-color-bg),.92);color:rgb(var(--sp-color-accent));display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sp-shadow-card);transition:opacity var(--sp-transition),transform var(--sp-transition);z-index:1}.sp-video__play svg{display:block;width:24px;height:24px;margin-left:3px;fill:currentColor}.sp-video__play:hover{transform:scale(1.05)}.sp-video__slide.is-playing .sp-video__play,.sp-video__play[hidden]{opacity:0;pointer-events:none}.sp-video__duration{position:absolute;left:10px;bottom:10px;padding:3px 8px;border-radius:var(--sp-radius-badge, 6px);background:rgba(var(--sp-color-text),.7);color:rgb(var(--sp-color-bg));font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.48px;pointer-events:none;z-index:1;transition:opacity var(--sp-transition)}.sp-video__slide.is-playing .sp-video__duration{opacity:0}.sp-video__ctl{position:relative;width:fit-content;margin:7.5px auto 0}.sp-video__carousel.is-single .sp-video__ctl{display:none}.sp-video__dots{display:flex;justify-content:center;align-items:center;margin:0;padding:10px 10px 0;list-style:none}.sp-video__dots li{display:block;line-height:15px}.sp-video__dots li.is-hidden{display:none}.sp-video__dot{display:inline-block;position:relative;box-sizing:content-box;width:6px;height:6px;padding:6px;border:0;border-radius:50%;background:transparent;cursor:pointer}.sp-video__dot:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:rgb(var(--sp-color-accent));opacity:.5;transition:opacity .2s,transform .2s}.sp-video__dot.is-active:before{opacity:1;transform:scale(1.5)}.sp-video__arrow{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:6px;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--sp-color-accent));font-size:30px;text-align:center;cursor:pointer;opacity:.7;z-index:1}.sp-video__arrow:hover{opacity:.9}.sp-video__arrow[disabled]{opacity:.3;cursor:default}.sp-video__arrow--prev{right:100%}.sp-video__arrow--prev svg{transform:scaleX(-1)}.sp-video__arrow--next{left:100%}.sp-video__arrow svg{display:block;width:.6em;height:.6em;fill:currentColor}@media(prefers-reduced-motion:reduce){.sp-video__dot:before,.sp-video__play,.sp-video__duration{transition:none}}@media screen and (min-width:750px){.sp-video{padding-top:var(--sp-pt, 36px);padding-bottom:var(--sp-pb, 36px)}.sp-video__heading{font-size:31.2px}.sp-video__text p{font-size:16px}.sp-video__carousel{--sp-video-gap: 20px;--sp-video-card: calc((100% - 2 * var(--sp-video-gap)) / 3)}}@media screen and (min-width:990px){.sp-video__carousel{--sp-video-card: calc((100% - 3 * var(--sp-video-gap)) / 4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sp-video.css.map */