.product-video-float{--video-float-offset: 1.6rem;position:fixed;left:1.6rem;bottom:calc(var(--video-float-offset) + env(safe-area-inset-bottom,0px));right:auto;z-index:997;font-family:inherit;pointer-events:none;transition:bottom .5s cubic-bezier(.22,1,.36,1)}body.has-sticky-atc .product-video-float{bottom:calc(var(--sticky-atc-height, 5.5rem) + var(--video-float-offset) + env(safe-area-inset-bottom,0px))}.product-video-float>*{pointer-events:auto}.product-video-float__mini{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;transition:transform .25s ease}.product-video-float__mini:hover{transform:translateY(-.2rem)}.product-video-float__mini-media{position:relative;width:10rem;height:15rem;border-radius:1.15rem;overflow:hidden;border:.15rem solid rgba(var(--color-button),.45);box-shadow:0 .6rem 1.8rem rgba(var(--color-button),.28),0 .2rem .5rem #0000001f;background:#000}.product-video-float__mini-video{display:block;width:100%;height:100%;object-fit:cover}.product-video-float__mini-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000000d,#00000059);transition:background .2s ease}.product-video-float__mini:hover .product-video-float__mini-overlay{background:#00000040}.product-video-float__play-icon{display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:50%;background:rgb(var(--color-button));color:#fff;box-shadow:0 .25rem .8rem #00000040}.product-video-float__play-icon svg{width:1.5rem;height:1.5rem;margin-left:.15rem}.product-video-float__mini-label{font-size:1.05rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-button));background:rgb(var(--color-background));padding:.2rem .55rem;border-radius:999px;border:.1rem solid rgba(var(--color-button),.2)}.product-video-float.is-open .product-video-float__mini{display:none}.product-video-float__panel{width:min(26rem,calc(100vw - 2.4rem));border-radius:1.2rem;overflow:hidden;border:.12rem solid rgba(var(--color-button),.25);background:rgb(var(--color-background));box-shadow:0 1rem 2.8rem rgba(var(--color-button),.3);animation:product-video-slide-in .28s ease}@keyframes product-video-slide-in{0%{opacity:0;transform:translateY(.8rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.product-video-float__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;background:linear-gradient(90deg,rgba(var(--color-button),.12),rgba(var(--color-button),.04));border-bottom:.1rem solid rgba(var(--color-button),.12)}.product-video-float__title{font-size:1.15rem;font-weight:700;color:rgb(var(--color-foreground))}.product-video-float__close{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:none;border-radius:50%;background:rgba(var(--color-button),.1);color:rgb(var(--color-button));cursor:pointer}.product-video-float__close svg{width:1.2rem;height:1.2rem}.product-video-float__media{position:relative;width:100%;background:rgb(var(--color-background));line-height:0}.product-video-float__video{display:block;width:100%;max-width:100%;height:auto;vertical-align:middle;object-fit:contain;background:#000}@media screen and (max-width:749px){.product-video-float{--video-float-offset: 1.15rem;left:1rem;right:auto}.product-video-float__mini-media{width:8.5rem;height:12.8rem}.product-video-float__panel{width:calc(100vw - 2rem);max-width:26rem}}@media screen and (min-width:750px){.product-video-float{--video-float-offset: 2rem;left:2rem;right:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-video.css.map */