@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@500&family=Noto+Sans&family=Roboto&display=swap);body,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#090950,#000 50%,#090950) #050541;padding:0;margin:0;width:100vw;height:100%}*,body,html{-webkit-user-select:none;-ms-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.mobile-message{font-family:"Cabin",sans-serif}.custom-shape-divider-bottom-1637522500{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.custom-shape-divider-bottom-1637522500 svg{position:relative;display:block;width:calc(140% + 1.3px);height:max(10vh,10vw)}.custom-shape-divider-bottom-1637522500 .shape-fill{fill:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.art:hover{cursor:pointer}.play-button:hover{-webkit-filter:saturate(50%);filter:saturate(50%);cursor:pointer}.viewer{display:flex;flex-direction:column;align-items:center;padding:1.5vh;grid-gap:1.5vh;gap:1.5vh;width:auto}.viewer h1,.viewer h2,.viewer h3,.viewer h4,.viewer h5,.viewer p{margin:0}.viewer>h1{font-size:4vh!important}.viewer>h2{font-size:3vh!important}.viewer>p{font-size:2.5vh}.viewer .artist-text{color:#333;font-weight:300}.viewer>img{height:70vh;pointer-events:none}.song-selection{background-color:#fff;padding:10px 20px;border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,.3);z-index:300}.song-selection>h2{margin:0;font-weight:200;pointer-events:none}.music-selection-ui{margin-top:7vh}.music-selection-ui>div>p{margin-top:.6vh;margin-bottom:.6vh}.music-selection-ui>div:hover{cursor:pointer;color:#8a702a}.music-player{border-radius:10px;padding:.6vh;position:absolute;text-align:center}.music-player>p{margin:0;font-size:1.8vh}.music-player>div{background:transparent;box-shadow:none}.music-player .playlist-button{height:4.5vh;cursor:pointer;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.rhap_container .rhap_time{font-size:1.8vh!important}.rhap_container .rhap_controls-section{margin-top:1vh!important;justify-content:center;grid-gap:1vh;gap:1vh}.rhap_container .rhap_main-controls-button{width:4vh;height:4vh;display:grid;place-items:center;margin:0}.rhap_container .rhap_main-controls-button>svg{width:4vh;height:4vh}.rhap_container .rhap_volume-bar-area{display:none}.rhap_container .rhap_progress-indicator{width:1.8vh;height:1.8vh;top:-.6vh}.video-selection{z-index:300;background-repeat:no-repeat}.video-selection:hover{-webkit-filter:saturate(3);filter:saturate(3)}.video-selection-ui>div>p{margin:2vh;font-size:3vh}.video-selection-ui>div:hover{cursor:pointer;color:#b60707}.lights-out{background-color:rgba(0,0,0,.8666666666666667)}.lights-on,.lights-out{z-index:200;transition:background-color 2s linear}.lights-on{background-color:transparent}@-webkit-keyframes fadelight{0%{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.17)}50%{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.24)}70%{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.19)}to{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.26)}}@keyframes fadelight{0%{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.17)}50%{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.24)}70%{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.19)}to{box-shadow:0 100px 200px 100px hsla(0,0%,100%,.26)}}.character-customisation{display:flex;justify-content:space-between;text-align:center}.character-customisation .left{height:70vh;width:45%;display:flex;flex-direction:column;justify-content:center}.character-customisation .left .character-viewer{height:100%;position:relative}.character-customisation .left .character-viewer>div{position:absolute;height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.character-customisation .left .colour-selection{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:min(3vh,3vw);gap:min(3vh,3vw);width:80%;margin:0 auto}.character-customisation .left .colour-selection .colour-choice{width:min(4vh,4vw);height:min(4vh,4vw);border-radius:2vh}.character-customisation .left .colour-selection .colour-choice:hover{cursor:pointer}.character-customisation .right{width:55%;padding:3vh min(3vh,3vw) 3vh 0}.character-customisation .right h3{font-size:3vh}.character-customisation .right .acc-selection{display:flex;flex-wrap:wrap;grid-gap:3vh;gap:3vh;justify-content:center}.character-customisation .right .acc-selection .acc-item{background-color:hsla(0,0%,47.8%,.1);border-radius:2vh;width:14vh;height:14vh;background-position:50%;background-size:180% auto;background-repeat:no-repeat}.character-customisation .right .acc-selection .acc-item:hover{cursor:pointer;box-shadow:3px 3px 3px rgba(0,0,0,.1)}.save-customisation{margin:0 auto;padding:1vh 3vh;font-weight:600;background-color:#05a300;color:#fff;width:6vh;text-align:center;font-size:3vh;border-radius:1vh}.save-customisation:hover{background-color:#008834;cursor:pointer}.vote-selection{display:flex;grid-gap:2vh;gap:2vh;flex-direction:column;justify-content:center;align-items:center;height:100%;width:60%;margin:0 auto;padding-top:8vh;text-align:center}.vote-selection p{font-size:2.2vh;margin:0}.vote-selection h2{font-size:3.6vh;margin:0}.vote-selection .vote-item{cursor:pointer}.vote-again,.vote-submit{padding:1vh 3vh;font-weight:600;background-color:#05a300;color:#fff;text-align:center;font-size:3vh;border-radius:3vh}.vote-again:hover,.vote-submit:hover{background-color:#008834;cursor:pointer}.vote-end{padding:30vh 10vh 0;box-sizing:border-box;text-align:center}.vote-end>h2{font-size:5vh;margin:0}.vote-end>p{font-size:2.6vh}.character{background-position-y:center;pointer-events:none}.character,.character>div{position:absolute;background-repeat:no-repeat}.character>div{width:100%;height:100%;background-size:contain;background-position:50%}.scene-container{position:relative;background-size:contain}.scene-door{height:10vh;width:10vh;background-size:contain;background-repeat:no-repeat;background-position:50%}.scene-door:hover{cursor:pointer}.thumb-horizontal{background-color:hsla(0,0%,100%,.699);border-radius:10px}.thumb-horizontal:hover{background-color:hsla(0,0%,100%,.932);cursor:pointer}.track-horizontal{bottom:0;width:100%;height:15px!important;padding:2px 5px;box-sizing:border-box}.arrow-button:hover{cursor:pointer;-webkit-filter:hue-rotate(-30deg);filter:hue-rotate(-30deg)}.menu-ui{position:absolute;z-index:10!important}.menu-ui:hover{-webkit-filter:brightness(100);filter:brightness(100);cursor:pointer}.blinking{background-image:url(/static/media/Menu_Blink1.4ff376f8.png);background-position:center -1000px;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-animation:blink 5s step-start infinite;animation:blink 5s step-start infinite}@-webkit-keyframes blink{98%{background-position:center -1000px}to{background-position:50%}}@keyframes blink{98%{background-position:center -1000px}to{background-position:50%}}.ib-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:hsla(0,0%,39.2%,.3)}.ib-background .ib-main{position:relative;border-radius:15px;background-size:contain;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center}.ib-background .ib-main .ib-close{position:absolute;top:2vh;right:2vh;width:3vh;height:3vh;outline:none;border:none;z-index:100;cursor:pointer}.ib-background .ib-main .ib-close>img{width:inherit;height:inherit}.ib-background .ib-main .ib-close:hover{opacity:.5}
/*# sourceMappingURL=main.c58cd585.chunk.css.map */