.out-rect{margin-left:auto;margin-top:16px;display:flex;align-items:center;justify-content:center;width:100%;max-width:588px;height:64px;padding:1px;background:linear-gradient(-45deg,transparent 12px,#4d0011 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.in-rect{width:100%;height:100%;background:linear-gradient(-45deg,transparent 12px,#130004 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.disabled-out-rect{background:linear-gradient(-45deg,transparent 12px,#41476b 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.disabled-in-rect{background:linear-gradient(-45deg,transparent 12px,#0d0e15 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.done-out-rect{background:linear-gradient(-45deg,transparent 12px,#7be188 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.done-in-rect{background:linear-gradient(-45deg,transparent 12px,#001407 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.signup-space,.signup-stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.signup-stars{background-image:radial-gradient(2px 2px at 50px 200px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(3px 4px at 120px 40px,#ddd,transparent);background-repeat:repeat;background-size:250px 250px;opacity:0;animation:zoom 10s infinite}.signup-stars:first-child{background-position:10% 90%;animation-delay:0s}.signup-stars:nth-child(2){background-position:20% 50%;background-size:270px 500px;animation-delay:.3s}.signup-stars:nth-child(3){background-position:40% -80%;animation-delay:1.2s}.signup-stars:nth-child(4){background-position:-20% -30%;transform:rotate(60deg);animation-delay:2.5s}.signup-stars:nth-child(5){background-image:radial-gradient(2px 2px at 10px 100px,#eee,transparent),radial-gradient(2px 2px at 20px 10px,#fff,transparent),radial-gradient(3px 4px at 150px 40px,#ddd,transparent);background-position:80% 30%;animation-delay:4s}.signup-stars:nth-child(6){background-position:50% 20%;animation-delay:6s}@keyframes zoom{0%{opacity:0;transform:scale(.5);transform:rotate(5deg);animation-timing-function:ease-in}85%{opacity:1}to{opacity:.2;transform:scale(2.2)}}.opening-box{width:960px;height:543px;background-image:url(/img/quest/opening/deconstruction.png);background-repeat:no-repeat;background-size:contain;animation-name:scaleAnimation;animation-duration:.75s;animation-iteration-count:1;transition-timing-function:ease-in-out;overflow:hidden}.scroll-box{width:100%;height:100%}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.opening-title{opacity:0}.fade{animation-delay:1s}.fade,.text-fade{animation-name:fade;animation-duration:1s;animation-iteration-count:1;transition-timing-function:ease-in-out;animation-fill-mode:forwards}.text-fade{opacity:0}.animation-delay-1{animation-delay:1s}.animation-delay-1-5{animation-delay:1.5s}.animation-delay-2{animation-delay:2s}.animation-delay-3{animation-delay:3s}.animation-delay-4{animation-delay:4s}.animation-delay-5{animation-delay:5s}.animation-delay-6{animation-delay:6s}.animation-delay-7{animation-delay:7s}.animation-delay-8{animation-delay:8s}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scroll{0%{transform:translateY(0)}90%{transform:translateY(-80%)}to{transform:translateY(0)}}