.nav-icon{border-bottom:2px solid transparent;cursor:pointer;height:100%;margin:0 10px;position:relative;text-align:center}@media screen and (max-width:1024px){.nav-icon{margin:0 5px}}.nav-icon a{display:contents}.nav-icon .alert{align-items:center;background-color:var(--C1);border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;line-height:1;position:absolute;right:5px;width:18px}.nav-icon .active,.nav-icon.active,.nav-icon:hover{border-bottom-color:var(--C1)}.nav-icon:hover{animation:hover-link 1s ease-in-out .25s 2 both}.nav-icon .icon{height:32px;margin:5px 1em;width:32px}.nav-icon .link-text{font-size:10px;text-transform:uppercase;white-space:nowrap}@media screen and (max-width:1024px){.nav-icon .link-text{max-width:100px;overflow:hidden}}@keyframes hover-link{50%{color:var(--C1)}}