.mega-menu__categories{font-size:0}
.mega-menu__categories>.mega-menu__tab{font-size:14px}
.mega-menu__categories>.mega-menu__all{font-size:13px}

/* 2.13.5: use one arrow geometry for all header dropdowns. */
.nav__dropdown[data-products-dropdown] > button[data-products-toggle],
.nav__resource-dropdown > .nav__resource-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 7px !important;
    line-height: 1.2 !important;
    vertical-align: middle;
}

/* Products contains a legacy text arrow, so rebuild its visible label. */
.nav__dropdown[data-products-dropdown] > button[data-products-toggle] {
    font-size: 0 !important;
}

.nav__dropdown[data-products-dropdown] > button[data-products-toggle]::before {
    content: "Products";
    font-size: 16px;
    line-height: 1.2;
}

/* Solutions and Support contain a separate legacy arrow span. */
.nav__resource-dropdown > .nav__resource-toggle > span[aria-hidden="true"] {
    display: none !important;
}

.nav__dropdown[data-products-dropdown] > button[data-products-toggle]::after,
.nav__resource-dropdown > .nav__resource-toggle::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transform-origin: center;
}