media-gallery[data-split-video=true] [data-gallery-area][hidden]{display:none!important}.product__gallery-counter{position:absolute;top:1.2rem;inset-inline-end:calc(1.2rem + var(--counter-offset, 0px));z-index:3;padding:.2rem .8rem;border-radius:2rem;background:#00000073;color:#fff;font-size:1.2rem;line-height:1.8rem;font-variant-numeric:tabular-nums;pointer-events:none}.product__gallery-counter[hidden]{display:none}media-gallery[data-split-video=true] .product__media-icon{top:4.2rem;inset-inline-end:1.2rem}media-gallery[data-split-video=true] .product__media-gallery-viewer-wrap .swiper-pagination{display:none!important}.product__video-frame{position:relative;aspect-ratio:var(--video-frame-ratio, 1);overflow:hidden;background:#000}.product__video-frame video,.product__video-frame iframe,.product__video-frame .product__video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:contain}.product__video-frame .product__video-poster{object-fit:cover}.product__video-frame.is-playing .product__video-poster,.product__video-frame.is-playing .product__video-play{display:none}.product__video-play{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;margin:-3.2rem 0 0 -3.2rem;padding:0;border-radius:50%;background:#ffffffeb;color:#000;cursor:pointer;transition:transform .2s}.product__video-play:hover{transform:scale(1.06)}.product__video-play .icon{width:2rem;height:2rem}.product__thumbs-row{display:flex;column-gap:.8rem;margin-top:var(--media-item-gap, 8px)}.product__thumbs-row.hidden{display:none}@media(min-width:768px){.product__thumbs-row.md\:block{display:flex}media-gallery[data-split-video=true] .product__media-gallery-thumbails{--slides-view: 6}}.product__thumbs-row .product__media-gallery-thumbails{flex:1 1 auto;min-width:0;margin:0}.product__thumbs-arrow{flex:0 0 2.4rem;width:2.4rem;height:2.4rem;padding:0;border-radius:50%;cursor:pointer;transition:background-color .2s,opacity .2s}.product__thumbs-arrow:hover{background-color:rgba(var(--color-foreground),.06)}.product__thumbs-arrow.swiper-button-disabled{opacity:.3;cursor:default}.product__thumbs-arrow.swiper-button-lock{visibility:hidden}.product__video-thumb{flex:0 0 auto;width:calc((100% - 7.2rem - 5 * var(--media-item-gap, 8px)) / 7);height:auto;aspect-ratio:1;padding:0;overflow:hidden;border:0;background:#000;cursor:pointer}.product__video-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.1rem solid transparent;transition:border-color .2s;pointer-events:none}.product__video-thumb.is-active:after{border-color:rgb(var(--color-foreground))}.product__video-thumb-media{width:100%;height:100%;object-fit:cover}.product__video-thumb-yt{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size;pointer-events:none}.product__video-thumb-yt iframe{position:absolute;top:50%;left:50%;width:640px;height:360px;border:0;transform:translate(-50%,-50%) scale(var(--yt-scale, .2));transform-origin:center;pointer-events:none}.product__video-thumb-poster{position:relative;z-index:1;transition:opacity .4s}.product__video-thumb.is-youtube-playing .product__video-thumb-poster{opacity:0}media-gallery[data-active-area=videos] .product__media-gallery-thumbails .swiper-slide-thumb-active .product__thumbs-container:after{opacity:0}@media(max-width:767.98px){.product__video-thumb{display:none}}.product__gallery-tabs{display:flex;justify-content:center;gap:.8rem;margin-top:1.6rem}.product__gallery-tab{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:.4rem 1.6rem;border:0;border-radius:3.4rem;background:#ededed;color:#000;font-size:1.4rem;font-weight:400;line-height:2.24rem;cursor:pointer}.product__gallery-tab.is-active{background:#000;color:#fff}.product__gallery-tab-icon{flex:none;width:1.7rem;height:1.6rem;margin-inline-end:.4rem}@media(min-width:768px){.product__gallery-tabs{display:none}}.product__gallery-dots{display:none}@media(max-width:767.98px){.product__gallery-dots:not([hidden]){position:absolute;bottom:1.4rem;inset-inline:0;z-index:3;display:flex;justify-content:center;gap:.6rem;pointer-events:none}.product__gallery-dot{width:.6rem;height:.6rem;padding:0;border:0;border-radius:1.6rem;background:#0003;cursor:pointer;pointer-events:auto}.product__gallery-dot.is-active{background:#000}media-gallery[data-split-video=true] .product__media-gallery-viewer-wrap>.swiper-controls{display:none!important}}.product__video-area[style*=--gallery-area-height]{height:var(--gallery-area-height);overflow:hidden}.product__video-area[style*=--gallery-area-height] .product__video-viewer,.product__video-area[style*=--gallery-area-height] .product__video-viewer .swiper-wrapper,.product__video-area[style*=--gallery-area-height] .product__video-slide{height:100%}.product__video-area[style*=--gallery-area-height] .product__video-frame{aspect-ratio:auto;height:100%}.product__gallery-tab{transition:none;-webkit-tap-highlight-color:transparent}.product__gallery-tabs{gap:.2rem}media-gallery .product__video-area .product__video-frame.product__video-frame:has(>video[playsinline]){display:block!important;aspect-ratio:auto!important;height:100%!important}media-gallery .product__video-area:not([style*=--gallery-area-height]) .product__video-frame.product__video-frame:has(>video[playsinline]){aspect-ratio:var(--video-frame-ratio, 1)!important;height:auto!important}media-gallery .product__video-area .product__video-frame>video[playsinline][controls],media-gallery .product__video-area .product__video-frame>video[playsinline]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:contain!important}.product__gallery-tab-icon{width:1.6rem;height:1.6rem;margin-inline-end:.3rem}@media(max-width:767.98px){.product__video-area .swiper-controls{display:none!important}.product__gallery-dots:not([hidden]){position:static;display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.2rem;pointer-events:auto}.product__gallery-dots.is-single{visibility:hidden}.product__gallery-dot{flex:none;width:.6rem;height:.6rem;background:#d9d9d9;transition:width .25s,background-color .25s;-webkit-tap-highlight-color:transparent}.product__gallery-dot.is-active{width:1.8rem;background:#333}}@media(min-width:768px){media-gallery[data-split-video=true] .product__thumbs-row{justify-content:center;column-gap:.8rem;margin-top:2.4rem}media-gallery[data-split-video=true] .product__thumbs-row .product__media-gallery-thumbails{flex:0 1 39.2rem;width:39.2rem}media-gallery[data-split-video=true] .product__thumbs-row .product__media-gallery-thumbails .swiper-slide{width:7.2rem}media-gallery[data-split-video=true] .product__thumbs-row .product__thumbs-container,media-gallery[data-split-video=true] .product__thumbs-row .product__thumbs-inner,media-gallery[data-split-video=true] .product__thumbs-row .product__thumbs-container img,media-gallery[data-split-video=true] .product__thumbs-row .product__thumbs-container:after{border-radius:.4rem!important}media-gallery[data-split-video=true] .product__media-gallery-thumbails .swiper-slide.swiper-slide-thumb-active .product__thumbs-container:after{border-color:#ff6a00}media-gallery[data-split-video=true] .product__thumbs-row{justify-content:flex-start;padding-inline:2rem}media-gallery[data-split-video=true] .product__thumbs-arrow{flex:0 0 2.8rem;width:2.8rem;height:2.8rem;align-self:center;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#00000014;color:#1d1d1d;transition:background-color .2s,color .2s,opacity .2s}media-gallery[data-split-video=true] .product__thumbs-arrow:hover{background-color:#0006;color:#fff}media-gallery[data-split-video=true] .product__thumbs-arrow .icon{width:1.4rem;height:1.4rem}media-gallery[data-split-video=true] .product__thumbs-arrow.swiper-button-disabled{opacity:.5}.product__thumbs-divider{flex:0 0 1px;width:1px;height:7.2rem;margin-inline:auto;background:#d9d9d9}media-gallery[data-split-video=true] .product__video-thumb{flex:0 0 13.2rem;width:13.2rem;height:5.2rem;aspect-ratio:auto;border-radius:10rem;overflow:hidden}media-gallery[data-split-video=true] .product__video-thumb:after{border-radius:inherit}media-gallery[data-split-video=true] .product__video-thumb.is-active:after{border-color:#ff6a00}media-gallery[data-split-video=true] .product__video-thumb:before{content:"";position:absolute;top:50%;left:50%;z-index:2;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.48 6.03c-.5-.33-1.17.02-1.17.62v10.7c0 .6.67.95 1.17.62l8.03-5.35a.75.75 0 0 0 0-1.24L8.48 6.03Z'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area) .swiper-button.swiper-button{width:4rem;height:4rem;border:0;border-radius:50%;background-color:#00000014;color:#fff;box-shadow:none;opacity:0;transition:background-color .2s,opacity .25s}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area):is(:hover,:focus-within) .swiper-button.swiper-button{opacity:1}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area) .swiper-button.swiper-button:before{display:none}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area) .swiper-button.swiper-button:is(:hover,:active,:focus-visible){background-color:#0006;color:#fff}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area) .swiper-button .icon{width:1.8rem;height:1.8rem;stroke-width:2.4}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area) .swiper-button-prev{inset-inline-start:1.6rem}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area) .swiper-button-next{inset-inline-end:1.6rem}media-gallery[data-split-video=true] :is(.product__media-gallery-viewer-wrap,.product__video-area):is(:hover,:focus-within) .swiper-button.swiper-button-disabled{opacity:.35}}@media(max-width:767.98px){media-gallery[data-split-video=true] .product__media-gallery-viewer-wrap{padding-inline:0!important}media-gallery[data-split-video=true] .product__media-gallery-viewer-wrap .product__media-item{width:100%!important}media-gallery[data-split-video=true] .product__media-gallery-viewer,media-gallery[data-split-video=true] .product__video-viewer,media-gallery[data-split-video=true] .product__video-frame{border-radius:0!important}media-gallery[data-split-video=true] .product__video-area{margin-inline:-1.6rem}}.product__video-swipe,.product__video-ui{display:none}@media(max-width:767.98px){.product__video-frame--custom.is-playing .product__video-swipe{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;-webkit-tap-highlight-color:transparent}.product__video-paused-icon{width:5.6rem;height:5.6rem;border-radius:50%;background:#00000073 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.48 6.03c-.5-.33-1.17.02-1.17.62v10.7c0 .6.67.95 1.17.62l8.03-5.35a.75.75 0 0 0 0-1.24L8.48 6.03Z'/%3E%3C/svg%3E") center / 2.8rem no-repeat;opacity:0;transition:opacity .2s;pointer-events:none}.product__video-frame--custom[data-yt-state="2"] .product__video-paused-icon{opacity:1}.product__video-frame--custom.is-playing .product__video-ui{display:flex;align-items:center;gap:1.2rem;position:absolute;inset:auto 0 0 0;z-index:4;padding:.8rem 1.2rem 1rem;background:linear-gradient(to top,#00000073,#0000);-webkit-tap-highlight-color:transparent}.product__video-mute{flex:none;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='m23 9-6 6M17 9l6 6'/%3E%3C/svg%3E") center / 1.8rem no-repeat}.product__video-frame--custom[data-yt-muted=false] .product__video-mute{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}.product__video-bar{flex:1 1 auto;display:flex;align-items:center;height:3.2rem;touch-action:none;cursor:pointer}.product__video-bar-track{position:relative;width:100%;height:.4rem;border-radius:.2rem;background:#ffffff59}.product__video-bar-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--video-progress, 0) * 100%);border-radius:inherit;background:#fff}.product__video-bar-knob{position:absolute;top:50%;left:calc(var(--video-progress, 0) * 100%);width:1.4rem;height:1.4rem;margin:-.7rem 0 0 -.7rem;border-radius:50%;background:#fff;box-shadow:0 0 .4rem #0000004d}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-product-gallery-video.css.map */