#app.tablet-vertical .login .head .text[data-v-271bd221]{font-size:3.2rem}#app.mobile .login[data-v-271bd221]{-webkit-transform:translateY(40px);transform:translateY(40px)}#app.mobile .login.active-form .hexagons .hex[data-v-271bd221]{display:none}#app.mobile .login.active-form .hexagons .hex.active[data-v-271bd221]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(-200px);transform:translateY(-200px)}#app.mobile .login.active-form .hexagons .hex.active svg[data-v-271bd221]{-webkit-transform:scale(.9);transform:scale(.9);color:var(--color-login-hexagon-hover)}#app.mobile .login.active-form .hexagons .hex.active .ui-icon[data-v-271bd221]{-webkit-transform:translateY(8px) scale(.9);transform:translateY(8px) scale(.9)}#app.mobile .login .form[data-v-271bd221]{left:calc(50% - 160px);max-width:320px;padding:64px 24px 24px 24px}#app.mobile .login .head[data-v-271bd221]{margin:0 0 300px 0}#app.mobile .login .head .text[data-v-271bd221]{font-size:2.8rem;white-space:normal;line-height:32px}#app.mobile .login .hexagons .hex[data-v-271bd221]{left:calc(50% - 90px);top:calc(50% - 90px);width:180px}#app.mobile .login .hexagons .hex.player[data-v-271bd221]{-webkit-transform:translate(-90px);transform:translate(-90px)}#app.mobile .login .hexagons .hex.game-master[data-v-271bd221]{-webkit-transform:translate(90px);transform:translate(90px)}#app.mobile .login .hexagons .hex .text[data-v-271bd221]{font-size:1.4rem;margin:0 0 16px 0}#app.mobile .login .hexagons .hex .ui-icon[data-v-271bd221]{-webkit-transform:scale(.9);transform:scale(.9)}#app.mobile .login .footer[data-v-271bd221]{-webkit-transform:translate(-50%,-40px);transform:translate(-50%,-40px)}#app.not-touch .login .hexagons .hex:hover svg[data-v-271bd221]{color:var(--color-login-hexagon-hover)}.form-slide-up-enter-active[data-v-271bd221]{-webkit-transition:.25s cubic-bezier(.165,.84,.44,1);transition:.25s cubic-bezier(.165,.84,.44,1)}.form-slide-up-leave-active[data-v-271bd221]{-webkit-transition:.1s cubic-bezier(.165,.84,.44,1);transition:.1s cubic-bezier(.165,.84,.44,1)}.form-slide-up-enter[data-v-271bd221],.form-slide-up-leave-to[data-v-271bd221]{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}.login[data-v-271bd221]{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color-bg);font-size:1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-direction:column;-ms-flex-line-pack:center;align-content:center}.login.active-form .head[data-v-271bd221]{opacity:0}.login.active-form .hexagons .hex[data-v-271bd221]{display:none;pointer-events:none}.login.active-form .hexagons .hex.active[data-v-271bd221]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(-200px);transform:translateY(-200px)}.login.active-form .hexagons .hex.active svg[data-v-271bd221]{-webkit-transform:scale(.9);transform:scale(.9);color:var(--color-login-hexagon-hover)}.login.active-form .hexagons .hex.active .text[data-v-271bd221]{opacity:1}.login.active-form .hexagons .hex.active .ui-icon[data-v-271bd221]{-webkit-transform:translateY(16px);transform:translateY(16px)}.login.has-default-room .form .line.line-room-code[data-v-271bd221]{display:none}.login .version[data-v-271bd221]{position:absolute;left:16px;top:16px;text-transform:uppercase;opacity:.25;font-size:1.4rem;font-weight:700;font-family:Josefin Sans;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .version .label[data-v-271bd221]{font-size:1.2rem}.login .head[data-v-271bd221]{margin:0 0 420px 0;text-align:center;transiton:opacity .25s cubic-bezier(.165,.84,.44,1)}.login .head .text[data-v-271bd221]{margin:0 0 32px 0;font-size:4.4rem;font-family:Josefin Sans;text-transform:uppercase;line-height:54px;white-space:nowrap;color:var(--color-primary)}.login .head .text[data-v-271bd221]:before{content:"";position:absolute;bottom:-16px;left:20%;right:20%;height:2px;background-color:var(--color-primary)}.login .hexagons[data-v-271bd221]{left:0;right:0;top:50%;width:100%;height:0}.login .hexagons .hex[data-v-271bd221],.login .hexagons[data-v-271bd221]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.login .hexagons .hex[data-v-271bd221]{left:calc(50% - 120px);top:calc(50% - 120px);width:240px;height:240px;flex-direction:column;-webkit-transition:-webkit-transform .25s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .25s cubic-bezier(.165,.84,.44,1);transition:transform .25s cubic-bezier(.165,.84,.44,1);transition:transform .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .hexagons .hex.player[data-v-271bd221]{-webkit-transform:translate(-120px);transform:translate(-120px)}.login .hexagons .hex.game-master[data-v-271bd221]{-webkit-transform:translate(120px);transform:translate(120px)}.login .hexagons .hex.active[data-v-271bd221]{cursor:default}.login .hexagons .hex .hexagon[data-v-271bd221]{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;color:var(--color-login-hexagon-bg)}.login .hexagons .hex .text[data-v-271bd221]{display:block;margin:16px 0 0 0;font-weight:700;text-transform:uppercase;font-size:2rem;color:var(--color-login-hexagon-text);font-family:Josefin Sans;text-align:center}.login .hexagons .hex .ui-icon[data-v-271bd221],.login .hexagons .hex svg[data-v-271bd221]{-webkit-transition:-webkit-transform .25s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .25s cubic-bezier(.165,.84,.44,1);transition:transform .25s cubic-bezier(.165,.84,.44,1);transition:transform .25s cubic-bezier(.165,.84,.44,1),-webkit-transform .25s cubic-bezier(.165,.84,.44,1)}.login .hexagons .hex .ui-icon[data-v-271bd221]{color:var(--color-login-hexagon-text)}.login .form[data-v-271bd221]{position:absolute;left:calc(50% - 175px);top:calc(50% - 160px);width:350px;padding:64px 40px 40px 40px;background:var(--color-login-form-bg);-webkit-box-shadow:0 0 0 2px var(--color-login-form-border);box-shadow:0 0 0 2px var(--color-login-form-border);color:var(--color-login-form-text);border-radius:8px}.login .form.error[data-v-271bd221]{-webkit-box-shadow:0 0 0 4px var(--color-error);box-shadow:0 0 0 4px var(--color-error);-webkit-animation:shake-data-v-271bd221 .25s infinite;animation:shake-data-v-271bd221 .25s infinite}.login .form .line[data-v-271bd221]{margin:0 0 16px 0}.login .form .line .error-message[data-v-271bd221]{margin:4px 0 0 0;color:var(--color-error);font-size:1.2rem;line-height:14px;font-weight:700;text-transform:uppercase}.login .form .line.forgot-password[data-v-271bd221]{text-align:right;font-size:1.4rem;line-height:1em}.login .form .line.forgot-password .link[data-v-271bd221]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.login .form .line.forgot-password .link[data-v-271bd221]:hover{opacity:1}.login .form .line.help[data-v-271bd221]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .form .line.help p[data-v-271bd221]{padding-left:34px;font-size:14px;color:var(--color-text);line-height:17px}.login .form .line.help p[data-v-271bd221] svg{position:absolute;left:0;top:calc(50% - 14px);width:28px;height:28px}.login .form .label[data-v-271bd221]{display:block;width:100%;line-height:24px;opacity:.5}.login .form .ui-input[data-v-271bd221]{height:40px;padding:0 16px;color:var(--color-input-text-text);border-radius:4px}.login .form .ui-input[data-v-271bd221],.login .form .ui-input[data-v-271bd221]:focus{background-color:var(--color-input-text-bg)}.login .form .ui-input[data-v-271bd221]::-webkit-input-placeholder{color:var(--color-input-text-text);opacity:.25}.login .form .ui-input[data-v-271bd221]::-moz-placeholder{color:var(--color-input-text-text);opacity:.25}.login .form .ui-input[data-v-271bd221]:-ms-input-placeholder{color:var(--color-input-text-text);opacity:.25}.login .form .ui-input[data-v-271bd221]:-moz-placeholder{color:var(--color-input-text-text);opacity:.25}.login .form .buttons[data-v-271bd221]{padding:8px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.login .form .buttons .button[data-v-271bd221]{display:inline-block;height:40px;padding:0 16px;margin:0 4px;border:none;background-color:var(--color-button-disabled);border-radius:4px;outline:none;cursor:not-allowed;text-transform:uppercase;font:inherit;color:var(--color-button-disabled-text);font-size:1.6rem;font-weight:700;font-family:Josefin Sans;line-height:43px}.login .form .buttons .button.active[data-v-271bd221]{background:var(--color-button-bg);color:var(--color-button-text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .form .buttons .button.red[data-v-271bd221]{background-color:var(--color-button-error);color:var(--color-button-error-text)}.login .form .buttons .button[data-v-271bd221]:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.login .form .buttons .button.loading[data-v-271bd221]{overflow:hidden;cursor:not-allowed}.login .form .buttons .button.loading[data-v-271bd221]:before{opacity:1}.login .form .buttons .button[data-v-271bd221]:before{content:"";opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;background:var(--color-button-bg) url(../../assets/img/button-loader.b5579985.svg) 50% no-repeat;background-size:auto 8px}.login .form .forgot-password-sended[data-v-271bd221]{position:absolute;left:24px;top:24px;right:24px;bottom:24px;background-color:var(--color-login-form-bg);text-align:center;line-height:1.2em;color:#bebebe}.login .form .forgot-password-sended .sended-title[data-v-271bd221],.login .form .forgot-password-sended[data-v-271bd221]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-direction:column}.login .form .forgot-password-sended .sended-title[data-v-271bd221]{color:var(--color-text);font-size:24px;line-height:1em;font-family:Josefin Sans;text-transform:uppercase}.login .form .forgot-password-sended .sended-title[data-v-271bd221] svg{width:40px;height:40px;margin:0 0 8px 0}.login .form .forgot-password-sended .sended-title>p[data-v-271bd221]{margin:0 0 8px 0}.login .form .close[data-v-271bd221]{position:absolute;right:0;top:0;width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color-text);-webkit-transition:.1s cubic-bezier(.165,.84,.44,1);transition:.1s cubic-bezier(.165,.84,.44,1);opacity:.25}.login .form .close[data-v-271bd221]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}.login .form .close[data-v-271bd221]:active{-webkit-transform:scale(.9);transform:scale(.9)}.login .footer[data-v-271bd221]{position:absolute;left:50%;bottom:24px;padding-top:16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:var(--color-text)}.login .footer .link[data-v-271bd221]{margin:0 16px;opacity:.5;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .footer .link[data-v-271bd221]:first-child{text-align:right}.login .footer .link[data-v-271bd221]:left-child{text-align:left}.login .footer .link[data-v-271bd221]:hover{opacity:1}.login .footer .separator[data-v-271bd221]{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes shake-data-v-271bd221{0%{-webkit-transform:translate(2px) rotate(0deg);transform:translate(2px) rotate(0deg)}10%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}40%{-webkit-transform:translate(1px) rotate(1deg);transform:translate(1px) rotate(1deg)}50%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}60%{-webkit-transform:translate(-3px) rotate(0deg);transform:translate(-3px) rotate(0deg)}70%{-webkit-transform:translate(2px) rotate(-1deg);transform:translate(2px) rotate(-1deg)}80%{-webkit-transform:translate(-1px) rotate(1deg);transform:translate(-1px) rotate(1deg)}90%{-webkit-transform:translate(2px) rotate(0deg);transform:translate(2px) rotate(0deg)}to{-webkit-transform:translate(1px) rotate(-1deg);transform:translate(1px) rotate(-1deg)}}@keyframes shake-data-v-271bd221{0%{-webkit-transform:translate(2px) rotate(0deg);transform:translate(2px) rotate(0deg)}10%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}40%{-webkit-transform:translate(1px) rotate(1deg);transform:translate(1px) rotate(1deg)}50%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}60%{-webkit-transform:translate(-3px) rotate(0deg);transform:translate(-3px) rotate(0deg)}70%{-webkit-transform:translate(2px) rotate(-1deg);transform:translate(2px) rotate(-1deg)}80%{-webkit-transform:translate(-1px) rotate(1deg);transform:translate(-1px) rotate(1deg)}90%{-webkit-transform:translate(2px) rotate(0deg);transform:translate(2px) rotate(0deg)}to{-webkit-transform:translate(1px) rotate(-1deg);transform:translate(1px) rotate(-1deg)}}.main-view[data-v-27183f86]{width:100%;height:100%}