.video-reels__section{overflow:hidden}.video-reels__slider-wrapper{align-items:center;position:relative}.video-reels__slide{transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease;transform:scale(1);opacity:.8}.video-reels__slide.swiper-slide-active{opacity:1;transform:scale(1);z-index:2}.video-reels__slide.swiper-slide-active .video-reel__item{height:56.6rem;margin:0}.video-reel__item{position:relative;width:100%;height:48.6rem;overflow:hidden;background:rgba(var(--color-foreground),.05);transition:height .6s cubic-bezier(.25,.46,.45,.94),margin .6s cubic-bezier(.25,.46,.45,.94);margin:4rem 0}.round--corner-media .video-reel__item{border-radius:.5rem}.video-reel__media,.video-reel__placeholder,.video-reel__external-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.video-reel__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;border-radius:inherit}.video-reel__video,.video-reel__external-video iframe{width:100%;height:100%;object-fit:cover;border-radius:inherit;background-color:transparent;position:relative;z-index:2}.video-reel__video::-webkit-media-controls,.video-reel__video::-webkit-media-controls-enclosure,.video-reel__video::--webkit-media-controls-panel{display:none}.video-reel__video[data-playing=true]+.video-reel__thumbnail,.video-reel__video[data-playing=true]~.video-reel__thumbnail{opacity:0;transition:opacity .3s ease}.video-reel__controls{position:absolute;top:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:3;animation-delay:.3s}.video-reel__play-pause,.video-reel__mute-unmute{width:4rem;height:4rem;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-1rem);pointer-events:auto;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.video-reels__slide.swiper-slide-active .video-reel__play-pause,.video-reels__slide.swiper-slide-active .video-reel__mute-unmute{opacity:1;transform:translateY(0);transition-delay:.2s}.video-reel__play-pause:hover,.video-reel__mute-unmute:hover{background:#000000b3;transform:scale(1.1)}.video-reel__play-icon,.video-reel__pause-icon,.video-reel__mute-icon,.video-reel__unmute-icon{width:2.4rem;height:2.4rem}.video-reel__pause-icon,.video-reel__unmute-icon{display:none}.video-reel__play-pause:focus,.video-reel__mute-unmute:focus{outline:2px solid rgba(var(--color-button),1);outline-offset:2px}.video-reel__product-area{position:absolute;bottom:2rem;left:2rem;right:2rem;opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:3}.video-reels__slide.swiper-slide-active .video-reel__product-area{opacity:1}@media (max-width:768px){.video-reel__item{height:42rem}.video-reels__slide.swiper-slide-active .video-reel__item{height:50rem}.video-reel__controls{top:1.5rem;right:1.5rem;gap:.8rem}.video-reel__play-pause,.video-reel__mute-unmute{width:3.6rem;height:3.6rem}.video-reel__play-icon,.video-reel__pause-icon,.video-reel__mute-icon,.video-reel__unmute-icon{width:2.5rem;height:2.5rem}.video-reel__product-area{bottom:1.5rem;left:50%;transform:translate(-50%);width:fit-content;position:absolute}}.video-reels__slider--controls{margin-top:0}.swiper-button-prev{left:-6rem}.swiper-button-next{right:-6rem}@media (min-width: 992px) and (max-width: 1366px){.video-reel__product-area .small--product__card{max-width:30rem;min-width:15rem}}@media (max-width: 1200px){.swiper-button-prev{left:-4rem}.swiper-button-next{right:-4rem}}@media (max-width: 992px){.swiper-button-prev{left:1rem}.swiper-button-next{right:1rem}}@media (min-width: 992px){[data-show-extra-large="5"] .video-reels__slide{width:calc(20% - 2.4rem)}[data-show-extra-large="4"] .video-reels__slide{width:calc(25% - 2.4rem)}[data-show-extra-large="3"] .video-reels__slide{width:calc(33.33% - 2.4rem)}}@media (max-width: 991px){.video-reels__slide{width:calc(50% - 1.6rem)}}@media (max-width: 768px){.video-reels__slide{width:calc(100% - 1.6rem)}.video-reels__slider--controls .swiper-button-next{right:15px}.video-reels__slider--controls .swiper-button-prev{left:15px}.video-reels__slider-wrapper .complementary-slideshow--slider .slidershow--controls--button{margin-top:1rem}.video-reels__slider.swiper{padding-left:10vw;padding-right:10vw}.video-reels__slide{width:80%}.video-reels__slider--controls .product__slider--button{position:absolute;top:50%;transform:translateY(-50%);z-index:4}}.video-reel__video{background-color:rgba(var(--color-foreground),.05)}.video-reel__play-pause{transition-delay:.2s}.video-reel__mute-unmute{animation-delay:.2s}[data-video-height=extra-small] .video-reel__item{height:30.6rem}[data-video-height=extra-small] .video-reels__slide.swiper-slide-active .video-reel__item{height:38.6rem}[data-video-height=extra-small] .video-reels__slider-wrapper{min-height:46.6rem}[data-video-height=small] .video-reel__item{height:38.6rem}[data-video-height=small] .video-reels__slide.swiper-slide-active .video-reel__item{height:46.6rem}[data-video-height=small] .video-reels__slider-wrapper{min-height:54.6rem}[data-video-height=medium] .video-reel__item{height:46.6rem}[data-video-height=medium] .video-reels__slide.swiper-slide-active .video-reel__item{height:54.6rem}[data-video-height=medium] .video-reels__slider-wrapper{min-height:62.6rem}[data-video-height=large] .video-reel__item{height:54.6rem}[data-video-height=large] .video-reels__slide.swiper-slide-active .video-reel__item{height:62.6rem}[data-video-height=large] .video-reels__slider-wrapper{min-height:70.6rem}[data-video-height=extra-large] .video-reel__item{height:62.6rem}[data-video-height=extra-large] .video-reels__slide.swiper-slide-active .video-reel__item{height:70.6rem}[data-video-height=extra-large] .video-reels__slider-wrapper{min-height:78.6rem}@media (max-width: 768px){[data-video-height=extra-small] .video-reel__item{height:26rem}[data-video-height=extra-small] .video-reels__slide.swiper-slide-active .video-reel__item{height:34rem}[data-video-height=extra-small] .video-reels__slider-wrapper{min-height:42rem}[data-video-height=small] .video-reel__item{height:34rem}[data-video-height=small] .video-reels__slide.swiper-slide-active .video-reel__item{height:42rem}[data-video-height=small] .video-reels__slider-wrapper{min-height:50rem}[data-video-height=medium] .video-reel__item{height:42rem}[data-video-height=medium] .video-reels__slide.swiper-slide-active .video-reel__item{height:50rem}[data-video-height=medium] .video-reels__slider-wrapper{min-height:58rem}[data-video-height=large] .video-reel__item{height:50rem}[data-video-height=large] .video-reels__slide.swiper-slide-active .video-reel__item{height:58rem}[data-video-height=large] .video-reels__slider-wrapper{min-height:66rem}[data-video-height=extra-large] .video-reel__item{height:58rem}[data-video-height=extra-large] .video-reels__slide.swiper-slide-active .video-reel__item{height:66rem}[data-video-height=extra-large] .video-reels__slider-wrapper{min-height:74rem}}@media (min-width: 992px) and (max-width: 1366px){[data-video-height=medium] .video-reel__item{height:38.6rem}[data-video-height=medium] .video-reels__slide.swiper-slide-active .video-reel__item{height:46.6rem}[data-video-height=medium] .video-reels__slider-wrapper{min-height:54.6rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/shoppable-video-reels.css.map */