.b4pv-hidden{display:none!important}.b4pv-stories__head{margin:0 0 1.2rem}.b4pv-stories__row{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.4rem .2rem .8rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.b4pv-stories__row::-webkit-scrollbar{display:none}.b4pv-story{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;width:var(--b4pv-size-m);padding:0;border:0;background:none;cursor:pointer;scroll-snap-align:start;color:rgb(var(--color-foreground));font:inherit}.b4pv-story__ring{position:relative;display:block;width:var(--b4pv-size-m);height:var(--b4pv-size-m);border-radius:50%;padding:3px;background:var(--b4pv-ring)}.b4pv-story__ring>span{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid rgb(var(--color-background));background:#111}.b4pv-story img,.b4pv-story video,.b4pv-story canvas{width:100%;height:100%;object-fit:cover;display:block}.b4pv-story__label{font-size:1.2rem;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b4pv-story.is-seen .b4pv-story__ring{background:#cfcfcf}.b4pv-modal__bars{position:absolute;top:.8rem;left:1rem;right:1rem;display:flex;gap:4px;z-index:2}.b4pv-modal__bars span{flex:1 1 0;height:3px;border-radius:3px;background:#ffffff59;overflow:hidden}.b4pv-modal__bars i{display:block;height:100%;width:0;background:#fff}.b4pv-story:focus-visible .b4pv-story__ring{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(min-width:750px){.b4pv-story,.b4pv-story__ring{width:var(--b4pv-size-d)}.b4pv-story__ring{height:var(--b4pv-size-d)}.b4pv-stories__row{gap:1.4rem}}@media(hover:hover){.b4pv-story:hover .b4pv-story__ring{transform:scale(1.04)}.b4pv-story__ring{transition:transform .2s}}.b4pv-car{--cw:var(--b4pv-wm);--gap:12px;--rS:1.552;--rA:1.552;--hS:calc(var(--cw) * var(--rS));--hA:calc(var(--cw) * var(--rA))}@media(min-width:750px){.b4pv-car{--cw:var(--b4pv-wd);--gap:16px;--rS:1.293;--rA:1.667}}.b4pv-car__head{text-align:center;margin:0 auto var(--b4pv-gap-title)}.b4pv-car__title{margin:0;font-weight:700}.b4pv-car__stage{position:relative;z-index:0;height:calc(var(--hA) + var(--gap) + 8.2rem);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.b4pv-card{position:absolute;left:50%;top:0;width:var(--cw);display:flex;flex-direction:column;gap:var(--gap);margin-left:calc(var(--cw) / -2);will-change:transform}.b4pv-thumb{position:relative;display:block;width:100%;height:var(--hS);border-radius:10px;overflow:hidden;background:#e9e9e9;cursor:pointer;-webkit-tap-highlight-color:transparent}.b4pv-thumb img,.b4pv-thumb video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.b4pv-thumb video{opacity:0;transition:opacity .25s}.b4pv-thumb video.is-on{opacity:1}.b4pv-mute{position:absolute;right:1rem;bottom:1rem;width:3rem;height:3rem;border:0;border-radius:50%;background:#0006;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0}.b4pv-mute svg{width:1.6rem;height:1.6rem}.b4pv-card.is-active .b4pv-mute{display:flex}.b4pv-prod{position:relative;border:1px solid rgba(var(--color-foreground),.15);border-radius:4px;background:rgb(var(--color-background))}.b4pv-prod__main{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem .5rem .5rem;min-height:8rem}.b4pv-p{display:flex;align-items:center;gap:1.2rem;min-width:0;flex:1 1 auto;text-decoration:none;color:rgb(var(--color-foreground))}.b4pv-p img{width:7rem;height:7rem;object-fit:contain;flex:0 0 auto;background:#fff;display:block}.b4pv-p__link{display:flex;align-items:center;gap:1rem;min-width:0;flex:1 1 auto;text-decoration:none;color:inherit}.b4pv-p__txt{min-width:0}.b4pv-p__img{position:relative;flex:0 0 auto;display:block}.b4pv-p__off{position:absolute;top:3px;left:3px;background:#d32f2f;color:#fff;font-size:1.05rem;font-weight:700;line-height:1;padding:.3rem .45rem;border-radius:3px}.b4pv-p__add{flex:0 0 auto;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:#121212;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;text-decoration:none;transition:background .2s,opacity .2s}.b4pv-p__add svg{width:1.8rem;height:1.8rem}.b4pv-p__add.is-busy{opacity:.5;pointer-events:none}.b4pv-p__add.is-done{background:#2e7d32}.b4pv-toast{position:fixed;left:50%;bottom:2.4rem;transform:translate(-50%);z-index:2147483600;background:#121212;color:#fff;font-size:1.4rem;padding:1rem 1.6rem;border-radius:2rem;box-shadow:0 4px 16px #00000040;pointer-events:none}.b4pv-p__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.3rem;font-weight:700;line-height:1.3}.b4pv-p__pr{display:block;margin-top:.3rem;font-size:1.3rem;font-weight:700}.b4pv-p__pr s{font-weight:400;opacity:.6;margin-right:.4rem}.b4pv-prod__tog{flex:0 0 auto;width:3rem;height:3rem;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.b4pv-prod__tog svg{width:1.4rem;height:1.4rem;transition:transform .2s}.b4pv-prod.is-open .b4pv-prod__tog svg{transform:rotate(180deg)}.b4pv-prod__list{position:absolute;left:-1px;right:-1px;bottom:100%;max-height:24rem;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-bottom:0;border-radius:4px 4px 0 0;z-index:3;overscroll-behavior:contain}.b4pv-prod__list .b4pv-p{padding:.5rem 1rem .5rem .5rem;min-height:8rem}.b4pv-prod__list .b4pv-p+.b4pv-p{border-top:1px solid rgba(var(--color-foreground),.15)}.b4pv-car__foot{text-align:center;margin-top:1.6rem}.b4pv-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#000000e0;display:flex;align-items:center;justify-content:center}.b4pv-modal__box{position:relative;height:100%;width:100%;background:#000;overflow:hidden;display:flex;flex-direction:column}@media(min-width:750px){.b4pv-modal__box{height:min(92vh,880px);width:auto;aspect-ratio:9/16;border-radius:1.4rem}}.b4pv-modal__stage{position:relative;flex:1 1 auto;min-height:0}.b4pv-modal video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.b4pv-modal__bar{position:absolute;top:.8rem;left:1rem;right:1rem;height:3px;border-radius:3px;background:#ffffff4d;z-index:2}.b4pv-modal__bar i{display:block;height:100%;width:0;border-radius:3px;background:#fff}.b4pv-modal__btn{position:absolute;z-index:3;width:4rem;height:4rem;border-radius:50%;border:0;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.b4pv-modal__btn svg{width:1.8rem;height:1.8rem}.b4pv-modal__close{top:2rem;right:1.2rem}.b4pv-modal__mute{top:2rem;left:1.2rem}.b4pv-modal__prev,.b4pv-modal__next{top:50%;transform:translateY(-50%)}.b4pv-modal__prev{left:1.2rem}.b4pv-modal__next{right:1.2rem}.b4pv-modal__prev[hidden],.b4pv-modal__next[hidden]{display:none}.b4pv-modal__paused{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:6.4rem;height:6.4rem;border-radius:50%;background:#00000073;color:#fff;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:2}.b4pv-modal.is-paused .b4pv-modal__paused{display:flex}.b4pv-modal__paused svg{width:2.6rem;height:2.6rem;margin-left:4px}.b4pv-modal__prods{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:.8rem;overflow-x:auto;padding:4rem 1rem 1.2rem;background:linear-gradient(transparent,#0000008c);scrollbar-width:none}.b4pv-modal__prods::-webkit-scrollbar{display:none}.b4pv-modal__prods:empty{display:none}.b4pv-modal__prods .b4pv-p{flex:0 0 min(26rem,80%);border-radius:.8rem;padding:.6rem .8rem;color:#121212;background:#fff}html.b4pv-lock,html.b4pv-lock body{overflow:hidden}@media(max-width:749px){.b4pv-prod__main{gap:.2rem;padding-right:.3rem}.b4pv-prod__main .b4pv-p img{width:6rem;height:6rem}.b4pv-prod__main .b4pv-p__link{gap:.8rem}.b4pv-prod__main .b4pv-p__t{-webkit-line-clamp:3;font-size:1.2rem;line-height:1.25}.b4pv-prod__main .b4pv-p__add{width:2.8rem;height:2.8rem}.b4pv-prod__main .b4pv-p__add svg{width:1.6rem;height:1.6rem}.b4pv-prod__tog{width:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/b4p-video.css.map */
