.floating-video{position:fixed;bottom:10vh;left:20px;aspect-ratio:720/ 1280;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-video--minimized{height:200px}.floating-video--expanded{width:calc(100% - 40px);max-width:420px;height:90vh}.floating-video__container{position:relative;width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026}.floating-video__video{width:100%;height:100%;object-fit:cover;cursor:pointer}.floating-video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .3s ease;opacity:0}.floating-video--minimized .floating-video__overlay{opacity:0}.floating-video--expanded.pi-video-paused .floating-video__overlay{opacity:1;pointer-events:none}.floating-video__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s ease}.floating-video__play-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.floating-video__play-button:after{content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #000;margin-left:4px}.floating-video__controls{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);padding:16px;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.floating-video--expanded .floating-video__controls{opacity:1;pointer-events:auto}.floating-video__control-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.floating-video__control-button:hover{opacity:.7}.floating-video__control-button--replay,.floating-video__control-button--volume{width:24px;height:24px}.floating-video__control-button--volume.is-muted .icon-volume-on{display:none}.floating-video__control-button--volume:not(.is-muted) .icon-volume-off{display:none}.floating-video__control-button--speed{font-size:14px;font-weight:500;background:#fff3;border-radius:4px;padding:4px 8px;min-width:32px}.floating-video__control-button--close{width:32px;height:32px;background:#fff3;border-radius:50%;margin-left:auto}.floating-video__close-hide{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .2s ease;opacity:0}.floating-video--minimized .floating-video__close-hide{opacity:1}.floating-video__close-hide:hover{background:#000000e6}.floating-video__progress{flex:1;height:4px;background:#ffffff4d;border-radius:2px;position:relative;cursor:pointer}.floating-video__progress-bar{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .1s linear}.floating-video__timestamp{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;opacity:0;transition:opacity .3s ease;pointer-events:none}.floating-video--expanded .floating-video__timestamp{opacity:1;top:60px}.pi-hidden{display:none!important}.pi-video-paused .floating-video__video{opacity:.8}.icon-replay,.icon-volume{width:20px;min-width:20px;height:20px;fill:none}.icon-close{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/pi-floating-video.css.map */