.bb-reels__track{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:10px;margin:0 calc(-1 * var(--bb-gutter));padding:2px var(--bb-gutter) 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bb-gutter);scrollbar-width:none}.bb-reels__track::-webkit-scrollbar{display:none}@media(min-width:750px){.bb-reels__track{grid-auto-columns:30%;gap:14px}}@media(min-width:990px){.bb-reels__track{grid-auto-columns:calc((100% - 80px)/5);justify-content:center;gap:20px;margin:0;padding:2px 0 6px;scroll-padding-inline:0}.bb-reels .bb-ptabs__viewport.is-scrollable .bb-reels__track{justify-content:start}.bb-reels .bb-ptabs__arrow{top:50%;transform:translateY(-50%)}}.bb-reel{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--bb-radius);background:var(--bb-sage-2);scroll-snap-align:start;isolation:isolate}.bb-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--bb-sage-2)}.bb-reel--playable{cursor:pointer}.bb-reel--playable .bb-reel__video{transition:transform .6s var(--bb-ease)}@media(hover:hover){.bb-reel--playable:hover .bb-reel__video{transform:scale(1.03)}}.bb-reel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#0a1e13b3,#0a1e1300 55%);pointer-events:none}.bb-reel__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.bb-reel__open:focus-visible{outline:2px solid var(--bb-gold-2);outline-offset:-4px;border-radius:inherit}.bb-reel__sound{position:absolute;top:10px;right:10px;z-index:5;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:var(--bb-pill);background:#0a1e138c;color:#fff;font-family:var(--bb-font-body);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bb-reel__sound .bb-icon{flex:none}.bb-reel__foot{position:absolute;right:12px;bottom:12px;left:12px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.bb-reel__label{font-family:var(--bb-font-body);font-size:12px;font-weight:500;line-height:1.4;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.bb-reel__insta{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--bb-pill);background:#fffffff2;color:var(--bb-forest);font-family:var(--bb-font-body);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}.bb-reel__insta:hover{background:var(--bb-forest);color:#fff}.bb-reel__insta .bb-icon{flex:none}@media(min-width:990px){.bb-reel__sound{top:12px;right:12px;height:28px;font-size:10px}.bb-reel__foot{right:16px;bottom:16px;left:16px;gap:10px}.bb-reel__label{font-size:13px}.bb-reel__insta{height:34px;padding:0 16px;font-size:11px}}html.bb-lb-open{overflow:hidden}.bb-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:clamp(12px,3vw,32px)}.bb-lb[hidden]{display:none}.bb-lb__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08160eed}.bb-lb__close{position:absolute;top:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px);z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background-color .2s}.bb-lb__close:hover{background:#ffffff4d}.bb-lb__stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;max-height:100%}.bb-lb__row{position:relative;display:flex;align-items:center;gap:clamp(8px,2vw,24px);max-width:100%}.bb-lb__frame{--bb-lb-h: min(76vh, 740px, calc((100vw - 200px) * 16 / 9));position:relative;flex:none;width:calc(var(--bb-lb-h) * 9 / 16);height:var(--bb-lb-h);overflow:hidden;border-radius:var(--bb-radius);background:#000}.bb-lb__player{display:block;width:100%;height:100%;object-fit:contain;background:#000}.bb-lb__nav{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background-color .2s}.bb-lb__nav:hover{background:#ffffff4d}.bb-lb__nav[hidden]{display:none}.bb-lb__meta{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(520px,100%);text-align:center}.bb-lb__caption{margin:0;font-family:var(--bb-font-body);font-size:13px;line-height:1.5;color:#ffffffdb}.bb-lb__caption:empty{display:none}.bb-lb__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px}.bb-lb__insta{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 22px;border-radius:var(--bb-pill);background:#fff;color:var(--bb-forest);font-family:var(--bb-font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .2s,color .2s}.bb-lb__insta:hover{background:var(--bb-gold-2);color:#fff}.bb-lb__insta svg{flex:none;width:15px;height:15px}.bb-lb__shop{padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.45);color:#fff;font-family:var(--bb-font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color .2s,border-color .2s}.bb-lb__shop:hover{color:var(--bb-gold-2);border-color:var(--bb-gold-2)}.bb-lb__insta[hidden],.bb-lb__shop[hidden]{display:none}@media(max-width:749px){.bb-lb__frame{--bb-lb-h: min(68vh, 600px, calc((100vw - 48px) * 16 / 9))}.bb-lb__nav{position:absolute;top:50%;z-index:2;width:38px;height:38px;background:#08160e8c;transform:translateY(-50%)}.bb-lb__nav--prev{left:6px}.bb-lb__nav--next{right:6px}.bb-lb__insta{height:38px;padding:0 18px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/bb-reels.css.map */