.lobby-item{background-color:#111213;border:1px solid #18181b;color:var(--white);padding:20px;border-radius:10px;width:288px;display:flex;flex-wrap:wrap;box-sizing:border-box;position:relative}.lobby-item>div{width:100%}.lobby-item p{color:inherit}.lobby-item-header{margin-bottom:16px;display:flex;justify-content:space-between}.lobby-item-title{font-size:var(--base-regular);font-weight:600;margin:0;width:100%;color:var(--white)}.lobby-item-date-created{font-size:12px;opacity:.7}.lobby-item-options{font-size:var(--small-regular);display:flex;justify-content:space-between;color:var(--white);border-bottom:1px solid #18181b;padding:0 0 14px}.lobby-item-option-title{display:none}.lobby-item-option{display:flex;align-items:center;position:relative}.lobby-item-option:hover .tooltip{display:flex;z-index:1}.lobby-item-option-icon{display:flex;margin-right:4px}.lobby-item-option-nsfw .lobby-item-option-value{font-weight:600;padding:2px 0;border-radius:2px}.lobby-item-info{display:flex;justify-content:space-between;align-items:center;margin:14px 0 0}.lobby-item-footer{margin-top:14px;width:100%;flex:0 0 100%;display:flex;gap:16px}.lobby-item-footer .button-form{width:100%;display:flex;align-items:center;justify-content:center}.lobby-item-actions{display:flex;align-items:center;justify-content:flex-end}.lobby-item-creator-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-item-creator{max-width:90%;display:flex;align-items:center}.lobby-item-creator .avatar{margin-right:8px}.lobby-item-creator-name{max-width:80%}p.lobby-item-creator-name-title{font-size:12px;color:var(--white);opacity:.7}.lobby-item-player,.lobby-item-players{display:flex;align-items:center}.lobby-item-player{margin-left:-5px}.lobby-item-player .avatar,.lobby-item-player-more{border:1px solid #111213}.lobby-item-player-more{height:24px;width:24px;flex:0 0 24px;text-align:center;justify-content:center;font-size:10px;color:rgb(var(--black));background-color:#EEEFF3;border-radius:50%;font-weight:600}@media screen and (max-width:1439px){.lobby-item{padding:16px}}@media screen and (max-width:658px){.lobby-item{width:100%}}.lobby-item-spectators{display:flex;padding:6px 10px;background-color:#18181B;border-radius:20px;line-height:1;align-items:center;font-size:14px;position:relative}.lobby-item-spectators-value{font-weight:600}.lobby-item-spectators:hover .tooltip{display:block}.lobby-item-spectators .svg-icon-eye{stroke:var(--white);fill:var(--white);width:16px;height:auto;margin-right:4px}.lobby-item-spectators.inverse{background-color:transparent;border:2px solid #18181b}.lobby-item-spectators.inverse .svg-icon-eye{stroke:rgb(var(--black));fill:rgb(var(--black))}.lobbies-list{max-height:none!important;overflow-y:auto;padding:16px 0 0;box-sizing:border-box;gap:16px;display:flex;flex-wrap:wrap;width:897px;margin:0 auto}@media screen and (max-width:1439px){.lobbies-list{width:100%}}