.profile-edit .language_switcher {z-index: 3; position: absolute; top: 22px; right: 22px;}
.auth_body .language_switcher {position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 20px;}

.language_switcher {}
.language_switcher .button {line-height: 19px; font-size: 16px; border-radius: 4px;}
.language_switcher .button svg {display: inline-block; vertical-align: middle; line-height: 14px; margin-top: -3px; margin-right: 2px;}
.language_switcher .button .inlay {padding: 7px 10px;}
.language_switcher .button .inlay:after {content: ''; display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -2px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid currentColor;}
.language_switcher.down .button .inlay:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid currentColor; border-bottom: 0;}

.language_switcher .mini_modal {left: -400px; right: -400px; top: calc(100% + 5px); margin: auto; min-width: 200px; max-width: 200px;  opacity: 0; transition: opacity 0.2s, transform 0.2s; transform-origin: 50% 0; box-shadow: 0px 15px 40px rgba(30, 30, 34, 0.2); border-radius: 6px;  pointer-events: none;}
.language_switcher:hover .mini_modal {opacity: 1;  pointer-events: auto;}
.language_switcher.two_columns .mini_modal {min-width: 400px; max-width: 400px;}
.language_switcher.two_columns .mini_modal .mini_modal_list {display: grid; grid-template-columns: 50% 50%;}
.language_switcher .mini_modal:before {content:''; display: block; width: 10px; height: 10px; background: var(--white); position: absolute; top: 0; left: -50%; right: -50%; margin: auto; bottom: auto; transform: translate(0, -50%) rotate(45deg);}
.language_switcher .mini_modal:after {content: ''; display: block; position: absolute; top: -15px; height: 30px; width: 110%; left: -5%; background: transparent; z-index: 1;}
.language_switcher .mini_modal .mini_modal_list a {font-size: 16px; line-height: 22px; padding: 12px 40px 12px 16px; opacity: 1;}
.language_switcher .mini_modal .mini_modal_list a:hover, .language_switcher .mini_modal .mini_modal_list a.active {background: var(--light_blue_hover)}
.language_switcher .mini_modal .mini_modal_list a.active {cursor: default;}
.language_switcher .mini_modal .mini_modal_list a .i-check {font-size: 22px;}

.language_switcher.up .mini_modal {bottom: calc(100% + 10px); top: auto; transform-origin: 50% 100%;}
.language_switcher.up .mini_modal:before {top: auto; bottom: -10px;}

@media (max-width: 1600px) {
    .profile-edit .language_switcher .mini_modal {left: auto; right: 0;}
    .profile-edit .language_switcher .mini_modal:before {left: auto; right: 25px;}
}

@media (max-width: 768px) {
    .auth_body .language_switcher .mini_modal {left: -520px; transform-origin: 80% 100%;}
    .auth_body .language_switcher .mini_modal:before {left: 10%;}
    .auth_body .language_switcher.two_columns {position: static;}
    .auth_body .language_switcher.two_columns .mini_modal {left: -400px;bottom: calc(100% - 20px); transform-origin: 50% 50%;}
    .auth_body .language_switcher.two_columns .mini_modal:before {display: none;}
    
}