/* Inline Material Symbols SVG replacements (no font, no extractable icon names). */
.ms-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    flex-shrink: 0;
    vertical-align: -0.125em;
}

.hp-menu-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hp-menu-icon-wrap .ms-icon {
    font-size: 1.5rem;
}

.hp-menu-icon-wrap .hp-menu-icon--close.hidden {
    display: none;
}

.hp-menu-icon-wrap.is-open .hp-menu-icon--open {
    display: none;
}

.hp-menu-icon-wrap.is-open .hp-menu-icon--close {
    display: inline-block;
}

.hp-menu-icon-wrap.is-open .hp-menu-icon--close.hidden {
    display: inline-block;
}

/* Firm lockups are light type on an opaque black plate.
   Screen-blend knocks the plate out on dark headers/footers. */
.hp-brand-logo,
.hp-header-logo,
.hp-footer-logo {
    mix-blend-mode: screen;
    background-color: transparent;
    object-fit: contain;
    object-position: left center;
}