*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}.options-container{width:100vw;min-height:100vh;height:auto;background:#406e81;position:relative;display:flex;align-items:center;justify-content:center}.options-container h1.logo{color:#95c1d4;width:200px;display:flex;cursor:pointer;align-items:center;justify-content:center;height:60px;background:#406e81}header{width:100vw;height:60px;background:#406e81;display:flex;justify-content:space-between;position:fixed;top:0;align-items:center;left:0;padding-right:20px;z-index:1}header button{width:120px;height:35px;cursor:pointer;background:#4e839a;border:none;display:flex;align-items:center;justify-content:center;outline:none;position:relative;color:#73bbd9;transition:all .3s}header button svg{margin-right:8px}.options-container.options1 .options-pick,.options-container.options2 .options-pick{max-width:800px;width:80vw;min-height:300px;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;align-content:center;margin-top:60px}.options-container.options1 .options-pick .option,.options-container.options2 .options-pick .option{height:250px;background:#4e839a;display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;border-radius:10px;transition:all .3s}.options-container.options1 .options-pick .option:hover,.options-container.options2 .options-pick .option:hover{background:#31515f}.options-container.options1 .option h2{color:#95c1d4;font-size:35px}.options-container.options1 .option svg{color:#95c1d4;width:80px;height:80px}.options-container.options2 .options-pick{max-width:90vw;width:90vw;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.options-container.options2 .options-pick .option{height:200px}.options-container.options2 .options-pick svg{color:#95c1d4;width:50px;height:50px}.options-container.options2 .option h2{color:#95c1d4;font-size:30px}.not-available{max-width:380px;width:90vw;display:flex;flex-direction:column;align-items:center;justify-content:center;height:230px;background:#4e839a;border-radius:10px}.not-available svg{color:#95c1d4;width:60px;height:60px}.not-available h2{color:#002b3e}.not-available p{color:#565656}.main-load{position:absolute;top:52%;left:50%;font-size:26px;transform:translate(-50%,-50%);color:#95c1d4}.loading-ring{width:70px;height:70px;border-radius:50%;border:10px solid #46778c;position:relative}.loading-ring .spinner{position:absolute;top:0;transform:translate(-10px,-10px);left:0;width:calc(100% + 20px);height:calc(100% + 20px);border-radius:50%;border:10px solid #335462;border-left:10px solid transparent;border-bottom:10px solid transparent;animation:spinner 2.5s infinite linear}.online-form .loading-ring.formLoader{width:30px;height:30px;border:4px solid #46778c}.online-form .loading-ring.formLoader .spinner{border:4px solid #335462;width:30px;height:30px;border-left:4px solid transparent;border-bottom:4px solid transparent;animation:formSpinner 2.5s infinite linear;transform:translate(-4px,-4px)}.loading-ring.play-loader{width:60%;height:60%;position:absolute;top:50%;border:5px solid #46778c;left:50%;transform:translate(-50%,-50%) scale(.9)}.loading-ring.loading-ring.play-loader .spinner{position:absolute;top:0;transform:translate(-5px,-5px);left:0;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;border:5px solid #335462;border-left:5px solid transparent;border-bottom:5px solid transparent;animation:playSpinner 2.5s infinite linear}.loading-ring.loading-ring.play-loader.blue{border:5px solid #46778c}.loading-ring.loading-ring.play-loader.blue .spinner{border:5px solid #335462;border-left:5px solid transparent;border-bottom:5px solid transparent}.loading-ring.loading-ring.play-loader.red{border:5px solid #850101}.loading-ring.loading-ring.play-loader.red .spinner{border:5px solid #5f0000;border-left:5px solid transparent;border-bottom:5px solid transparent}.loading-ring.loading-ring.play-loader.green{border:5px solid #2d6c2d}.loading-ring.loading-ring.play-loader.green .spinner{border:5px solid #1f451f;border-left:5px solid transparent;border-bottom:5px solid transparent}.loading-ring.loading-ring.play-loader.yellow{border:5px solid #8f6f35}.loading-ring.loading-ring.play-loader.yellow .spinner{border:5px solid #755c2d;border-left:5px solid transparent;border-bottom:5px solid transparent}@keyframes spinner{0%{transform:translate(-10px,-10px) rotate(0)}to{transform:translate(-10px,-10px) rotate(360deg)}}@keyframes formSpinner{0%{transform:translate(-4px,-5px) rotate(0)}to{transform:translate(-4px,-5px) rotate(360deg)}}@keyframes formSpinner{0%{transform:translate(-4px,-4px) rotate(0)}to{transform:translate(-4px,-4px) rotate(360deg)}}@keyframes playSpinner{0%{transform:translate(-5px,-5px) rotate(0)}to{transform:translate(-5px,-5px) rotate(360deg)}}.options-container.lobby{display:flex;flex-direction:column;align-items:center}.lobby-grid{max-width:800px;width:90vw;min-height:400px;height:auto;background:#4e839a;margin-top:50px;border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));grid-template-rows:repeat(2,minmax(200px,1fr));grid-gap:20px;padding:10px}.lobby-grid .lobby-player{background:#73bbd9;transition:all .3s ease;display:flex;align-items:flex-end;justify-content:flex-start}.lobby-grid .lobby-player .player-color{width:50px;height:50px;background:#406e81;border-radius:50%;margin-right:10px}.lobby-grid .lobby-player .player-name-plate{display:flex;align-items:center;margin-left:30px;margin-bottom:30px}.lobby-grid .lobby-player h3.player-name{color:#365a69}.lobby-grid .lobby-player:nth-child(3) .player-color{background:#6e0101}.lobby-grid .lobby-player:nth-child(4) .player-color{background:#2d672d}.lobby-grid .lobby-player:nth-child(5) .player-color{background:#8a6c33}.lobby-grid .lobby-player.waiting{flex-direction:column;align-items:center;justify-content:center;padding:7px}.lobby-player.waiting h3{text-align:center;color:#335462;margin-top:25px}.lobby-player.waiting p{text-align:center;color:#3f6778}.lobby-grid.player0mode{opacity:0}.lobby-grid.player1mode .lobby-player:nth-child(1){grid-row:1 / 3}.lobby-grid.player1mode .lobby-player:nth-child(2){grid-row:1 / 3}.lobby-grid.player1mode .lobby-player:nth-child(3),.lobby-grid.player1mode .lobby-player:nth-child(4),.lobby-grid.player1mode .lobby-player:nth-child(5){display:none}.lobby-grid.player2mode .lobby-player:nth-child(1){grid-row:1 / 3}.lobby-grid.player2mode .lobby-player:nth-child(3){grid-row:1 / 3}.lobby-grid.player2mode .lobby-player:nth-child(2),.lobby-grid.player2mode .lobby-player:nth-child(4),.lobby-grid.player2mode .lobby-player:nth-child(5){display:none}.lobby-grid.player3mode .lobby-player:nth-child(1){grid-row:1 / 3}.lobby-grid.player3mode .lobby-player:nth-child(2),.lobby-grid.player3mode .lobby-player:nth-child(5){display:none}.lobby-grid.player4mode .lobby-player:nth-child(2){display:none}.lobby-actions{margin-top:20px;display:flex}.lobby-actions button{width:80px;height:35px;cursor:pointer;background:#4e839a;border:none;display:flex;align-items:center;justify-content:center;outline:none;position:relative;color:#73bbd9;transition:all .3s;margin:0 7px}.lobby-actions button:hover{background:#31515f}.error-dialog{width:90vw;max-width:350px;height:220px;background:#4e839a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-dialog svg{width:80px;height:80px}.error-dialog svg,.error-dialog h2,.error-dialog p{color:#2a4956}.error-dialog button{width:70px;height:30px;margin-top:10px;background:#73bbd9;border:none;outline:none;color:#2a4956;cursor:pointer}.lobby-error{display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-error svg{width:70px;height:70px;margin-bottom:10px;color:#81cded}.lobby-error h2{color:#81cded;font-size:30px}.lobby-error p{color:#81cded;font-size:20px}.lobby-error button{width:80px;height:35px;cursor:pointer;background:#4e839a;border:none;outline:none;position:relative;color:#73bbd9;transition:all .3s;margin-top:10px}@media screen and (max-width: 630px){.lobby-grid{grid-template-columns:repeat(1,minmax(400px,1fr));grid-template-rows:repeat(4,minmax(200px,1fr));margin-bottom:0}.lobby-grid.player0mode{opacity:0}.lobby-actions{margin-bottom:20px}.lobby-grid.player1mode .lobby-player:nth-child(1){grid-row:initial}.lobby-grid.player1mode .lobby-player:nth-child(2){grid-row:initial}.lobby-grid.player2mode,.lobby-grid.player1mode{grid-template-rows:repeat(2,minmax(300px,1fr));margin-top:80px}.lobby-grid.player2mode .lobby-player:nth-child(1),.lobby-grid.player3mode .lobby-player:nth-child(1){grid-row:initial}.lobby-grid.player2mode .lobby-player:nth-child(3){grid-row:initial}.lobby-grid.player3mode{grid-template-rows:repeat(3,minmax(250px,1fr));margin-top:80px}}.loading-ring.lobby-loader{width:90px;height:90px;position:relative;top:20px}.loading-ring.lobby-loader .spinner{position:absolute;top:0;transform:translate(-10px,-10px);left:0}.loading-ring.start-btn-loader{width:30px;height:30px;position:absolute;top:50%;left:50%;border:4px solid #46778c;transform:translate(-50%,-50%)}.loading-ring.start-btn-loader .spinner{border:4px solid #335462;border-left:4px solid transparent;width:calc(100% + 6px);height:calc(100% + 6px);transform:translate(-2px,-4.5px);border-bottom:4px solid transparent;animation:lobbySpinner 2.5s infinite linear}@keyframes lobbySpinner{0%{transform:translate(-3px,-3px) rotate(0)}to{transform:translate(-3px,-3px) rotate(360deg)}}.alerts{min-width:100px;width:fit-content;height:43px;position:fixed;max-width:92vw;top:50px;left:50%;transform:translate(-50%,-10px);box-shadow:0 2px 6px #00000026,0 3px 6px #00000026;z-index:2;border-radius:6px;display:flex;padding:0 15px 0 10px;transition:all .3s ease;opacity:0;align-items:center}.alerts svg{width:20px;margin-top:5px;height:20px}.alerts h5{margin-left:5px;text-align:center}.alerts.red{background:#fee6e6}.alerts.red svg{color:#800}.alerts.red h5{color:#310000}.alerts.green{background:#d4ffd4}.alerts.green svg{color:#3e943e}.alerts.green h5{color:#142d14}.alerts.blue{background:#c0ecff}.alerts.blue svg{color:#2a4f5f}.alerts.blue h5{color:#1b313a}.alerts.yellow{background:#fee9c0}.alerts.yellow svg{color:#835500}.alerts.yellow h5{color:#3c2906}.alerts.show{opacity:initial;transform:translate(-50%)}.circular-loader{border:4px solid rgba(0,0,0,.1);border-top:4px solid;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-modal{width:300px;height:300px;background:#4e839a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);pointer-events:none;opacity:0;transition:all .3s ease;box-shadow:0 2px 6px #00000026,0 3px 6px #00000026;display:flex;flex-direction:column;align-items:center}.share-modal.show{transform:translate(-50%,-50%) scale(1);pointer-events:all;opacity:initial}.share-modal h3{margin-top:10px;color:#73bbd9}.share-modal .scan{width:90%;height:170px;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:15px}.share-modal .link{width:90%;height:40px;margin-top:20px;display:flex;background:#5c94ac}.share-modal .link-text{width:calc(100% - 30px);height:30px;display:flex;overflow-y:hidden;align-items:center;padding:0 4px;font-size:14px;color:#2f4d5a;white-space:nowrap}.share-modal .link-text::-webkit-scrollbar{display:none}.share-modal .copy{width:30px;height:40px;color:#2f4d5a;cursor:pointer;display:flex;align-items:center;justify-content:center}.grid_area{width:90vw;min-width:300px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.grid_area.style_8{max-width:640px;aspect-ratio:1}.grid_area.style_6{max-width:480px;aspect-ratio:1}.grid_area.style_5{max-width:400px;aspect-ratio:1}.grid_area .row{width:100%;display:flex;margin:5px 0}@media screen and (min-width: 800px){.grid_area.style_8{scale:.8}}.box{aspect-ratio:1;margin:0 5px;background:#fff9ee;display:flex;align-items:center;justify-content:center;border-radius:7px}.box .circle{width:85%;height:85%;border-radius:50%;transition:all .3s;position:relative}.box .circle.circle0{width:100%;height:100%;border-radius:0;background:transparent}.dots{width:16%;min-width:4.5px;aspect-ratio:1;background:#fff;position:absolute;border-radius:50%;opacity:0}.dots:nth-child(1){top:33%;left:33%}.dots:nth-child(2){top:33%;right:33%}.dots:nth-child(3){bottom:33%;right:33%}.dots:nth-child(4){bottom:33%;left:33%}.box.cir4 .dots:nth-child(1),.box.cir5 .dots:nth-child(1){top:25%;display:flex;left:25%;opacity:initial;transition:all .3s ease}.box.cir4 .dots:nth-child(2),.box.cir5 .dots:nth-child(2){top:25%;right:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir4 .dots:nth-child(3),.box.cir5 .dots:nth-child(3){bottom:25%;right:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir4 .dots:nth-child(4),.box.cir5 .dots:nth-child(4){bottom:25%;left:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir3 .dots:nth-child(1){top:32%;left:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir3 .dots:nth-child(2){top:32%;right:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir3 .dots:nth-child(3){bottom:18%;left:50%;display:flex;opacity:initial;transform:translate(-50%,-50%);transition:all .3s ease}.box.cir3 .dots:nth-child(4){bottom:25%;left:25%;opacity:0}.box.cir2 .dots:nth-child(1){top:50%;transform:translateY(-50%);left:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir2 .dots:nth-child(2){top:50%;transform:translateY(-50%);right:25%;display:flex;opacity:initial;transition:all .3s ease}.box.cir2 .dots:nth-child(3){opacity:0}.box.cir2 .dots:nth-child(4){opacity:0}.box.cir1 .dots:nth-child(1){top:50%;transform:translate(-50%,-50%);left:50%;display:flex;opacity:initial;transition:all .3s ease}.box.cir1 .dots:nth-child(2){opacity:0}.box.cir1 .dots:nth-child(3){opacity:0}.box.cir1 .dots:nth-child(4){opacity:0}.box.bx-blue .circle{background:#599cb6}.box.bx-red .circle{background:#a10000}.box.bx-green .circle{background:#3e943e}.box.bx-yellow .circle{background:#c19647}.box.bx-blue-red .circle,.box.bx-red-blue .circle{background:linear-gradient(45deg,#599cb6 49.5%,#a10000 50.5%)}.box.bx-blue-green .circle,.box.bx-green-blue .circle{background:linear-gradient(45deg,#599cb6 49.5%,#3e943e 50.5%)}.box.bx-blue-yellow .circle,.box.bx-yellow-blue .circle{background:linear-gradient(45deg,#599cb6 49.5%,#c19647 50.5%)}.box.bx-red-yellow .circle,.box.bx-yellow-red .circle{background:linear-gradient(45deg,#a10000 49.5%,#c19647 50.5%)}.box.bx-red-green .circle,.box.bx-green-red .circle{background:linear-gradient(45deg,#a10000 49.5%,#3e943e 50.5%)}.box.bx-green-yellow .circle,.box.bx-yellow-green .circle{background:linear-gradient(45deg,#3e943e 49.5%,#c19647 50.5%)}.loader{width:100vw;height:100vh;background:#599cb6;position:fixed;top:0;left:0;display:flex;align-items:center;transition:all .3s;justify-content:center}.loader.fade{transition-duration:.3s;opacity:0}.box.fade{scale:1.5;opacity:0}.loader.load1{background:#406e81}.loader.load2{background:#a10000}.loader.load3{background:#3e943e}.loader.load4{background:#c19647}.loader.load5{background:#406e81}.loader .box{transition:all .3s ease}.loader .box.cir5 .dots{opacity:initial}.loader .box.cir1{transform:rotate(0)}.loader .box.cir2{transform:rotate(45deg)}.loader .box.cir3{transform:rotate(90deg)}.loader .box.cir4{transform:rotate(135deg)}.loader .box.cir5{transform:rotate(180deg)}.loader .box.cir1 .circle{background:#599cb6}.loader .box.cir2 .circle{background:red}.loader .box.cir3 .circle{background:#76e776}.loader .box.cir4 .circle{background:#ffce72}.loader .box.cir5 .circle{transform:rotate(180deg);background:#599cb6}.loader .box.cir5 .dots:nth-child(1){top:25%;display:flex;left:25%;opacity:initial;transition:all .3s ease}.loader .box.cir5 .dots:nth-child(2){top:25%;right:25%;display:flex;opacity:initial;transition:all .3s ease}.loader .box.cir5 .dots:nth-child(3){bottom:25%;right:25%;display:flex;opacity:initial;transition:all .3s ease}.loader .box.cir5 .dots:nth-child(4){bottom:25%;left:25%;display:flex;opacity:initial;transition:all .3s ease}.results{width:100vw;min-height:100vh;height:auto;background:#000c;position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;opacity:initial;transition:all .3s ease}.results.fade{opacity:0}.results-grid{max-width:450px;width:100vw;min-height:500px;height:auto;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));grid-template-rows:repeat(2,minmax(200px,1fr));margin-top:50px}.results-player{border-radius:5px;display:flex;align-items:center;flex-direction:column;justify-content:center}.results-player .position{width:100px;height:100px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.results-player .position h5{font-size:20px;color:#f0f8ff;transform:translateY(10px);opacity:0;transition:all .5s ease}.results-player.show h5,.results-player.show p{transform:translateY(0);opacity:initial}.results-player.player-blue{background:#599cb699}.results-player.player-blue .position{background-color:#223b4699}.results-player.player-red{background:#a1000099}.results-player.player-red .position{background:#37040499}.results-player.player-green{background:#3e943e99}.results-player.player-green .position{background:#16351699}.results-player.player-yellow{background:#c1964799}.results-player.player-yellow .position{background:#4e3c1b99}.results-grid.player3mode .results-player:nth-child(4),.results-grid.player2mode .results-player:nth-child(4),.results-grid.player2mode .results-player:nth-child(3){display:none}.results-grid.player3mode .results-player:nth-child(1){grid-column:1 / 3}.results-grid.player2mode .results-player:nth-child(1),.results-grid.player2mode .results-player:nth-child(2){grid-column:1 / 3}.results .position.twoVtwo{background:#00000080}.results-actions{margin-top:50px}.results-actions button{padding:0 10px;height:30px;margin:10px;border:none;outline:none;color:#fff;cursor:pointer}.results-actions button:nth-child(1){background:#3e943e99}.results-actions button:nth-child(2){background:#a1000099}.results-player.player-blue-red,.results-player.player-red-blue{background:linear-gradient(45deg,#599cb699 49.5%,#a1000099 50.5%)}.results-player.player-blue-green,.results-player.player-green-blue{background:linear-gradient(45deg,#599cb699 49.5%,#3e943e99 50.5%)}.results-player.player-blue-yellow,.results-player.player-yellow-blue{background:linear-gradient(45deg,#599cb699 49.5%,#c1964799 50.5%)}.results-player.player-red-green,.results-player.player-green-red{background:linear-gradient(45deg,#a1000099 49.5%,#3e943e99 50.5%)}.results-player.player-red-yellow,.results-player.player-yellow-red{background:linear-gradient(45deg,#a1000099 49.5%,#c1964799 50.5%)}.results-player.player-green-yellow,.results-player.player-yellow-green{background:linear-gradient(45deg,#3e943e99 49.5%,#c1964799 50.5%)}.results.online{background:#000}.result-p-name{color:#fff;margin-top:10px;font-weight:700;transform:translateY(10px);opacity:0;transition:all .1s ease}@media screen and (max-width: 400px){.results-grid.player2mode,.results-grid.player3mode,.results-grid.player4mode{grid-template-columns:1fr}.results-grid.player2mode{grid-template-rows:repeat(2,minmax(150px,1fr));display:grid}.results-grid.player3mode{grid-template-rows:repeat(3,minmax(150px,1fr))}.results-grid.player4mode{grid-template-rows:repeat(4,minmax(150px,1fr))}.results-grid.player3mode .results-player:nth-child(1){grid-column:initial}}.game-error{width:100vw;height:100vh;position:absolute;top:0;left:0;background:#406e81;display:flex;align-items:center;justify-content:center}.game-error .error-box{width:400px;height:270px;background:#31515f;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#95c1d4}.game-error .error-box svg{width:80px;height:80px}.game-error .error-box h3{font-size:26px}.game-error .error-box button{padding:0 10px;height:30px;margin-top:20px;border:none;outline:none;border-radius:5px;background:#95c1d4;color:#295264;cursor:pointer}.game-container{width:100vw;min-height:100vh;background:#406e81;pointer-events:all;display:flex;align-items:center;justify-content:center;transition:all .3s}.game-container.blue{background:#406e81}.game-container.red{background:#a10000}.game-container.green{background:#3e943e}.game-container.yellow{background:#c19647}.game-container.inactive{pointer-events:none}.game-heading{position:fixed;top:0;left:0;z-index:1;width:100vw;height:47px;display:flex;align-items:center;justify-content:space-between}.game-heading .users{width:45px;height:30px;margin-right:10px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#303030;cursor:pointer}.game-heading .users svg{margin-right:3px}.game-heading .github svg{margin-left:10px;width:30px;height:30px;cursor:pointer}.game-heading.blue{background:#406e81}.game-heading.blue .users{background:#cdf0ff}.game-heading.blue .github svg{color:#cdf0ff}.game-heading.red{background:#a10000}.game-heading.red .users{background:#ffd4d4}.game-heading.red .github svg{color:#f7b5b5}.game-heading.green{background:#3e943e}.game-heading.green .users{background:#d7ffd7}.game-heading.green .github svg{color:#aff5af}.game-heading.yellow{background:#c19647}.game-heading.yellow .users{background:#fff0d3}.game-heading.yellow .github svg{color:#f8dfb0}.game-heading .github svg:hover{color:#2d2d2d}.timer{position:absolute;top:0;left:0;width:100%;height:10px;display:flex;align-items:center;background:#0006}.timer .progress{height:50%;border-radius:0 10px 10px 0;transition:all .3s linear}.game-heading.blue .timer .progress{background:#9bdffc}.game-heading.red .timer .progress{background:red}.game-heading.yellow .timer .progress{background:#ffa600}.game-heading.green .timer .progress{background:#5eff5e}.userlist-modal{width:270px;height:350px;background:#000000b3;position:absolute;top:50%;border-radius:10px;left:50%;transition:all .2s ease;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7)}.userlist-heading{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center}.userlist-heading h2{color:#fff;font-size:21px;margin-top:10px}.userlist-modal .users-list{width:100%;height:fit-content;margin-top:30px;min-height:200px}.userlist-modal .user{width:100%;height:55px;border-top:1px solid #fff;display:flex;align-items:center}.userlist-modal .user:last-child{border-bottom:1px solid #fff}.userlist-modal .user .circle{width:47px;height:47px;border-radius:50%;opacity:.8;margin:0 7px 0 15px}.userlist-modal .user-text{flex:1;display:flex;flex-direction:column;justify-content:center;height:100%}.userlist-modal .user-text h3{font-size:20px;color:#fff}.userlist-modal .user-text h6{font-size:13px;color:green}.userlist-modal .userlist-actions{width:100%;height:60px;display:flex;align-items:center;justify-content:center}.userlist-modal .userlist-actions button{margin:0 10px;padding:0 10px;height:32px;display:flex;align-items:center;outline:none;border:none}.userlist-modal .userlist-actions button:nth-child(1){color:red;background:#fff}.userlist-modal .userlist-actions button:nth-child(2){color:#fff;background:red}.userlist-modal.show{opacity:initial;transform:translate(-50%,-50%) scale(1);pointer-events:all}.options-container.online-form form h2{color:#95c1d4;font-size:45px}.options-container.online-form form{display:flex;flex-direction:column;justify-content:center;align-items:center}.options-container.online-form form .input-field{width:350px;height:50px;background:#4e839a;border-radius:5px;margin-top:20px;display:flex}.options-container.online-form form .input-field input{width:100%;height:100%;background:transparent;border-radius:5px;outline:none;border:none;padding-left:10px;font-size:17px;color:#95c1d4}.options-container.online-form .input-field input::placeholder{color:#95c1d4}.options-container.online-form form button{width:100px;height:40px;background:#4e839a;border:none;outline:none;color:#95c1d4;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s ease;border-radius:5px}.options-container.online-form form button:hover{background:#31515f}.options-container.online-form form.room-form input{width:calc(100% - 50px)}.options-container.online-form .room-form .create-btn{width:50px;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.options-container.online-form .room-form .create-btn:hover{cursor:pointer;background:#31515f;border-radius:0 5px 5px 0}.options-container.online-form .room-form .create-btn svg{color:#95c1d4;width:20px;height:20px}.server-wait-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;animation:animate 20s infinite linear;justify-content:center}.server-wait-container h1{font-size:50px;font-weight:300}.server-wait-container .buttons{margin-top:20px;display:flex}.server-wait-container button{width:100px;height:35px;cursor:pointer;background:transparent;border:none;display:flex;align-items:center;justify-content:center;font-size:17px;outline:none;position:relative;color:#73bbd9;transition:all .3s;margin:0 7px}@keyframes animate{0%{background:#406e81;color:#25414d}50%{background:#25414d;color:#5b9dba}to{background:#406e81;color:#25414d}}.online-results{width:100vw;min-height:100vh;height:auto;background:#000}