.bsb-reels{padding-left:var(--bsb-space-4);padding-right:var(--bsb-space-4);color:var(--bsb-text)}.bsb-reels__inner{max-width:1200px;margin:0 auto}@media(min-width:768px){.bsb-reels{padding-left:calc(var(--bsb-space-8) + var(--bsb-space-4));padding-right:calc(var(--bsb-space-8) + var(--bsb-space-4))}.bsb-reels__inner{max-width:calc(1200px - (var(--bsb-space-8) + var(--bsb-space-4)) * 2)}}.bsb-reels__list{display:flex;gap:var(--bsb-reels-gap, 0);margin:var(--bsb-space-6) calc(var(--bsb-space-4) * -1) 0;padding:0 var(--bsb-space-4);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--bsb-space-4);scrollbar-width:none}.bsb-reels__list::-webkit-scrollbar{display:none}.bsb-reels__item{position:relative;flex:0 0 72%;aspect-ratio:9 / 16;overflow:hidden;background:var(--bsb-surface-tile);scroll-snap-align:start}@media(min-width:768px){.bsb-reels__list{display:grid;grid-template-columns:repeat(var(--bsb-reels-cols, 3),minmax(0,1fr));margin:var(--bsb-space-6) 0 0;padding:0;overflow:visible}}.bsb-reels__video,.bsb-reels__img,.bsb-reels__placeholder{display:block;width:100%;height:100%;object-fit:cover}.bsb-reels__cover{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bsb-reels__item.is-played .bsb-reels__cover{display:none}.bsb-reels__placeholder{fill:var(--bsb-text-subtle);opacity:.4}.bsb-reels__controls{position:absolute;right:var(--bsb-space-4);bottom:var(--bsb-space-4);display:flex;flex-wrap:wrap;justify-content:flex-end;color:#fff;filter:drop-shadow(0 1px 6px rgba(0,0,0,.6))}.bsb-reels__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;opacity:.75;transition:opacity .2s}.bsb-reels__btn:hover{opacity:1}.bsb-reels__btn:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:var(--bsb-radius-xs)}.bsb-reels__btn svg{width:22px;height:22px}.bsb-reels__btn svg[hidden],.bsb-reels__mute[hidden]{display:none}.bsb-reels__progress{flex:0 0 100%;height:1px;background:#fff6}.bsb-reels__progress-bar{display:block;height:100%;background:#fff;transform:scaleX(var(--bsb-reels-progress, 0));transform-origin:left}
/*# sourceMappingURL=/cdn/shop/t/76/assets/bsb-video-reels.css.map */