.nav-link{position:relative;display:inline-block;font-size:14px;text-decoration:none;font-weight:400;letter-spacing:.01em;transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:1px;transition:width .3s ease;transform:translate(-50%)}.nav-link--transparent{color:#fffc}.nav-link--transparent:after{background:#fff}.nav-link--transparent:hover{color:#fff}.nav-link--transparent:hover:after,.nav-link--transparent.nav-link--active:after{width:100%}.nav-link--transparent.nav-link--active{color:#fff;font-weight:500}.nav-link--solid{color:#475569f2}.nav-link--solid:after{background:#0f172a}.nav-link--solid:hover{color:#0f172a}.nav-link--solid:hover:after,.nav-link--solid.nav-link--active:after{width:100%}.nav-link--solid.nav-link--active{color:#0f172a;font-weight:500}