.fb-reels{background:var(--fb-sand, #F6EEE3)}.fb-reels-head{max-width:620px;margin-inline:auto;text-align:center}.fb-reels-slider{position:relative}.fb-reels-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(var(--fb-gutter),calc((100% - var(--fb-wrap)) / 2));padding:4px max(var(--fb-gutter),calc((100% - var(--fb-wrap)) / 2)) 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fb-reels-track::-webkit-scrollbar{display:none}.fb-reel-card{position:relative;flex:0 0 auto;scroll-snap-align:start;width:clamp(175px,30vw,235px);aspect-ratio:9 / 16;border-radius:var(--fb-radius-sm);overflow:hidden;cursor:pointer;background:var(--fb-ink);padding:0}.fb-reel-card video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden}@media(hover:hover){.fb-reel-card:hover video{transform:scale(1.06)}}.fb-reel-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0a080673,#0a080600 45%);pointer-events:none}.fb-reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fffffff0;color:var(--fb-ink);display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 10px 22px -8px #00000073;transition:transform .5s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.fb-reel-card:hover .fb-reel-play{transform:translate(-50%,-50%) scale(1.1)}}.fb-reel-card:active .fb-reel-play{transform:translate(-50%,-50%) scale(.92)}.fb-reels-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:clamp(24px,3vh,32px)}.fb-reels-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--fb-hairline);background:var(--fb-white);color:var(--fb-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0}@media(hover:hover){.fb-reels-arrow:hover{background:var(--fb-teal);border-color:var(--fb-teal);color:var(--fb-ink)}}.fb-reels-arrow:active:not(:disabled){background:var(--fb-teal);border-color:var(--fb-teal);transform:scale(.92)}.fb-reels-arrow:disabled{opacity:.35;cursor:default}@media(hover:hover){.fb-reels-arrow:disabled:hover{background:var(--fb-white);border-color:var(--fb-hairline);color:var(--fb-ink)}}.fb-reels-dots{display:flex;align-items:center;gap:2px}.fb-reels-dots button{width:32px;height:32px;padding:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.fb-reels-dots button:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fb-hairline);transition:background-color .2s ease,transform .2s ease}.fb-reels-dots button.is-active:before{background:var(--fb-teal-deep);transform:scale(1.3)}.fb-reels-dots button:active:before{transform:scale(.85)}.fb-reel-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.fb-reel-modal[hidden]{display:none}.fb-reel-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080605f0}.fb-reel-modal-stage{position:relative;z-index:1;width:min(90vw,400px);aspect-ratio:9 / 16;max-height:86vh;max-height:86dvh;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 90px -24px #000000b3}.fb-reel-modal-stage video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.fb-reel-modal-close,.fb-reel-modal-nav{position:absolute;z-index:2;width:44px;height:44px;border-radius:50%;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.3);color:var(--fb-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}@media(hover:hover){.fb-reel-modal-close:hover,.fb-reel-modal-nav:hover{background:#ffffff3d}}.fb-reel-modal-close:active,.fb-reel-modal-nav:active:not(:disabled){background:#ffffff4d;transform:scale(.92)}.fb-reel-modal-nav:active:not(:disabled){transform:translateY(-50%) scale(.92)}.fb-reel-modal-close{top:clamp(14px,3vh,28px);right:clamp(14px,3vw,28px)}.fb-reel-modal-nav{top:50%;transform:translateY(-50%)}.fb-reel-modal-prev{left:clamp(8px,3vw,40px)}.fb-reel-modal-next{right:clamp(8px,3vw,40px)}.fb-reel-modal-nav:disabled{opacity:.3;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-flyball-reels.css.map */