.floating-product-videos{--floating-video-width: clamp(180px, 16vw, 210px);--floating-video-control-bg: rgb(12 12 12 / 64%);--floating-video-transition: .18s ease;position:fixed;right:auto;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:500}.floating-product-videos[hidden],.floating-product-videos [hidden]{display:none!important}.floating-product-videos__card{position:relative;width:var(--floating-video-width);aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgb(255 255 255 / 24%);border-radius:16px;background:#111;box-shadow:0 10px 32px #0000004d;animation:floating-video-card-in .2s ease-out both}.floating-product-videos__preview,.floating-product-videos__player,.floating-product-videos__player iframe{width:100%;height:100%}.floating-product-videos__preview{position:relative;display:block;padding:0;overflow:hidden;border:0;border-radius:inherit;color:#fff;background:#111;cursor:pointer}.floating-product-videos__thumbnail{display:block;width:100%;height:100%;object-fit:cover}.floating-product-videos__preview:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(to bottom,transparent 55%,rgb(0 0 0 / 38%))}.floating-product-videos__play{position:absolute;top:50%;left:50%;z-index:1;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#111;background:#ffffffeb;box-shadow:0 3px 14px #00000040;transform:translate(-50%,-50%);transition:background-color var(--floating-video-transition),transform var(--floating-video-transition)}.floating-product-videos__play svg{display:block;width:25px;height:25px}.floating-product-videos__player iframe{display:block;border:0}.floating-product-videos__minimize{position:absolute;top:8px;right:8px;z-index:3;display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--floating-video-control-bg);box-shadow:0 2px 10px #0000003d;font:inherit;font-size:24px;line-height:1;cursor:pointer;transition:background-color var(--floating-video-transition),transform var(--floating-video-transition)}.floating-product-videos__navigation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;color:#fff;pointer-events:none}.floating-product-videos__navigation button{position:absolute;top:50%;display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--floating-video-control-bg);box-shadow:0 2px 10px #0003;font:inherit;font-size:28px;line-height:1;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:background-color var(--floating-video-transition),transform var(--floating-video-transition)}.floating-product-videos__navigation button:first-child{left:8px}.floating-product-videos__navigation button:last-child{right:8px}.floating-product-videos__navigation button svg{display:block;width:18px;height:18px;margin:0;place-self:center;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.floating-product-videos__navigation button:first-child svg{transform:translate(-1px)}.floating-product-videos__navigation button:last-child svg{transform:translate(1px)}.floating-product-videos__count{position:absolute;top:11px;left:10px;padding:4px 8px;border-radius:999px;background:var(--floating-video-control-bg);box-shadow:0 2px 8px #0000002e;font-size:12px;line-height:1.2}.floating-product-videos__launcher{position:relative;display:grid;width:60px;height:60px;padding:0;place-items:center;overflow:hidden;border:2px solid rgb(255 255 255 / 78%);border-radius:50%;color:#fff;background:#111;box-shadow:0 7px 22px #0000004d;cursor:pointer;animation:floating-video-bubble-in .18s ease-out both;transition:border-color var(--floating-video-transition),transform var(--floating-video-transition)}.floating-product-videos__launcher-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.floating-product-videos__launcher:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#00000038}.floating-product-videos__launcher-play{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#111;background:#ffffffeb;box-shadow:0 2px 8px #0000003d}.floating-product-videos__launcher-play svg{display:block;width:15px;height:15px}.floating-product-videos button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover){.floating-product-videos__preview:hover .floating-product-videos__play,.floating-product-videos__preview:focus-visible .floating-product-videos__play{background:#fff;transform:translate(-50%,-50%) scale(1.06)}.floating-product-videos__minimize:hover,.floating-product-videos__navigation button:hover{background:#0c0c0cd1}.floating-product-videos__minimize:hover{transform:scale(1.06)}.floating-product-videos__navigation button:hover{transform:translateY(-50%) scale(1.06)}.floating-product-videos__launcher:hover{border-color:#fff;transform:scale(1.05)}}@keyframes floating-video-card-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floating-video-bubble-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media only screen and (max-width:767px){.floating-product-videos{--floating-video-width: clamp(130px, 38vw, 155px);bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}.floating-product-videos__card{border-radius:12px}.floating-product-videos__launcher{width:52px;height:52px}.floating-product-videos__play{width:48px;height:48px}.floating-product-videos__minimize,.floating-product-videos__navigation button{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.floating-product-videos__card,.floating-product-videos__launcher{animation:none}.floating-product-videos__play,.floating-product-videos__minimize,.floating-product-videos__navigation button,.floating-product-videos__launcher{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/floating-product-videos.css.map */