.floating-video{--floating-size: var(--floating-size-mobile, 9rem);position:fixed;z-index:900;left:var(--floating-offset-x, 1.6rem);bottom:calc(var(--floating-offset-y-mobile, 1.6rem) + env(safe-area-inset-bottom,0px));display:block;color:rgb(var(--color-foreground));background:none}.floating-video[hidden]{display:none}.floating-video--right{left:auto;right:var(--floating-offset-x, 1.6rem)}@media screen and (min-width:750px){.floating-video{--floating-size: var(--floating-size-desktop, 12rem);bottom:var(--floating-offset-y, 2rem)}}.floating-video__bubble{position:relative;width:var(--floating-size);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 1.2rem 3.2rem #00000038;animation:floating-video-in .5s cubic-bezier(.2,.7,.2,1) both}.floating-video--portrait .floating-video__bubble{aspect-ratio:9 / 16;border-radius:var(--floating-radius, 1.6rem)}.floating-video--square .floating-video__bubble{border-radius:var(--floating-radius, 1.6rem)}.floating-video__bubble[hidden],.floating-video__restore[hidden]{display:none}.floating-video__bubble>.video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit}.floating-video__open{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;margin:0;padding:0 .8rem 1rem;border:0;border-radius:inherit;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.5));color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.floating-video__open:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.5rem}.floating-video--circle .floating-video__open{padding-bottom:18%}.floating-video__label{display:block;max-width:100%;font-size:1.2rem;font-weight:var(--font-body-weight-bold, 600);line-height:1.2;text-align:center;text-shadow:0 .1rem .4rem rgba(0,0,0,.4)}.floating-video__action,.floating-video__restore,.floating-video__dialog-close{display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 .2rem .8rem #0003;cursor:pointer}.floating-video__action{position:absolute;top:-.8rem;width:2.8rem;height:2.8rem;opacity:1;transition:opacity .2s ease}.floating-video__action--close{right:-.8rem}.floating-video__action--minimize{right:2.4rem}.floating-video--circle .floating-video__action--close{right:0;top:0}.floating-video--circle .floating-video__action--minimize{right:3.2rem;top:-.8rem}@media(hover:hover){.floating-video__action{opacity:0}.floating-video__bubble:hover .floating-video__action,.floating-video__bubble:focus-within .floating-video__action{opacity:1}}.floating-video__action svg,.floating-video__restore svg,.floating-video__dialog-close svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.floating-video__restore{width:4.8rem;height:4.8rem;animation:floating-video-in .4s cubic-bezier(.2,.7,.2,1) both}.floating-video__restore svg{width:1.6rem;height:1.6rem;margin-left:.2rem;fill:currentColor;stroke:none}:is(.floating-video__action,.floating-video__restore,.floating-video__dialog-close):focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;opacity:1}.floating-video__dialog{box-sizing:border-box;width:min(var(--floating-player-width, 42rem),calc((100svh - 14rem) * var(--floating-ratio, .5625)),calc(100vw - 3.2rem));max-width:none;max-height:calc(100svh - 3.2rem);margin:auto;padding:0;overflow:visible;border:0;border-radius:var(--content-container-radius, 1.6rem);color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 2.4rem 8rem #00000059}.floating-video__dialog[open]{animation:floating-video-dialog .35s cubic-bezier(.2,.7,.2,1) both}.floating-video__dialog::backdrop{background:#0000009e;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.floating-video__dialog-inner{position:relative;display:flex;flex-direction:column;overflow:hidden;overflow:clip;border-radius:inherit}.floating-video__player>.video-player{width:100%;aspect-ratio:var(--floating-ratio, .5625);max-height:calc(100svh - 14rem);--video-radius: 0px}.floating-video__dialog-close{position:absolute;z-index:4;top:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem}.floating-video__footer{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:1.2rem}.floating-video__product{display:flex;flex:1 1 18rem;align-items:center;gap:1.2rem;min-width:0;color:inherit;text-decoration:none}.floating-video__product-image{flex:none;width:5.6rem;height:5.6rem;object-fit:cover;border-radius:var(--media-container-radius, .8rem)}.floating-video__product-text{display:flex;flex-direction:column;gap:.2rem;min-width:0;font-size:1.4rem;line-height:1.3}.floating-video__product-title{overflow:hidden;font-weight:var(--font-body-weight-bold, 600);white-space:nowrap;text-overflow:ellipsis}.floating-video__product:hover .floating-video__product-title{text-decoration:underline}.floating-video__footer .button{flex:1 1 auto}@keyframes floating-video-in{0%{opacity:0;transform:translate3d(0,1.6rem,0) scale(.92)}}@keyframes floating-video-dialog{0%{opacity:0;transform:translate3d(0,2rem,0) scale(.97)}}@media(prefers-reduced-motion:reduce){.floating-video__bubble,.floating-video__restore,.floating-video__dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/floating-video.css.map */