.language-switcher {
    align-items: center;
    display: flex;
    gap: calc(var(--spacer_24) - var(--spacer_4));
    height: 100%;
    position: relative
}

.language-switcher > span {
    align-items: center;
    display: flex;
    gap: var(--spacer_4);
    text-transform: uppercase;
    white-space: nowrap
}

@media (max-width: 1000px) {
    .language-switcher > span > span {
        display: none
    }
}

.language-switcher:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    top: 0;
    width: 2px
}

@media (max-width: 1000px) {
    .language-switcher:before {
        display: none
    }
}

@media (max-width: 1180px) {
    .language-switcher:before {
        margin-right: 8px
    }
}

@media (max-width: 1000px) {
    .language-switcher {
        display: flex;
        gap: var(--spacer_4);
        height: auto;
        margin-left: 0;
        margin-right: 0;
        order: 1;
        padding-top: 2rem;
        width: 100%
    }

    .footer .language-switcher {
        padding-top: 0
    }
}

.world-icon {
    display: inline-block
}

.language-switcher .pin, .language-switcher .pin-hole {
    transform: scale(1) translateY(0);
    transform-origin: center;
    transition: transform var(--default_transition), fill var(--default_transition)
}

.language-switcher:hover .pin, .language-switcher:hover .pin-hole {
    transform: scale(1.05) translateY(-2.5px)
}

.language-switcher:hover .pin {
    fill: var(--primary_color)
}

.language-switcher__list {
    box-shadow: 5px 5px 50px #d3d3d3
}

@media (max-width: 1000px) {
    .language-switcher__list {
        box-shadow: none
    }
}

@media (min-width: 992px) {
    .language-switcher__list {
        background-color: #fff;
        border-radius: 8px;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        transition: max-height .3s
    }

    .language-switcher:hover .language-switcher__list {
        max-height: 500px;
        transition: max-height var(--extra_slow_transition)
    }

    .language-switcher__item:first-of-type {
        padding-top: var(--spacer_xxs)
    }

    .language-switcher__item:last-of-type {
        padding-bottom: var(--spacer_xxs)
    }

    .language-switcher__item {
        padding: var(--spacer_xxxs) var(--spacer_xs)
    }
}

@media (max-width: 1000px) {
    .language-switcher__list {
        justify-content: space-between;
        width: 100%
    }

    .menu-open .language-switcher__list {
        opacity: 1;
        transform: translateY(0)
    }
}

.language-switcher__link {
    align-items: center;
    display: flex;
    position: relative
}

.language-switcher__text {
    border-radius: 8px;
    color: var(--grey_color);
    display: inline-block;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    white-space: nowrap
}

@media (max-width: 1000px) {
    .language-switcher__text {
        padding: 0
    }
}

.language-switcher__text:hover {
    color: var(--black_color)
}

@media (max-width: 1000px) {
    .language-switcher__text {
        color: var(--black_color)
    }
}