.lobby-banner-picture{width:100%;height:100%}.lobby-banner-picture img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--aspect-ratio)}
.lobby-banner{--gradient-color: #80462d;--gradient-color-2: #ffea81;position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;aspect-ratio:21/9}.lobby-banner--vip{border:2px solid rgba(0,0,0,0);background:linear-gradient(var(--color-background-page), var(--color-background-page)) padding-box,linear-gradient(260.92deg, var(--gradient-color) 15.61%, var(--gradient-color-2) 73.28%, var(--gradient-color) 94.48%) border-box}.lobby-banner--vip .lobby-banner__text>*{background:linear-gradient(260.15deg, var(--gradient-color-2) 22.88%, var(--gradient-color) 122.42%);background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.lobby-banner__image{position:absolute;top:0;left:0;width:100%;height:100%}.lobby-banner__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;height:100%;position:relative;z-index:1}.lobby-banner__text{max-width:50%}.lobby-banner__text>*{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mobile .lobby-banners{padding:0}.desktop .lobby-banners__banner{padding:0 4px}.lobby-banners .m-slider__scroll-box{--scroll-padding: var(--section-padding-l);scroll-padding:var(--scroll-padding);padding:0 var(--scroll-padding);gap:calc(var(--scroll-padding)/2)}.desktop .lobby-banners .m-slider__scroll-box{--scroll-padding: 0}