.floating-product-video{--fpv-size: 250px;--fpv-radius: 20px;--fpv-gap: 16px;display:block}.floating-product-video[hidden]{display:none}@media(max-width:749px){.floating-product-video{--fpv-size: 165px;--fpv-radius: 16px;--fpv-gap: 12px}}.floating-product-video__player{position:fixed;top:0;left:0;z-index:45;width:var(--fpv-size);height:var(--fpv-size);border-radius:var(--fpv-radius);overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #0f0f0f2e,0 2px 8px #0f0f0f14;pointer-events:none;opacity:0;transform:translate3d(-9999px,-9999px,0);transition:opacity .35s ease,transform .35s ease,box-shadow .2s ease;will-change:transform,opacity;cursor:grab;touch-action:none}.floating-product-video.fpv-is-visible .floating-product-video__player{opacity:1;pointer-events:auto}.floating-product-video__player.fpv-is-dragging{transition:box-shadow .2s ease;cursor:grabbing;box-shadow:0 16px 40px #0f0f0f4d,0 4px 12px #0f0f0f24}.floating-product-video__player:focus-visible{outline:2px solid #fff;outline-offset:3px}.floating-product-video__frame{width:100%;height:100%}.floating-product-video__video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.floating-product-video__controls{position:absolute;display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.floating-product-video__controls-top{top:8px;right:8px}.floating-product-video__controls-bottom{bottom:8px;left:8px}.floating-product-video__player:hover .floating-product-video__controls,.floating-product-video__player:focus-within .floating-product-video__controls{opacity:1}@media(hover:none){.floating-product-video__controls{opacity:1}}.floating-product-video__btn{-webkit-appearance:none;appearance:none;border:none;margin:0;padding:0;flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1414148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer}.floating-product-video__btn .fpv-icon{width:14px;height:14px}.floating-product-video__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.floating-product-video__btn .fpv-icon--play,.floating-product-video__btn .fpv-icon--unmute{display:none}.floating-product-video__btn.fpv-is-playing .fpv-icon--pause{display:block}.floating-product-video__btn.fpv-is-playing .fpv-icon--play{display:none}.floating-product-video__btn:not(.fpv-is-playing) .fpv-icon--pause{display:none}.floating-product-video__btn:not(.fpv-is-playing) .fpv-icon--play{display:block}.floating-product-video__btn.fpv-is-muted .fpv-icon--mute{display:block}.floating-product-video__btn.fpv-is-muted .fpv-icon--unmute{display:none}.floating-product-video__btn:not(.fpv-is-muted) .fpv-icon--mute{display:none}.floating-product-video__btn:not(.fpv-is-muted) .fpv-icon--unmute{display:block}.floating-product-video__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.floating-product-video__lightbox[hidden]{display:none}.floating-product-video__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ac7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.floating-product-video__lightbox-dialog{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch}.floating-product-video__lightbox-frame{position:relative;width:min(90vw,calc(85vh * var(--fpv-ratio, 1)),720px);aspect-ratio:var(--fpv-ratio, 1);max-height:85vh;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 20px 60px #0006}.floating-product-video__lightbox-frame .floating-product-video__video{object-fit:contain}.floating-product-video__lightbox-controls{position:absolute;top:-44px;right:0;display:flex;gap:8px;z-index:2}@media(max-width:749px){.floating-product-video__lightbox-controls{top:auto;bottom:-44px;right:0}}.floating-product-video__lightbox-controls .floating-product-video__btn{width:36px;height:36px;background:#ffffff24}.floating-product-video__lightbox-controls .floating-product-video__btn .fpv-icon{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.floating-product-video__player,.floating-product-video__controls{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/floating-product-video.css.map */