@font-face{font-family:Heading Now\ 56 Bold;src:local("Heading Now 56 Bold"),local("Heading-Now-56-Bold"),url("../fonts/Heading Now 56 Bold.fe2a6ee4.ttf") format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Paladins;src:local("Paladins"),url(../fonts/Paladins.009916f1.ttf) format("truetype");font-style:normal;font-display:swap}canvas{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;filter:hue-rotate(180deg)}#app{width:100vw;height:100vh;background-color:#141414;font-family:Helvetica,sans-serif;font-size:16px;font-weight:regular;color:#f8f8f8;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}#app .main_view{width:100%;height:100%}#app .main_view .bg{position:fixed;z-index:1;right:0;bottom:0;top:0;left:0}#app .main_view .bg .video_bg{-o-object-fit:cover;object-fit:cover;background-size:cover;width:100%;height:100%}#app .main_view .content{position:fixed;z-index:2;right:0;bottom:0;top:0;left:0;justify-content:space-between;box-sizing:border-box;padding:2vh 0 4vh}#app .main_view .content,#app .main_view .content .header,#app .main_view .content .header .title{display:flex;align-items:center;flex-direction:column}#app .main_view .content .header .title{font-family:Heading Now\ 56 Bold;font-size:32px;line-height:28px}#app .main_view .content .header .subtitile{font-size:9px;margin:16px 0;font-weight:300}#app .main_view .content .header .logo{display:flex;flex-direction:column;align-items:center}#app .main_view .content .header .logo .back{font-family:Paladins;font-size:24px}#app .main_view .content .header .logo .svg_logo{width:88vw;height:80px;background:url("../img/FR FULL LOGO.cc97d98e.svg") no-repeat 50%/contain}#app .main_view .content .footer{display:flex;flex-direction:column;align-items:center;text-transform:uppercase}#app .main_view .content .footer .msg{font-family:Heading Now\ 56 Bold;font-size:16px}#app .main_view .content .footer .msg:first-child{font-size:18px}#app .main_view .content .footer .date{display:flex;align-items:baseline;margin:0 0 4px;color:#b5e4ff;line-height:48px}#app .main_view .content .footer .date .dd{font-size:48px}#app .main_view .content .footer .date .mm{font-family:Heading Now\ 56 Bold;font-size:46px;margin:0 8px}#app .main_view .content .footer .btn{font-family:Heading Now\ 56 Bold;font-size:20px;color:#b5e4ff;text-decoration:underline;margin-top:20px;cursor:pointer}#app .music_view{width:100%;height:100%}#app .music_view .logo{position:fixed;z-index:2;width:100vw;height:100vw;bottom:0;background:url(../img/logo.65100ee2.svg) no-repeat 50%/contain}#app .music_view .controls{position:fixed;z-index:3;right:0;bottom:0;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-sizing:border-box;padding-bottom:6vh}#app .music_view .controls .subtitile{font-family:Heading Now\ 56 Bold;font-size:18px}#app .music_view .controls .title{display:flex;align-items:baseline;margin-bottom:8px}#app .music_view .controls .title .ep{font-family:Heading Now\ 56 Bold;margin-right:8px;font-size:44px}#app .music_view .controls .title .num{font-size:46px}#app .music_view .controls .btn{cursor:pointer;font-family:Heading Now\ 56 Bold;font-size:20px;padding:16px 44px;background-color:#f8f8f8;color:#141414;text-decoration:none}#app .message_box{position:fixed;z-index:9;right:0;bottom:0;top:0;left:0;background-color:rgba(0,0,0,.65)}#app .message_box .content{position:fixed;width:80vw;height:80vw;padding:0 40px;top:calc(50% - 40vw);left:calc(50% - 40vw);background-color:#f8f8f8;color:#141414;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}#app .message_box .content .title{font-family:Heading Now\ 56 Bold;font-size:42px}#app .message_box .content .msg{text-align:center;margin-top:36px}#app .message_box .content .btn{cursor:pointer;font-family:Heading Now\ 56 Bold;font-size:20px;margin-top:40px;padding:8px 40px;background-color:#141414;color:#f8f8f8}#app .message_box.help{display:flex;align-items:center;justify-content:center;text-transform:uppercase}#app .message_box.help b{font-weight:700}#app .message_box.help ol{margin-left:20px;line-height:18px}#app .message_box.help .content{position:relative;height:auto;padding:40px 20px 20px;top:auto;left:auto}#app .message_box.help .content .title{font-family:Heading Now\ 56 Bold;font-size:22px}#app .message_box.help .content .subtitle{font-family:Heading Now\ 56 Bold;font-size:20px;margin:20px 0 16px}#app .message_box.help .content .msg{text-align:left;margin:0}#app .pc .message_box .content{width:360px;height:360px;top:calc(50% - 180px);left:calc(50% - 180px)}