.hover-link{text-wrap:nowrap;display:flex;position:relative;overflow:hidden}.hover-in{transition:all .3s;position:relative}.hover-in div{display:flex;position:absolute;top:100%;left:0}.hover-link:hover .hover-in{color:var(--accentColor);transform:translateY(-100%)}
.header{max-width:var(--cMaxWidth);width:var(--cWidth);box-sizing:border-box;z-index:9999;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.navbar-title{letter-spacing:.2px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;text-decoration:none}.navbar-connect{letter-spacing:.8px;color:#a09ea8;white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin-left:30px;margin-right:auto;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s;display:none;overflow:hidden}.navbar-connect:hover{color:var(--accentColor)}.header ul{flex-direction:row;flex-shrink:0;align-items:center;gap:6px 16px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.header ul li{letter-spacing:.8px;color:#ccc;cursor:pointer;margin-left:0;font-weight:600}@media only screen and (max-width:480px){.navbar-title{display:none}.header{justify-content:center}.header ul{flex-wrap:wrap;justify-content:center;column-gap:12px;font-size:11px}}@media only screen and (min-width:640px){.header{padding:20px 0}.header ul{column-gap:20px;font-size:13px}}@media only screen and (min-width:1025px){.navbar-connect{display:block}.header ul{column-gap:28px;font-size:14px}}@media only screen and (min-width:1280px){.header{padding:30px 0}.navbar-connect{max-width:400px;font-size:15px}.header ul{column-gap:48px;font-size:15px}.navbar-title{font-size:18px}}