.theme-main[data-v-18e51966]{background-color:var(--bg-color);border-radius:30px;width:50px;height:30px;box-shadow:inset 0 0 5px 1px var(--font-color);padding:5px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-switch[data-v-18e51966]{height:20px;width:20px;border-radius:100%;transition:.3s;position:absolute;display:flex;align-items:center;justify-content:center}.theme-switch>img[data-v-18e51966]{height:80%;position:absolute;filter:invert(var(--img-invert))}.fade-enter-active[data-v-18e51966],.fade-leave-active[data-v-18e51966]{transition:.3s}.fade-enter-from[data-v-18e51966],.fade-leave-to[data-v-18e51966]{transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);opacity:0}input[data-v-9775a114]{padding:10px;width:100%;border-radius:5px;border:1px solid var(--font-color);color:var(--font-color);background-color:var(--bg-color)}.input-error[data-v-9775a114]{border:1px solid #cd5c5c}input[data-v-9775a114]:focus{outline:none}input[data-v-9775a114]:disabled{opacity:.3}.error-message[data-v-9775a114]{color:#cd5c5c}.code-main[data-v-2cb03a80]{display:flex;align-items:center;justify-content:center;margin-top:10em}.code-box[data-v-2cb03a80]{display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);box-shadow:0 0 5px 2px var(--font-color);margin:10px;position:relative}.code-char[data-v-2cb03a80]{position:absolute;font-family:Red Hat Mono,monospace}.code-message[data-v-2cb03a80]{width:100%;text-align:center;font-size:1.25em;margin-top:10px}.popup-main[data-v-1c17afd8]{height:100vh;max-height:-webkit-fill-available;width:100vw;background-color:hsla(0,0%,50.2%,.75);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:98}.popup-content[data-v-1c17afd8]{padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;width:80%;box-shadow:2px 2px 5px 1px var(--font-color);background-color:var(--bg-color)}.popup-content[data-v-1c17afd8]>:not(:first-child){margin-top:10px}.popup-enter-active[data-v-1c17afd8],.popup-leave-active[data-v-1c17afd8]{transition:.3s}.popup-enter-from[data-v-1c17afd8],.popup-leave-to[data-v-1c17afd8]{opacity:0;transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5)}.name-input-container[data-v-f50bc628]{height:100vh;max-height:-webkit-fill-available;width:100vw;background-color:hsla(0,0%,50.2%,.75);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0}.name-input-box[data-v-f50bc628]{padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;width:80%;box-shadow:2px 2px 5px 1px var(--font-color);background-color:var(--bg-color)}.name-input-box[data-v-f50bc628]>:not(:first-child){margin-top:10px}.theme-switcher[data-v-f50bc628]{position:fixed!important;top:10px;right:10px;z-index:99;display:flex;flex-direction:column;align-items:flex-end}.current-user[data-v-f50bc628]{margin-top:10px;display:flex;align-items:center}.current-user>img[data-v-f50bc628]{margin-left:5px;cursor:pointer}.connected-to-section[data-v-f50bc628]{position:fixed;top:10px;left:10px;cursor:pointer}.connected-to-section[data-v-f50bc628]>:first-child{display:flex;align-items:center;margin-bottom:10px}.connected-to-section>:first-child>img[data-v-f50bc628]{filter:invert(var(--img-invert));margin-right:5px}.appear-enter-active[data-v-f50bc628],.appear-leave-active[data-v-f50bc628]{transition:.3s}.appear-enter-from[data-v-f50bc628],.appear-leave-to[data-v-f50bc628]{opacity:0;transform:scale(.75);-ms-transform:scale(.75);-webkit-transform:scale(.75)}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--font-color)}#app{display:flex;flex-direction:column;align-items:center}button{color:var(--font-color);background-color:var(--secondary-color);border:1px solid var(--font-color);box-shadow:0 0 5px 1px var(--font-color);padding:8px 25px;border-radius:10px;cursor:pointer;transition:transform .3s}.danger-button{background-color:var(--danger-color)}button:active{transform:scale(.95);box-shadow:none}button:disabled{box-shadow:none;opacity:.3}:root{--primary-color:#302ae6;--secondary-color:#aac1ff;--font-color:#424242;--danger-color:#d27b7b;--bg-color:#fff;--heading-color:#292922;--img-invert:0}[data-theme=dark]{--primary-color:#9a97f3;--secondary-color:#728edb;--font-color:#f8f8ff;--danger-color:#ff2c2c;--bg-color:#161625;--heading-color:#818cab;--img-invert:1}