.form-floating-label[data-v-38be09fc]{position:absolute;top:0;left:5px;padding:0 5px;background-color:#fff;color:#252628;border:1px solid #b47afd;font-size:10px;font-weight:700;opacity:0;z-index:6;transition:all .1s ease-in}.form-floating-label.visible[data-v-38be09fc]{top:-8px;opacity:1}.form-input-error[data-v-c4da1930]{position:absolute;font-size:11px;color:#ff5e59}.form-input[data-v-75660e61]{position:relative;margin-bottom:18px}.form-input .form-control[data-v-75660e61]{display:block;width:100%;padding:10px;border-radius:0;background-color:#fff;border:1px solid #e0e0e0;font-size:inherit;font-family:Arial;box-sizing:border-box;resize:none;transition:all .3s}.form-input .form-control.dark[data-v-75660e61]{background-color:#35393e;border-color:#b3b3b3;color:#fff}.form-input .form-control[data-v-75660e61]:focus{box-shadow:none;border-color:#b47afd}.form-input .form-control.monospaced[data-v-75660e61]{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px}.form-input .form-control.has-error[data-v-75660e61]{border-color:#ff5e59}.form-input .form-control[data-v-75660e61]:disabled{cursor:not-allowed;opacity:.7}.form-input textarea.form-control[data-v-75660e61]{padding:10px}.form-file-input[data-v-094256d6]{position:relative;padding-bottom:15px}.form-file-input .browse-btn[data-v-094256d6]{display:block;width:100%}.form-file-input .browse-btn .fa-file-upload[data-v-094256d6]{margin-right:5px;margin-top:-3px}.form-file-input input[data-v-094256d6]{display:none}.form-file-input .form-input-error[data-v-094256d6]{width:100%;text-align:center}.form-button[data-v-95b12540]{padding:10px 15px;border:1px solid transparent;background-color:#b47afd;color:#fff;transition:all .4s ease-in-out;font-size:16px;cursor:pointer}.form-button.active[data-v-95b12540],.form-button[data-v-95b12540]:active,.form-button[data-v-95b12540]:focus,.form-button[data-v-95b12540]:hover{background-color:#8a2ffc}.form-button[data-v-95b12540]:disabled{background-color:#dfc5fe;cursor:not-allowed}.form-button[data-v-95b12540]:disabled:hover{background-color:#dfc5fe}.form-button.outline[data-v-95b12540]{background-color:#fff;color:#b47afd;border:1px solid #b47afd}.form-button.outline.active[data-v-95b12540],.form-button.outline[data-v-95b12540]:active,.form-button.outline[data-v-95b12540]:focus,.form-button.outline[data-v-95b12540]:hover{background-color:#b47afd;color:#fff}.form-button.transparent[data-v-95b12540]{background-color:transparent;color:#b47afd;opacity:.8}.form-button.transparent.active[data-v-95b12540],.form-button.transparent[data-v-95b12540]:hover{background-color:#7a7a7a;opacity:1}.form-button.success[data-v-95b12540]{background-color:#43b581}.form-button.success.active[data-v-95b12540],.form-button.success[data-v-95b12540]:active,.form-button.success[data-v-95b12540]:focus,.form-button.success[data-v-95b12540]:hover{background-color:#2e7d59}.form-button.danger[data-v-95b12540]{background-color:#ff5e59}.form-button.danger.active[data-v-95b12540],.form-button.danger[data-v-95b12540]:active,.form-button.danger[data-v-95b12540]:focus,.form-button.danger[data-v-95b12540]:hover{background-color:#ff140d}.form-button>svg[data-v-95b12540]{margin-right:3px}.form-switch[data-v-c03f1224]{margin-bottom:10px}.form-switch .inner-wrapper[data-v-c03f1224]{display:inline-flex;align-items:center;cursor:pointer}.form-switch .inner-wrapper .switch-wrapper[data-v-c03f1224]{position:relative;margin-right:5px;height:17px;width:30px;border-radius:10px;border:1px solid #2f3136;transition:.5s ease}.form-switch .inner-wrapper .switch-wrapper .ball[data-v-c03f1224]{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:100%;background-color:#2f3136;transition:.5s ease}.form-switch.active .switch-wrapper[data-v-c03f1224]{background-color:#43b581;border-color:#43b581}.form-switch.active .switch-wrapper .ball[data-v-c03f1224]{left:15px;background-color:#fff}.form-select .form-select-label[data-v-d8823c38]{margin-bottom:5px;font-size:14px;font-weight:700}.form-select select[data-v-d8823c38]{display:block;width:100%;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:0;font-size:16px}.form-select select[data-v-d8823c38]:focus{box-shadow:none;border-color:#b47afd}.form-select.capitalize select[data-v-d8823c38]{text-transform:capitalize}.bold{font-weight:700}.color-black{color:#1b1b1b}.background-color-black{background-color:#1b1b1b}.color-white{color:#fff}.background-color-white{background-color:#fff}.color-red{color:#ff5e59}.background-color-red{background-color:#ff5e59}.color-purple{color:#b47afd}.background-color-purple{background-color:#b47afd}.color-green{color:#43b581}.background-color-green{background-color:#43b581}.color-pink{color:#ff88de}.background-color-pink{background-color:#ff88de}.color-orange{color:#ffa78b}.background-color-orange{background-color:#ffa78b}.color-blue{color:#7289da}.background-color-blue{background-color:#7289da}.color-yellow{color:#f7b629}.background-color-yellow{background-color:#f7b629}.color-brown{color:#7b5804}.background-color-brown{background-color:#7b5804}.color-gray{color:#35393e}.background-color-gray{background-color:#35393e}.color-gray-light{color:#7a7a7a}.background-color-gray-light{background-color:#7a7a7a}.tabs-component{border-left:3px solid #b47afd;border-right:3px solid #b47afd;border-bottom:3px solid #b47afd}.tabs-component .tabs-component-tabs{margin:0;padding:0;border:0;align-items:stretch;display:flex;justify-content:flex-start}.tabs-component .tabs-component-tab{flex:1;border:none;border-top:3px solid #b47afd;background-color:#b47afd;color:#d9d9d9;font-size:14px;font-weight:600;list-style:none;transition:transform .3s ease}.tabs-component .tabs-component-tab:hover{color:#fff}.tabs-component .tabs-component-tab.is-active{color:#fff;background-color:#35393e;z-index:2}.tabs-component .tabs-component-tab.is-disabled *{color:grey;cursor:not-allowed!important}.tabs-component .tabs-component-tab .tabs-component-tab-a{align-items:center;justify-content:center;color:inherit;display:flex;padding:10px 15px;text-decoration:none}.tabs-component .tabs-component-panels{border-top-left-radius:0;background-color:#35393e;padding:20px}.tabs-component.light{border-left:3px solid #e0e0e0;border-right:3px solid #e0e0e0;border-bottom:3px solid #e0e0e0}.tabs-component.light .tabs-component-tab{border-top:3px solid #e0e0e0;background-color:#e0e0e0;color:#4a4c50}.tabs-component.light .tabs-component-tab.is-active{color:#252628;background-color:#fff}.tabs-component.light .tabs-component-tab:hover{color:#252628}.tabs-component.light .tabs-component-panels{background-color:#fff}.toasted.toasted-primary{padding:15px}.toasted.toasted-primary a.action.icon{padding:0;margin-right:0;color:#fff;opacity:.7}.toasted.toasted-primary a.action.icon>svg{font-size:20px}.toasted.toasted-primary a.action.icon:hover{opacity:1}.toasted>svg:first-child{margin-right:10px}.vm--overlay{background:rgba(27,27,27,.5)}.vm--modal{border-radius:0;border:1px solid #7a7a7a}.vm--modal .header{padding:10px;background-color:#252628;color:#fff;font-weight:700}.vm--modal .header .close-btn{float:right;padding:0 5px;color:#fff}.vm--modal .header .close-btn svg{margin:0}.vm--modal .header .close-btn:hover{background-color:#35393e}.vm--modal .content{padding:10px;color:#252628}.vm--modal .content .buttons-wrapper,.vm--modal .content.center{text-align:center}.vm--modal .content .buttons-wrapper .form-button+.form-button{margin-left:5px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background-color:#252628;font-family:Arial;color:#fff;overscroll-behavior-y:contain}body :focus{outline:none}body ::-moz-focus-inner{border:0}body input{filter:none}body button:focus{outline:none}body a{color:#b47afd}body #app{display:flex;flex-direction:column;height:100vh}.login-form .form-button,.signup-form .form-button{display:block;margin:auto;margin-top:20px}.authentication-page .logo{display:block;margin:auto;margin-top:30px;width:350px}.authentication-page .tabs-wrapper{margin:auto;margin-top:30px;width:70%;max-width:500px}@media (max-width:700px){.authentication-page .logo{width:55%}.authentication-page .tabs-wrapper{padding:0 10px;width:100%}}@media (max-width:400px){.authentication-page .logo{width:50%}}.loading-indicator{display:flex;width:100%;height:100%}.loading-indicator .loading-image{display:block;margin:auto}.loading-indicator.full-screen{position:absolute;top:0;left:0;height:100vh;background-color:#2f3136;z-index:9999}.level-indicator[data-v-3bd2a0d6]{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100%;vertical-align:middle;border:2px solid #b47afd;color:#fff;background-color:#35393e;font-weight:700}.level-indicator .level-label[data-v-3bd2a0d6]{margin-top:4px;font-size:9px}.level-indicator .level[data-v-3bd2a0d6]{font-size:13px}.user-avatar[data-v-6668f908]{position:relative;display:inline-block}.user-avatar .avatar-image[data-v-6668f908]{border-radius:100%;vertical-align:middle}.user-avatar.show-status.circle[data-v-6668f908]:after{position:absolute;bottom:-2px;right:-2px;content:"";width:15px;height:15px;width:37.5%;height:37.5%;background-color:#7a7a7a;border:2px solid #35393e;border-radius:100%;pointer-events:none}.user-avatar.show-status.circle.online[data-v-6668f908]:after{background-color:#43b581}.user-avatar.show-status.circle.offline[data-v-6668f908]:after{background-color:#7a7a7a}.user-avatar.show-status.circle.busy[data-v-6668f908]:after,.user-avatar.show-status.circle.matchmaking[data-v-6668f908]:after{background-color:#ff5e59}.user-avatar.show-status.border .avatar-image[data-v-6668f908]{border:4px solid #7a7a7a}.user-avatar.show-status.border.online .avatar-image[data-v-6668f908]{border-color:#43b581}.user-avatar.show-status.border.offline .avatar-image[data-v-6668f908]{border-color:#7a7a7a}.user-avatar.show-status.border.busy .avatar-image[data-v-6668f908],.user-avatar.show-status.border.matchmaking .avatar-image[data-v-6668f908]{border-color:#ff5e59}.ragequit-indicator{color:#7b5804}.colored-username{font-size:16px;font-weight:700;cursor:pointer;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.users-list-item{display:flex;padding:10px;cursor:pointer}.users-list-item .user-info{display:flex;flex-direction:column;justify-content:center;padding-left:10px;color:#b3b3b3;overflow-x:hidden}.users-list-item .user-info .status{font-size:14px}.users-list-item:hover{background-color:#35393e}.users-list-item:hover .user-info{color:#fff}.users-list{height:100%;width:250px;background-color:#2f3136;overflow-y:auto}.message-timestamp.right[data-v-35c5ef86]{text-align:right}.message-timestamp span[data-v-35c5ef86]{font-size:13px;font-weight:700;color:#7a7a7a;cursor:default}.message{display:flex;padding:10px 15px}.message:hover{background-color:#34363b}.message .avatar-wrapper{text-align:center}.message .avatar-wrapper .user-avatar{cursor:pointer}.message .message-wrapper{margin-left:10px;flex:1}.message .message-wrapper .message-header{display:flex}.message .message-wrapper .message-header .message-timestamp{margin-left:5px}.message .message-wrapper .message-content{margin-top:3px;color:#fff;word-break:break-word}.messages-list[data-v-26e85bf1]{flex:1;display:flex;flex-direction:column-reverse;overflow-y:auto}.emoji-picker{position:relative;display:inline-block}.emoji-picker .form-button.emoticons-btn{color:#f7b629}.emoji-picker .emoji-mart{position:absolute;left:0;bottom:40px;z-index:2}.chat-controls{display:flex;padding:5px 10px;background-color:#2f3136;border-right:1px solid #252628}.chat-controls .message-input{flex:1;margin:0;font-size:16px}.chat-controls .message-input textarea{resize:none}.chat-controls .controls-wrapper{margin-left:5px}.chat-controls .controls-wrapper .form-button.transparent:hover{background-color:#35393e}.chat-controls .controls-wrapper .send-btn{float:right}.chat{display:flex;flex-direction:column;background-color:#35393e}.dropdown-menu[data-v-35a5f8eb]{position:relative}.dropdown-menu .dropdown-trigger[data-v-35a5f8eb]{display:flex}.dropdown-menu .actions[data-v-35a5f8eb]{position:absolute;margin-top:3px;right:0;padding:5px 0;min-width:200px;background-color:#fff;text-align:left;z-index:5;border:1px solid #35393e;border-radius:3px;color:#252628}.dropdown-menu .actions[data-v-35a5f8eb]:before{content:"";position:absolute;width:0;height:0;top:-24px;right:12px;border:12px solid transparent;border-bottom:12px solid #fff;pointer-events:none;filter:drop-shadow(0 -1px 0 #35393e)}.dropdown-menu .actions>div[data-v-35a5f8eb]{padding:10px;cursor:pointer}.dropdown-menu .actions>div[data-v-35a5f8eb]:hover{background-color:#b3b3b3}.dropdown-menu.right .actions[data-v-35a5f8eb]{right:auto;left:0}.dropdown-menu.right .actions[data-v-35a5f8eb]:before{right:auto;left:12px}.play-button[data-v-0e036071]{display:inline-flex}.play-button .loading-image[data-v-0e036071]{width:35px;margin-right:10px}.play-button .action[data-v-0e036071]{display:none}.play-button .action.long[data-v-0e036071]{display:inline}.play-button .arrow-btn[data-v-0e036071]{padding:10px 5px;margin-left:1px}.play-button .arrow-btn svg[data-v-0e036071]{margin:0}.play-button .dropdown-menu[data-v-0e036071] .actions{margin-top:0}.play-button .dropdown-menu[data-v-0e036071] .actions:before{display:none}@media (max-width:700px){.play-button>.form-button[data-v-0e036071]{padding:10px}.play-button .action[data-v-0e036071]{display:inline}.play-button .action.long[data-v-0e036071]{display:none}}.user-menu[data-v-061f84ef] .menu-btn{color:#fff}.user-menu[data-v-061f84ef] .menu-btn:hover{background-color:#2f3136}.dynamic-icon.inline[data-v-00b6c6d1]{display:inline}.dynamic-icon.block[data-v-00b6c6d1]{display:block}.dynamic-icon.inline-block[data-v-00b6c6d1]{display:inline-block}.toggle-chat-button[data-v-fb8040ce]{position:absolute;top:15px;right:20px;padding:10px 13px;border-radius:100%;font-size:25px;z-index:2}.toggle-chat-button[data-v-fb8040ce] .dynamic-icon svg{margin:0;width:25px;height:25px}.timeout-countdown{padding:15px 0;font-size:18px;text-align:center;font-weight:700}.game-settings-summary[data-v-0dc377b6]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px;padding-top:15px;background-color:#f2f2f2;border-radius:5px}.game-settings-summary .game-settings-item[data-v-0dc377b6]{width:48%;margin-bottom:15px;text-align:center}.game-settings-summary .game-settings-item .label[data-v-0dc377b6]{font-size:14px;font-weight:700}.game-settings-summary .game-settings-item .value[data-v-0dc377b6]{margin-top:5px;color:#ff5e59;text-transform:capitalize}.game-settings-summary .game-settings-item .value.default[data-v-0dc377b6]{color:#252628}.challenge-modal .content .challenge-text[data-v-0ec6dff3]{padding:10px 0;font-size:20px}.game-settings[data-v-6de01464]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;padding:15px;background-color:#f2f2f2;border-radius:5px}.game-settings .form-select[data-v-6de01464]{width:48%;margin-bottom:15px}.challenge-settings-modal .content .challenge-message-sent[data-v-79900ea1],.challenge-settings-modal .content .challenge-message[data-v-79900ea1]{text-align:center;font-size:20px}.challenge-settings-modal .content .challenge-message[data-v-79900ea1]{padding:10px 0}.challenge-settings-modal .content .challenge-message-sent[data-v-79900ea1]{padding-top:10px}.matchmaking-pending-modal .content .matchmaking-text{padding:10px 0;margin-bottom:5px;font-size:20px}.chart-legend{display:flex;flex-direction:column;justify-content:center}.chart-legend .legend-item{display:flex;padding:3px;margin-right:3px}.chart-legend .legend-item .item-color{margin-right:5px;width:20px;height:20px;border-radius:100%}.generic-game-stats-chart .chart-title{margin:10px 0;font-size:18px;text-align:center}.generic-game-stats-chart .chart-wrapper{display:flex;justify-content:center}.generic-game-stats-chart .chart-wrapper .chart{width:100%;max-width:220px}.generic-game-stats-chart .chart-wrapper .chart-legend{margin-left:15px}@media (max-width:400px){.generic-game-stats-chart .chart-wrapper{flex-direction:column;align-items:center}.generic-game-stats-chart .chart-wrapper .chart{order:2}.generic-game-stats-chart .chart-wrapper .chart-legend{flex-direction:row;margin:5px 0}}.level-label[data-v-7a78e8f8]{display:inline-block;margin:0 5px;padding:3px;border-radius:5px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 2px #1b1b1b}.experience-bar{padding:10px 0}.experience-bar .bar-title{margin-bottom:3px;text-align:center}.experience-bar .inner-wrapper{display:flex;align-items:center}.experience-bar .inner-wrapper .level{display:flex;justify-content:center;align-items:center;width:40px;height:40px;text-align:center;background-color:#b47afd;color:#fff;font-weight:700;border:1px solid #fff;border-radius:100%;z-index:1}.experience-bar .inner-wrapper .bar-wrapper{flex:1;position:relative;padding:0 15px;height:24px;margin-left:-19px;margin-right:-19px;border:1px solid #b47afd;text-align:center;background-color:#e7d4fe}.experience-bar .inner-wrapper .bar-wrapper .fill-text{position:absolute;left:0;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff}.experience-bar .inner-wrapper .bar-wrapper .fill{height:100%;background-color:#b47afd}.challenge-button[data-v-7b8d9ffe]{display:inline-flex}.challenge-button .arrow-btn[data-v-7b8d9ffe]{padding:10px 5px;margin-left:1px}.challenge-button .arrow-btn svg[data-v-7b8d9ffe]{margin:0}.challenge-button .dropdown-menu[data-v-7b8d9ffe] .actions{margin-top:0}.challenge-button .dropdown-menu[data-v-7b8d9ffe] .actions:before{display:none}.profile-tab{text-align:center}.profile-tab .user-avatar{margin:10px auto}.profile-tab .username-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:20px;font-weight:700}.profile-tab .ragequit-indicator{margin-left:5px}.profile-tab .bio,.profile-tab .experience-bar{margin-bottom:20px}.profile-tab .buttons-wrapper{margin-top:10px}.game-history-item{position:relative;margin-bottom:8px;border-radius:5px;box-shadow:1px 3px 3px #b3b3b3;border:10px solid #ff5e59;border-bottom-width:5px}.game-history-item:after{content:"";position:absolute;left:0;top:0;border-style:solid;border-width:40px 40px 0 0;border-color:#ff5e59 transparent transparent transparent}.game-history-item.winner{border-color:#43b581}.game-history-item.winner:after{border-top-color:#43b581}.game-history-item.winner .game-footer{background-color:#43b581}.game-history-item.ragequit{border-color:#ff88de}.game-history-item.ragequit:after{border-top-color:#ff88de}.game-history-item.ragequit .game-footer{background-color:#ff88de}.game-history-item .inner-wrapper{padding:5px 10px 10px 10px}.game-history-item .players-wrapper{display:flex}.game-history-item .players-wrapper .player-item{flex:1;text-align:center;overflow-x:hidden}.game-history-item .players-wrapper .player-item:first-child{order:2}.game-history-item .players-wrapper .player-item .username-wrapper{font-size:20px}.game-history-item .players-wrapper .player-item .username-wrapper .username{padding-bottom:5px;border-bottom:2px solid #e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.game-history-item .players-wrapper .player-item .username-wrapper .username .user-avatar{margin-right:5px}.game-history-item .players-wrapper .player-item .score{margin-top:5px;font-size:18px}.game-history-item .players-wrapper .vs{display:flex;padding:0 20px;align-items:center;justify-content:center;font-size:18px}.game-history-item .game-type-icon-wrapper{position:absolute;left:-3px;top:-3px;font-size:20px;color:#fff;z-index:1}.game-history-item .result-icon-wrapper{padding:5px;text-align:center;font-size:26px}.game-history-item .game-footer{display:flex;justify-content:space-between;padding-top:5px;color:#fff;background-color:#ff5e59;font-size:15px}.game-history-item .game-footer .footer-item{display:flex;align-items:center}.game-history-item .game-footer .footer-item svg{margin-right:4px}.pagination[data-v-784fc47e]{display:flex;justify-content:center;margin:15px 0}.pagination button[data-v-784fc47e]{margin:0 1px;padding:6px 12px;font-size:15px;font-weight:700;border-radius:5px}.pagination button.btn-arrow[data-v-784fc47e]{margin-top:-1px;font-size:18px;padding:0 12px}.pagination button>svg[data-v-784fc47e]{margin:-2px 0 0 0}.no-data[data-v-f67c6842]{padding:50px 20px;text-align:center;font-size:18px}.user-profile-modal .vm--container{z-index:998}.user-profile-modal .vm--modal{overflow:unset}.user-profile-modal .content{padding:5px}.user-profile-modal .content .tabs-component-panels{padding:10px}.upload-image-preview[data-v-ce703a10]{position:relative;border-radius:100%;border:2px solid transparent;overflow:hidden;cursor:pointer}.upload-image-preview:hover .overlay[data-v-ce703a10]{height:100px;padding-top:40px}.upload-image-preview.error[data-v-ce703a10]{border-color:#ff5e59}.upload-image-preview .image[data-v-ce703a10]{width:100px;height:100px;border-radius:0;margin-top:0}.upload-image-preview .overlay[data-v-ce703a10]{position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:30px;padding-top:5px;text-align:center;background-color:rgba(37,38,40,.5);transition:all .2s ease-in}.upload-image-preview .overlay .fa-camera[data-v-ce703a10]{font-size:20px;color:#fff}.edit-profile-modal .vm--container{z-index:998}.edit-profile-modal .content .avatar-wrapper{display:flex;flex-direction:column;justify-content:center}.edit-profile-modal .content .avatar-wrapper .upload-image-preview{margin:auto;width:100px;height:100px}.edit-profile-modal .content .avatar-wrapper .avatar-hint{margin-top:5px;margin-bottom:10px;font-size:10px;text-align:center;font-style:italic}.edit-profile-modal .content .buttons-wrapper{margin-top:15px}.control-input[data-v-688a6189]{margin-bottom:0}.control-input[data-v-688a6189] .form-control{text-transform:uppercase}.game-settings-modal .content{padding:5px}.game-settings-modal .content .tabs-component-panels{padding:10px}.game-settings-modal .content .controls-table{margin-bottom:5px;width:100%}.game-settings-modal .content .controls-table thead td{padding-bottom:10px;text-align:center;font-weight:700}.game-settings-modal .content .controls-table tbody td{padding-bottom:5px}.game-settings-modal .content .controls-table tbody td:first-child{padding-left:10px;padding-right:10px;text-align:center;text-transform:uppercase}.game-settings-modal .content .buttons-wrapper{padding:5px}.game-settings-modal .content .buttons-wrapper .form-button{min-width:70px}.lobby-page{height:100%}.lobby-page .page-header{display:flex;height:72px;padding:15px;background-color:#252628}.lobby-page .page-header .column{flex:1}.lobby-page .page-header .logo{display:block;margin:auto;margin-top:-2px;width:135px}.lobby-page .page-header .logo.small{display:none;margin-top:3px;width:82px}.lobby-page .page-header .user-menu{float:right}.lobby-page .content-wrapper{position:relative;display:flex;flex:1;height:calc(100% - 72px)}.lobby-page .content-wrapper .toggle-chat-button{display:none}.lobby-page .content-wrapper .chat{flex:1}@media (max-width:700px){.lobby-page .content-wrapper{flex-direction:column}.lobby-page .content-wrapper .toggle-chat-button{display:block}.lobby-page .content-wrapper .chat,.lobby-page .content-wrapper .users-list{position:absolute;top:0;left:0;width:100%;height:100%}}@media (max-width:400px){.lobby-page .page-header .logo{display:none}.lobby-page .page-header .logo.small{display:block}}.scores-display[data-v-54088a48]{display:flex;text-shadow:1px 1px 1px #35393e}.scores-display .player-info[data-v-54088a48]{flex:1;padding:15px 20px;text-align:left}.scores-display .player-info .username[data-v-54088a48]{font-size:28px}.scores-display .player-info .score[data-v-54088a48]{margin-top:5px;font-size:26px}.scores-display .player-info[data-v-54088a48]:first-child{text-align:right}@media (max-width:700px){.scores-display .player-info .username[data-v-54088a48]{font-size:20px}.scores-display .player-info .score[data-v-54088a48]{font-size:19px}}.lives-display[data-v-88fe98cc]{display:flex;padding:15px;text-shadow:1px 1px 1px #35393e}.lives-display .player-info[data-v-88fe98cc]{flex:1;padding:0 15px}.lives-display .player-info .username[data-v-88fe98cc]{font-size:28px}.lives-display .player-info .lives[data-v-88fe98cc]{margin-top:5px}.lives-display .player-info .lives img[data-v-88fe98cc]{display:inline-block;margin-right:6px;width:22px;image-rendering:-webkit-optimize-contrast}.lives-display .player-info[data-v-88fe98cc]:first-child{text-align:right}@media (max-width:700px){.lives-display .player-info .username[data-v-88fe98cc]{font-size:16px}.lives-display .player-info .lives img[data-v-88fe98cc]{width:18px}}.game-hud-button.form-button.transparent[data-v-eb805f00]{display:flex;justify-content:center;align-items:center;width:43px;height:43px;padding:0;border-radius:100%;border:2px solid #b47afd;background-color:#fff;opacity:.6}.game-hud-button.form-button.transparent[data-v-eb805f00] svg{width:100%;margin-right:0}.game-hud-button.form-button.transparent+.form-button[data-v-eb805f00]{margin-left:10px}.game-hud-button.form-button.transparent.active[data-v-eb805f00],.game-hud-button.form-button.transparent.active[data-v-eb805f00]:focus:hover,.game-hud-button.form-button.transparent[data-v-eb805f00]:hover{opacity:1}@media (hover:none){.game-hud-button.form-button.transparent[data-v-eb805f00]:focus:hover,.game-hud-button.form-button.transparent[data-v-eb805f00]:hover{opacity:.6}.game-hud-button.form-button.transparent.active[data-v-eb805f00],.game-hud-button.form-button.transparent.active[data-v-eb805f00]:focus,.game-hud-button.form-button.transparent.active[data-v-eb805f00]:focus:hover,.game-hud-button.form-button.transparent.active[data-v-eb805f00]:hover{opacity:1}}.game-hud[data-v-c2ec5518]{position:absolute;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.game-hud .audio-controls-wrapper[data-v-c2ec5518]{position:absolute;display:flex;right:0;top:0;padding:15px}@media (max-width:700px){.game-hud .audio-controls-wrapper .game-hud-button[data-v-c2ec5518]{width:35px;height:35px}.game-hud .audio-controls-wrapper .game-hud-button svg[data-v-c2ec5518]{width:13px;height:16px}}.game-over-modal .content .game-over-icon-wrapper{margin-bottom:10px;font-size:84px}.game-over-modal .content .game-over-text{margin-bottom:10px;font-size:32px}.play-page{display:flex;height:100%}.play-page .canvas-wrapper{position:relative;width:100%;height:100%}.play-page .canvas-wrapper .canvas{position:absolute;top:0;left:0;display:none;width:100%;height:100%}.play-page.pong .canvas-wrapper .canvas{border:3px solid #b47afd}