.instructions[data-v-668901fd]{padding:2em;background-color:#000;background-image:url(../img/discoball_animation.ef26f287.gif);background-size:contain;background-position:top;background-repeat:no-repeat;border-radius:18px;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:stretch;text-align:center}@media screen and (min-width:1024px){.instructions[data-v-668901fd]{background-size:auto 80%}}.instructions h1[data-v-668901fd]{color:#fd00f3;font-weight:100;font-size:2.5em;margin:0,5em;text-transform:uppercase;text-align:center}.songVideo[data-v-5458c3c3]{background-color:#000;border-radius:18px;height:100%;width:100%;overflow:hidden;position:relative}.songVideo>div[data-v-5458c3c3]{height:100%;width:100%}.videoWrapper[data-v-5458c3c3]{height:100%;width:100%;position:relative}video[data-v-5458c3c3]{width:100%;height:calc(100% - 34px);z-index:1}.overlay[data-v-5458c3c3]{position:absolute;top:0;bottom:34px;left:0;right:0;z-index:2;background:transparent}.videoControls[data-v-5458c3c3]{display:flex;align-items:center;position:absolute;bottom:0;height:34px;padding:.5em 1em;width:100%}.videoControls>[data-v-5458c3c3]{margin-right:1em}.videoControls>[data-v-5458c3c3]:last-child{margin-right:0}.videoControls button[data-v-5458c3c3]{margin-top:1px;background:transparent;padding:0}.scrubber[data-v-5458c3c3]{-webkit-appearance:none;width:100%;background:#4d4d4d;height:4px;min-height:auto;border:none;padding:0}.scrubber[data-v-5458c3c3]::-webkit-slider-thumb{-webkit-appearance:none;height:17px;width:17px;border-radius:18px;border:none;background:#d3f3fe;cursor:pointer;margin-top:0;box-shadow:0 0 2px #4596b1,0 0 5px #4596b1,0 0 10px #4596b1}.disabledScrubber[data-v-5458c3c3]::-webkit-slider-thumb{cursor:auto}.scrubber[data-v-5458c3c3]::-moz-range-thumb{height:17px;width:17px;border-radius:18px;border:none;background:#d3f3fe;cursor:pointer;margin-top:0;box-shadow:0 0 2px #4596b1,0 0 5px #4596b1,0 0 10px #4596b1}.disabledScrubber[data-v-5458c3c3]::-moz-range-thumb{cursor:auto}.timeProgress[data-v-5458c3c3]{font-family:monospace}.loading[data-v-5458c3c3]{display:flex;justify-content:center;align-items:center;font-size:48px}.loading p[data-v-5458c3c3]{position:relative}.loading p[data-v-5458c3c3]:after{position:absolute;content:"";overflow:hidden;vertical-align:bottom;animation:ellipsis-data-v-5458c3c3 1.5s steps(4) infinite}@keyframes ellipsis-data-v-5458c3c3{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}aside[data-v-32b74270]{grid-area:sidebar;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;overflow-y:hidden}aside>[data-v-32b74270]{margin:0}aside>header[data-v-32b74270]{flex-grow:0;flex-shrink:0;background:#771eae;border-radius:12px 12px 0 0;color:#333;height:7em;display:flex;align-items:center}aside>header form[data-v-32b74270]{position:relative;margin:auto;width:100%;text-align:center;padding:1em}aside>header form i[data-v-32b74270]{position:absolute;top:1.53333em;left:1.33333em;font-size:1.5em}aside>header form input[data-v-32b74270]{border:none;border-radius:100em;color:inherit;line-height:2em;width:100%;padding:1em;padding-left:3em}aside>main[data-v-32b74270]{display:flex;flex-flow:column nowrap;border-radius:0 0 12px 12px;background:#e9e9e9;color:#000;flex-grow:1;justify-content:flex-start;overflow-y:hidden}@media screen and (max-width:1024px){aside>main[data-v-32b74270]{border-radius:0}}aside>main ol[data-v-32b74270]{flex-grow:4;overflow-y:auto;margin:0;list-style:none;padding:0}aside>main ol.fixed[data-v-32b74270]{flex-grow:0;flex-shrink:0;overflow-y:hidden}aside>main ol.search li[data-v-32b74270]{cursor:pointer;border-color:#ccc;border-width:1px 0}aside>main ol.search li[data-v-32b74270]:last-of-type{border-color:transparent}aside>main ol>li[data-v-32b74270]{border-color:transparent;border-style:solid;border-width:2px 0;padding:1em}aside>main ol>li [data-v-32b74270]{margin:0}aside>main ol>li h1[data-v-32b74270]{font-size:1em;font-weight:400;margin-bottom:1em;text-transform:uppercase}aside>main ol>li h1 span.singer[data-v-32b74270]{display:inline-block;border:none;border-radius:18px;padding:0 1em;line-height:1.5em;font-size:.8em;color:#fff}aside>main ol>li h1 span.singer.p1[data-v-32b74270]{background-color:#ec51eb}aside>main ol>li h1 span.singer.p2[data-v-32b74270]{background-color:#0030ff}aside>main ol>li h1 span.singer.p3[data-v-32b74270]{background-color:#ff6d29}aside>main ol>li h1 span.singer.p4[data-v-32b74270]{background-color:#ff3879}aside>main ol>li h1 span.singer.p5[data-v-32b74270]{background-color:#781eaf}aside>main ol>li h1 span.singer.p6[data-v-32b74270]{background-color:#5400ff}aside>main ol>li h1 span.singer.p7[data-v-32b74270]{background-color:#00b6ff}aside>main ol>li h1 span.singer.p8[data-v-32b74270]{background-color:#ffbe0b}aside>main ol>li h1 span.singer.p9[data-v-32b74270]{background-color:#ff020f}aside>main ol>li h1 span.singer.p10[data-v-32b74270]{background-color:#aae000}aside>main ol>li h1 span.singer.p11[data-v-32b74270]{background-color:#290075}aside>main ol>li h1 span.singer.p12[data-v-32b74270]{background-color:#028090}aside>main ol>li h1 span.singer.p13[data-v-32b74270]{background-color:#27c000}aside>main ol>li h1 span.singer.p14[data-v-32b74270]{background-color:#02e6a3}aside>main ol>li h1 span.singer.p15[data-v-32b74270]{background-color:#7f96ff}aside>main ol>li h2[data-v-32b74270]{font-size:1em;font-weight:700}aside>main ol>li main[data-v-32b74270]{display:flex;flex-flow:row nowrap;align-items:center;font-weight:100}aside>main ol>li main p.inthestyle[data-v-32b74270]{font-size:.5em;width:5em}aside>main ol>li main p.artist[data-v-32b74270]{line-height:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;flex-shrink:3}aside>main ol>li main ul.actions[data-v-32b74270]{list-style:none;padding:0;margin:0;display:flex;flex-flow:row nowrap}aside>main ol>li main ul.actions li[data-v-32b74270]{display:inline-block;margin:0 .5em;opacity:0;color:grey}aside>main ol>li main ul.actions li.liked[data-v-32b74270]{opacity:1;color:inherit}aside>main ol>li main ul.actions li[data-v-32b74270]:hover{color:inherit}aside>main ol>li[data-v-32b74270]:hover{border-color:#ccc;background-color:#dcdcdc}aside>main ol>li:hover ul.actions li[data-v-32b74270]{opacity:1}aside>main ol>li.active[data-v-32b74270],aside>main ol>li.next[data-v-32b74270]{border:none;color:#fff}aside>main ol>li.active h1 span.singer[data-v-32b74270],aside>main ol>li.next h1 span.singer[data-v-32b74270]{border:1px solid;background-color:inherit;color:inherit}aside>main ol>li.active header[data-v-32b74270],aside>main ol>li.next header[data-v-32b74270]{display:grid;grid-template-columns:auto 5.29em;grid-template-areas:"head play" "title play"}aside>main ol>li.active header .action[data-v-32b74270],aside>main ol>li.next header .action[data-v-32b74270]{grid-area:play;display:inline-block;font-size:2em;line-height:2.5em;text-align:center}aside>main ol>li.active header h1[data-v-32b74270],aside>main ol>li.next header h1[data-v-32b74270]{grid-area:head}aside>main ol>li.active header h2[data-v-32b74270],aside>main ol>li.next header h2[data-v-32b74270]{grid-area:title}aside>main ol>li.active[data-v-32b74270]{background-color:#c732e4}aside>main ol>li.next[data-v-32b74270]{background-color:#3a4ade}aside>main ol>li.empty main[data-v-32b74270]{padding:1em 0;font-size:.8em}