.Header {
    &-accountMenu {
        align-items: stretch;
        align-self: stretch;
        display: flex;

        &.show {
            display: flex !important;
        }

        > .dropdown-toggle {
            align-items: stretch;
            display: flex;
            font-size: 1rem;
            line-height: $nav-item-hpadding;
            padding: 0 $nav-item-hpadding;
        }

        .dropdown-menu {
            left: auto;
            max-height: 80vh;
            min-width: 160px;
            overflow: auto;
            right: 0;
        }

        .dropdown-item {
            font-size: 1.15rem;
            padding: $nav-item-padding;

            &:active {
                background-color: $gray-100;
                color: $gray-900;
            }

            > svg {
                margin-right: 10px;
            }
        }

        .Icons-chevron {
            fill: var(--white);
            height: 5px;
            margin-left: 12px;
            width: 8px;
        }
    }

    &-dropdownTitle {
        align-items: center;
        display: flex;
        text-align: center;
    }
}
