.list-enter-active[data-v-446c4a5f],.list-leave-active[data-v-446c4a5f]{transition:all .5s cubic-bezier(.39,.575,.565,1)}.list-enter-from[data-v-446c4a5f],.list-leave-to[data-v-446c4a5f]{opacity:0;transform:translate(-1em)}.user-config[data-v-446c4a5f]{border-bottom:1px solid var(--bg2);padding:0;position:sticky;top:0;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9}.topbar[data-v-446c4a5f]{align-items:center;background:var(--bg);cursor:pointer;display:flex;padding:.35em 1em;text-align:left}.topbar>*[data-v-446c4a5f]{border-radius:0}.topbar>.flex[data-v-446c4a5f]{font-size:.8em;font-weight:500;padding:.75em .25em .5em}.topbar>.burger[data-v-446c4a5f]{margin-right:.5rem}.topbar .flex[data-v-446c4a5f]{flex:1}.openmenu[data-v-446c4a5f]{background:var(--bg)}.qr .context[data-v-446c4a5f]{font-size:.8rem;line-height:1.4em;margin:1em auto;max-width:100%;width:20em}.menu[data-v-446c4a5f]{z-index:999}.loggedoutmenu[data-v-446c4a5f],.menu[data-v-446c4a5f]{background:var(--bg);position:relative}.loggedoutmenu[data-v-446c4a5f]{padding:2rem}.status[data-v-446c4a5f],button.reset[data-v-446c4a5f]{--fg:#222;border-radius:.25em;color:var(--fg);display:inline-block;font-size:.6rem;margin:0 auto 2em;padding:0 .5em;text-transform:uppercase;width:auto}.connected .status[data-v-446c4a5f],.connected button.reset[data-v-446c4a5f]{background:var(--gbg);color:var(--gfg)}.disconnected .status[data-v-446c4a5f],.disconnected button.reset[data-v-446c4a5f]{background:#d85434}button.reset[data-v-446c4a5f]{background:var(--rbg)!important;color:var(--rfg)}.order[data-v-446c4a5f]{padding:0 1.5em;text-align:left}.order>div[data-v-446c4a5f]{border-top:1px solid var(--bg2);color:var(--fg2);padding:.75em 0}.order>div[data-v-446c4a5f]:last-child{border-bottom:1px solid var(--bg2)}.order>div.active[data-v-446c4a5f]{color:var(--fg)}[data-v-446c4a5f] .user-icon{background:transparent;border-radius:100%!important;display:flex;height:2rem!important;margin:0;margin-right:.5em!important;min-height:2rem!important;min-width:2rem!important;padding:0;padding:0!important;transform:none!important;width:2rem!important}[data-v-446c4a5f] .user-icon .icon{background:var(--bg1);border:5px solid var(--bg1)}[data-v-446c4a5f] .user-icon .name{display:none}.bottom[data-v-446c4a5f]{padding:1rem}.bottom .leave button[data-v-446c4a5f]{color:var(--bg);padding:1.25em 2em}.list-enter-active,.list-leave-active{transition:all .5s cubic-bezier(.39,.575,.565,1)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-1em)}.alerts,.choices,.confirms{position:fixed;z-index:999}.alerts .alert,.alerts .choice,.alerts .confirm,.choices .alert,.choices .choice,.choices .confirm,.confirms .alert,.confirms .choice,.confirms .confirm{height:100%;left:0;overflow:auto;position:fixed;text-align:center;top:0;width:100%}.alerts .alert .bg,.alerts .choice .bg,.alerts .confirm .bg,.choices .alert .bg,.choices .choice .bg,.choices .confirm .bg,.confirms .alert .bg,.confirms .choice .bg,.confirms .confirm .bg{animation:overlaybg 1s cubic-bezier(.19,1,.22,1) 0s 1 forwards;background:var(--bgoverlay);height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1}@keyframes overlaybg{to{opacity:1}}.alerts .alert .frame,.alerts .choice .frame,.alerts .confirm .frame,.choices .alert .frame,.choices .choice .frame,.choices .confirm .frame,.confirms .alert .frame,.confirms .choice .frame,.confirms .confirm .frame{animation:popup .3s cubic-bezier(.19,1,.22,1) 0s 1 forwards;background:var(--bg);border-radius:.5em;box-shadow:0 .5em .5em var(--shadow);display:inline-block;margin:10vh auto;max-width:26em;opacity:0;padding:2em 3em 1.5em;position:relative;text-align:center;transform:scale(.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto;z-index:2}@keyframes popup{to{opacity:1;transform:scale(1)}}.alerts .alert .frame .text,.alerts .choice .frame .text,.alerts .confirm .frame .text,.choices .alert .frame .text,.choices .choice .frame .text,.choices .confirm .frame .text,.confirms .alert .frame .text,.confirms .choice .frame .text,.confirms .confirm .frame .text{line-height:1.4em;padding-bottom:.5em}.alerts .alert .frame .buttons,.alerts .choice .frame .buttons,.alerts .confirm .frame .buttons,.choices .alert .frame .buttons,.choices .choice .frame .buttons,.choices .confirm .frame .buttons,.confirms .alert .frame .buttons,.confirms .choice .frame .buttons,.confirms .confirm .frame .buttons{padding:1em 0 0}.alerts .alert .frame .buttons button,.alerts .choice .frame .buttons button,.alerts .confirm .frame .buttons button,.choices .alert .frame .buttons button,.choices .choice .frame .buttons button,.choices .confirm .frame .buttons button,.confirms .alert .frame .buttons button,.confirms .choice .frame .buttons button,.confirms .confirm .frame .buttons button{background:var(--bg2);min-width:4em}.alerts .alert .frame .buttons button:hover,.alerts .choice .frame .buttons button:hover,.alerts .confirm .frame .buttons button:hover,.choices .alert .frame .buttons button:hover,.choices .choice .frame .buttons button:hover,.choices .confirm .frame .buttons button:hover,.confirms .alert .frame .buttons button:hover,.confirms .choice .frame .buttons button:hover,.confirms .confirm .frame .buttons button:hover{background:var(--fg)}.messages{bottom:0;font-size:.8rem;left:0;max-height:100vh;overflow:auto;padding:1em;position:fixed;text-align:left;width:20rem;z-index:999}.messages .message{background:var(--messagebg);border:1px solid #00f;border:1px solid var(--messagefg);border-radius:.5em;color:var(--messagefg);line-height:1.4em;margin-bottom:.25em;padding:1em}.messages .message.error{background:var(--errorbg);border-color:var(--errorfg);color:var(--errorfg)}