.mbs-reels{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:clamp(16px,2vw,28px)}.mbs-reel{flex:0 1 340px;min-width:0;margin:0}.mbs-reel:before{content:none}.mbs-reel__media{position:relative;aspect-ratio:9 / 16;border-radius:22px;overflow:hidden;background:#111;box-shadow:0 24px 50px -30px #0000008c}.mbs-reel__media video,.mbs-reel__media img,.mbs-reel__empty,.mbs-reel__empty svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mbs-reel__media video{cursor:pointer}.mbs-reel__btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;color:#fff;background:#1111119e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.mbs-reel__btn:hover{background:#111111d9}.mbs-reel__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.mbs-reel__sound{right:12px;bottom:12px;width:40px;height:40px;border-radius:50%}.mbs-reel__sound .is-on{display:none}.mbs-reel__sound[aria-pressed=true] .is-on{display:block}.mbs-reel__sound[aria-pressed=true] .is-off{display:none}.mbs-reel__play{left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%)}.mbs-reel__play[hidden]{display:none}.mbs-reel__body{padding:16px 4px 0}.mbs-reel__title{margin:0;font-family:var(--f-label);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}.mbs-reel__text{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--ink-2, #3f3f3f)}.mbs-reel__link{display:inline-flex;gap:6px;margin-top:10px;font-weight:600;font-size:15px;color:inherit;text-decoration:underline;text-underline-offset:4px}.mbs-reel__link:hover span{transform:translate(2px)}.mbs-reel__link span{transition:transform .2s ease}@media(max-width:749px){.mbs-reels{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scroll-padding:0 var(--gutter);gap:14px}.mbs-reels::-webkit-scrollbar{display:none}.mbs-reel{flex:0 0 76%;scroll-snap-align:start}.mbs-reel__media{border-radius:18px}}@media(prefers-reduced-motion:reduce){.mbs-reel__btn,.mbs-reel__link span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/mbs-video-reels.css.map */