.lobbies-container{display:flex;width:100%;height:100%;overflow:auto}.lobbies-search{margin-left:32px}.lobbies-banner{height:156px;width:897px;color:rgb(var(--black));margin:26px auto 16px;display:flex;position:relative;overflow:hidden;gap:10px}.lobbies-banner-left,.lobbies-banner-right{overflow:hidden;border-radius:10px;padding:20px;box-sizing:border-box}.lobbies-banner-left{width:calc(50% - 27px);height:100%;box-sizing:border-box;position:relative;background-color:var(--white);display:flex;flex-direction:column;justify-content:center}.lobbies-banner-left-actions{display:flex;gap:8px;margin-top:8px;justify-content:center}.lobbies-banner-left-greeting{font-size:22px;z-index:1;position:relative;font-weight:600;text-align:center}.lobbies-banner-right{width:calc(50% + 87px);background-color:var(--white);height:100%;text-align:left;position:relative}.lobbies-support-background{position:absolute;top:-50px;right:-40px;overflow:visible;height:auto;width:300px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lobbies-support-background g{cursor:-webkit-grab;cursor:grab}.lobbies-support-background g:active{cursor:-webkit-grabbing;cursor:grabbing}.lobbies-banner-right .btn-secondary{position:relative;z-index:1;margin:6px 0 0;display:inline-flex}.svg-icon-banner-right-mark-text{position:absolute;top:27px;left:140px;z-index:-1}.lobbies-banner-right-title{font-size:22px;font-weight:600;position:relative;z-index:1;margin-top:0;max-width:194px;line-height:28px}.svg-icon-lobbies-banner-separator{position:absolute;left:calc(50% + 30px);transform:translateX(-50%)}.lobbies-content{width:100%;height:100%;box-sizing:border-box;padding-top:16px;padding-left:16px;position:relative}.lobbies-list-empty{position:relative;height:calc(100svh - 268px);display:flex;align-items:center;justify-content:center}.lobbies-list-empty-hand{position:absolute;left:calc(50% - 240px);top:calc(50% + 130px);transform:translate(-50%,-50%)}.lobbies-list-empty-hand-extension{position:absolute;height:103px;width:100vw;right:calc(100% - 22px);top:194px;background-color:var(--yellow)}@media screen and (max-width:1439px) and (min-width:659px){.lobbies-content{width:calc(100% - 84px)}}@media screen and (max-width:1439px){.lobbies-content{padding:16px 16px 0}.lobbies-support-background{top:-30px;right:-20px;width:200px}.lobbies-banner-left,.lobbies-banner-right{width:450px;margin:0 auto;display:flex;height:97px;flex-direction:column;padding:16px}.lobbies-banner{width:100%;height:auto;flex-direction:column;border-radius:0;overflow:visible;background-color:transparent;margin-top:16px;gap:16px}.lobbies-banner .btn-secondary{margin-top:6px;font-size:12px}.lobbies-banner-right-title{max-width:244px}.lobbies-banner-right{justify-content:flex-start;align-items:flex-start}.lobbies-banner-left-greeting,.lobbies-banner-right-title{font-size:16px;width:auto;display:inline-block;margin:0;line-height:18px}.svg-icon-banner-right-mark-text{left:163px;width:80px;height:auto;top:18px}.svg-icon-banner-left-arrow{width:100px;height:auto;right:-4px}.lobbies-list-empty{height:calc(100% - 284px)}.lobbies-list{max-height:calc(100% - 282px)}}@media screen and (min-width:1440px){.lobbies-container .sidebar-chat{position:-webkit-sticky;position:sticky;top:0}}@media screen and (max-width:658px){.lobbies-support-background{top:10px;right:-20px;width:130px}.lobbies-list{height:auto;padding:0;overflow:visible;justify-content:center}.lobbies-content{padding:54px 10px 16px;height:auto}.lobbies-banner-left,.lobbies-banner-right{width:100%}.svg-icon-lobbies-empty-hand{width:200px;height:auto}.lobbies-list-empty-hand{left:calc(50% - 150px);top:calc(50% + 70px)}.lobbies-list-empty-hand-extension{height:53px;top:100px}.lobbies-search{margin-left:0;margin-top:16px}}