.header-icons
{
    display: flex;
    align-items: center;
    justify-self: end;
    grid-area: icons;
    gap: 0 var(--text-spacing-sm);
}
@media(min-width: 1140px)
{
    .header-icons
    {
        gap: 0 var(--text-spacing-lg);
    }
}
menu-drawer+.header-search
{
    display: none;
}
@media(min-width: 820px)
{
    .header predictive-search
    {
        position: relative;
    }
}
.header-icon
{
    color: var(--text-primary);
}
.header-icon span
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.header-icon .icon
{
    width: 1.5rem;
    height: 1.5rem;
    fill: none;
    vertical-align: middle;
}
@media screen and (max-width: 1139px)
{
    .header-icon-account
    {
        display: none;
    }
}
.header-icon-search
{
    transition: color .25s ease-out;
}
.header-icon-search:hover
{
    color: var(--text-link-hover);
}
.header-icon-cart
{
    position: relative;
}
.cart-count-bubble
{
    position: absolute;
    background-color: var(--color-primary);
    color: var(--color-white);
    width: 1rem;
    height: 1rem;
    top: -.25rem;
    right: -.25rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .625rem;
    font-weight: var(--font-weight-bold);
}
.cart-count-bubble:empty
{
    display: none;
}