@layer components{.c-header-navigation_item{color:var(--color-gray-400);transition:color var(--transition-duration)var(--transition-ease);overflow:hidden}.c-header-navigation_item span{transition:transform var(--transition-duration)var(--transition-ease);align-items:center;gap:.5rem;display:flex;transform:translate(calc(1px - 1.25rem))}.c-header-navigation_item span:before{content:"";background-color:currentColor;flex-shrink:0;width:.75rem;height:1px;display:block}@media (hover:hover){.c-header-navigation_item:hover{color:var(--color-antracite-200)}}.c-header-navigation_item.is-active{color:var(--color-red-700)}.c-header-navigation_item.is-active span{transform:translate(0)}@media (hover:hover){.c-header-navigation_item.is-active:hover{color:var(--color-red-500)}}}