.sound-button{cursor:pointer;width:20px;height:20px}.logo{width:100px}.countdown{font-size:16px}.countdown>:before{line-height:.8}.btn{font-size:1rem;clip-path:polygon(1em 0,100% 0,100% 100%,100% 100%,0 100%,0 1em);background:repeating-linear-gradient(-45deg,#d9112f,#d9112f 10px,#d4112e 0,#d4112e 20px);pointer-events:visible}.btn .right-square{position:absolute;width:10px;height:10px;right:5px;bottom:5px;background:#151618}.layer{clip-path:polygon(2em 0,100% 0,100% calc(100% - 2em),calc(100% - 2em) 100%,0 100%,0 2em)}.border-top-left{height:50px;position:absolute;width:100%;background:#d9112f;clip-path:polygon(1em 0,calc(1em + 5px) 0,0 calc(1em + 5px),0 1em)}.player-profile{width:300px;max-width:100%;height:100%;position:absolute;right:0;top:0;margin:10px;transition:all .2s ease-in-out}.player-profile .profile-container{width:100%;height:calc(100% - 20px);padding:20px;-webkit-backdrop-filter:blur(10px) saturate(80%) contrast(120%);backdrop-filter:blur(10px) saturate(80%) contrast(120%)}.player-profile{opacity:0;transform:scaleY(0);z-index:0}.show-profile{opacity:1;transform:scaleY(1);z-index:1}.text-primary{color:#e42025}.text-secondary{color:#000d44}.text-accent{color:#00dbff}.text-base-100{color:#000d44}.text-neutral{color:#eeeff1}.bg-primary{background:#e42025}.bg-secondary{background:#000d44}.bg-accent{background:#00dbff}.bg-base-100{background:#000d44}.bg-neutral{background:#eeeff1}body{font-family:Futura Std,sans-serif}.header{background:linear-gradient(0deg,transparent,#000d44)}.header .sound-button{color:#eeeff1}.countdown>:before{font-family:Futura Std,sans-serif}.viewer{width:500px;height:330px;position:absolute;right:10px;bottom:10px;opacity:0;pointer-events:none;transition:all .2s ease-in-out}.viewer .iframe-container{height:100%}.show-viewer{opacity:1;pointer-events:visible}.mapboxgl-popup .mapboxgl-popup-tip{border-top-color:rgba(0,13,68,.9)!important}.mapboxgl-popup .mapboxgl-popup-content{background-color:rgba(0,13,68,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;font-family:Futura Std,sans-serif;font-size:16px;padding:10px;color:#eeeff1}.front{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:#eeeff1}.marker{width:30px;height:30px;border-radius:50%;cursor:pointer}.elevation{position:fixed;bottom:-10px;opacity:0;pointer-events:none;transition:all .5s ease-in}.show-elevation{opacity:1;pointer-events:visible}.arrow_box{padding:5px 8px;color:#eeeff1;background:#000d44}.explore-button{cursor:pointer}.blur-h{-webkit-backdrop-filter:blur(20px) saturate(100%) contrast(120%);backdrop-filter:blur(20px) saturate(100%) contrast(120%);background-color:rgba(0,13,68,.4)}.tab{position:relative;position:cursor}.runner-card{transition:all .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;width:120px;margin-right:-5px;font-size:13px}.runner-card .runner-card-hover{transition:all .1s ease-in-out}.runner-card:hover{z-index:1000000}.runner-card:hover .runner-card-hover{color:#000d44;transform:translateY(-20px)}.runner-card .runner-card-content{overflow:hidden}.runner-card .runner-card-content .runner-text{position:absolute;height:55px;bottom:0;width:100%;font-size:11px}.runner-card .runner-card-content .desc{font-size:10px}.runner-card .runner-card-content img{width:120px;height:168px;-o-object-fit:cover;object-fit:cover}.runner{width:300px;max-width:100%;height:100%;position:absolute;right:0;top:0;margin:10px;transition:all .2s ease-in-out}.runner .runner-container{width:100%;height:calc(100% - 20px);padding:20px}.runner{opacity:0;transform:scaleY(0);z-index:0}.show-runner{opacity:1;transform:scaleY(1);z-index:1}