#ua-lang-switcher [hidden]{display:none!important;}

.ua-lang{position:fixed;left:24px;bottom:24px;z-index:999999;font-family:inherit;}
.ua-lang__btn{background:#1d2327;color:#fff;border:0;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.25);}
.ua-lang__btn:focus{outline:2px solid #2271b1;outline-offset:2px;}
.ua-lang__globe{display:inline-flex;}
.ua-lang__current{font-size:14px;white-space:nowrap;}
.ua-lang__chev{display:inline-flex;opacity:.9;}

.ua-lang__pop{position:absolute;left:0;bottom:56px;width:240px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.18);overflow:hidden;}
.ua-lang__top{padding:6px 0;}

.ua-lang__item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;color:#111;font-size:14px;text-align:left;}
.ua-lang__item:hover{background:#f3f4f6;}
.ua-lang__item.is-active{background:rgba(34,113,177,.10);font-weight:600;}

.ua-lang__flag{width:22px;display:inline-flex;justify-content:center;}
/* Twemoji turns emoji into <img class="emoji"> */
.ua-lang__flag img.emoji{width:18px;height:18px;display:block;}

.ua-lang__label{flex:1;}
.ua-lang__tick{opacity:.85;}

.ua-lang__more{width:100%;border:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:12px 14px;cursor:pointer;color:#2271b1;font-weight:600;text-align:left;}

.ua-lang__modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999999;display:flex;justify-content:center;align-items:flex-end;padding:18px;}
.ua-lang__modalCard{width:min(720px,100%);max-height:min(86vh,860px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;}
.ua-lang__modalHead{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;}
.ua-lang__searchWrap{flex:1;display:flex;align-items:center;gap:10px;background:#f3f4f6;border-radius:999px;padding:10px 12px;}
.ua-lang__searchIcon{opacity:.7;}
.ua-lang__search{width:100%;border:0;outline:none;background:transparent;font-size:15px;}
.ua-lang__close{border:0;background:transparent;cursor:pointer;font-size:18px;padding:6px 10px;}

.ua-lang__list{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.ua-lang__row{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:14px 14px;cursor:pointer;font-size:15px;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);}
.ua-lang__row:hover{background:#f7f7f8;}
.ua-lang__row.is-active{background:rgba(34,113,177,.10);font-weight:700;}

@media (max-width:782px){
  .ua-lang{left:16px;bottom:16px;}
  .ua-lang__btn{padding:9px 12px;}
  .ua-lang__current{font-size:13px;}
  .ua-lang__modal{align-items:flex-end;padding:12px;}
  .ua-lang__modalCard{border-radius:16px;max-height:92vh;}
}

/* Twemoji also converts the globe in the button to an <img class="emoji"> */
.ua-lang__globe img.emoji{
  width:18px;
  height:18px;
  display:block;
}


.ua-lang__searchIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:.7;
}
.ua-lang__searchIcon svg{
  display:block;
}