.header__language-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 6.4rem;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1250;
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 768px) {
    .header__language-overlay {
        display: none;
    }
}

.header__language-dropdown {
    position: fixed;
    left: 50%;
    bottom: 8.4rem;
    z-index: 1500;
    width: 32rem;
    max-width: 90%;
    border-radius: 0.6rem;
    margin: 0;
    transform: translate(-50%, 0);
    background: #fff;
    box-shadow: 0px 10rem 8rem rgba(0, 0, 0, 0.07), 0px 4.17776rem 3.34221rem rgba(0, 0, 0, 0.0503198), 0px 2.23363rem 1.7869rem rgba(0, 0, 0, 0.0417275), -0.4rem 0px 1.7869rem rgba(0, 0, 0, 0.05), 0px 1.25216rem 1.00172rem rgba(0, 0, 0, 0.035), 0px 0.66501rem 0.53201rem rgba(0, 0, 0, 0.0282725), 0px 0.27673rem 0.22138rem rgba(0, 0, 0, 0.0196802);
    border-radius: 6px;
    padding: 1.6rem 2.4rem 2.4rem;
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
    opacity: 0;
    visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 6.4rem - 5.4rem - 4.8rem);
}

.header__language-dropdown:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 0.7rem solid transparent;
    border-right: 0.7rem solid transparent;
    border-top: 0.7rem solid #fff;
    margin: 0 0 0 -0.7rem;
}

@media (min-width: 768px) {
    .header__language-dropdown {
        position: absolute;
        top: 100%;
        right: auto;
        left: -25rem;
        bottom: auto;
        transform: none;
        max-width: none;
        box-shadow: 0px 10rem 8rem rgba(0, 0, 0, 0.07), 0px 4.17776rem 3.34221rem rgba(0, 0, 0, 0.0503198), 0px 2.23363rem 1.7869rem rgba(0, 0, 0, 0.0417275), -0.4rem 0px 1.7869rem rgba(0, 0, 0, 0.05), 0px 1.25216rem 1.00172rem rgba(0, 0, 0, 0.035), 0px 0.66501rem 0.53201rem rgba(0, 0, 0, 0.0282725), 0px 0.27673rem 0.22138rem rgba(0, 0, 0, 0.0196802);
    }

    .header__language-dropdown:before {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 6rem;
        border-left: 0.7rem solid transparent;
        border-right: 0.7rem solid transparent;
        border-bottom: 0.7rem solid #fff;
        margin: 0 -0.7rem 0 0;
    }

    .header__language-dropdown:after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header__language-dropdown {
        padding: 4rem 3rem 3rem;
        width: 260px;
        left: -20.8rem;
    }

    .header__language-dropdown:before {
        right: 8rem;
        border-width: 1.2rem;
        margin: 0 -1.2rem 0 0;
    }
}

.header__language-content {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.header__language-item img {
    cursor: pointer;
}


.language__img_active {
    box-shadow: 0px 0rem 1rem rgba(0, 0, 0, 0.17), 0px 1.17776rem 1.54221rem rgba(0, 0, 0, 0.0503198), 0px 1.23363rem 0.8869rem rgba(0, 0, 0, 0.0517275), -0.2rem 0px 0.8869rem rgba(0, 0, 0, 0.05), 0px 0.65216rem 0.50172rem rgba(0, 0, 0, 0.035), 0px 0.36501rem 0.25201rem rgba(0, 0, 0, 0.0282725), 0px 0.12673rem 0.10138rem rgba(0, 0, 0, 0.0196802);
}

.is-language-open .header__language-overlay, .is-language-open .header__language-dropdown {
    opacity: 1;
    visibility: visible;
}