.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;margin-bottom:-80px;padding:15px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.header ul{flex-direction:column;align-items:end;gap:6px 20px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.header ul li{letter-spacing:.8px;color:#ccc;cursor:pointer;margin-left:0;font-weight:600}.navbar-connect{letter-spacing:.8px;font-size:13px;font-weight:500;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-title{letter-spacing:.2px;font-size:13px;font-weight:700}@media only screen and (width>=500px){.header{padding:20px 0}.header ul{flex-direction:row;align-items:center;font-size:14px}.header ul li{color:#eae5ec}.navbar-title{font-size:16px}}@media only screen and (width>=900px){.navbar-connect{display:block}}@media only screen and (width>=1200px){.header{padding:35px 0}.header ul{column-gap:80px;font-size:16px}.navbar-connect{font-size:16px}.navbar-title{font-size:18px}}@media only screen and (width>=1025px){.header ul{column-gap:52px}.navbar-connect{left:32%}}@media only screen and (width>=1500px){.header ul{column-gap:70px}.navbar-connect{left:38%}}@media only screen and (width>=500px) and (width<=900px){.header ul{column-gap:24px;font-size:13px}}@media only screen and (width>=1025px){.header ul{column-gap:40px}}@media only screen and (width>=1500px){.header ul{column-gap:56px}}@media only screen and (width>=500px) and (width<=900px){.header ul{column-gap:16px;font-size:12px}}