.custom-product-videos{background:var(--pv-bg, #077A49);padding:48px 0 56px}.custom-product-videos__heading{max-width:900px;margin:0 auto 32px;text-align:center;font-family:Instrument Sans,sans-serif;font-size:30px;font-weight:600;line-height:1.3;color:var(--pv-heading, #FFFFFF)}.custom-product-videos__viewport{position:relative}.custom-product-videos__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.custom-product-videos__track::-webkit-scrollbar{display:none}.custom-product-videos__card{position:relative;flex:0 0 calc((100% - 60px)/4);aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#0b2a1d;scroll-snap-align:start;cursor:pointer}.custom-product-videos__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.custom-product-videos__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background .2s ease}.custom-product-videos__play:hover{background:#000000bf}.custom-product-videos__card.is-playing .custom-product-videos__play{opacity:0;pointer-events:none}.custom-product-videos__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#fff;color:#052326;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #00000040}.custom-product-videos__nav[hidden]{display:none}.custom-product-videos__nav--prev{left:10px}.custom-product-videos__nav--next{right:10px}@media screen and (max-width:989px){.custom-product-videos__card{flex-basis:calc((100% - 40px) / 3)}}@media screen and (max-width:749px){.custom-product-videos{padding:32px 0 40px}.custom-product-videos__heading{font-size:21px;margin-bottom:22px}.custom-product-videos__track{gap:14px}.custom-product-videos__card{flex-basis:62%}.custom-product-videos__play{width:48px;height:48px}}@media(hover:none){.custom-product-videos__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-product-videos.css.map */