.none{display:none}#container{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}#menu{z-index:4}.canvas-box{position:absolute;left:0;top:0;z-index:-1}.canvas-box,.canvas-box canvas{width:100%;height:100%}#info{color:#fff;padding:5px;font-family:Chakra Petch,sans-serif;font-size:13px;font-weight:700;z-index:1}#info,#menu{position:absolute;width:100%;text-align:center}#menu{bottom:2vh}@media screen and (max-width:768px){#menu{bottom:0}}.selectedCard{width:12vh;height:16vh;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.1);border:none;border-radius:10px;text-align:center;cursor:default;display:flex;justify-content:center;align-items:center;color:#333;font-family:Chakra Petch,sans-serif}.element:hover{box-shadow:0 0 12px rgba(0,255,255,.75);border:1px solid rgba(127,255,255,.75)}.element .company{position:absolute;top:1.2vh;right:0;width:100%;font-size:2vh;color:rgba(127,255,255,.75)}.element .name{color:hsla(0,0%,100%,.75);text-shadow:0 0 1vh rgba(0,255,255,.95)}.element .ap,.element .name{position:absolute;top:4.6vh;left:0;right:0;font-size:2.9vh;font-weight:700}.element .ap{color:rgba(0,0,0,.75)}.element .details{position:absolute;bottom:1.2vh;left:0;right:0;font-size:1.6vh;color:rgba(127,255,255,.75)}button.lotteryButton{color:#000;background-color:#0fc;height:40px;width:120px;font-family:Chakra Petch,sans-serif;font-weight:700;border-radius:4px;font-size:12px;letter-spacing:1.25px}@media screen and (max-width:768px){button.lotteryButton{width:104px;height:32px;font-size:11px}}button.lotteryButton:disabled{color:#626263;background-color:#313131;border:1px solid #4a4a4b}button.claimButton{color:#0fc;background-color:#000;border:1px solid rgba(0,255,204,.4);height:40px;width:120px;font-family:Chakra Petch,sans-serif;font-weight:700;border-radius:4px;font-size:12px;letter-spacing:1.25px}@media screen and (max-width:768px){button.claimButton{width:104px;height:32px;font-size:11px}}button.claimButton:disabled{color:#626263;background-color:#313131;border:1px solid #4a4a4b}.highlight{background-color:rgba(253,105,0,.95)!important;box-shadow:0 0 12px rgba(253,105,0,.95);border:1px solid rgba(253,105,0,.25)}.highlight.element .name{text-shadow:0 0 16px hsla(0,0%,100%,.95)}.dan-mu{visibility:hidden;position:fixed;z-index:-1;font-size:12px;top:1vh;left:0;padding:0 1.2vh;height:2.2vh;line-height:2.2vh;border-radius:1vh;box-sizing:border-box;background-color:rgba(0,127,127,.37);box-shadow:0 0 4px rgba(0,255,255,.5);border:1px solid rgba(127,255,255,.25);color:rgba(127,255,255,.75)}.dan-mu.active{visibility:visible}.progress .progress-bar{border-radius:1.8vh;position:relative;animation:animate-positive 2s;background-color:#d9534f;height:1.8vh;transition:width .6s ease}.progress-bar.active{animation:progress-bar-stripes .4s linear infinite reverse,animate-positive 2s}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:8px 8px}@keyframes animate-positive{0%{width:0}}@keyframes progress-bar-stripes{0%{background-position:8px 0}to{background-position:0 0}}.shine{box-shadow:0 0 15px 0 rgba(0,255,255,.5);transform:scale(1.2);transform-origin:left center;overflow:hidden}.done,.shine{position:relative}.done:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);cursor:not-allowed}.shine span{position:absolute;display:block}.shine span:first-child{top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:animate1 1s linear infinite}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.shine span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:animate2 1s linear infinite;animation-delay:.25s}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.shine span:nth-child(3){bottom:0;right:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:animate3 1s linear infinite;animation-delay:.5s}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.shine span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);animation:animate4 1s linear infinite;animation-delay:.75s}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}.rotate-active{animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.margin-l-40{margin-left:40px}.fixed-bar{position:fixed;bottom:20px;right:20px}.fixed-btn{margin:20px 0 0;width:200px;text-align:center;display:block}@keyframes breath{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.8}}