.product-videos{display:block;width:100%}.product-videos__slider:not(.is-overflow) .splide__arrows{display:none}.product-videos__slider .splide__slide{display:flex}.product-videos__tile{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;width:100%;cursor:pointer;display:block;border-radius:.3rem;overflow:hidden;position:relative;color:inherit}.product-videos__tile-media{position:relative;width:100%;aspect-ratio:var(--video-aspect-ratio);overflow:hidden;border-radius:.3rem;background:rgb(var(--color-background))}.product-videos__tile-poster,.product-videos__tile-video,.product-videos__tile-viewport,.product-videos__tile-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.product-videos__tile-poster,.product-videos__tile-video{object-fit:cover}.product-videos__tile-viewport,.product-videos__tile-hover{z-index:0}.product-videos__tile-viewport video,.product-videos__tile-hover video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.product-videos__tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1;padding:1rem;background:#fffc;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-videos__tile-play .icon{width:2rem;height:2rem;color:rgb(var(--color-foreground))}.product-videos__tile:hover .product-videos__tile-play,.product-videos__tile:focus-visible .product-videos__tile-play{opacity:1}.product-videos-modal{position:fixed;bottom:2.4rem;right:2.4rem;width:36rem;max-width:calc(100vw - 4.8rem);z-index:60;pointer-events:none;opacity:0;transform:scale(.96) translateY(1rem);transform-origin:bottom right;transition:opacity .25s ease,transform .25s ease}.product-videos-modal[hidden]{display:none}.product-videos-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.product-videos-modal__panel{position:relative;overflow:hidden;box-shadow:0 1.6rem 4.8rem #00000040;background:rgb(var(--color-foreground))}.product-videos-modal__backdrop{display:none}.product-videos-modal__media{position:relative;width:100%;aspect-ratio:var(--modal-aspect-ratio);background:rgb(var(--color-foreground));will-change:transform,opacity}.product-videos-modal__video{width:100%;height:100%;display:block;background:rgb(var(--color-foreground));object-fit:cover}.product-videos-modal__btn{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;cursor:pointer;width:4rem;height:4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:rgb(var(--color-white-100));transition:background-color .2s ease,transform .2s ease,opacity .2s ease}.product-videos-modal__btn:hover{background:#0006}.product-videos-modal__btn:active{transform:scale(.96)}.product-videos-modal__btn .icon{width:2rem;height:2rem}.product-videos-modal__icon-play .icon,.product-videos-modal__icon-pause .icon{width:1.6rem;height:1.6rem}.product-videos-modal__btn--close{position:absolute;top:1.2rem;right:1.2rem}.product-videos-modal__nav{position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8rem;z-index:1}.product-videos-modal__nav-btn .icon{width:2rem;height:2rem}.product-videos-modal__nav-btn--prev .icon{transform:rotate(-90deg)}.product-videos-modal__nav-btn--next .icon{transform:rotate(90deg)}.product-videos-modal__nav-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.product-videos-modal__controls{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;justify-content:space-between;align-items:center;z-index:1}.product-videos-modal__controls-right{display:flex;gap:.8rem}.product-videos-modal__icon-pause,.product-videos-modal__icon-unmute,.product-videos-modal[data-state=playing] .product-videos-modal__icon-play{display:none}.product-videos-modal[data-state=playing] .product-videos-modal__icon-pause{display:inline-flex}.product-videos-modal[data-muted=false] .product-videos-modal__icon-mute{display:none}.product-videos-modal[data-muted=false] .product-videos-modal__icon-unmute{display:inline-flex}@media(max-width:767px){.product-videos-modal{top:0;bottom:0;left:0;right:0;width:auto;max-width:none;transform:scale(1);transform-origin:center}.product-videos-modal__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .25s ease}.product-videos-modal.is-open .product-videos-modal__backdrop{opacity:1}.product-videos-modal__panel{position:absolute;top:50%;left:50%;width:calc(100vw - 4rem);max-width:36rem;transform:translate(-50%,-50%) scale(.96);transition:transform .25s ease}.product-videos-modal.is-open .product-videos-modal__panel{transform:translate(-50%,-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-product-videos.css.map */