body{margin:0;overflow:hidden;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}.pair-code-container{background:#a7458e;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pair-code-text1{color:#fff;font-size:12vw;font-family:Roboto;font-weight:400;margin-bottom:7vw}.pair-code-text2{color:#fff;font-size:3vw;font-family:Roboto;font-weight:400;text-align:center;line-height:6vw;margin-bottom:8vw}.rotated-main-activity-container{transform:rotate(270deg);transform-origin:center;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(270deg)}.main-activity-container{background:#000;height:100vh;width:100vw;top:0;left:0;position:relative;overflow:hidden}.rotated-90{transform:rotate(90deg);transform-origin:center;background:#000;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.rotated-180{transform:rotate(180deg);background:#000;height:100vh;width:100vw;top:0;left:0;position:relative;overflow:hidden}.rotated-270{transform:rotate(270deg);transform-origin:center;background:#000;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(270deg)}.playlist-image-container{background:#000;height:100%;width:100%;top:0;left:0;position:absolute}.playlist-image{height:100%;width:100%;object-fit:contain}.playlist-video-container{background:#000;height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden}.playlist-video{height:100%;width:100%}.playlist-web-container{background-color:#000;height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;border:none}.playlist-web{background-color:#fff;height:100%;width:100%;border:none}.message-text-container{background:#000;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.message-text{color:#fff;font-size:3vw;font-family:Roboto;font-weight:400;margin-top:8vw}.message-text2{color:#fff;font-size:2vw;font-family:Roboto;font-weight:400;text-align:center;line-height:3.4vw;margin-top:3vw}#cache-support-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px;border-radius:10px;text-align:center;z-index:1000}.fade-in-image{-webkit-animation-name:fadeIn;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1}@keyframes fadeIn{0%{opacity:0;-webkit-transform:rotate(-180deg)}to{opacity:1;-webkit-transform:rotate(0)}}.active{display:block}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts/roboto/roboto-v49-latin-regular.woff2) format("woff2"),url(/fonts/roboto/roboto-v49-latin-regular.ttf) format("truetype")}