.pip-video{position:fixed;bottom:15%;left:20px;z-index:9999;width:220px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003;background:#000;transition:opacity .3s ease,transform .3s ease;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}[dir=rtl] .pip-video{left:20px;right:auto}.pip-video[hidden]{display:none!important}.pip-video.pip-video--entering{animation:pipSlideIn .4s ease forwards}.pip-video.pip-video--leaving{animation:pipSlideOut .3s ease forwards}@keyframes pipSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pipSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.9)}}.pip-video.pip-video--dragging{cursor:grabbing;transition:none;box-shadow:0 12px 48px #0006,0 4px 12px #0000004d}.pip-video__container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.pip-video__header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);z-index:10;opacity:0;transition:opacity .2s ease}.pip-video:hover .pip-video__header,.pip-video.pip-video--dragging .pip-video__header{opacity:1}@media (hover: none){.pip-video__header{opacity:1;background:transparent}}.pip-video__close,.pip-video__expand,.pip-video__unmute{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pip-video__close:hover,.pip-video__expand:hover,.pip-video__unmute:hover{background:#ffffff59;transform:scale(1.1)}.pip-video__close:active,.pip-video__expand:active,.pip-video__unmute:active{transform:scale(.95)}.pip-video__close:hover{background:#ff646480}.pip-video__unmute{position:absolute;bottom:8px;left:8px;right:auto;z-index:10;width:32px;height:32px;background:#0009}[dir=rtl] .pip-video__unmute{left:auto;right:8px}.pip-video__unmute:hover{background:#000c}.pip-video__unmute-icon--unmuted,.pip-video.pip-video--unmuted .pip-video__unmute-icon--muted{display:none}.pip-video.pip-video--unmuted .pip-video__unmute-icon--unmuted{display:block}.pip-video__content{position:absolute;top:0;left:0;width:100%;height:100%}.pip-video__video{width:100%;height:100%;object-fit:cover}.pip-video__iframe{width:100%;height:100%;border:none;pointer-events:none}.pip-video__loop-indicator{position:absolute;bottom:8px;right:8px;left:auto;padding:3px 8px;font-size:11px;font-weight:600;color:#ffffffe6;background:#00000080;border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10}[dir=rtl] .pip-video__loop-indicator{right:auto;left:8px}@media screen and (max-width: 749px){.pip-video{width:173px;bottom:12%;left:12px;border-radius:10px}[dir=rtl] .pip-video{left:12px;right:auto}.pip-video__header{padding:4px 6px;opacity:1;background:transparent}.pip-video__close,.pip-video__expand{width:26px;height:26px;background:#00000080}.pip-video__close svg,.pip-video__expand svg{width:13px;height:13px}.pip-video__unmute{width:28px;height:28px;bottom:6px;left:6px;right:auto}[dir=rtl] .pip-video__unmute{left:auto;right:6px}.pip-video__unmute svg{width:14px;height:14px}.pip-video__loop-indicator{font-size:10px;padding:2px 6px;bottom:6px;right:6px;left:auto}[dir=rtl] .pip-video__loop-indicator{right:auto;left:6px}}@media screen and (max-width: 375px){.pip-video{width:151px;bottom:10%;left:8px}[dir=rtl] .pip-video{left:8px}}@media screen and (max-height: 500px) and (orientation: landscape){.pip-video{width:180px;bottom:15%}}@media (prefers-reduced-motion: reduce){.pip-video{transition:none}.pip-video.pip-video--entering,.pip-video.pip-video--leaving{animation:none}.pip-video__close,.pip-video__expand,.pip-video__unmute,.pip-video__header{transition:none}}@media (prefers-contrast: high){.pip-video{border:2px solid #fff}.pip-video__close,.pip-video__expand,.pip-video__unmute{background:#000;border:1px solid #fff}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pip-video-player.css.map */