.fvideo{position:fixed;left:16px;bottom:18px;z-index:55;transition:bottom .45s var(--ease-out)}.fvideo[hidden]{display:none}body.has-sticky-atc .fvideo{bottom:88px}.fvideo__frame{position:relative;width:92px;aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;background:var(--color-charcoal);border:1px solid rgba(201,164,92,.55);box-shadow:0 14px 34px -10px #000000b3;transition:width .35s var(--ease-out)}.fvideo__frame video,.fvideo__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fvideo__expand{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent;color:#f7f1e6;cursor:pointer;display:grid;place-items:center}.fvideo__expand .icon{width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}.fvideo__close,.fvideo__sound{position:absolute;top:6px;width:28px;height:28px;border-radius:50%;border:0;background:#0b0a089e;color:#f7f1e6;display:grid;place-items:center;cursor:pointer;z-index:2}.fvideo__close{right:6px}.fvideo__close .icon,.fvideo__sound .icon{width:14px;height:14px}.fvideo__sound{left:6px;display:none}.fvideo__sound-on,.fvideo.has-sound .fvideo__sound-off{display:none}.fvideo.has-sound .fvideo__sound-on{display:inline}.fvideo__cta{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:none;--btn-bg: var(--color-gold);--btn-fg: #0B0A08}.fvideo.is-open .fvideo__frame{width:min(300px,72vw)}.fvideo.is-open .fvideo__expand{display:none}.fvideo.is-open .fvideo__sound,.fvideo.is-open .fvideo__cta{display:grid}.fvideo.is-open .fvideo__close,.fvideo.is-open .fvideo__sound{width:36px;height:36px;top:10px}.fvideo.is-open .fvideo__close{right:10px}.fvideo.is-open .fvideo__sound{left:10px}@media(max-width:749px){.fvideo--desktop-only{display:none!important}.fvideo__frame{width:80px}}@media(prefers-reduced-motion:reduce){.fvideo,.fvideo__frame{transition:none}}@media(max-width:749px){floating-video.fvideo{left:auto!important;right:12px!important;bottom:90px!important}floating-video.fvideo:not(.is-open) .fvideo__frame{width:56px!important;aspect-ratio:1 / 1!important;border-radius:50%!important}floating-video.fvideo:not(.is-open) .fvideo__close{display:none!important}body:has(floating-video.fvideo:not([hidden])) .wa-float{right:80px!important;bottom:94px!important}body:has(floating-video.fvideo.is-open) .wa-float{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-floating-video.css.map */
