*{font-family:Roboto,serif;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin-top:0}.mt-1{margin-top:4px!important}.pt-1{padding-top:4px!important}.mb-1{margin-bottom:4px!important}.pb-1{padding-bottom:4px!important}.ml-1{margin-left:4px!important}.pl-1{padding-left:4px!important}.mr-1{margin-right:4px!important}.pr-1{padding-right:4px!important}.mt-2{margin-top:8px!important}.pt-2{padding-top:8px!important}.mb-2{margin-bottom:8px!important}.pb-2{padding-bottom:8px!important}.ml-2{margin-left:8px!important}.pl-2{padding-left:8px!important}.mr-2{margin-right:8px!important}.pr-2{padding-right:8px!important}.mt-3{margin-top:12px!important}.pt-3{padding-top:12px!important}.mb-3{margin-bottom:12px!important}.pb-3{padding-bottom:12px!important}.ml-3{margin-left:12px!important}.pl-3{padding-left:12px!important}.mr-3{margin-right:12px!important}.pr-3{padding-right:12px!important}.mt-4{margin-top:16px!important}.pt-4{padding-top:16px!important}.mb-4{margin-bottom:16px!important}.pb-4{padding-bottom:16px!important}.ml-4{margin-left:16px!important}.pl-4{padding-left:16px!important}.mr-4{margin-right:16px!important}.pr-4{padding-right:16px!important}.mt-5{margin-top:20px!important}.pt-5{padding-top:20px!important}.mb-5{margin-bottom:20px!important}.pb-5{padding-bottom:20px!important}.ml-5{margin-left:20px!important}.pl-5{padding-left:20px!important}.mr-5{margin-right:20px!important}.pr-5{padding-right:20px!important}.mt-6{margin-top:24px!important}.pt-6{padding-top:24px!important}.mb-6{margin-bottom:24px!important}.pb-6{padding-bottom:24px!important}.ml-6{margin-left:24px!important}.pl-6{padding-left:24px!important}.mr-6{margin-right:24px!important}.pr-6{padding-right:24px!important}.mt-7{margin-top:28px!important}.pt-7{padding-top:28px!important}.mb-7{margin-bottom:28px!important}.pb-7{padding-bottom:28px!important}.ml-7{margin-left:28px!important}.pl-7{padding-left:28px!important}.mr-7{margin-right:28px!important}.pr-7{padding-right:28px!important}.mt-8{margin-top:32px!important}.pt-8{padding-top:32px!important}.mb-8{margin-bottom:32px!important}.pb-8{padding-bottom:32px!important}.ml-8{margin-left:32px!important}.pl-8{padding-left:32px!important}.mr-8{margin-right:32px!important}.pr-8{padding-right:32px!important}.mt-9{margin-top:36px!important}.pt-9{padding-top:36px!important}.mb-9{margin-bottom:36px!important}.pb-9{padding-bottom:36px!important}.ml-9{margin-left:36px!important}.pl-9{padding-left:36px!important}.mr-9{margin-right:36px!important}.pr-9{padding-right:36px!important}.mt-10{margin-top:40px!important}.pt-10{padding-top:40px!important}.mb-10{margin-bottom:40px!important}.pb-10{padding-bottom:40px!important}.ml-10{margin-left:40px!important}.pl-10{padding-left:40px!important}.mr-10{margin-right:40px!important}.pr-10{padding-right:40px!important}.mt-11{margin-top:44px!important}.pt-11{padding-top:44px!important}.mb-11{margin-bottom:44px!important}.pb-11{padding-bottom:44px!important}.ml-11{margin-left:44px!important}.pl-11{padding-left:44px!important}.mr-11{margin-right:44px!important}.pr-11{padding-right:44px!important}.mt-12{margin-top:48px!important}.pt-12{padding-top:48px!important}.mb-12{margin-bottom:48px!important}.pb-12{padding-bottom:48px!important}.ml-12{margin-left:48px!important}.pl-12{padding-left:48px!important}.mr-12{margin-right:48px!important}.pr-12{padding-right:48px!important}.mt-13{margin-top:52px!important}.pt-13{padding-top:52px!important}.mb-13{margin-bottom:52px!important}.pb-13{padding-bottom:52px!important}.ml-13{margin-left:52px!important}.pl-13{padding-left:52px!important}.mr-13{margin-right:52px!important}.pr-13{padding-right:52px!important}.mt-14{margin-top:56px!important}.pt-14{padding-top:56px!important}.mb-14{margin-bottom:56px!important}.pb-14{padding-bottom:56px!important}.ml-14{margin-left:56px!important}.pl-14{padding-left:56px!important}.mr-14{margin-right:56px!important}.pr-14{padding-right:56px!important}.mt-15{margin-top:60px!important}.pt-15{padding-top:60px!important}.mb-15{margin-bottom:60px!important}.pb-15{padding-bottom:60px!important}.ml-15{margin-left:60px!important}.pl-15{padding-left:60px!important}.mr-15{margin-right:60px!important}.pr-15{padding-right:60px!important}.ma-1{margin:4px!important}.pa-1{padding:4px!important}.ma-2{margin:8px!important}.pa-2{padding:8px!important}.ma-3{margin:12px!important}.pa-3{padding:12px!important}.ma-4{margin:16px!important}.pa-4{padding:16px!important}.ma-5{margin:20px!important}.pa-5{padding:20px!important}.ma-6{margin:24px!important}.pa-6{padding:24px!important}.ma-7{margin:28px!important}.pa-7{padding:28px!important}.ma-8{margin:32px!important}.pa-8{padding:32px!important}.ma-9{margin:36px!important}.pa-9{padding:36px!important}.ma-10{margin:40px!important}.pa-10{padding:40px!important}.ma-11{margin:44px!important}.pa-11{padding:44px!important}.ma-12{margin:48px!important}.pa-12{padding:48px!important}.ma-13{margin:52px!important}.pa-13{padding:52px!important}.ma-14{margin:56px!important}.pa-14{padding:56px!important}.ma-15{margin:60px!important}.pa-15{padding:60px!important}.d-flex{display:flex}.flex{flex:1 0}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.app-bar[data-v-1c7c0404]{display:flex;align-content:center;justify-content:center;--color:#8b0fff;box-shadow:0 0 7px 1px var(--color);height:48px;padding:8px 2px;background-color:var(--color);z-index:1000;color:#fff}body,html{margin:0;padding:0}.app,body,html{height:100%;width:100%;box-sizing:border-box}.app{background:radial-gradient(#fff,#eee);background-attachment:fixed;display:flex;flex-direction:column}.app .app-wrapper{padding:24px 2px;overflow:auto;flex:1 0 0}.button[data-v-0a680254]{background-color:var(--color);border:none;color:#efefef;letter-spacing:2px;font-size:1rem;outline:none;border-radius:4px;padding:8px 16px;box-shadow:1px 1px 5px 0 var(--color);transition:box-shadow .3s;cursor:pointer}.button.disabled[data-v-0a680254]{box-shadow:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;pointer-events:none;background-color:hsla(0,0%,71.4%,.76);color:#858585}.button[data-v-0a680254]:hover{box-shadow:1px 1px 8px 1px var(--color)}.button[data-v-0a680254]:active{box-shadow:1px 1px 2px 1px var(--color)}.input[data-v-dad7133a]{display:flex;flex-direction:row;box-shadow:0 0 5px 1px #d7d7d7;background-color:#fff}.input input[data-v-dad7133a]{margin:8px;width:100%;padding:0;outline:none;border:none;border-radius:inherit;font-size:1rem;background-color:inherit}.input label[data-v-dad7133a]{padding:8px}.input:hover label[data-v-dad7133a]{-webkit-animation:labelAnim-data-v-dad7133a .5s ease-in-out;animation:labelAnim-data-v-dad7133a .5s ease-in-out}@-webkit-keyframes labelAnim-data-v-dad7133a{0%,to{text-shadow:0 0 0 hsla(0,0%,100%,.5)}50%{text-shadow:0 0 10px hsla(0,0%,100%,.75)}}@keyframes labelAnim-data-v-dad7133a{0%,to{text-shadow:0 0 0 hsla(0,0%,100%,.5)}50%{text-shadow:0 0 10px hsla(0,0%,100%,.75)}}.card[data-v-0b307f19]{box-shadow:1px 1px 15px 5px #d7d7d7;padding:24px;background-color:#fefefe}.codeInput[data-v-53f670a9]{text-align:center;padding:8px 10%;outline:none;border:none;border-radius:inherit;font-size:1rem;letter-spacing:30px;width:50%;box-shadow:0 0 5px 1px #d7d7d7;background-color:#fff}.username-input label{background-color:#919191;color:#fff}.avatar-card,.welcome-card,.welcome-card-join{margin:0 auto;max-width:800px}.welcome-card-join{margin-top:3rem;display:flex;flex-direction:column}.welcome-card-join button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.code-input-button{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.finger{margin:-5px -10px 0 3px}.selected[data-v-3714136e]{background-color:#1e90ff}.avatar{max-width:1160px}.avatar,.avatar-selection{display:flex;flex-direction:row}.avatar-selection{overflow:hidden}.avatar-selection .avatar-heads{padding:0;margin:0;display:flex;flex-wrap:wrap;max-height:250px;overflow:auto}.avatar-selection ul li{cursor:pointer;margin:2px;list-style:none;width:50px;height:50px;text-align:center;box-shadow:0 0 2px #919191;background-color:#fff;transition:background-color .2s}.avatar-selection ul li span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4rem;background-color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-list-item[data-v-58ee7942]{display:flex;color:#fff;background:linear-gradient(90deg,rgba(74,151,1,.8),rgba(209,179,11,.8));border-radius:2px;padding:2px 8px;font-size:1.2rem}.user-score[data-v-58ee7942]{margin:0 8px}.user-list[data-v-5e116fdb]{list-style:none;padding:0;margin:0}.song-list-item[data-v-d804bbc0]{--color:#464646;display:flex;background:#f5f5f5;transition-duration:.2s;transition-property:box-shadow,background}.song-list-item[data-v-d804bbc0]:hover{background:#e4e4e4}.song-list-item.selected[data-v-d804bbc0],.song-list-item[data-v-d804bbc0]:active{background:#c3c3c3;box-shadow:0 0 5px 1px #c3c3c3}.song-list-item .image[data-v-d804bbc0]{height:64px}.song-list-item .body[data-v-d804bbc0]{display:flex;flex:1;justify-content:center;align-items:center;padding:8px 8px}.song-list[data-v-4d1b4890]{list-style:none;padding:0;margin:0}.game-lobby{margin:0 auto;max-width:1200px}.microphone-test-body{display:flex;flex-direction:column;align-items:stretch;height:100%}.line[data-v-bc2582ec]{text-align:center;font-size:1.7rem}.line.next-line[data-v-bc2582ec]{font-size:1.5rem}.syllable[data-v-bc2582ec]{letter-spacing:1.2px;white-space:pre;display:inline-block;transition-property:transform,color;transition-duration:.2s;transform:scale(1);opacity:.7;color:grey}.syllable.syllable-active[data-v-bc2582ec]{transform:scale(1.2);opacity:1;color:#7ac8ff}.pitch[data-v-b60e0af0]{position:absolute;background-color:rgba(187,10,143,.8)}.pitch.hits[data-v-b60e0af0]{border-radius:8px;background-color:#ff2aca;box-shadow:0 0 19px 7px rgba(255,42,202,.5686274509803921)}.note[data-v-b60e0af0]{position:absolute;background-color:rgba(237,210,255,.5);border-radius:8px;transition-property:background-color,box-shadow;transition-duration:.3s;box-shadow:0 0 1px 1px rgba(187,10,143,.23137254901960785)}.note.note-active[data-v-b60e0af0]{box-shadow:0 0 5px 5px rgba(187,10,143,.4117647058823529)}.video-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;top:0;left:0;right:0;bottom:0;position:absolute;z-index:-1;filter:brightness(.5)}.wrapper{flex-grow:1;width:100%;position:relative;z-index:1;overflow:hidden}.game{display:flex;flex-direction:column}.texts{align-self:center}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.game-view[data-v-e1b72f22]{height:100%;display:flex;flex-direction:column;padding:16px 8px}.game-final{margin:0 auto;max-width:800px}