@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/roboto-v49-latin-regular-CNwBRw8h.woff2) format("woff2"),url(/assets/roboto-v49-latin-regular-DQOtr5Ct.ttf) format("truetype")}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}.main-activity-container{background:#000;height:100vh;width:100vw;top:0;left:0;position:relative;overflow:hidden}.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:#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}.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}.rotated-90,.rotated-270{position:absolute;top:50%;left:50%;width:100vh;height:100vw;background:#000;overflow:hidden}.rotated-90{transform:translate(-50%,-50%) rotate(90deg)}.rotated-270{transform:translate(-50%,-50%) rotate(270deg)}.rotated-180{transform:rotate(180deg)}