.reg-header{align-items:center;background:url(../assets/img/home/header/background.png) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;gap:.5vh;height:auto;justify-content:center;min-height:40vh;padding-bottom:2vh;position:relative;width:100%;z-index:2}.reg-header .title{color:#fff;font-size:1.5vh;font-weight:600;text-align:center;text-decoration:none;text-shadow:0 0 8px rgba(0,0,0,.76);width:90%}.reg-header .video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:1}.reg-header .video.show{opacity:1}.reg-header .logo{margin-top:8vh;z-index:1}.reg-header .options{display:flex;gap:.5vw;z-index:2}.reg-header .playerCount{align-items:center;-webkit-backdrop-filter:blur(1vh);backdrop-filter:blur(1vh);background-color:#141414b3;border-radius:.5vw;box-shadow:0 5px 15px #00000059;cursor:default;display:flex;flex-direction:row;gap:.3vw;outline:.1vh solid hsla(0,0%,100%,.1);outline-offset:-.1vh;padding:.2vw .5vw}.reg-header .playerCount .playerCountNumber{color:#288726;filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));font-size:.6vw;font-weight:600}.reg-header .playerCount .playerCountText{color:#fff;font-size:.6vw;font-weight:600}.reg-header .playerCount .dot{animation:shadowPulse .5s ease-in-out infinite alternate;height:.6vw}@keyframes shadowPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.reg-header .buttons{display:flex;gap:.5vw;margin-top:.5vh;padding:.5vh 0;z-index:2}.reg-header .buttons .button{background-color:#498dbf;border-radius:.5vh;color:#fff;cursor:pointer;outline:.1vh solid hsla(0,0%,100%,.24);outline-offset:-.1vh;padding:10px 20px;text-decoration:none;transition:background-color .2s cubic-bezier(.46,.43,.1,.99)}.reg-header .buttons .button:hover{background-color:#3d7abf}.reg-header .buttons .button .button-text{color:#fff;font-size:.6vw;font-weight:600}.reg-header .reg-navbar{align-items:center;-webkit-backdrop-filter:blur(1vh);backdrop-filter:blur(1vh);background-color:#141414b3;border-radius:1vh;display:flex;flex-direction:row;gap:1vw;justify-content:space-between;padding:1vh}.reg-header .reg-navbar .link{background-color:#fff0;border-radius:.5vh;color:#fff;outline:.1vh solid hsla(0,0%,100%,0);outline-offset:-.1vh;padding:1vh 1.5vh;text-decoration:none;transition:all .2s cubic-bezier(.46,.43,.1,.99)}.reg-header .reg-navbar .link:hover{background-color:#ffffff1f;outline:.1vh solid hsla(0,0%,100%,.24);outline-offset:-.1vh}.reg-header .reg-navbar .link.router-link-active{background-color:#498dbf;outline:.1vh solid hsla(0,0%,100%,.24);outline-offset:-.1vh}.reg-header .reg-navbar .link.router-link-active:hover{background-color:#3d7abf}@media (max-width:1000px){.reg-header .logo{width:80vw}.reg-header .playerCount{border-radius:1.5vw;gap:1vw;padding:.8vh 1vh}.reg-header .playerCount .playerCountNumber,.reg-header .playerCount .playerCountText{font-size:2vh}.reg-header .playerCount .dot{height:2vh}.reg-header .buttons .button .button-text{font-size:2vh}.reg-header .reg-navbar{flex-direction:column;gap:1vh;padding:2vh;width:80%}.reg-header .reg-navbar .link{font-size:2vh;text-align:center;width:95%}}
