#header {
    padding: 1.25rem 1.25rem;
}

.header__logo {
    top: 1.25rem;
    left: 1.25rem;
}

.js-global-navi__opener {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    width: 56px;
    height: 56px;
    padding-top: 2px;
    border-radius: 0 0 12px 12px;
    font-size: 10px;
    font-family: "Poppins", sans-serif;
    text-align: center;

    &:not(.is-open) {
        width: 160px;
        background: #4f544d;
        color: #ffffff;
    }

    .is-open > *:not(svg) {
        display: none;
    }

    @media (max-width: 48.0525em) {
        padding-top: 0;
        border-radius: 0 0 0 6px;

        &:not(.is-open) {
            width: 52px;
            height: 52px;
        }
    }
}

/*.global-navi__opener svg {*/
/*    @media (max-width: 48.0525em) {*/
/*        width: 48px;*/
/*        height: 48px;*/
/*    }*/
/*}*/