.tag-nav{margin-bottom:1rem;overflow-x:hidden;nav { align-items: center; display: flex; font-family: "DM Mono"; font-size: var(--font-size-6); font-weight: 400; gap: 1rem; height: 2.5rem; overflow-x: auto; padding-right: 1rem; width: 100%; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } a { margin-bottom: .3125rem; text-decoration: none; &.default, &.default:hover { color: var(--colour-2); } &.featured, &.featured:hover { color: var(--colour-3); } &.thoughtLeadership, &.thoughtLeadership:hover { color: var(--colour-2); } &.community, &.community:hover { color: var(--colour-6); } &.funTech, &.funTech:hover { color: var(--colour-4); } &.dailyFuzz, &.dailyFuzz:hover { color: var(--colour-1); } &.cortexCulture, &.cortexCulture:hover { color: var(--colour-8); } &.techDeepDive, &.techDeepDive:hover { color: var(--colour-9); } &:not(.selected) { color: var(--dark-4); } } } @media (min-width: 56.25em) { align-self: center; grid-column: 1 / 13; margin-bottom: 0; nav { align-items: flex-start; height: 3.125rem; } }}