.provider-carousel{position:relative;min-width:0;width:100%;max-width:100%;isolation:isolate;--provider-card-width:310px;--provider-gap:16px}.provider-carousel[hidden]{display:none!important}
#lobbyPanel .provider-carousel>.provider-carousel-track{display:flex;flex-flow:row nowrap;gap:var(--provider-gap);position:relative;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8px;padding:8px;scrollbar-width:none;-ms-overflow-style:none;touch-action:auto;overscroll-behavior-x:contain;cursor:grab}
#lobbyPanel .provider-carousel>.provider-carousel-track::-webkit-scrollbar{display:none;width:0;height:0}
#lobbyPanel .provider-carousel-track>.game-card,#lobbyPanel .provider-carousel-track>.provider-card{flex:0 0 var(--provider-card-width);width:var(--provider-card-width);min-width:0;max-width:calc(100vw - 40px);scroll-snap-align:start;scroll-snap-stop:normal;box-sizing:border-box}
#lobbyPanel .provider-carousel-track>.loading-card{flex:1 0 calc(100% - 16px);min-width:0;max-width:100%;box-sizing:border-box}
.provider-carousel[data-carousel="providerGrid"]{--provider-card-width:230px}
#lobbyPanel .provider-carousel-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.provider-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:40px;height:64px;border:1px solid #ffffff80;border-radius:10px;background:#09091bd9;color:#fff;font:36px/1 system-ui;cursor:pointer;box-shadow:0 4px 16px #0007}.provider-carousel-arrow.previous{left:2px}.provider-carousel-arrow.next{right:2px}.provider-carousel-arrow[hidden]{display:none!important}.provider-carousel-arrow:disabled{opacity:.4;cursor:default}
.provider-carousel:before,.provider-carousel:after{content:"";position:absolute;top:8px;bottom:8px;width:34px;z-index:2;pointer-events:none;opacity:0}.provider-carousel:before{left:0;background:linear-gradient(90deg,#080817b3,transparent)}.provider-carousel:after{right:0;background:linear-gradient(-90deg,#080817b3,transparent)}.provider-carousel.has-before:before,.provider-carousel.has-after:after{opacity:1}
.provider-carousel-arrow:focus-visible,.provider-carousel-track:focus-visible{outline:3px solid #ffe18a;outline-offset:3px}.provider-carousel-track button:focus-visible{outline:3px solid #ffe18a;outline-offset:2px}
@media(max-width:700px){.provider-carousel{--provider-card-width:280px;--provider-gap:12px}.provider-carousel[data-carousel="providerGrid"]{--provider-card-width:200px}.provider-carousel-arrow{width:30px;height:48px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.provider-carousel-track{scroll-behavior:auto}}