#toggle-icon {
    display: flex;
    align-items: center;
    gap: 0.75em;
    padding: 0;
    margin: 0;
    appearance: none;
    font-size: inherit;
    background: 0 0;
    border: none;
    color: inherit;
    cursor: pointer;
}
.bar {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: calc(2px/ 2);
    background: #FFF;
    color: inherit;
    opacity: 1;
}
.bar--top {
    bottom: calc(50% + 10px + 2px/ 2);
    transition: bottom .2s ease,transform .2s ease,width .2s ease;
}
.bar--middle {
    top: calc(50% - 2px/ 2);
    transition: opacity .2s ease;
}
.bar--bottom {
    top: calc(50% + 10px + 2px / 2);
    transition: top .2s ease,transform .2s ease,width .2s ease;
}
[part=bars] {
    position: relative;
    display: block;
    width: 40px;
    height: calc(2 * 3px + 10px * 2);
}
:host([fx=collapse]) .bar--top {
    transition: bottom .2s ease,margin .2s ease,transform .2s ease;
    transition-delay: calc(0.6s + .2s),0.6s,0.6s;
}
:host([fx=collapse]) .bar--middle {
    transition: top .2s ease,opacity 0s ease;
    transition-delay: calc(0.6s + .3s),calc(0.6s + .3s);
}
:host([fx=collapse]) .bar--bottom {
    transition: top .2s ease,transform .2s ease;
    transition-delay: 0.6s;
}
:host([fx=collapse]) .is-cross .bar--top {
    bottom: calc(50% - 10px - 2px);
    margin-bottom: calc(10px + 2px/ 2);
    transform: rotate(45deg);
    transition-delay: calc(0.6s + .1s),calc(0.6s + .3s),calc(0.6s + .3s);
}
:host([fx=collapse]) .is-cross .bar--middle {
    top: calc(50% + 10px);
    opacity: 0;
    transition-delay: 0.6s,calc(0.6s + .2s);
}
:host([fx=collapse]) .is-cross .bar--bottom {
    top: calc(50% - 2px/ 2);
    transform: rotate(-45deg);
    transition-delay: calc(0.6s + .3s),calc(0.6s + .3s);
}

.is-cross .bar--top {
    bottom: calc(50% - 2px/ 2);
    transform: rotate(45deg);
}
.is-cross .bar--middle {
    opacity: 0;
}
.is-cross .bar--bottom {
    top: calc(50% - 2px/ 2);
    transform: rotate(-45deg);
}
.mm-ocd .mm-spn ul {
    position: static;
}
.menu--menu-reseau-sociaux-fe>ul {
    display: flex;
}

.mm-ocd.region-nav-additional,
.block-menu.menu--account ul,
.menu--menu-reseau-sociaux ul,
.menu--menu-reseau-sociaux-fe ul,
.mm-ocd .block-menu.menu--account ul,
.mm-ocd .menu--menu-reseau-sociaux ul,
.mm-ocd .menu--menu-reseau-sociaux-fe ul {
    display: flex;
    height: 100%;
}
.mm-ocd .menu--menu-reseau-sociaux li:after,
.mm-ocd .menu--menu-reseau-sociaux-fe li:after {
    content: none;
}
.mm-ocd .navigation.menu--account {
    margin-bottom: 1rem;
}
.mm-ocd .navigation.menu--account>ul {
    flex-direction: column !important;
}
.mm-ocd .menu--menu-reseau-sociaux ul,
.mm-ocd .menu--menu-reseau-sociaux-fe ul {
    justify-content: center;
}