.video-reels{position:relative;margin:0 auto;overflow:hidden}.video-reels .video-reels__container{width:100%;overflow:visible;padding:3rem 0}.video-reels .swiper-slide{position:relative;background-color:transparent;transition:all .5s ease;opacity:.4;overflow:hidden;height:calc(100% - 100px)}.video-reels .swiper-slide-active{opacity:1;height:100%;margin-top:0;z-index:2}.video-reels .video-reels__item--round{overflow:hidden}.video-reels .video-reels__media{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.video-reels .video-reels__video{display:block;max-width:100%;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.video--reels-placeholder{height:100%;width:100%}.video-reels .video-reels__controls-overlay{position:absolute;top:0;left:0;right:0;padding:1rem;z-index:5;display:none}.video-reels .swiper-slide-active .video-reels__controls-overlay{display:block}.video-reels .video-reels__progress-container{position:absolute;top:0;left:0;right:0;height:4px;background:#ffffff4d;z-index:6}.video-reels .video-reels__progress{height:100%;background:rgb(var(--color-button));width:0;transition:width .1s linear}.video-reels .video-reels__buttons{display:flex;gap:.8rem;position:absolute;top:1rem;right:1rem;z-index:6}.video-reels .video-reels__control-btn{width:4.2rem;height:4.2rem;border-radius:50%;background:rgb(var(--color-button),.4);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s;padding:0;color:rgb(var(--color-button-text));-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.video-reels .video-reels__control-btn>span{line-height:1}.video-reels .video-reels__control-btn:hover{background-color:rgba(var(--primary-button-hover-background));color:rgba(var(--primary-button-hover-text))!important;border-color:rgba(var(--primary-button-hover-background))}.video-reels .video-reels__control-btn svg{width:1.4rem;height:1.4rem;fill:currentColor}.video-reels__controls>button+button{margin-block-start:.5rem}.video-reels .video-reels__control-btn[data-state=playing] .icon-play,.video-reels .video-reels__control-btn[data-state=paused] .icon-pause,.video-reels .video-reels__control-btn[data-state=muted] .icon-volume,.video-reels .video-reels__control-btn[data-state=unmuted] .icon-mute{display:none}.video-reels .video-reels__product-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,#000c,#0000);z-index:4;transform:translateY(100%);transition:transform .3s ease}.video-reels .swiper-slide-active .video-reels__product-overlay{transform:translateY(0)}.video-reels__product{position:absolute;bottom:1rem;left:1rem;right:1rem;background:rgba(var(--color-background),.2);border-radius:1rem;padding:1.5rem 1rem;display:flex;align-items:center;gap:1rem;transition:transform .3s ease;color:rgba(var(--color-foreground));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;visibility:hidden}.video-reels__item.swiper-slide-active .video-reels__product{opacity:1;visibility:visible}.video-reels__product-link{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;text-decoration:none}.video-reels__product-image{width:4rem;height:4rem;border-radius:.5rem;object-fit:cover;flex-shrink:0}.video-reels__product-info{flex:1;min-width:0}.video-reels__product-title{font-size:1.4rem;margin:0 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-reels__product-price{font-size:1.2rem;margin:0}.video-reels__product-actions{flex-shrink:0}.product__quick_view.reels-product-card--quick-add--button{box-sizing:border-box;width:4rem;height:4rem;border-radius:100%;border:none;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-background));color:rgba(var(--color-foreground));position:relative}.product__quick_view.reels-product-card--quick-add--button.loading:after{height:15px;width:15px;top:10px;left:10px}.product__quick_view.reels-product-card--quick-add--button>svg{width:2rem}.product__quick_view.reels-product-card--quick-add--button:hover{color:rgba(var(--color-background));background:rgba(var(--color-foreground))}@media screen and (max-width:749px){.video-reels__product{padding:.8rem;bottom:3rem}.video-reels__product-image{width:3rem;height:3rem}.video-reels__product-title{font-size:1.2rem}.video-reels__product-price{font-size:1.1rem}}.video-reels .video-reels__media--portrait{aspect-ratio:.6}.video-reels .video-reels__media--square{aspect-ratio:1}.video-reels .video-reels__media--landscape{aspect-ratio:.6}.video-reels .video-reels__nav-button{position:absolute;top:50%;transform:translateY(-50%);width:4.8rem;height:4.8rem;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .3s ease;opacity:0;visibility:hidden}.video-reels .video-reels__nav-button:hover{background-color:rgba(var(--primary-button-hover-background));color:rgba(var(--primary-button-hover-text))!important;border-color:rgba(var(--primary-button-hover-background))}.video-reels__container:hover .video-reels__nav-button,.video-reels__container:focus-within .video-reels__nav-button{opacity:1;visibility:visible}@media only screen and (min-width:1500px){.video-reels .video-reels__nav-button--prev{left:15rem}.video-reels .video-reels__nav-button--next{right:15rem}}@media only screen and (max-width:1499px){.video-reels .video-reels__nav-button--prev{left:5rem}.video-reels .video-reels__nav-button--next{right:5rem}}@media only screen and (max-width:749px){.video-reels .video-reels__nav-button--prev{left:1rem}.video-reels .video-reels__nav-button--next{right:1rem}}.video-reels__pagination.swiper-pagination.component-slider--pagination{margin-top:2rem;width:100%}.video-reels .video-reels__progress-bar{width:100%;height:.3rem;position:absolute;top:0;left:0;background-color:#ffffff4d;overflow:hidden}.video-reels .video-reels__progress{width:0;height:100%;background-color:rgb(var(--color-button));transition:width .1s linear}@media screen and (max-width:991px){.video-reels .swiper-slide{height:calc(100% - 60px)}}@media screen and (max-width:749px){.video-reels .swiper-slide{height:calc(100% - 40px)}.video-reels .video-reels__product-overlay{padding:1rem}.video-reels .video-reels__product-image{width:3.5rem;height:3.5rem}.video-reels .video-reels__product-title{font-size:1.2rem}.video-reels .video-reels__product-price{font-size:1.1rem}.video-reels .video-reels__control-btn{width:2.8rem;height:2.8rem}.video-reels .video-reels__control-btn svg{width:1.2rem;height:1.2rem}.video-reels .video-reels__buttons{top:.8rem;right:.8rem;gap:.6rem}}.video-reels__media-inner{height:80%;width:100%;transition:height .5s cubic-bezier(.26,.54,.32,1);overflow:hidden;position:relative;border-radius:1.5rem}.video-reels .swiper-slide-active .video-reels__media-inner{height:100%}.video-reels__container.swiper:not(.swiper-initialized) .video-reels__item{width:20%}.video-reels__container.swiper:not(.swiper-initialized) .swiper-wrapper{gap:2rem;margin-inline:-5rem}.video-reels__container.swiper:not(.swiper-initialized) .video-reels__item:nth-child(3){opacity:1}.video-reels__container.swiper:not(.swiper-initialized) .video-reels__item:nth-child(3) .video-reels__media-inner{height:100%}.video-reels__container.swiper:not(.swiper-initialized) .video-reels__item:nth-child(3) .video-reels__product{opacity:1;visibility:visible}.video-reels__product-link svg.reels-placeholder-svg{width:7rem;height:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hooktheme-video-reels.css.map */