.LanguageSwitchModal-module-scss-module__8KG2nq__content {
    box-shadow: 0 16px 48px #0c0e1a33;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__main .LanguageSwitchModal-module-scss-module__8KG2nq__content {
    padding-bottom: calc(16px * var(--zoom));
    overflow: hidden;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__titleRow {
    padding-inline-end: calc(36px * var(--zoom));
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variants {
    padding: calc(6px * var(--zoom)) calc(4px * var(--zoom)) 0;
    scrollbar-color: #c5c8d4 transparent;
    flex: 1 1 auto;
    min-height: 0;
}

.lang-modal-scroll-end {
    height: calc(28px * var(--zoom));
    flex-shrink: 0;
    pointer-events: none;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variants::-webkit-scrollbar {
    width: 6px;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variants::-webkit-scrollbar-thumb {
    background: #c5c8d4;
    border-radius: 99px;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variant {
    height: calc(44px * var(--zoom));
    padding: 0 calc(10px * var(--zoom));
    min-width: 0;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variant.LanguageSwitchModal-module-scss-module__8KG2nq__active {
    background: #d7dae1;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variantTitle {
    min-width: 0;
    width: 100%;
    gap: calc(8px * var(--zoom));
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variantTitle > img {
    width: calc(20px * var(--zoom));
    height: calc(20px * var(--zoom));
    margin-inline-end: 0;
    margin-right: 0;
    border-radius: calc(3px * var(--zoom));
    flex-shrink: 0;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variantTitle > span {
    color: inherit;
}

.lang-modal-code {
    flex-shrink: 0;
    min-width: 0;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.lang-modal-native {
    color: #5c6180 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.LanguageSwitchModal-module-scss-module__8KG2nq__variant.LanguageSwitchModal-module-scss-module__8KG2nq__active .LanguageSwitchModal-module-scss-module__8KG2nq__variantTitle {
    padding-inline-end: calc(92px * var(--zoom));
}

.LanguageSwitchModal-module-scss-module__8KG2nq__tag {
    inset-inline-end: calc(12px * var(--zoom));
    inset-inline-start: auto;
}

.lang-modal-block + .lang-modal-block {
    margin-top: calc(4px * var(--zoom));
}

.lang-modal-current {
    padding-bottom: calc(4px * var(--zoom));
}

.lang-modal-sep {
    height: 1px;
    margin: calc(8px * var(--zoom)) calc(12px * var(--zoom));
    background: #c5c8d4;
    flex-shrink: 0;
}

.lang-modal-region + .lang-modal-region {
    margin-top: calc(6px * var(--zoom));
}

.lang-modal-region-title {
    padding: calc(10px * var(--zoom)) calc(12px * var(--zoom)) calc(4px * var(--zoom));
    font-family: Inter, sans-serif;
    font-size: calc(12px * var(--zoom));
    font-weight: 600;
    line-height: calc(16px * var(--zoom));
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8085a9;
}

.lang-modal-grid {
    display: grid;
    grid-template-columns: 1fr;
}

@media (max-width: 799px) {
    .lang-modal-scroll-end {
        /* One 44px row plus a little air — enough to stop iOS clipping
           the last language without the old 150px white strip. */
        height: 56px;
    }
}

@media (min-width: 800px) {
    .LanguageSwitchModal-module-scss-module__8KG2nq__main .LanguageSwitchModal-module-scss-module__8KG2nq__content {
        width: min(920px, calc(100vw - 48px));
        max-width: min(920px, calc(100vw - 48px));
        max-height: min(820px, calc(100dvh - 40px));
        border-radius: calc(16px * var(--zoom));
        height: auto;
    }

    .lang-modal-grid {
        grid-template-columns: 1fr 1fr;
        column-gap: calc(4px * var(--zoom));
    }

    .LanguageSwitchModal-module-scss-module__8KG2nq__variant.LanguageSwitchModal-module-scss-module__8KG2nq__active .LanguageSwitchModal-module-scss-module__8KG2nq__variantTitle {
        padding-inline-end: calc(84px * var(--zoom));
    }
}

@media (min-width: 1180px) {
    .LanguageSwitchModal-module-scss-module__8KG2nq__main .LanguageSwitchModal-module-scss-module__8KG2nq__content {
        width: min(1120px, calc(100vw - 64px));
        max-width: min(1120px, calc(100vw - 64px));
    }

    .lang-modal-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
