@font-face{font-display:swap;font-family:Montserrat;src:url(/static/media/Montserrat-Regular.ceb11275ab638627a643.ttf)}@font-face{font-display:swap;font-family:Silkscreen;src:url(/static/media/Silkscreen-Regular.55c63cb6117763b21c84.ttf)}@font-face{font-display:swap;font-family:OpenSans;src:url(/static/media/OpenSans-Light.55d5015c3ced03510e63.ttf)}.header{align-items:center;background-color:#0d1b2a;display:flex;height:70px;justify-content:space-between;min-height:70px;min-width:100%;padding:0 80px;position:relative}.header .header-logo{font-family:Silkscreen;font-size:40px;position:relative;text-transform:uppercase}.header .header-logo:after{bottom:5px;content:"v1";font-family:auto;font-size:11px;position:absolute}.header .header-right{align-items:center;display:flex;flex-direction:row}.header .header-right svg{cursor:pointer}.header .header-right .icons-header{align-items:center;display:flex;flex-direction:row;gap:10px;margin-right:15px}.header .header-right .header-profile{align-items:center;display:flex;flex-direction:row;font-size:20px;margin-right:30px}.header .header-right .header-profile .header-avatar{border-radius:50%;height:50px;margin-right:10px;width:50px}.header .header-right-responsive{display:none}.header .header-right-responsive .header-avatar{border-radius:50%;height:40px;margin-left:8px;width:40px}.header .header-right-responsive .responsive-menu-drawer{background-color:#0d1b2a;border:.5px solid #e0e1dd;position:absolute;right:0;top:45px;width:140px;z-index:99}.header .header-right-responsive .responsive-menu-drawer ul{list-style-type:none;margin:0;padding:0}.header .header-right-responsive .responsive-menu-drawer ul li{cursor:pointer;padding:10px;text-align:center}.header .header-right-responsive .responsive-menu-drawer ul li:not(.header .header-right-responsive .responsive-menu-drawer ul li:first-child){margin-top:7px}.header .header-right-responsive .responsive-menu-drawer ul li:hover{background-color:#1b263b}.header .notif-dropdown-wrapper{-ms-overflow-style:none;background-color:#0d1b2a;border-radius:5px;display:flex;flex-direction:column;gap:5px;max-height:350px;min-height:50px;overflow-y:scroll;padding:5px;position:absolute;right:200px;scrollbar-width:none;top:70px;width:330px;z-index:101}.header .notif-dropdown-wrapper::-webkit-scrollbar{display:none}.header .notif-dropdown-wrapper .no-notif{margin:auto}.header .notif-dropdown-wrapper .notif-dropdown-item{align-items:center;background-color:#1b263b;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;padding:12px;position:relative}.header .notif-dropdown-wrapper .notif-dropdown-item .profile-avatar{border-radius:50%;height:40px;width:40px}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-content{-ms-overflow-style:none;margin:0 5px 0 10px;overflow:scroll;scrollbar-width:none;width:100%}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-content::-webkit-scrollbar{display:none}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-content p{margin:0}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-content p:first-child{font-size:16px;margin-bottom:5px}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-content p:last-child{font-size:11px}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-buttons{display:flex;flex-direction:row;gap:7px}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-buttons svg{border-radius:50%;cursor:pointer;height:20px;padding:2px;width:20px}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-buttons svg:first-child{border:1px solid green;color:green}.header .notif-dropdown-wrapper .notif-dropdown-item .notif-buttons svg:last-child{border:1px solid red;color:red}.badge-wrapper{cursor:pointer;display:flex;position:relative}.badge-wrapper .badge{background-color:red;border-radius:50%;font-size:10px;font-weight:700;position:absolute;text-align:center}.badge-wrapper .badge-notif{height:15px;right:-3px;top:-4px;width:15px}.badge-wrapper .badge-message{height:10px;right:-3px;top:-3px;width:10px}@media screen and (max-width:855px){.header{padding:0 40px}.header .header-logo{font-size:30px}.header .header-right{display:none}.header .header-right-responsive{align-items:center;display:flex;flex-direction:row;gap:3px;position:relative}.header .notif-dropdown-wrapper{right:20px}}@media screen and (max-width:575px){.header{padding:0 10px}.header .header-logo{font-size:25px}}.header-party-container .header-party-wrapper{align-items:center;background-color:#303030;border-radius:99999px;display:flex;flex-direction:row;gap:8px;padding:4px}.header-party-container .header-party-wrapper .fill-item{height:30px;position:relative;width:30px}.header-party-container .header-party-wrapper .fill-item .crown-svg{color:gold;height:18px;left:5.5px;position:absolute;top:-13px;width:18px}.header-party-container .header-party-wrapper .fill-item:hover .party-kick{background-color:#0000003d;border-radius:50%;bottom:0;cursor:pointer;height:100%;left:0;margin:auto;opacity:1;right:0;top:0;width:100%}.header-party-container .header-party-wrapper .fill-item .party-kick{opacity:0;position:absolute}.header-party-container .header-party-wrapper .fill-item .player-avatar{border-radius:50%;height:30px;width:30px}.header-party-container .header-party-wrapper .party-item{align-items:center;background-color:#565555;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.header-party-container .header-party-wrapper .party-item:hover{background-color:#676767}.header-party-container .header-party-wrapper .party-item svg{height:20px;width:20px}.header-party-container .header-party-wrapper .party-separtor{background-color:#565555;height:25px;width:1px}.party-button{all:unset;align-items:center;background-color:#565555;border-radius:3px;cursor:pointer;display:flex;flex-direction:row;font-size:11px;font-weight:700;gap:3px;padding:6px;text-transform:uppercase}.party-button svg{border:1.5px solid #fff;border-radius:50%;height:20px;padding:2px;width:20px}@media screen and (max-width:575px){.header-party-container,.party-button{display:none}}.queue-timer-wrapper{align-items:center;display:flex;flex-direction:row;gap:5px}.queue-timer-wrapper .cancel-queue{display:flex}.queue-timer-wrapper .cancel-queue svg{border:1px solid red;border-radius:50%;color:red;height:14px;padding:1.5px;width:14px}.queue-timer-wrapper p{display:inline-block;font-size:13px}.queue-timer-wrapper p span{font-size:11px}@media screen and (max-width:920px){.queue-timer-wrapper{display:none}}.home-container{background-color:#1b263b;font-family:Silkscreen;min-height:100%;overflow:auto}.home-container .home-menu{align-items:center;display:flex;flex-direction:column;gap:1.5em;justify-content:center}.home-container .home-menu h1{font-size:90px;text-align:center}.home-container .home-menu .home-button{all:unset;align-items:center;background-color:#415a77;border-radius:30px;cursor:pointer;display:flex;height:3.5em;justify-content:center;transition-duration:.5s;width:25em}.home-container .home-menu .home-button:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}@media screen and (max-width:855px){.home-container .home-menu h1{font-size:70px}.home-container .home-menu .home-button{height:3.5em;width:25em}}@media screen and (max-width:575px){.home-container .home-menu h1{font-size:50px}.home-container .home-menu .home-button{height:3.5em;width:20em}}@media screen and (max-width:330px){.home-container .home-menu h1{font-size:35px}.home-container .home-menu .home-button{height:3.5em;width:15em}}.sign-container{-ms-overflow-style:none;align-items:center;background-color:#000;background:url(/static/media/background-42.3910a290ab90189be9ad.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;gap:2em;min-height:100vh;min-width:100%;overflow:auto;position:absolute;scrollbar-width:none;text-align:center;top:-70px}.sign-container::-webkit-scrollbar{display:none}.sign-container .auth-wrapper{background-color:#1b263b;border-radius:5px;display:flex;flex-direction:column;gap:2px;margin:auto;padding:15px;width:300px}.sign-container .auth-wrapper .auth-separator{font-size:16px;margin:1em auto;position:relative;text-align:center;width:100%}.sign-container .auth-wrapper .auth-separator:before{border-top:1px solid #fff;content:" ";display:inline-block;left:0;position:absolute;top:.7em;width:43%}.sign-container .auth-wrapper .auth-separator:after{border-top:1px solid #fff;content:" ";display:inline-block;position:absolute;right:0;top:.7em;width:43%}.sign-container .auth-wrapper .sign-42-button{all:unset;border:1px solid #fff;border-radius:3px;cursor:pointer;padding:7px}.sign-container .auth-wrapper .validation-form-wrapper{display:flex;flex-direction:column;gap:6px;justify-content:space-between}.sign-container .auth-wrapper .validation-form-wrapper .txt-verification{margin:0}.sign-container .auth-wrapper .validation-form-wrapper .code-input{all:unset;border:.5px solid #fff;letter-spacing:15px;margin-top:20px;padding:15px}.sign-container .auth-wrapper .validation-form-wrapper button{all:unset;background-color:#778da9;border:none;border-radius:3px;cursor:pointer;height:35px;margin-top:10px}.sign-container .auth-wrapper .form-wrapper{display:flex;flex-direction:column;gap:6px}.sign-container .auth-wrapper .form-wrapper input{all:unset;border:1px solid #fff;border-radius:5px;padding:4px}.sign-container .auth-wrapper .form-wrapper button{all:unset;background-color:#778da9;border:none;border-radius:3px;cursor:pointer;height:35px;margin-top:10px}.sign-container .auth-wrapper .form-wrapper .forgot-password{font-size:10px;margin:0;text-align:end}.sign-container .auth-wrapper .btn-switch-form{cursor:pointer;font-size:12px}.sign-container .username-form{display:flex;flex-direction:column;gap:10px;margin:auto}.sign-container .username-form input{all:unset;border:1px solid #fff;border-radius:5px;padding:5px}.sign-container .email-notification-wrapper{background-color:#1b263b;border-radius:10px;margin:auto;padding:40px;text-align:center}.sign-container .email-notification-wrapper svg{height:130px;width:130px}.sign-container .email-notification-wrapper h3{font-size:25px}.sign-container .email-notification-wrapper p{font-size:15px}.sign-container .email-notification-wrapper p span{color:orange}.profile-container{background-color:#778da9;min-height:100%;overflow:auto}.profile-container .profile-header{background:url(/static/media/background-42.3910a290ab90189be9ad.jpg) no-repeat 50% fixed;background-size:cover;height:250px;position:relative;width:100%}.profile-container .profile-header .stats-infos{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:4em;height:90%;justify-content:center;position:relative}.profile-container .profile-header .stats-infos .mode-select{background:#0000;border:1px solid #1b263b;border-radius:5px;cursor:pointer;font-size:15px;left:80px;padding:5px;position:absolute;top:10px}.profile-container .profile-header .stats-infos .mode-select:focus-visible{outline:none}.profile-container .profile-header .stats-infos .stat-elem{align-items:center;display:flex;flex-direction:column;margin:auto;padding-bottom:20px;position:relative}.profile-container .profile-header .stats-infos .stat-elem img{bottom:-60px;height:100px;position:absolute;width:100px}.profile-container .profile-header .stats-infos .stat-elem p{font-weight:700;margin:0;text-align:center}.profile-container .profile-header .stats-infos .stat-elem p:first-child{color:orange;font-size:30px;margin-bottom:5px;text-transform:uppercase}.profile-container .profile-header .stats-infos .stat-elem p:last-child{bottom:-10px;font-size:25px;left:0;margin:0 auto;position:absolute;right:0}.profile-container .profile-header .card-info{align-items:center;bottom:-56px;display:flex;flex-direction:row;margin-left:80px;position:absolute;z-index:0}.profile-container .profile-header .card-info .profile-avatar{border-radius:50%;height:150px;width:150px}.profile-container .profile-header .card-info .player-status{border-radius:50%;height:13px;margin:0 10px 0 20px;width:13px}.profile-container .profile-header .card-info .player-status-online{background-color:#0fbb0f}.profile-container .profile-header .card-info .player-status-offline{background-color:#c21d1d}.profile-container .profile-header .card-info p{font-size:20px}.profile-container .profile-header .card-info svg{cursor:pointer;height:22px;width:22px}.profile-container .profile-header .card-info .spectate-icon{height:20px;width:20px}.profile-container .profile-header .card-info .settings-icon{height:20px;margin-left:10px;margin-top:5px;width:20px}.profile-container .profile-header .card-info .icons-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px;margin-left:15px}.profile-container .profile-header .card-info .icons-wrapper .friend-request-pending svg{margin:0 3px 0 0}.profile-container .profile-header .card-info .icons-wrapper .friend-request-pending{align-items:center;background-color:#1b263b;border-radius:5px;color:orange;display:flex;flex-direction:row;font-size:14px;padding:5px}.profile-container .profile-header .card-info .icons-wrapper .buttons-friend-request{align-items:center;display:flex;flex-direction:row;gap:10px}.profile-container .profile-header .card-info .icons-wrapper .buttons-friend-request button{all:unset;border-radius:5px;cursor:pointer;font-size:10px;font-weight:700;padding:5px;text-align:center;width:80px}.profile-container .profile-header .card-info .icons-wrapper .buttons-friend-request button:first-child{background-color:#0b6a0b}.profile-container .profile-header .card-info .icons-wrapper .buttons-friend-request button:last-child{background-color:#ae0e0e}.profile-container .profile-header .card-info .icons-wrapper .friend-icone-add{color:#fff}.profile-container .profile-header .card-info .icons-wrapper .friend-icone-delete{color:#c21d1d}.profile-container .profile-header .card-info .icons-wrapper .send-message-icon svg{color:#fff;height:22px;width:22px}.profile-container .profile-header .card-info .icons-wrapper .block-button{height:20px;width:20px}.profile-container .profile-main{margin-left:240px;position:relative;z-index:1}.profile-container .profile-main-menu{display:flex;flex-direction:row;gap:5em;justify-content:center;width:100%}.profile-container .profile-main-menu p{cursor:pointer;font-size:20px;font-weight:700;height:30px;margin:20px 0 0;padding:2px;text-transform:uppercase}.profile-container .profile-main-menu p[is-target=true]{border-bottom:2px solid #fff}.profile-container .profile-main .profile-block-wrapper{margin-bottom:20px;margin-right:80px;margin-top:15px}.profile-container .profile-main .history-list{display:flex;flex-direction:column;gap:10px}.profile-container .profile-main .history-list .filter-select{background:#0000;border:1px solid #1b263b;border-radius:5px;cursor:pointer;font-size:15px;padding:5px;width:100px}.profile-container .profile-main .history-list .filter-select:focus-visible{outline:none}.profile-container .profile-main .history-list .history-item{align-items:center;background-color:#1b263b;border-radius:10px;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:5px;position:relative}.profile-container .profile-main .history-list .history-item .wrapper-2v2{display:flex;flex-direction:column;gap:7px}.profile-container .profile-main .history-list .history-item .player-container{align-items:center;display:flex;flex-direction:row;gap:10px;width:100px}.profile-container .profile-main .history-list .history-item .player-container .avatar-player{border-radius:50%;height:40px;width:40px}.profile-container .profile-main .history-list .history-item .side-reverse{align-items:center;display:flex;flex-direction:row-reverse}.profile-container .profile-main .history-list .history-item .history-score{align-items:center;display:flex;font-size:35px;margin:0 15px}.profile-container .profile-main .history-list .history-item .history-score .higher-score{color:orange}.profile-container .profile-main .history-list .history-item .history-score span:not(span:nth-child(2)){font-weight:bolder;text-align:center;width:40px}.profile-container .profile-main .history-list .history-item .history-score span:nth-child(2){font-size:18px;font-weight:500;margin:5px 10px 0}.profile-container .profile-main .friends-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}.profile-container .profile-main .friends-list .friend-item{align-items:center;background-color:#1b263b;border-radius:8px;display:flex;flex-direction:row;height:70px;justify-content:space-between;width:240px}.profile-container .profile-main .friends-list .friend-item .friend-content{align-items:center;display:flex;flex-direction:row;gap:5px;margin-left:10px}.profile-container .profile-main .friends-list .friend-item .friend-content .friend-avatar{border-radius:50%;height:40px;width:40px}.profile-container .profile-main .friends-list .friend-item .friend-content p{cursor:pointer}.profile-container .profile-main .friends-list .friend-item svg{color:orange;cursor:pointer}.profile-container .profile-main .friends-list .friend-item-menu{position:relative}@media screen and (max-width:855px){.profile-container .profile-header .stats-infos{height:70%}.profile-container .profile-header .stats-infos .mode-select{left:40px}.profile-container .profile-header .stats-infos .stat-elem p:first-child{font-size:25px}.profile-container .profile-header .stats-infos .stat-elem p:last-child{font-size:20px}.profile-container .profile-header .card-info{bottom:-33px;margin-left:40px}.profile-container .profile-header .card-info .profile-avatar{border-radius:50%;height:100px;width:100px}.profile-container .profile-header .card-info p{font-size:15px}.profile-container .profile-main{margin-left:0}.profile-container .profile-main-menu{gap:2em}.profile-container .profile-main-menu p{font-size:15px}.profile-container .profile-main .profile-block-wrapper{margin:0 40px}.profile-container .profile-main .history-list .history-item{gap:0}.profile-container .profile-main .history-list .history-item .player-container{font-size:13px}.profile-container .profile-main .history-list .history-item .player-container .avatar-player{border-radius:50%;height:30px;width:30px}.profile-container .profile-main .history-list .history-item .history-score{font-size:25px;margin:0}.profile-container .profile-main .history-list .history-item .history-score span:nth-child(2){font-size:12px;margin:5px 0 0}.profile-container .profile-main .achievement-list{justify-content:center;margin-left:40px}.profile-container .profile-main .achievement-list .achievement-item{height:80px;width:200px}.profile-container .profile-main .achievement-list .achievement-item svg{color:#d3d2d2;height:100%;max-width:30%;min-width:30%}.profile-container .profile-main .achievement-list .achievement-item-content{margin-left:3px;margin-right:0}.profile-container .profile-main .achievement-list .achievement-item p:first-child{font-size:15px}.profile-container .profile-main .achievement-list .achievement-item p:last-child{font-size:11px}.profile-container .profile-main .friends-list{justify-content:center}.profile-container .profile-main .friends-list .friend-item{height:70px;width:200px}}@media screen and (max-width:575px){.profile-container .profile-header .stats-infos{gap:3.5em;padding:27px}.profile-container .profile-header .stats-infos .mode-select{font-size:10px;left:10px;padding:2px;top:5px}.profile-container .profile-header .stats-infos .stat-elem img{bottom:-40px;height:70px;width:70px}.profile-container .profile-header .stats-infos .stat-elem p:first-child,.profile-container .profile-header .stats-infos .stat-elem p:last-child{font-size:15px}.profile-container .profile-header .card-info{margin-left:10px}.profile-container .profile-main{margin-top:20px}.profile-container .profile-main-menu{gap:1em;margin-bottom:5px}.profile-container .profile-main .profile-block-wrapper{margin:0 10px}.profile-container .profile-main .history-list{display:flex;flex-direction:column;gap:10px}.profile-container .profile-main .history-list .filter-select{font-size:12px;padding:3px;width:80px}}@media screen and (max-width:400px){.profile-container .profile-header .stats-infos{height:60%;width:90%}}.profile-settings-container{background-color:#1b263b;min-height:100%;overflow:auto}.profile-settings-container .settings-wrapper{align-items:center;background-color:#1b263b;display:flex;flex-direction:row;gap:10px;height:100%;justify-content:center;width:100%}.profile-settings-container .settings-wrapper .avatar-card{align-items:center;background-color:#0d1b2a;border-radius:5px;display:flex;flex-direction:column;height:350px;justify-content:space-around;padding:5px;width:350px}.profile-settings-container .settings-wrapper .avatar-card .card-username{font-size:20px;font-weight:700;margin:0}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container img{border-radius:50%;height:150px;width:150px}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container .error-file{color:red;font-size:12px;margin:0}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form label{align-items:center;background-color:#87beff;border:1px solid;border-radius:5px;color:#0d1b2a;cursor:pointer;display:flex;flex-direction:row;font-size:13px;font-weight:700;gap:10px;padding:8px 18px}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form label:hover{background-color:#0d1b2a;border:1px solid #87beff;color:#87beff}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form label svg{height:20px;width:20px}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form label input{display:none}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center;text-align:center;width:100%}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container button{all:unset;border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;height:30px;width:45%}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container button:first-child{border:.8px solid #b50404;color:#b50404}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container button:last-child{border:1px solid #415a77;color:#87beff}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container button:hover{color:#0d1b2a}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container button:hover:first-child{background-color:#b50404}.profile-settings-container .settings-wrapper .avatar-card .avatar-form-container form .buttons-container button:hover:last-child{background-color:#87beff}.profile-settings-container .settings-wrapper .avatar-card .member-txt{font-size:13px}.profile-settings-container .settings-wrapper .avatar-card .member-txt span{font-size:12px;font-weight:bolder}.profile-settings-container .settings-wrapper .user-infos-card{background-color:#0d1b2a;border-radius:5px;display:flex;flex-direction:column;gap:30px;min-height:530px;padding:15px;width:450px}.profile-settings-container .settings-wrapper .user-infos-card h3{margin:0}.profile-settings-container .settings-wrapper .user-infos-card button{all:unset;border:1px solid #87beff;border-radius:3px;color:#87beff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:10px;text-align:center}.profile-settings-container .settings-wrapper .user-infos-card button:hover{background-color:#87beff;color:#0d1b2a}.profile-settings-container .settings-wrapper .user-infos-card form{display:flex;flex-direction:column;gap:15px}.profile-settings-container .settings-wrapper .user-infos-card form label{display:flex;flex-direction:column;gap:5px}.profile-settings-container .settings-wrapper .user-infos-card form label input{all:unset;background-color:#0d1b2a;border:1px solid #fff;border-radius:3px;color:#fff;cursor:text;font-size:13px;padding:7px;width:200px}.profile-settings-container .settings-wrapper .user-infos-card form label .lock-input{cursor:not-allowed}.profile-settings-container .settings-wrapper .user-infos-card form label .label-input-wrapper{align-items:center;display:flex;flex-direction:row;gap:5px}.profile-settings-container .settings-wrapper .user-infos-card form label .label-input-wrapper .username-save{margin:0;padding:7px;width:40px}.profile-settings-container .settings-wrapper .user-infos-card form .label-qrcode{font-size:13px}.profile-settings-container .settings-wrapper .user-infos-card form button{padding:8px;text-align:center}.profile-settings-container .settings-wrapper .user-infos-card .qrcode-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px}.profile-settings-container .settings-wrapper .user-infos-card .qrcode-wrapper img{height:140px;width:140px}@media screen and (max-width:855px){.profile-settings-container .settings-wrapper{flex-direction:column;height:auto;justify-content:inherit;margin:20px 0}.profile-settings-container .settings-wrapper .user-infos-card{align-items:center;width:400px}}.leaderboard-page-container{background-color:#778da9;min-height:100%;overflow:auto;padding:10px 0}.leaderboard-page-container h2{font-family:Silkscreen;font-size:45px;margin:0;text-align:center}.leaderboard-page-container .mode-select{background:#0000;border:1px solid #0d1b2a;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;margin:0 auto;padding:5px 10px}.leaderboard-page-container table{background-color:#0d1b2a;border-collapse:collapse;margin:10px auto 0;text-align:left;width:90%}.leaderboard-page-container table thead th{font-size:14px;font-weight:700;padding:25px}.leaderboard-page-container table tbody .raw-top3:first-child td:first-child{color:gold}.leaderboard-page-container table tbody .raw-top3:nth-child(2) td:first-child{color:silver}.leaderboard-page-container table tbody .raw-top3:nth-child(3) td:first-child{color:#cd7f32}.leaderboard-page-container table tbody tr:hover td{background-color:#202d45}.leaderboard-page-container table tbody tr .leaderboard-status .player-status{border-radius:50%;height:13px;margin:0 10px 0 20px;width:13px}.leaderboard-page-container table tbody tr .leaderboard-status .player-status-online{background-color:#0fbb0f}.leaderboard-page-container table tbody tr .leaderboard-status .player-status-offline{background-color:#c21d1d}.leaderboard-page-container table tbody tr .leaderboard-status .spec-icon{margin-left:50px;position:relative}.leaderboard-page-container table tbody tr .leaderboard-status .spec-icon svg{bottom:0;cursor:pointer;margin:auto 0;position:absolute;top:-12.6px}.leaderboard-page-container table tbody tr td{background:#1b263b;border-bottom:5px solid #0d1b2a;font-size:16px;padding:15px 25px}.leaderboard-page-container table tbody tr td img{height:40px;width:40px}.leaderboard-page-container table tbody tr td .user-info{align-items:center;display:flex;flex-direction:row;gap:10px}.leaderboard-page-container table tbody tr td .user-info .user-avatar{border-radius:50%;height:30px;width:30px}.pagination-wrapper{display:flex;flex-direction:row;gap:7px;justify-content:center;margin:10px 0;min-width:100px}.pagination-wrapper .pagination-item{align-items:center;background-color:#1b263b;border-radius:5px;cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}.pagination-wrapper .pagination-item p{font-weight:700;margin:0}@media screen and (max-width:855px){.leaderboard-page-container table thead .responsive-column{display:none}.leaderboard-page-container table thead th{font-size:10px;padding:15px}.leaderboard-page-container table tbody tr .responsive-column{display:none}.leaderboard-page-container table tbody tr td{font-size:13px;padding:15px}}@media screen and (max-width:575px){.leaderboard-page-container table tbody tr .responsive-column,.leaderboard-page-container table thead .responsive-column{display:none}}.modal-wrapper-container{background-color:#0d1b2a;height:100vh;position:absolute;width:100vw}.modal-wrapper-container .add-friend-modal-wrapper{-ms-overflow-style:none;background-color:#1b263b;border-radius:10px;bottom:0;height:500px;left:0;margin:auto;overflow-y:scroll;position:absolute;right:0;scrollbar-width:none;top:0;width:500px;z-index:100}.modal-wrapper-container .add-friend-modal-wrapper::-webkit-scrollbar{display:none}.modal-wrapper-container .add-friend-modal-wrapper .modal-exit{color:#e0e1dd;cursor:pointer;height:20px;position:absolute;right:5px;top:5px;width:20px}@media screen and (max-height:700px){.modal-wrapper-container .add-friend-modal-wrapper{height:97%}}@media screen and (max-width:855px){.modal-wrapper-container .add-friend-modal-wrapper{width:90%}}.modal-wrapper-container .add-friend-modal-wrapper{box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.modal-wrapper-container .add-friend-modal-wrapper .modal-header{border-bottom:.5px solid #e0e1dd;display:flex;flex-direction:row;margin-bottom:20px;width:100%}.modal-wrapper-container .add-friend-modal-wrapper .modal-header-selected{color:#87beff}.modal-wrapper-container .add-friend-modal-wrapper .modal-header div{height:100%;width:50%}.modal-wrapper-container .add-friend-modal-wrapper .modal-header div p{cursor:pointer;text-align:center}.modal-wrapper-container .add-friend-modal-wrapper .modal-header div:first-child{border-right:.5px solid #e0e1dd}.modal-wrapper-container .add-friend-modal-wrapper .modal-friend-list{height:400px}.modal-wrapper-container .add-friend-modal-wrapper .modal-friend-list p{font-size:22px;margin:auto}.modal-wrapper-container .add-friend-modal-wrapper .search-player-container .modal-player-list{height:350px}.modal-player-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:10px;margin-top:15px;overflow-y:scroll;scrollbar-width:none}.modal-player-list::-webkit-scrollbar{display:none}.modal-player-list-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:90%}.modal-player-list-item .item-player-info{align-items:center;display:flex;gap:10px}.modal-player-list-item .item-player-info .avatar-container{position:relative}.modal-player-list-item .item-player-info .avatar-container .user-avatar{border-radius:50%;height:40px;width:40px}.modal-player-list-item .item-player-info .avatar-container .user-status{background-color:#1b263b;border-radius:50%;height:20px;padding:2.5px 0 0 2.5px;position:absolute;right:-3px;top:25px;width:20px}.modal-player-list-item .item-player-info .avatar-container .user-status div{border-radius:50%;height:14px;width:14px}.modal-player-list-item .item-player-info .avatar-container .user-status .online{background-color:#0fbb0f}.modal-player-list-item .item-player-info .avatar-container .user-status .offline{background-color:#c21d1d}.modal-player-list-item button{all:unset;border:1px solid #87beff;border-radius:3px;color:#87beff;cursor:pointer;font-size:11px;font-weight:700;margin-top:5px;padding:7px;text-align:center}.modal-player-list-item button:hover{background-color:#87beff;color:#0d1b2a}.modal-player-list-item .pending-button{color:#87beff;font-size:14px;margin-top:5px;padding:7px}.modal-player-list-item .friendship-action-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px}.modal-player-list-item .friendship-action-wrapper svg{border-radius:50%;cursor:pointer;height:25px;padding:2px;width:25px}.modal-player-list-item .friendship-action-wrapper svg:first-child{border:1px solid green;color:green}.modal-player-list-item .friendship-action-wrapper svg:last-child{border:1px solid red;color:red}.modal-player-list-item .icons-player-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px}.modal-player-list-item input{height:17px;width:17px}@media screen and (max-width:855px){.modal-wrapper-container .add-friend-modal-wrapper{-ms-overflow-style:none;background-color:#1b263b;border-radius:10px;bottom:0;height:500px;left:0;margin:auto;overflow-y:scroll;position:absolute;right:0;scrollbar-width:none;top:0;width:90%;z-index:100}.modal-wrapper-container .add-friend-modal-wrapper::-webkit-scrollbar{display:none}.modal-wrapper-container .add-friend-modal-wrapper .modal-exit{color:#e0e1dd;cursor:pointer;height:20px;position:absolute;right:5px;top:5px;width:20px}}@media screen and (max-width:855px)and (max-height:700px){.modal-wrapper-container .add-friend-modal-wrapper{height:97%}}@media screen and (max-width:855px)and (max-width:855px){.modal-wrapper-container .add-friend-modal-wrapper{width:90%}}.no-target-message{font-size:30px;margin:auto;text-align:center}.chat-page-container,.chat-party-sidebar{background-color:#1b263b;display:flex;flex-direction:row;flex-flow:row;min-height:100%;overflow:auto}.chat-page-container .chat-sidebar,.chat-party-sidebar .chat-sidebar{background-color:#1b263b;border-right:1px solid #e0e1dd;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:270px;min-width:270px;position:relative;width:270px}.chat-page-container .chat-sidebar .explore-button,.chat-party-sidebar .chat-sidebar .explore-button{background-color:#0d1b2a;padding:15px;text-align:center}.chat-page-container .chat-sidebar .ul-wrapper,.chat-party-sidebar .chat-sidebar .ul-wrapper{-ms-overflow-style:none;list-style-type:none;margin-right:30px;overflow-y:scroll;position:relative;scrollbar-width:none}.chat-page-container .chat-sidebar .ul-wrapper::-webkit-scrollbar,.chat-party-sidebar .chat-sidebar .ul-wrapper::-webkit-scrollbar{display:none}.chat-page-container .chat-sidebar .ul-wrapper-elem .collapse-button,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .collapse-button{align-items:center;display:flex;flex-direction:row;height:35px;justify-content:space-between}.chat-page-container .chat-sidebar .ul-wrapper-elem .collapse-button svg,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .collapse-button svg{cursor:pointer}.chat-page-container .chat-sidebar .ul-wrapper-elem .collapse-button-name,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .collapse-button-name{align-items:center;display:flex;flex-direction:row;gap:5px}.chat-page-container .chat-sidebar .ul-wrapper-elem .collapse-button .plus-icon,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .collapse-button .plus-icon{height:20px;width:20px}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse{list-style-type:none;padding-left:15px}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse li:not(li:first-child),.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse li:not(li:first-child){margin-top:2px}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container{display:flex;text-decoration:none}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container a,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container a{border-radius:5px;color:#c2c2c2;padding:8px;width:100%}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container a:hover,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container a:hover{background-color:#0d1b2a}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .new-msg,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .new-msg{color:#fff;font-weight:700}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container a[is-target=true],.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container a[is-target=true]{background-color:#0d1b2a}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item{align-items:center;display:flex;justify-content:space-between}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container{align-items:center;display:flex}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container span,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container span{font-size:15px}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container svg:first-child,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container svg:first-child{height:17px;width:17px}.chat-page-container .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container svg:last-child,.chat-party-sidebar .chat-sidebar .ul-wrapper-elem .ul-collapse .list-item-container .public-chan-item .icon-container svg:last-child{cursor:pointer;height:20px;margin-left:5px;width:20px}.chat-page-container .message-container-main,.chat-party-sidebar .message-container-main{display:flex;flex-direction:column;height:100%;justify-content:space-between;list-style-type:none;position:relative;width:85%}.chat-page-container .message-container-main .message-header,.chat-party-sidebar .message-container-main .message-header{align-items:center;background-color:#1b263b;border-bottom:1px solid #e0e1dd;display:flex;height:50px;justify-content:space-between;width:100%}.chat-page-container .message-container-main .message-header-right-side,.chat-party-sidebar .message-container-main .message-header-right-side{align-items:center;display:flex;flex-direction:row;margin-right:20px}.chat-page-container .message-container-main .message-header-right-side svg,.chat-party-sidebar .message-container-main .message-header-right-side svg{cursor:pointer;height:23px;width:23px}.chat-page-container .message-container-main .message-header-right-side .chat-action-icones,.chat-party-sidebar .message-container-main .message-header-right-side .chat-action-icones{align-items:center;display:flex;flex-direction:row;gap:10px;margin-right:28px}.chat-page-container .message-container-main .message-header-right-side .chat-action-icones a,.chat-party-sidebar .message-container-main .message-header-right-side .chat-action-icones a{height:23px;margin:0;width:23px}.chat-page-container .message-container-main .message-header .burger-icon-responsive,.chat-party-sidebar .message-container-main .message-header .burger-icon-responsive{cursor:pointer;display:none}.chat-page-container .message-container-main .message-header .chan-name,.chat-party-sidebar .message-container-main .message-header .chan-name{margin-left:20px}.chat-page-container .message-container-main .message-header a,.chat-party-sidebar .message-container-main .message-header a{margin-right:10px}.chat-page-container .message-container-main .header-user-info,.chat-party-sidebar .message-container-main .header-user-info{align-items:center;background-color:#1b263b;border-bottom:1px solid #e0e1dd;display:flex;flex-direction:row;height:50px;position:relative;width:100%}.chat-page-container .message-container-main .header-user-info .close-party-chat,.chat-party-sidebar .message-container-main .header-user-info .close-party-chat{cursor:pointer;position:absolute}.chat-page-container .message-container-main .header-user-info .p-party-chat,.chat-party-sidebar .message-container-main .header-user-info .p-party-chat{margin-left:auto;margin-right:auto}.chat-page-container .message-container-main .header-user-info .burger-icon-responsive,.chat-party-sidebar .message-container-main .header-user-info .burger-icon-responsive{cursor:pointer;display:none}.chat-page-container .message-container-main .header-user-info .player-container,.chat-party-sidebar .message-container-main .header-user-info .player-container{align-items:center;display:flex;flex-direction:row}.chat-page-container .message-container-main .header-user-info .player-container .spectate-icon,.chat-party-sidebar .message-container-main .header-user-info .player-container .spectate-icon{cursor:pointer;height:14px;margin-left:10px;margin-top:2px;width:14px}.chat-page-container .message-container-main .header-user-info .player-container p,.chat-party-sidebar .message-container-main .header-user-info .player-container p{cursor:pointer}.chat-page-container .message-container-main .header-user-info .player-container .player-status,.chat-party-sidebar .message-container-main .header-user-info .player-container .player-status{border-radius:50%;height:13px;margin:0 10px 0 20px;width:13px}.chat-page-container .message-container-main .header-user-info .player-container .player-status-online,.chat-party-sidebar .message-container-main .header-user-info .player-container .player-status-online{background-color:#0fbb0f}.chat-page-container .message-container-main .header-user-info .player-container .player-status-offline,.chat-party-sidebar .message-container-main .header-user-info .player-container .player-status-offline{background-color:#c21d1d}.chat-page-container .message-container-main ul,.chat-party-sidebar .message-container-main ul{display:flex;flex-direction:column;height:90%;list-style-type:none;margin:0;overflow:hidden;padding:10px 0 20px}.chat-page-container .message-container-main ul:hover,.chat-party-sidebar .message-container-main ul:hover{-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}.chat-page-container .message-container-main ul:hover::-webkit-scrollbar,.chat-party-sidebar .message-container-main ul:hover::-webkit-scrollbar{display:none}.chat-page-container .message-container-main ul .loader-wrapper,.chat-page-container .message-container-main ul .message-server,.chat-party-sidebar .message-container-main ul .loader-wrapper,.chat-party-sidebar .message-container-main ul .message-server{margin:0 auto}.chat-page-container .message-container-main ul .loader-wrapper .prev-messages-loader,.chat-party-sidebar .message-container-main ul .loader-wrapper .prev-messages-loader{animation:rotation 1s linear infinite;border:3px solid;border-color:#fff #fff #0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:23px;width:23px}.chat-page-container .message-container-main ul .message-item-container,.chat-party-sidebar .message-container-main ul .message-item-container{display:flex;flex-direction:row;gap:15px;padding:4px 0 4px 20px;position:relative;word-break:break-all}.chat-page-container .message-container-main ul .message-item-container:hover,.chat-party-sidebar .message-container-main ul .message-item-container:hover{background-color:#0d1b2a}.chat-page-container .message-container-main ul .message-item-container img,.chat-party-sidebar .message-container-main ul .message-item-container img{border-radius:50%;height:45px;width:45px}.chat-page-container .message-container-main ul .message-item-container .message-content-wrapper .message-info-wrapper,.chat-party-sidebar .message-container-main ul .message-item-container .message-content-wrapper .message-info-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px}.chat-page-container .message-container-main ul .message-item-container .message-content-wrapper .message-info-wrapper span:first-child,.chat-party-sidebar .message-container-main ul .message-item-container .message-content-wrapper .message-info-wrapper span:first-child{color:orange;cursor:pointer}.chat-page-container .message-container-main ul .message-item-container .message-content-wrapper .message-info-wrapper span:last-child,.chat-party-sidebar .message-container-main ul .message-item-container .message-content-wrapper .message-info-wrapper span:last-child{font-size:10px;margin-top:2.5px}.chat-page-container .message-container-main ul .message-item-container .message-content-wrapper .message-text,.chat-party-sidebar .message-container-main ul .message-item-container .message-content-wrapper .message-text{font-size:13px;margin:5px 0 0;padding-right:20px}.chat-page-container .message-container-main ul .message-item-container-2,.chat-party-sidebar .message-container-main ul .message-item-container-2{align-items:center;display:flex;font-size:13px;margin:0;padding:4px 0 4px 80px;position:relative;word-break:break-all}.chat-page-container .message-container-main ul .message-item-container-2 .span-message,.chat-party-sidebar .message-container-main ul .message-item-container-2 .span-message{padding-right:20px}.chat-page-container .message-container-main ul .message-item-container-2 .date-message,.chat-party-sidebar .message-container-main ul .message-item-container-2 .date-message{display:none;font-size:10px;left:18px;position:absolute;text-align:center;width:45px}.chat-page-container .message-container-main ul .message-item-container-2:hover,.chat-party-sidebar .message-container-main ul .message-item-container-2:hover{background-color:#0d1b2a}.chat-page-container .message-container-main ul .message-item-container-2:hover .date-message,.chat-party-sidebar .message-container-main ul .message-item-container-2:hover .date-message{display:block}.chat-page-container .message-input-container,.chat-party-sidebar .message-input-container{align-items:center;background-color:#1b263b;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:100%}.chat-page-container .message-input-container form,.chat-party-sidebar .message-input-container form{align-items:center;border-top:1px solid #e0e1dd;display:flex;flex-direction:row;margin:auto;position:relative;width:90%}.chat-page-container .message-input-container form p,.chat-party-sidebar .message-input-container form p{font-size:13px;margin:0;position:absolute;top:-20px}.chat-page-container .message-input-container form input,.chat-party-sidebar .message-input-container form input{all:unset;padding:18px 20px;width:95%}.chat-page-container .message-input-container form button,.chat-party-sidebar .message-input-container form button{all:unset}.chat-page-container .message-input-container form button svg,.chat-party-sidebar .message-input-container form button svg{background-color:orange;background:linear-gradient(112deg,#ff5e00,#ff9100 50%,#ff9a00);border-radius:50%;cursor:pointer;height:30px;padding:5px;width:30px}.chat-page-container .users-sidebar,.chat-party-sidebar .users-sidebar{background-color:#0d1b2a;height:100%;position:relative;width:300px}.chat-page-container .users-sidebar-wrapper,.chat-party-sidebar .users-sidebar-wrapper{-ms-overflow-style:none;height:95%;margin:10px;overflow-y:scroll;scrollbar-width:none}.chat-page-container .users-sidebar-wrapper::-webkit-scrollbar,.chat-party-sidebar .users-sidebar-wrapper::-webkit-scrollbar{display:none}.chat-page-container .users-sidebar-wrapper h3,.chat-party-sidebar .users-sidebar-wrapper h3{color:#a5abb0;font-size:15px;margin:0}.chat-page-container .users-sidebar-wrapper ul,.chat-party-sidebar .users-sidebar-wrapper ul{list-style-type:none;padding:0}.chat-page-container .users-sidebar-wrapper ul li,.chat-party-sidebar .users-sidebar-wrapper ul li{align-items:center;border-radius:5px;display:flex;gap:10px;padding:5px}.chat-page-container .users-sidebar-wrapper ul li .avatar-container,.chat-party-sidebar .users-sidebar-wrapper ul li .avatar-container{position:relative}.chat-page-container .users-sidebar-wrapper ul li .avatar-container .user-avatar,.chat-party-sidebar .users-sidebar-wrapper ul li .avatar-container .user-avatar{border-radius:50%;height:40px;width:40px}.chat-page-container .users-sidebar-wrapper ul li .avatar-container .user-status,.chat-party-sidebar .users-sidebar-wrapper ul li .avatar-container .user-status{background-color:#0d1b2a;border-radius:50%;height:20px;padding:2.5px 0 0 2.5px;position:absolute;right:-3px;top:25px;width:20px}.chat-page-container .users-sidebar-wrapper ul li .avatar-container .user-status div,.chat-party-sidebar .users-sidebar-wrapper ul li .avatar-container .user-status div{border-radius:50%;height:14px;width:14px}.chat-page-container .users-sidebar-wrapper ul li .avatar-container .user-status .online,.chat-party-sidebar .users-sidebar-wrapper ul li .avatar-container .user-status .online{background-color:#0fbb0f}.chat-page-container .users-sidebar-wrapper ul li .avatar-container .user-status .offline,.chat-party-sidebar .users-sidebar-wrapper ul li .avatar-container .user-status .offline{background-color:#c21d1d}.chat-page-container .users-sidebar-wrapper ul li p,.chat-party-sidebar .users-sidebar-wrapper ul li p{cursor:pointer}.chat-page-container .users-sidebar-wrapper ul li .spectate-icon,.chat-party-sidebar .users-sidebar-wrapper ul li .spectate-icon{cursor:pointer;height:15px;width:15px}.chat-page-container .users-sidebar-wrapper ul li:hover,.chat-page-container .users-sidebar-wrapper ul li:hover .avatar-container .user-status,.chat-party-sidebar .users-sidebar-wrapper ul li:hover,.chat-party-sidebar .users-sidebar-wrapper ul li:hover .avatar-container .user-status{background-color:#1b263b}.chat-page-container .sidebar-button,.chat-party-sidebar .sidebar-button{display:none}.chat-page-container .channels-list-wrapper,.chat-party-sidebar .channels-list-wrapper{-ms-overflow-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;height:fit-content;overflow-y:scroll;padding:20px;scrollbar-width:none}.chat-page-container .channels-list-wrapper::-webkit-scrollbar,.chat-party-sidebar .channels-list-wrapper::-webkit-scrollbar{display:none}.chat-page-container .channels-list-wrapper .channels-card-wrapper,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper{background-color:#0d1b2a;height:240px;position:relative;width:300px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .channel-banner,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .channel-banner{background:url(/static/media/background-42.3910a290ab90189be9ad.jpg) no-repeat 50%;background-size:cover;height:110px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content{padding:10px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .channel-name,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .channel-name{font-size:19px;font-weight:700;margin:0}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .channel-name span,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .channel-name span{font-size:10px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .channel-description,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .channel-description{font-family:OpenSans;font-size:12px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:space-between;position:absolute;width:90%}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom p,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom p{font-size:14px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right{align-items:center;display:flex;gap:5px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right svg,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right svg{background-color:orange;background:linear-gradient(112deg,#ff5e00,#ff9100 50%,#ff9a00);border-radius:50%;cursor:pointer;height:25px;padding:3px;width:25px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right input,.chat-party-sidebar .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right input{all:unset;border:1px solid #fff;border-radius:5px;font-size:13px;padding:3px;width:100px}@media screen and (max-width:855px){.chat-page-container .chat-sidebar{display:none;font-size:15px;height:100%;max-width:250px;min-width:250px;position:absolute;z-index:99}.chat-page-container .chat-sidebar .ul-wrapper-elem .collapse-button svg{height:20px;width:20px}.chat-page-container .chat-sidebar .ul-wrapper-elem .collapse-button-name{font-size:13px}.chat-page-container .chat-sidebar-responsive{display:flex}.chat-page-container .message-container-main{width:100%}.chat-page-container .message-container-main .message-header{padding:0 40px}.chat-page-container .message-container-main .message-header-right-side,.chat-page-container .message-container-main .message-header-right-side .chat-action-icones{margin-right:0}.chat-page-container .message-container-main .message-header .burger-icon-responsive{display:block}.chat-page-container .message-container-main .header-user-info{padding:0 40px}.chat-page-container .message-container-main .header-user-info .burger-icon-responsive{display:block;position:absolute}.chat-page-container .message-container-main .header-user-info .player-container{margin:0 auto}.chat-page-container .message-container-main .ul-container ul .message-item img{border-radius:50%;height:35px;width:35px}.chat-page-container .message-container-main .ul-container ul .message-item-info .message-text{font-size:14px;padding:8px 13px}.chat-page-container .sidebar-button{align-items:center;background-color:#0d1b2a;border-radius:50%;cursor:pointer;display:block;display:flex;height:45px;justify-content:flex-end;left:-24px;position:absolute;top:25px;width:45px;z-index:99}}@media screen and (max-width:575px){.chat-page-container .message-container-main .header-user-info,.chat-page-container .message-container-main .message-header{padding:0 10px}.chat-page-container .message-container-main .ul-container ul{padding-left:10px}.chat-page-container .channels-list-wrapper .channels-card-wrapper{height:240px;width:220px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .channel-name{font-size:13px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .channel-description,.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom p{font-size:10px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right svg{height:20px;width:20px}.chat-page-container .channels-list-wrapper .channels-card-wrapper .card-content .item-bottom-right input{font-size:10px;padding:3px;width:80px}}@media screen and (max-width:470px){.chat-page-container .channels-list-wrapper .channels-card-wrapper{height:270px;width:250px}}.chat-modal{-ms-overflow-style:none;background-color:#0d1b2a;border-radius:10px;bottom:0;height:620px;left:0;margin:auto;overflow-y:scroll;position:absolute;right:0;scrollbar-width:none;top:0;width:600px;z-index:100}.chat-modal::-webkit-scrollbar{display:none}.chat-modal .modal-exit{color:#e0e1dd;cursor:pointer;height:20px;position:absolute;right:5px;top:5px;width:20px}@media screen and (max-height:700px){.chat-modal{height:97%}}@media screen and (max-width:855px){.chat-modal{width:90%}}.chat-modal{display:flex;flex-direction:column;justify-content:space-between;padding:10px}.chat-modal .search-player-container .modal-player-list{height:350px}.chat-modal .form-modal-wrapper{display:flex;flex-direction:column;justify-content:space-around}.chat-modal .form-modal-wrapper h3{margin-top:1px;text-align:center}.chat-modal .form-modal-wrapper form{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.chat-modal .form-modal-wrapper form .checkbox-container{display:flex;gap:5px}.chat-modal .form-modal-wrapper form .checkbox-container input[type=radio]{accent-color:#87beff}.chat-modal .form-modal-wrapper form .labelTextInput{display:flex;flex-direction:column;font-size:15px;gap:5px}.chat-modal .form-modal-wrapper form .labelTextInput input{all:unset;border:1px solid #e0e1dd;cursor:text;margin-top:2px;padding:8px}.chat-modal .form-modal-wrapper form .labelTextInput input::placeholder{font-size:12px}.chat-modal .form-modal-wrapper form .chat-modal-buttons{display:flex;flex-direction:row;gap:10px;justify-content:center;width:100%}.chat-modal .form-modal-wrapper form .chat-modal-buttons button,.chat-modal .form-modal-wrapper form .chat-modal-buttons input{all:unset;border:1px solid #87beff;border-radius:3px;color:#87beff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:7px;text-align:center}.chat-modal .form-modal-wrapper form .chat-modal-buttons button:hover,.chat-modal .form-modal-wrapper form .chat-modal-buttons input:hover{background-color:#87beff;color:#0d1b2a}.chat-modal .form-modal-wrapper form .chat-modal-buttons button,.chat-modal .form-modal-wrapper form .chat-modal-buttons input{margin:0}.chat-modal .form-modal-wrapper form .chat-modal-buttons button:first-child,.chat-modal .form-modal-wrapper form .chat-modal-buttons input:first-child{background-color:#0d1b2a;border:1px solid #c80c0c;color:#c80c0c}.chat-modal .form-modal-wrapper form .chat-modal-buttons button:first-child:hover,.chat-modal .form-modal-wrapper form .chat-modal-buttons input:first-child:hover{background-color:#c80c0c;color:#0d1b2a}.search-player-container{width:100%}.search-player-container .modal-search{align-items:center;border-bottom:1px solid #e0e1dd;display:flex;flex-direction:row;height:50px;margin:0 auto;width:90%}.search-player-container .modal-search svg{cursor:pointer;height:25px;margin:0 0 0 10px;width:25px}.search-player-container .modal-search input{all:unset;cursor:text;margin:0 auto;padding:8px 20px;width:100%}@media screen and (max-width:855px){.search-player-container .modal-search svg{height:20px;width:20px}.search-player-container .modal-search input{font-size:15px}.search-player-container .modal-player-list-item{font-size:14px}.search-player-container .modal-player-list-item .item-player-info .modal-picture{border-radius:50%;height:40px;width:40px}}.channel-setting-container{color:#e0e1dd;display:flex;flex-direction:row;min-height:100%;overflow:auto}.channel-setting-container .sidebar-button{display:none}.channel-setting-container .sidebar-setting{background-color:#0d1b2a;padding-top:30px;width:350px}.channel-setting-container .sidebar-setting .sidebar-button{display:none}.channel-setting-container .sidebar-setting .sidebar-wrapper{display:flex;flex-direction:column;margin-left:80px}.channel-setting-container .sidebar-setting .sidebar-wrapper p{color:#beb5b5;margin:0 0 5px 10px}.channel-setting-container .sidebar-setting .sidebar-wrapper ul{list-style-type:none;margin:0;padding:0}.channel-setting-container .sidebar-setting .sidebar-wrapper ul li:not(.channel-setting-container .sidebar-setting .sidebar-wrapper ul li:first-child){margin-top:2px}.channel-setting-container .sidebar-setting .sidebar-wrapper ul li{border-radius:5px;cursor:pointer;margin-right:5px;padding:10px}.channel-setting-container .sidebar-setting .sidebar-wrapper ul li:hover{background-color:#1b263b}.channel-setting-container .sidebar-setting .sidebar-wrapper .separate-line{background-color:#1b263b;height:2px;margin:5px 0}.channel-setting-container .sidebar-setting .sidebar-wrapper button{all:unset;border-radius:5px;color:red;cursor:pointer;margin-right:5px;padding:10px}.channel-setting-container .sidebar-setting .sidebar-wrapper button:hover{background-color:#1b263b}.channel-setting-container .content-setting-container{background-color:#1b263b;display:flex;flex-direction:row;gap:15px;padding-top:30px;width:100%}.channel-setting-container .content-setting-container .content-wrapper{height:100%;margin-left:50px;width:90%}.channel-setting-container .content-setting-container .content-wrapper form:first-child{margin-bottom:15px}.channel-setting-container .content-setting-container .content-wrapper .radio-form{display:flex;flex-direction:column;gap:5px}.channel-setting-container .content-setting-container .content-wrapper .radio-form button{all:unset;border:1px solid #87beff;border-radius:3px;color:#87beff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:7px;text-align:center}.channel-setting-container .content-setting-container .content-wrapper .radio-form button:hover{background-color:#87beff;color:#0d1b2a}.channel-setting-container .content-setting-container .content-wrapper .radio-form .saveInput{margin-top:10px;width:40px}.channel-setting-container .content-setting-container .content-wrapper .radio-form .label-input-wrapper{align-items:center;display:flex;flex-direction:row;gap:5px}.channel-setting-container .content-setting-container .content-wrapper .radio-form .label-input-wrapper input{all:unset;background-color:#0d1b2a;border:1px solid #fff;border-radius:3px;color:#fff;cursor:text;font-size:13px;padding:7px;width:200px}.channel-setting-container .content-setting-container .content-wrapper .radio-form label input[type=radio]{accent-color:#87beff}.channel-setting-container .content-setting-container .content-wrapper .radio-form .labelTextInput{display:flex;flex-direction:column;font-size:15px;gap:5px;margin:5px 0 10px 5px}.channel-setting-container .content-setting-container .content-wrapper .radio-form .labelTextInput input{all:unset;border:1px solid #e0e1dd;cursor:text;margin-top:2px;padding:8px;width:300px}.channel-setting-container .content-setting-container .content-wrapper .radio-form .labelTextInput input::placeholder{font-size:12px}.channel-setting-container .content-setting-container .content-wrapper .user-list-container{-ms-overflow-style:none;display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:scroll;scrollbar-width:none}.channel-setting-container .content-setting-container .content-wrapper .user-list-container::-webkit-scrollbar{display:none}.channel-setting-container .content-setting-container .content-wrapper .user-list-container h3{color:#beb5b5;margin:0;padding:0}.channel-setting-container .content-setting-container .content-wrapper .user-list-container ul{display:flex;flex-direction:column;gap:5px;margin:0 0 15px;padding:0}.channel-setting-container .content-setting-container .content-wrapper .user-list-container ul .setting-user-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:300px}.channel-setting-container .content-setting-container .content-wrapper .user-list-container ul .setting-user-item .profil-container{align-items:center;display:flex;flex-direction:row;gap:10px}.channel-setting-container .content-setting-container .content-wrapper .user-list-container ul .setting-user-item .profil-container .profile-avatar{border-radius:50%;height:45px;width:45px}.channel-setting-container .content-setting-container .content-wrapper .user-list-container ul .setting-user-item .user-dropdown-container{position:relative}.channel-setting-container .content-setting-container .content-wrapper .user-list-container ul .setting-user-item .user-dropdown-container svg{cursor:pointer}.channel-setting-container .content-setting-container .content-wrapper table{background-color:#0d1b2a;border-collapse:collapse;text-align:left;width:100%}.channel-setting-container .content-setting-container .content-wrapper table thead th{font-size:14px;font-weight:700;padding:25px}.channel-setting-container .content-setting-container .content-wrapper table tbody tr:hover td{background-color:#202d45}.channel-setting-container .content-setting-container .content-wrapper table tbody tr td{background:#1b263b;border-bottom:5px solid #0d1b2a;font-size:16px;padding:15px 25px}.channel-setting-container .content-setting-container .content-wrapper table tbody tr td .user-info{align-items:center;display:flex;flex-direction:row;gap:10px}.channel-setting-container .content-setting-container .content-wrapper table tbody tr td .user-info .user-avatar{border-radius:50%;height:30px;width:30px}.channel-setting-container .content-setting-container .content-wrapper table tbody tr td button{all:unset;border:1px solid #87beff;border-radius:5px;color:#87beff;cursor:pointer;font-size:14px;font-weight:700;padding:5px}.channel-setting-container .content-setting-container .content-wrapper table tbody tr td button:hover{background-color:#87beff;color:#1b263b}.channel-setting-container .content-setting-container .leave-icon-wrapper{display:flex;width:10%}.channel-setting-container .content-setting-container .leave-icon-wrapper .leave-icon{border:2px solid #e0e1dd;border-radius:50%;color:#e0e1dd;cursor:pointer;height:40px;margin:0 auto;padding:5px;width:40px}@media screen and (max-width:855px){.channel-setting-container .sidebar-button{align-items:center;background-color:#0d1b2a;border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:flex-end;padding-right:7px;position:absolute;top:25px;width:45px}.channel-setting-container .sidebar-setting{height:100%;position:absolute;width:250px}.channel-setting-container .sidebar-setting .sidebar-button{align-items:center;background-color:#0d1b2a;border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:flex-end;padding-right:7px;position:absolute;top:25px;width:45px}.channel-setting-container .sidebar-setting .sidebar-wrapper{margin-left:40px}}@media screen and (max-width:575px){.channel-setting-container .sidebar-setting-container .sidebar-setting .sidebar-wrapper{margin-left:10px}}.loader{animation:mulShdSpin 1.1s ease infinite;border-radius:50%;bottom:0;display:inline-block;font-size:10px;height:10px;left:0;margin:auto;position:relative;position:absolute;right:0;text-indent:-9999em;top:0;transform:translateZ(0);width:10px}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #ffffff80,-1.8em -1.8em 0 0 #ffffffb3}12.5%{box-shadow:0 -2.6em 0 0 #ffffffb3,1.8em -1.8em 0 0 #fff,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #ffffff80}25%{box-shadow:0 -2.6em 0 0 #ffffff80,1.8em -1.8em 0 0 #ffffffb3,2.5em 0 0 0 #fff,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}37.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #ffffff80,2.5em 0 0 0 #ffffffb3,1.75em 1.75em 0 0 #fff,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}50%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #ffffff80,1.75em 1.75em 0 0 #ffffffb3,0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}62.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #ffffff80,0 2.5em 0 0 #ffffffb3,-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}75%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #ffffff80,-1.8em 1.8em 0 0 #ffffffb3,-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 #fff3}87.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #ffffff80,-2.6em 0 0 0 #ffffffb3,-1.8em -1.8em 0 0 #fff}}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.is-connected-loader-wrapper{align-items:center;background-color:#0d1b2a;display:flex;height:100vh;justify-content:center;margin-top:-70px}.is-connected-loader-wrapper .is-connected-loader,.is-connected-loader-wrapper .is-connected-loader:after,.is-connected-loader-wrapper .is-connected-loader:before{animation-fill-mode:both;animation:bblFadInOut 1.8s ease-in-out infinite;border-radius:50%;height:2.5em;width:2.5em}.is-connected-loader-wrapper .is-connected-loader{animation-delay:-.16s;color:#fff;font-size:7px;margin:auto;position:relative;text-indent:-9999em;transform:translateZ(0)}.is-connected-loader-wrapper .is-connected-loader:after,.is-connected-loader-wrapper .is-connected-loader:before{content:"";position:absolute;top:0}.is-connected-loader-wrapper .is-connected-loader:before{animation-delay:-.32s;left:-3.5em}.is-connected-loader-wrapper .is-connected-loader:after{left:3.5em}.loader-image{animation:rotation 1s linear infinite;border-radius:50%;border-right:3px solid #0000;border-top:3px solid #fff;box-sizing:border-box;display:inline-block;height:20px;margin-right:10px;width:20px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes notifFromRight{0%{transform:translateX(100%)}5%{transform:translateX(0)}94%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes progressBar{0%{width:100%}to{width:0}}.game-invite-container{bottom:10px;color:#ccd5dc;display:flex;flex-direction:column;gap:10px;position:absolute;right:10px;width:300px;z-index:100}.game-invite-container .game-invite-wrapper{animation:notifFromRight 15s ease-in 0s 1;background-color:#2c2f33;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;padding:7px}.game-invite-container .game-invite-wrapper .notif-top{align-items:center;display:flex;flex-direction:row;gap:20px}.game-invite-container .game-invite-wrapper .notif-top .profile-avatar{border-radius:50%;height:40px;width:40px}.game-invite-container .game-invite-wrapper .notif-top .notif-text p{margin:0}.game-invite-container .game-invite-wrapper .notif-top .notif-text p:first-child{font-size:17px;margin-bottom:4px}.game-invite-container .game-invite-wrapper .notif-top .notif-text p:last-child{font-size:11px}.game-invite-container .game-invite-wrapper .separate-line{animation:progressBar 15s linear 0s 1;background-color:#ccd5dc;height:1px;margin:5px 0}.game-invite-container .game-invite-wrapper .notif-bottom{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:space-around}.game-invite-container .game-invite-wrapper .notif-bottom button{all:unset;border-radius:3px;cursor:pointer;height:32px;text-align:center;width:50%}.game-invite-container .game-invite-wrapper .notif-bottom button:last-child{background-color:#424549}.game-invite-container .game-invite-wrapper .notif-bottom button:first-child{background-color:#b98118}.notif-container{align-items:center;display:flex;flex-direction:column;gap:10px;left:0;margin:auto;position:absolute;right:0;top:80px;width:0;z-index:30000}.notif-container .notif-success{background-color:#c3f4aa;color:#054108}.notif-container .notif-success .notif-content-container .icon-wrapper svg{border:2.5px solid #054108}.notif-container .notif-error{background-color:#f4aaaa;color:#410505}.notif-container .notif-error .notif-content-container .icon-wrapper svg{border:2.5px solid #410505}.notif-container .notif-warning{background-color:#f4f3aa;color:#413d05}.notif-container .notif-warning .notif-content-container .icon-wrapper svg{border:2.5px solid #413d05}.notif-container .notif-wrapper{border-radius:40px;padding:7px 11px;width:300px}.notif-container .notif-wrapper .notif-content-container{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:space-between;position:relative}.notif-container .notif-wrapper .notif-content-container p{font-weight:700;margin:0}.notif-container .notif-wrapper .notif-content-container .icon-wrapper{height:30px;width:30px}.notif-container .notif-wrapper .notif-content-container .icon-wrapper svg{border-radius:50%;height:30px;width:30px}.notif-container .notif-wrapper .notif-content-container .close-notif{cursor:pointer;height:22px;width:22px}.lobby-container{background-color:#1b263b;min-height:100%;overflow:auto}.lobby-container .lobby-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-between;padding:10px 0}.lobby-container .lobby-wrapper .lobby-player-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;list-style-type:none;margin:0;padding:0}.lobby-container .lobby-wrapper .lobby-player-list .empty-item{justify-content:center}.lobby-container .lobby-wrapper .lobby-player-list .empty-item svg{cursor:pointer;height:30px;width:30px}.lobby-container .lobby-wrapper .lobby-player-list .team-blue{background-color:#0062ff91;border:1.5px solid #0062ff;box-shadow:0 12px 28px 0 #0d6eff40,0 2px 4px 0 #0d6eff40,inset 0 0 0 1px #0d6eff40}.lobby-container .lobby-wrapper .lobby-player-list .team-red{background-color:#f91900b8;border:1.5px solid #f71e06;box-shadow:0 12px 28px 0 #ff0d0d40,0 2px 4px 0 #ff0d0d40,inset 0 0 0 1px #ff0d0d40}.lobby-container .lobby-wrapper .lobby-player-list li{align-items:center;background-color:#131d30;border-radius:15px;display:flex;flex-direction:column;height:200px;padding:30px 10px;position:relative;width:200px}.lobby-container .lobby-wrapper .lobby-player-list li .teams-wrapper{align-items:center;display:flex;flex-direction:row;gap:5px;position:absolute;right:10px;top:10px}.lobby-container .lobby-wrapper .lobby-player-list li .teams-wrapper .team1{background-color:#0062ff}.lobby-container .lobby-wrapper .lobby-player-list li .teams-wrapper .team2{background-color:#f71e06}.lobby-container .lobby-wrapper .lobby-player-list li .teams-wrapper .team-active{border:1.5px solid #fff}.lobby-container .lobby-wrapper .lobby-player-list li .teams-wrapper .circle-item{border-radius:50%;cursor:pointer;height:17px;width:17px}.lobby-container .lobby-wrapper .lobby-player-list li .avatar-shadow{box-shadow:0 8px 24px #959da533}.lobby-container .lobby-wrapper .lobby-player-list li .player-avatar{border-radius:50%;height:80px;width:80px}.lobby-container .lobby-wrapper .lobby-player-list li p{font-size:15px;font-weight:700;margin:10px 0 0}.lobby-container .lobby-wrapper .lobby-player-list li .team-select{background-color:#1b263b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;margin-top:5px;padding:5px}.lobby-container .lobby-wrapper .lobby-player-list li .player-pos{font-size:10px;margin-top:10px}.lobby-container .lobby-wrapper .lobby-player-list li span{align-items:center;display:flex;flex-direction:row;font-size:12px;gap:5px}.lobby-container .lobby-wrapper .lobby-player-list li span svg{border:1px solid;border-radius:50%;height:12px;width:12px}.lobby-container .lobby-wrapper .lobby-settings{align-items:center;display:flex;flex-direction:row;gap:20px}.lobby-container .lobby-wrapper .lobby-settings .setting-wrapper{background-color:#0d1b2a;border-radius:10px}.lobby-container .lobby-wrapper .lobby-settings .game-settings{display:flex;flex-direction:column;height:350px;justify-content:space-around;padding:10px;position:relative;width:350px}.lobby-container .lobby-wrapper .lobby-settings .game-settings p{margin:0;text-align:center}.lobby-container .lobby-wrapper .lobby-settings .game-settings .lock-icon{height:60px;margin:auto;width:60px}.lobby-container .lobby-wrapper .lobby-settings .game-settings form{display:flex;flex-direction:column;gap:5px;justify-content:space-between}.lobby-container .lobby-wrapper .lobby-settings .game-settings form fieldset{all:inherit}.lobby-container .lobby-wrapper .lobby-settings .game-settings form label{align-items:center;display:flex;flex-direction:row;font-size:13px;justify-content:space-between;margin-right:25px;position:relative}.lobby-container .lobby-wrapper .lobby-settings .game-settings form label input[type=range]{accent-color:#87beff}.lobby-container .lobby-wrapper .lobby-settings .game-settings form label .input-value{color:#87beff;font-size:15px;position:absolute;right:-25px}.lobby-container .lobby-wrapper .lobby-settings .game-settings form .setting-submit{all:unset;border:1px solid #87beff;border-radius:3px;color:#87beff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:6px;text-align:center}.lobby-container .lobby-wrapper .lobby-settings .game-settings form .setting-submit:hover{background-color:#87beff;color:#0d1b2a}.lobby-container .lobby-wrapper .lobby-settings .game-settings form .setting-submit{margin:15px auto 0}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper{height:350px;width:500px}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;overflow:hidden;position:relative}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .left-wrapper .paddle-front{left:var(--PlayerFrontAdvance)}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .left-wrapper .paddle-back{left:var(--PlayerBackAdvance)}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .right-wrapper .paddle-front{right:var(--PlayerFrontAdvance)}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .right-wrapper .paddle-back{right:var(--PlayerBackAdvance)}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .paddle-wrapper{align-items:center;display:flex;flex-direction:row;position:relative}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .paddle-wrapper .paddle-left{background-color:#0062ff}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .paddle-wrapper .paddle-right{background-color:#f71e06}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .paddle-wrapper .paddle-front{height:var(--PaddleFrontSize)}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .paddle-wrapper .paddle-back{height:var(--PaddleBackSize)}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .paddle-wrapper .paddle{position:absolute;width:2px}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper .game-board .ball{background-color:aqua;border-radius:50px;height:20px;left:0;margin:0 auto;position:absolute;right:0;width:20px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;position:relative}.lobby-container .lobby-wrapper .lobby-buttons-wrapper button{all:unset;background-color:#0d1b2a;border-radius:10px;height:40px;position:relative;text-align:center;width:250px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .lock-button{background-color:#0000003d;color:gray;cursor:default!important;position:relative}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .lock-button .lock-icon{bottom:0;color:hsla(0,0%,100%,.772);left:0;margin:auto;position:absolute;right:0;top:0}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .start-button{cursor:pointer;font-size:14px;position:relative;text-transform:uppercase}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .start-button[lobby-error]{background-color:#0000003d;color:gray;cursor:default}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .start-button[lobby-error] .lock-icon{bottom:0;color:hsla(0,0%,100%,.772);left:0;margin:auto;position:absolute;right:0;top:0}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .start-button[lobby-error]:after{color:red;content:attr(lobby-error);font-size:10px;left:0;padding:5px;position:absolute;text-transform:none;top:-20px;width:100%}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .queue-button{position:relative}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .queue-button svg{align-items:center;border:1px solid red;border-radius:50%;color:red;cursor:pointer;display:flex;height:20px;left:10px;padding:1.5px;position:absolute;width:20px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown{background-color:#0d1b2a;border-top-left-radius:10px;border-top-right-radius:10px;position:absolute;right:0;text-align:center;top:-94px;width:32.5%}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown ul{list-style-type:none;margin:0;padding:0}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown ul .gameMode-lock{background-color:#0000003d;color:gray;cursor:auto;position:relative}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown ul .gameMode-lock .lock-icon{bottom:0;color:hsla(0,0%,100%,.772);left:0;margin:auto;position:absolute;right:0;top:0}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown ul li:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown ul li{cursor:pointer;padding:6px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown ul li:hover:not(.gameMode-lock){background-color:#102031}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .bos{border-top-left-radius:0;border-top-right-radius:0}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-button{align-items:center;display:flex;flex-direction:row;justify-content:center}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-button .chevron-icon{position:absolute;right:10px}@media screen and (max-width:855px){.lobby-container .lobby-wrapper .lobby-player-list li{height:150px;padding:25px 10px;width:150px}.lobby-container .lobby-wrapper .lobby-player-list li .teams-wrapper .circle-item{height:14px;width:14px}.lobby-container .lobby-wrapper .lobby-player-list li .player-avatar{border-radius:50%;height:45px;width:45px}.lobby-container .lobby-wrapper .lobby-player-list li p{font-size:12px}.lobby-container .lobby-wrapper .lobby-player-list li .team-select{font-size:8px;padding:3px}.lobby-container .lobby-wrapper .lobby-settings{flex-direction:column}.lobby-container .lobby-wrapper .lobby-buttons-wrapper button{all:unset;background-color:#0d1b2a;border-radius:10px;font-size:12px;padding:13px 60px;position:relative;text-align:center}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-button .chevron-icon{height:15px;width:15px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown{font-size:12px;top:-77px;width:29.8%}}@media screen and (max-width:575px){.lobby-container .lobby-wrapper .lobby-player-list li{height:130px;padding:20px 10px;width:130px}.lobby-container .lobby-wrapper .lobby-player-list li .player-avatar{border-radius:50%;height:35px;width:35px}.lobby-container .lobby-wrapper .lobby-player-list li p{font-size:12px}.lobby-container .lobby-wrapper .lobby-settings{flex-direction:column}.lobby-container .lobby-wrapper .lobby-settings .board-game-wrapper{display:none}.lobby-container .lobby-wrapper .lobby-buttons-wrapper button{all:unset;background-color:#0d1b2a;border-radius:10px;font-size:10px;padding:12px 40px;position:relative;text-align:center}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-button .chevron-icon{height:15px;width:15px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown{font-size:10px;top:-70px;width:29%}}@media screen and (max-width:400px){.lobby-container .lobby-wrapper .lobby-player-list li{height:130px;padding:20px 10px;width:130px}.lobby-container .lobby-wrapper .lobby-player-list li .player-avatar{border-radius:50%;height:35px;width:35px}.lobby-container .lobby-wrapper .lobby-player-list li p{font-size:12px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper button{all:unset;background-color:#0d1b2a;border-radius:10px;font-size:8px;padding:10px 30px;position:relative;text-align:center}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-button .chevron-icon{height:15px;width:15px}.lobby-container .lobby-wrapper .lobby-buttons-wrapper .game-modes-dropdown{font-size:10px;top:-70px;width:29%}}.chat-party-sidebar{background-color:#1b263b;box-shadow:0 5px 15px #000;height:100%;position:absolute;right:0;width:400px;z-index:10000}@media screen and (max-width:575px){.chat-party-sidebar{width:90%}}.match-found-container{align-items:center;background-color:#0d1b2a;border:4px solid rgba(222,153,24,.974);border-radius:50%;bottom:0;display:flex;flex-direction:column;height:350px;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;width:350px;z-index:5000}.match-found-container .outside-circle{border:1px solid rgba(255,166,0,.374);border-radius:50%;height:410px;position:absolute;width:410px}.match-found-container .found-title{color:#f0f8ff;font-size:25px;font-weight:700}.match-found-container p{letter-spacing:1px;text-align:center}.match-found-container .accept-button{all:unset;background-color:#0d1b2a;border:1px solid rgba(222,153,24,.974);border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:5px;border-top-right-radius:5px;bottom:-13px;color:rgba(222,153,24,.974);cursor:pointer;font-weight:700;padding:10px 55px 15px;position:absolute}.match-found-container .accept-button:hover{background-color:rgba(222,153,24,.974);border:1px solid #0d1b2a;color:#0d1b2a}.alert-validation-container{display:flex;flex-direction:column;justify-content:center;position:absolute}.alert-validation-container .buttons-container{align-items:center;display:flex;flex-direction:row;margin:0 auto}.resume-game-container{align-items:center;background-color:#0d1b2a;border-bottom-left-radius:10px;display:flex;flex-direction:column;padding:8px;position:absolute;right:0;top:70px;z-index:9999}.resume-game-container p{text-align:center}.resume-game-container button{all:unset;border:1px solid #87beff;border-radius:3px;color:#87beff;cursor:pointer;font-size:14px;font-weight:700;margin:5px auto 0;padding:5px;text-align:center}.resume-game-container button:hover{background-color:#87beff;color:#0d1b2a}.dropdown-container{background-color:#0d1b2a;border-radius:5px;position:absolute;width:200px;z-index:9999}.dropdown-container .dropdown-wrapper{display:flex;flex-direction:column;gap:2px;margin:10px}.dropdown-container .dropdown-wrapper .red-item{color:red}.dropdown-container .dropdown-wrapper a{color:#a5abb0}.dropdown-container .dropdown-wrapper .dropdown-button{display:flex;position:relative}.dropdown-container .dropdown-wrapper .dropdown-button:hover .right-menu-dropdown{display:flex}.dropdown-container .dropdown-wrapper .dropdown-button span{width:100%}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown{background-color:#0d1b2a;bottom:-20px;display:none;flex-direction:column;gap:3px;padding:5px;position:absolute;right:-150px;width:150px}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown:hover{display:flex}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown-separator{font-size:10px;text-align:center}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown p{text-align:center}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper{display:flex;flex-direction:column;margin:0 auto;padding:5px;width:100%}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper .timeout-error{color:red;font-size:10px}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper .input-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper .input-container input{all:unset;width:80%}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper .input-container button{all:unset;display:flex}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper .input-container button svg{height:15px;width:15px}.dropdown-container .dropdown-wrapper .dropdown-button .right-menu-dropdown .input-dropdown-wrapper:hover{background-color:#1b263b}.dropdown-container .dropdown-wrapper .dropdown-button,.dropdown-container .dropdown-wrapper p{border-radius:5px;color:#a5abb0;cursor:pointer;font-size:13px;letter-spacing:1.5px;margin:0;padding:5px}.dropdown-container .dropdown-wrapper .dropdown-button:hover,.dropdown-container .dropdown-wrapper p:hover,.error-404-wrapper{background-color:#1b263b}.error-404-wrapper{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:100%;overflow:auto;text-align:center}.error-404-wrapper h2{font-size:200px;letter-spacing:7px;margin:0}.error-404-wrapper p{font-size:25px;margin:0}@media screen and (max-width:575px){.error-404-wrapper h2{font-size:100px}.error-404-wrapper p{font-size:20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}#root,body,html{border:0;display:flex;flex-direction:column;margin:0;max-height:100%;min-height:100%;padding:0}body{color:#e0e1dd;font-family:Montserrat;text-decoration:none}#root,body{flex-grow:1}@keyframes fadeIn{99%{visibility:hidden}to{visibility:visible}}[data-tooltips]{position:relative}[data-tooltips]:after{background-color:#1b263b;border-radius:5px;bottom:-30px;content:attr(data-tooltips);cursor:auto;font-size:10px;height:0;opacity:0;position:absolute;text-align:center;transition:0s;z-index:9999}[data-tooltips]:hover:after{height:auto;opacity:1;padding:5px;transition-delay:.8s}.app-container{display:flex;inset:0;position:absolute}.page-container{background-size:cover;bottom:0;display:flex;flex-flow:column;left:0;min-height:0;position:absolute;right:0;top:70px}input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}a,button{color:#e0e1dd;text-decoration:none}button{cursor:pointer}.blur-background{filter:blur(5px)}#game_anchor{background-color:#415a77;min-height:100%;overflow:auto}.err-no-datas{color:#e0e1dd;font-size:25px;text-align:center}.txt-form-error{color:red;font-size:11px;letter-spacing:1px;margin:0}.tooltip-icon-wrapper{display:flex}
/*# sourceMappingURL=main.d006d7e4.css.map*/