.video-carousel{--vc-card-width: 250px;--vc-gap: 24px;--vc-aspect: 177.7778%}.video-carousel[data-orientation=landscape]{--vc-aspect: 56.25%}.video-carousel__item{flex:0 0 auto;width:min(var(--vc-card-width),78vw);scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;opacity:.5;transform:scale(.86);transition:transform .3s ease,opacity .3s ease}.video-carousel__item.is-active{opacity:1;transform:scale(1);cursor:default}.video-carousel__viewport{position:relative}.video-carousel__track{display:flex;gap:var(--vc-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:20px 0;scrollbar-width:none;padding-left:calc(50% - (min(var(--vc-card-width),78vw)/2));padding-right:calc(50% - (min(var(--vc-card-width),78vw)/2));scroll-padding-left:calc(50% - (min(var(--vc-card-width),78vw)/2));scroll-padding-right:calc(50% - (min(var(--vc-card-width),78vw)/2))}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__track:focus-visible{outline:2px solid rgba(var(--color-scheme-accent),1);outline-offset:4px}.video-carousel__item:not(.is-active) .video-carousel__frame iframe{pointer-events:none}.video-carousel__frame{position:relative;width:100%;padding-bottom:var(--vc-aspect);overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a;background:#0000000d}.video-carousel__frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-carousel__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.video-carousel__arrow:hover,.video-carousel__arrow:focus-visible{background:#000000b8}.video-carousel__arrow svg{width:18px;height:18px;fill:currentColor}.video-carousel__arrow--prev{left:10px}.video-carousel__arrow--next{right:10px}@media(max-width:1023px){.video-carousel__arrow{width:28px;height:28px;opacity:.3;background:#00000059}.video-carousel__arrow:hover,.video-carousel__arrow:focus-visible{opacity:.7}.video-carousel__arrow svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.video-carousel__item{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/25/compiled_assets/styles.css.map?subset=AAAAAAAAAIA */
