#HeaderComponent{background:#000;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 50%,transparent);padding:30px 0;position:absolute;top:0;left:0;width:100%;z-index:999}@media(max-width:639px){#HeaderComponent{background:#000;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.6) 50%,transparent);padding:16px 0}}#HeaderComponent .logo{height:auto}#HeaderComponent .logo:hover{transition:all .2s ease;cursor:pointer;transform:translateY(-2px)}#HeaderComponent .logo:active{transition:all .2s ease;cursor:pointer;transform:translateY(1px)}#HeaderComponent .nav{font-family:Axiforma,Montserrat,sans-serif;font-size:15px;line-height:25px;color:#fff;letter-spacing:.2;font-weight:700;color:#e8d388;text-transform:uppercase;text-shadow:2px 0 16px rgba(0,0,0,.5)}@media(max-width:639px){#HeaderComponent .nav{font-size:13px;line-height:18px}}#HeaderComponent .nav span:not(:first-of-type){margin-left:32px}#HeaderComponent .nav span:hover{transition:all .2s ease;cursor:pointer;transform:translateY(-2px);color:#c49956}#HeaderComponent .nav span:active{transition:all .2s ease;cursor:pointer;transform:translateY(1px)}@keyframes float{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes appear-in-left{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes appear-in-right{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}@keyframes fade-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(10px)}}#LoginComponent .error-message,#LoginComponent .mantine-TextInput-error{color:#ff2d67!important}