.video-carousel{padding:1.5rem 0}.video-carousel__wrapper{position:relative}.video-carousel__nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(212,162,118,.3);background:#2b2b2bb3;color:#d4a276;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.video-carousel__nav-btn:hover{background-color:#d4a27626;border-color:#d4a276}.video-carousel__nav-btn[data-direction=prev]{left:1rem}.video-carousel__nav-btn[data-direction=next]{right:1rem}.video-carousel__nav-btn svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.video-carousel__track{display:flex;gap:1.2rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center}@media screen and (min-width:750px){.video-carousel__track{justify-content:flex-start}}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__card{flex:0 0 calc(18% - 1rem);min-width:0;border-radius:10px;overflow:hidden;position:relative;cursor:pointer;text-decoration:none;display:block;transition:transform .2s ease}.video-carousel__card:hover{transform:translateY(-2px)}.video-carousel__card[data-spotlight=center]{flex:0 0 calc(26% - 1rem)}.video-carousel__card[data-spotlight=adjacent]{flex:0 0 calc(22% - 1rem)}.video-carousel__card[data-spotlight=outer]{flex:0 0 calc(18% - 1rem)}.video-carousel__thumb{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:#2b2b2b;border-radius:10px}.video-carousel__thumb img,.video-carousel__thumb video{width:100%;height:100%;object-fit:cover}.video-carousel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;border-radius:50%;background-color:#d4a276d9;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;pointer-events:none}.video-carousel__card:hover .video-carousel__play{opacity:0}.video-carousel__play svg{width:1.4rem;height:1.4rem;fill:#3e2c27;margin-left:2px}.video-carousel__thumb video.video-carousel__poster-vid{position:absolute;top:0;left:0}.video-carousel__thumb video:not(.video-carousel__poster-vid){position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.video-carousel__card:hover .video-carousel__thumb video:not(.video-carousel__poster-vid){opacity:1}.video-carousel__badge{position:absolute;bottom:.6rem;left:.6rem;display:flex;align-items:center;gap:.4rem;background-color:#0009;color:#f5f0eb;font-family:Montserrat,sans-serif;font-size:1rem;padding:.3rem .6rem;border-radius:4px}.video-carousel__badge svg{width:1.2rem;height:1.2rem;fill:#d4a276}.video-carousel__placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;color:#d4a27680;font-family:Montserrat,sans-serif;font-size:1.1rem;background-color:#5c3d2e;height:100%}.video-carousel__placeholder svg{width:3rem;height:3rem;stroke:#d4a27666;fill:none;stroke-width:1.5}@media screen and (max-width:749px){.video-carousel{padding:.9rem 0}.video-carousel__track{scroll-snap-type:none;gap:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-left:0;padding-right:0}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__wrapper{overflow:hidden}.video-carousel__card,.video-carousel__card[data-spotlight=center],.video-carousel__card[data-spotlight=adjacent],.video-carousel__card[data-spotlight=outer]{flex:0 0 47%!important;scroll-snap-align:center;padding:0 .3rem;box-sizing:border-box;transform:scale(.82);opacity:.6;transition:transform .3s ease,opacity .3s ease}.video-carousel__card.is-centered{transform:scale(1);opacity:1}.video-carousel__thumb{aspect-ratio:9 / 12!important}.video-carousel__nav-btn{display:flex!important;width:2.8rem;height:2.8rem;background:#2b2b2b99}.video-carousel__nav-btn[data-direction=prev]{left:3.5rem}.video-carousel__nav-btn[data-direction=next]{right:3.5rem}.video-carousel__play{width:3rem;height:3rem}.video-carousel__play svg{width:1.2rem;height:1.2rem}}@media screen and (min-width:750px){.video-carousel__wrapper{overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-video-carousel.css.map */