article, aside, footer, header, main, nav, section {
    display: block;
}

*, *::before, *::after {
    box-sizing: inherit;
}

[dir="ltr"] .network-navigation__menu {
    border-right: 1px solid rgba(159,162,166,0.25);
}

.has-network-navigation {
    position: relative;
    padding-top: 2.5rem
}

.network-navigation {
/*    position: absolute;
    top: 0;
    right: 0;
    left: 0;*/
    z-index: 200;
    min-height: 2.5rem;
    background-color: #4f5359;
    font-size: 0.75rem;
    line-height: 1.33333;
    color: white
}

.network-navigation p {
    margin: 0;
}
.network-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.network-navigation .optional-item {
    display: none
}

@media screen and (min-width: 48rem) {
    .network-navigation .optional-item {
        display: block
    }
}

.network-navigation__main {
    max-width: 994px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between
}

.network-navigation__main a {
    border: solid 1px transparent;
    color: white;
    text-decoration: none;
}

.network-navigation__main a:focus,
.network-navigation__main a:hover,
.network-navigation__main a:active {
    background-color: #474747;
    text-decoration: none
}

.network-navigation__menu {
    border-inline-end: 1px solid rgba(159, 162, 166, 0.25);
    white-space: nowrap
}

[dir="ltr"] .network-navigation__menu {
    border-right: 1px solid rgba(159, 162, 166, 0.25)
}

[dir="rtl"] .network-navigation__menu {
    border-left: 1px solid rgba(159, 162, 166, 0.25)
}

.network-navigation__menu ul {
    display: none
}

.network-navigation__menu .menu-click {
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="7px"><path fill="white" d="M1 0L0 1l6 6 6-6-1-1-5 5-5-5z"/></svg>');
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjdweCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xIDBMMCAxbDYgNiA2LTYtMS0xLTUgNS01LTV6Ij48L3BhdGg+PC9zdmc+");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0.75rem 1.75rem 0.75rem 0.75rem
}

.network-navigation__menu li a {
    padding: 0.90rem;
    min-width: 13rem;
    display: block;
    padding: 0.75rem 1.5rem 0.75rem 0.75rem;
}

.network-navigation__menu--open .menu-click {
    background-color: #474747
}

.network-navigation__menu--open ul {
    display: block;
    position: absolute;
    max-height: 75%;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #4f5359;
    max-height: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 20;
}

.network-navigation__menu--open ul.rightmost-menu {
    right: 0
}

.network-navigation__links {
    display: flex
}

.network-navigation__links p {
    display: inline-block
}

.network-navigation__link {
    border-inline-end: 1px solid rgba(159, 162, 166, 0.25);
    white-space: nowrap
}

[dir="ltr"] .network-navigation__link {
    border-right: 1px solid rgba(159, 162, 166, 0.25)
}

[dir="rtl"] .network-navigation__link {
    border-left: 1px solid rgba(159, 162, 166, 0.25)
}

.network-navigation__link a {
    display: block;
    padding: 0.75rem;
}

.network-navigation__last-in-col {
    margin-inline-end: auto
}

[dir="ltr"] .network-navigation__last-in-col {
    margin-right: auto
}

[dir="rtl"] .network-navigation__last-in-col {
    margin-left: auto
}