video-product-carousel{--vpc-gap: 8px;--vpc-card-width: 72%;--vpc-radius: 16px;display:block}@media(min-width:768px){video-product-carousel{--vpc-gap: 12px;--vpc-card-width: 48%;padding:20px 0}.vpc__header{display:flex}}@media(min-width:1024px){video-product-carousel{--vpc-gap: 16px;--vpc-card-width: 34%}}.vpc__header{display:none;align-items:center;justify-content:space-between;padding:0 var(--gutter, 15px);margin-bottom:1.5rem}.vpc__heading{margin:0;font-size:1.5rem;flex:1}.vpc__nav{display:none;gap:2px}.vpc__nav .btn[disabled]{opacity:.3;pointer-events:none}.vpc__viewport{display:flex;gap:var(--vpc-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.vpc__viewport::-webkit-scrollbar{display:none}.vpc__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}.vpc__card:first-child{margin-left:calc(50% - var(--vpc-card-width) / 2)}.vpc__card:last-child{margin-right:calc(50% - var(--vpc-card-width) / 2)}.vpc__card{flex:0 0 var(--vpc-card-width);scroll-snap-align:center;transition:opacity .4s ease,transform .4s ease;opacity:.4;transform:scale(.93)}.vpc__card:not(.is-active){cursor:pointer}.vpc__card.is-active{opacity:1;transform:scale(1);z-index:1}@media(hover:hover){.vpc__viewport{cursor:grab}.vpc__card:not(.is-active):hover{opacity:.65}}.vpc__card-inner{display:block;border-radius:var(--vpc-radius);overflow:hidden;position:relative;text-decoration:none;color:inherit;transition:box-shadow .4s ease}.vpc__card.is-active .vpc__card-inner{box-shadow:0 12px 40px #2c282626}.vpc__card-inner:focus,.vpc__card-inner:focus-visible{outline:none}.vpc__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#f7f3ed}.vpc__media video{width:100%;height:100%;object-fit:cover;display:block}.vpc__info{position:absolute;bottom:0;left:0;right:0;padding:48px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 50%,transparent 100%);color:#fff;text-align:center;pointer-events:none}.vpc__title{font-family:var(--heading-font-family);font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.vpc__price{font-size:1.05rem;font-weight:500;margin:4px 0 0;opacity:.85}.vpc__color{font-weight:400;opacity:.85}@media(min-width:768px){.vpc__title{font-size:1.35rem}.vpc__price{font-size:1.1rem}}@media(min-width:1024px){.vpc__title{font-size:1.45rem}.vpc__price{font-size:1.15rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/video-product-carousel.css.map */