.wb-vb{--wb-vb-w: 128px;--wb-vb-gap: 20px;--wb-vb-bottom: 84px;position:fixed;inset-inline-end:var(--wb-vb-gap);bottom:var(--wb-vb-bottom);z-index:91;width:var(--wb-vb-w);opacity:0;translate:0 16px;scale:.94;transform-origin:bottom right;transition:opacity .32s ease,translate .42s cubic-bezier(.16,1,.3,1),scale .42s cubic-bezier(.16,1,.3,1),width .38s cubic-bezier(.16,1,.3,1)}.wb-vb[hidden]{display:none}.wb-vb.is-in{opacity:1;translate:0 0;scale:1}.wb-vb.is-tucked,html.wb-scroll-locked .wb-vb{opacity:0;pointer-events:none}.wb-vb.is-open{--wb-vb-w: min(320px, calc(100vw - 2 * var(--wb-vb-gap)))}.wb-vb__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;background-color:#1c1a17;border-radius:14px;box-shadow:0 18px 40px -16px #0000008c,0 0 0 1px #ffffff14}.wb-vb__video{display:block;width:100%;height:100%;object-fit:cover}.wb-vb__open{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0;background:linear-gradient(to top,rgb(0 0 0 / .35),transparent 45%);border:0;cursor:pointer}.wb-vb.is-open .wb-vb__open{display:none}.wb-vb__play{display:grid;place-items:center;width:38px;height:38px;color:#1c1a17;background-color:#ffffffeb;border-radius:50%;box-shadow:0 4px 14px -4px #00000080;transition:scale .2s ease}.wb-vb__open:hover .wb-vb__play,.wb-vb__open:focus-visible .wb-vb__play{scale:1.08}.wb-vb__play svg{width:16px;height:16px;margin-inline-start:2px;fill:currentcolor}.wb-vb__bar{position:absolute;inset-inline:0;bottom:0;display:none;justify-content:flex-end;gap:.4rem;padding:.6rem;background:linear-gradient(to top,rgb(0 0 0 / .55),transparent)}.wb-vb.is-open .wb-vb__bar{display:flex}.wb-vb__btn{display:grid;place-items:center;width:36px;height:36px;padding:0;color:#fff;background-color:#ffffff2e;border:0;border-radius:50%;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.wb-vb__btn:hover,.wb-vb__btn:focus-visible{background-color:#ffffff52}.wb-vb__btn svg{width:18px;height:18px;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wb-vb__i-play{fill:currentcolor!important;stroke:none!important}.wb-vb__i-play,.wb-vb.is-paused .wb-vb__i-pause,.wb-vb__i-off,.wb-vb.is-muted .wb-vb__i-on{display:none}.wb-vb.is-paused .wb-vb__i-play,.wb-vb.is-muted .wb-vb__i-off{display:block}.wb-vb__close{position:absolute;top:-10px;inset-inline-end:-10px;display:grid;place-items:center;width:28px;height:28px;padding:0;color:#fff;background-color:#1c1a17;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px -4px #00000080}.wb-vb__close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.wb-vb__close svg{width:13px;height:13px;fill:none;stroke:currentcolor;stroke-width:2.4;stroke-linecap:round}.wb-vb.is-open .wb-vb__close{top:10px;inset-inline-end:10px;width:32px;height:32px;background-color:#00000073;border-color:transparent}@media(max-width:749px){.wb-vb{--wb-vb-w: 92px;--wb-vb-gap: 14px;--wb-vb-bottom: 166px}.wb-vb.is-open{--wb-vb-w: min(240px, 62vw)}.wb-vb__play{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.wb-vb,.wb-vb__play{transition:none}}.wb-vb__hint{position:absolute;inset-inline-start:6px;bottom:6px;display:none;align-items:center;gap:4px;padding:4px 7px 4px 5px;font-size:10px;font-weight:600;line-height:1;white-space:nowrap;color:#fff;background-color:#00000080;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.wb-vb__hint svg{width:12px;height:12px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wb-vb:not(.is-paused) .wb-vb__play{display:none}.wb-vb:not(.is-paused) .wb-vb__hint{display:inline-flex}@media(max-width:749px){.wb-vb__hint{font-size:0;gap:0;padding:5px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/wb-video-bubble.css.map */