floating-product-video{position:fixed;z-index:999;pointer-events:none;background:transparent;border:none;margin:0;padding:0}floating-product-video[hidden]{display:none!important}floating-product-video.is-fullscreen{top:0;right:0;bottom:0;left:0;pointer-events:auto}.floating-product-video__panel{position:fixed;bottom:var(--floating-video-offset-bottom, 2rem);left:var(--floating-video-offset-left, 2rem);width:var(--floating-video-width, 24rem);max-width:calc(100vw - 2rem);pointer-events:auto;background:#000;border-radius:1.2rem;box-shadow:0 1.2rem 3.6rem #00000047,0 .2rem .8rem #0000002e;overflow:hidden;cursor:grab;touch-action:none;transition:width .3s ease,height .3s ease,transform .3s ease,box-shadow .2s ease}.floating-product-video__panel:hover{box-shadow:0 1.6rem 4.4rem #00000057,0 .2rem .8rem #0003}.floating-product-video__panel.is-dragging{cursor:grabbing;transition:none}.floating-product-video__panel.is-drag-disabled,floating-product-video.is-fullscreen .floating-product-video__panel,floating-product-video.is-expanded .floating-product-video__panel{cursor:default;touch-action:auto}@media(prefers-reduced-motion:reduce){.floating-product-video__panel{transition:none}}floating-product-video.is-positioned .floating-product-video__panel{bottom:auto;left:auto;right:auto}@media screen and (min-width:750px){floating-product-video.is-expanded .floating-product-video__panel{width:min(var(--floating-video-width-expanded, 38rem),calc(100vw - 3.2rem));max-height:calc(100vh - 3.2rem);display:flex;flex-direction:column}floating-product-video.is-expanded .floating-product-video__media{flex:1 1 auto;min-height:0;max-height:calc(100vh - 9rem)}}@media screen and (max-width:749px){.floating-product-video__panel{width:var(--floating-video-width-mobile, 20rem);bottom:auto;top:max(var(--floating-video-offset-bottom, 2rem),calc(100svh - (var(--floating-video-width-mobile, 20rem) / var(--floating-video-aspect-ratio, 1.7777777778)) - var(--floating-video-offset-bottom, 2rem) - env(safe-area-inset-bottom,0px)))}floating-product-video.is-expanded .floating-product-video__panel{width:var(--floating-video-width-mobile, 20rem)}floating-product-video.is-fullscreen .floating-product-video__backdrop{display:block}floating-product-video.is-fullscreen .floating-product-video__panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}floating-product-video.is-fullscreen.is-positioned .floating-product-video__panel{top:0;left:0;right:0;bottom:0}}@media screen and (min-width:750px){floating-product-video.is-fullscreen .floating-product-video__backdrop{display:none}}.floating-product-video__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.45);pointer-events:auto;z-index:-1}.floating-product-video__controls{position:absolute;top:.8rem;right:.8rem;z-index:2;display:flex;align-items:center;gap:.5rem;pointer-events:auto}.floating-product-video__control{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:background-color .2s ease,transform .15s ease;box-shadow:0 .2rem .6rem #0000002e}.floating-product-video__control:hover,.floating-product-video__control:focus-visible{background:#000000bf;transform:scale(1.06);outline:none}.floating-product-video__control:active{transform:scale(.96)}.floating-product-video__control .icon{width:1.5rem;height:1.5rem}.floating-product-video__control .icon-expand,.floating-product-video__control .icon-collapse{width:1.6rem;height:1.6rem}@media screen and (min-width:750px){floating-product-video.is-expanded .floating-product-video__controls{top:1.2rem;right:1.2rem}}.floating-product-video__media{position:relative;width:100%;aspect-ratio:var(--floating-video-aspect-ratio, 16 / 9);background:#000;pointer-events:none}floating-product-video.is-fullscreen .floating-product-video__media{flex:1;aspect-ratio:auto;height:auto}.floating-product-video__media video,.floating-product-video__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:contain}floating-product-video.is-fullscreen .floating-product-video__media video,floating-product-video.is-fullscreen .floating-product-video__media iframe{position:absolute}.floating-product-video__mute-on,.floating-product-video__mute-off{display:none}floating-product-video[data-muted=true] .floating-product-video__mute-on{display:block}floating-product-video[data-muted=false] .floating-product-video__mute-off{display:block}floating-product-video.is-expanded .floating-product-video__expand-icon{display:none}floating-product-video.is-expanded .floating-product-video__collapse-icon{display:block}floating-product-video:not(.is-expanded) .floating-product-video__collapse-icon{display:none}floating-product-video:not(.is-expanded) .floating-product-video__expand-icon{display:block}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-floating-product-video.css.map */