.page-lobby{width:100%;height:100%;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.page-lobby>.container{height:100%;padding:0 165px!important;display:flex;align-items:center;justify-content:center;position:relative}.page-lobby .mobile-lobby{width:100%;height:100%}.page-lobby .lobby{width:100%;position:relative;background:none!important;display:flex;flex-wrap:wrap;justify-content:center;column-gap:10px;row-gap:20px;padding:65px 0 10px}.page-lobby .lobby .game-box{width:calc(50% - 10px);align-items:end}@media screen and (max-width:992px){.page-lobby .lobby .game-box{width:100%}}.page-lobby .lobby--0 .game-box,.page-lobby .lobby--1 .game-box{width:100%}.page-lobby .lobby--0 .game-box__header .actions .btn-close,.page-lobby .lobby--1 .game-box__header .actions .btn-close{display:none}.page-lobby .lobby--0 .game-box .game-list__search-result,.page-lobby .lobby--1 .game-box .game-list__search-result{grid-template-columns:repeat(5,5fr)}.page-lobby .lobby--0 .game-box__wrapper>svg.ratio,.page-lobby .lobby--1 .game-box__wrapper>svg.ratio,.page-lobby .lobby--2 .game-box__wrapper>svg.ratio{max-height:calc(var(--vh, 1vh)*100 - 195px)}@media screen and (max-width:1200px){.page-lobby .lobby--0 .game-box__wrapper>svg.ratio,.page-lobby .lobby--1 .game-box__wrapper>svg.ratio,.page-lobby .lobby--2 .game-box__wrapper>svg.ratio{max-height:calc(var(--vh, 1vh)*100 - 150px)}}@media screen and (min-width:993px){.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-restricted{gap:20px}}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header{height:60px;padding:0 7px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .heading{font-size:18px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .actions{gap:3px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .actions .btn{height:32px!important;min-width:32px!important;min-height:32px!important}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .actions .btn svg{transform:scale(.7)}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .game-mode label:after,.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .game-mode label:before{font-size:16px;padding:0 12px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .game-mode-v2 label{width:calc(var(--str-len)*18px + 48px);height:44px;padding:3px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .game-mode-v2 label div{padding:3px 7px;gap:7px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .game-mode-v2 label div img{width:24px;height:24px;min-width:24px}.page-lobby .lobby:not(.lobby--0):not(.lobby--1) .game-box:not(.full-screen) .game-box__header .game-mode-v2 label div span{font-size:16px}.page-lobby__actions{width:100%;max-width:1550px;position:fixed;top:135px;display:flex;flex-direction:column;gap:7px;padding:7px}.page-lobby__actions .btn{width:57px!important;height:57px!important;box-shadow:1px 0 4px rgba(0,0,0,.45);background:#20333b!important;border-radius:12px;align-self:end;margin:0}.page-lobby__actions .btn.active,.page-lobby__actions .btn:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.12)),#20333b!important;border-color:#20333b!important}.page-lobby__actions .btn.active svg path{fill:#fff;stroke:#fff}.navigation-lobby.v-navigation-drawer{width:388px!important;top:auto!important;bottom:0!important;background:rgba(20,39,47,.9)!important;backdrop-filter:blur(11px)}.lobby-sidebar{height:100%;padding:50px 35px 120px;position:relative;display:flex;flex-direction:column;gap:25px}.lobby-sidebar .close{width:25px;height:25px;display:flex;position:absolute;right:20px;top:22px;cursor:pointer}.lobby-sidebar .close img{margin:auto}.lobby-sidebar img{width:fit-content;max-width:100%;margin:0 auto}.lobby-sidebar picture{width:calc(100% - 20px);margin:0 auto}.lobby-sidebar picture img{width:100%;height:auto}.lobby-sidebar h2{font-weight:700;font-size:26px;text-align:center}.lobby-sidebar p{font-weight:400;font-size:16px;text-align:justify}.lobby-sidebar h2,.lobby-sidebar p{line-height:150%;color:#fff}.activeRtl .lobby-sidebar .close{right:auto;left:20px}@media screen and (max-width:800px){.navigation-lobby.v-navigation-drawer{width:314px!important}}