.floating-video-player{position:fixed;bottom:90px;right:20px;z-index:100;width:140px;height:calc(140px * 16 / 9);border-radius:12px;border:2px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:0 4px 24px #0000002e;background:#000;opacity:.75;cursor:grab;-webkit-user-select:none;user-select:none;backface-visibility:hidden;will-change:auto;transition:opacity .3s ease,width .35s cubic-bezier(.25,.46,.45,.94),height .35s cubic-bezier(.25,.46,.45,.94),border-radius .35s ease,border-color .35s ease,box-shadow .35s ease}.floating-video-player:hover{opacity:1}.floating-video-player.is-scroll-collapsed{width:56px;height:56px;border-radius:50%;opacity:.9;border-color:#ffffff59;box-shadow:0 2px 12px #00000040}.floating-video-player.is-scroll-collapsed .floating-video__expand-btn,.floating-video-player.is-scroll-collapsed .floating-video__watermark{opacity:0;pointer-events:none;transition:opacity .2s ease}.floating-video-player .floating-video__container{position:relative;width:100%;height:100%}.floating-video-player .floating-video__watermark{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;transition:opacity .2s ease}.floating-video-player .floating-video__watermark img{display:block;max-width:40px;height:auto;filter:brightness(0) invert(1);opacity:.85}.floating-video-player .floating-video__container video{display:block;width:100%;height:100%;object-fit:cover}.floating-video-player .floating-video__expand-btn{position:absolute;top:4px;right:4px;z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:0}.floating-video-player:hover .floating-video__expand-btn,.floating-video-player .floating-video__expand-btn:focus-visible{opacity:1}.floating-video-player .floating-video__expand-btn svg{width:14px;height:14px;fill:currentColor}.floating-video__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.floating-video__overlay.is-active{display:block}.floating-video__overlay .floating-video__overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .4s ease}.floating-video__overlay.is-active .floating-video__overlay-backdrop{background:#000c}.floating-video__overlay .floating-video__overlay-video-wrapper{position:fixed;overflow:hidden;background:#000;box-shadow:0 4px 24px #0006;border-radius:8px;will-change:top,left,width,height;transition:top .45s cubic-bezier(.25,.46,.45,.94),left .45s cubic-bezier(.25,.46,.45,.94),width .45s cubic-bezier(.25,.46,.45,.94),height .45s cubic-bezier(.25,.46,.45,.94),border-radius .3s ease}.floating-video__overlay .floating-video__overlay-video-wrapper.is-collapsing{transition-duration:.35s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.floating-video__overlay video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .15s ease .35s}.floating-video__overlay.is-active .floating-video__overlay-video-wrapper.has-video video{opacity:1}.floating-video__overlay .floating-video__close-btn{position:absolute;top:-40px;right:0;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0}.floating-video__overlay .floating-video__close-btn:hover{opacity:1}.floating-video__overlay .floating-video__close-btn svg{width:20px;height:20px;fill:currentColor}@media(max-width:767px){.floating-video-player{bottom:80px;right:12px;width:110px;height:calc(110px * 16 / 9)}.floating-video-player.is-scroll-collapsed{width:48px;height:48px}.floating-video__overlay .floating-video__close-btn{top:-36px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/floating-video-player.css.map */