#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;color:#111827;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;color:#111827;}
.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,
#ua-lang-search{width:100%;border:0;outline:none;background:transparent;color:#111827;font-size:15px;}
.ua-lang__close,
#ua-lang-close{border:0;background:transparent;color:#111827;cursor:pointer;font-size:18px;padding:6px 10px;}

.ua-lang__list,
#ua-lang-list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;max-height:calc(86vh - 74px);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;}
#ua-lang-list::-webkit-scrollbar{width:10px;}
#ua-lang-list::-webkit-scrollbar-track{background:transparent;}
#ua-lang-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.32);border-radius:999px;border:3px solid #fff;}
#ua-lang-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.48);}
.ua-lang__row{width:100%;border:0;background:transparent;color:#111827;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;}

html[class*="night"] #ua-lang-switcher .ua-lang__pop,
body[class*="night"] #ua-lang-switcher .ua-lang__pop,
html[class*="night"] #ua-lang-switcher .ua-lang__more,
body[class*="night"] #ua-lang-switcher .ua-lang__more,
html[class*="night"] #ua-lang-switcher .ua-lang__modalCard,
body[class*="night"] #ua-lang-switcher .ua-lang__modalCard,
html[class*="night"] #ua-lang-switcher .ua-lang__modalHead,
body[class*="night"] #ua-lang-switcher .ua-lang__modalHead{background:#111820;color:#eef4fb;}

html[class*="night"] #ua-lang-switcher .ua-lang__item,
body[class*="night"] #ua-lang-switcher .ua-lang__item,
html[class*="night"] #ua-lang-switcher .ua-lang__row,
body[class*="night"] #ua-lang-switcher .ua-lang__row,
html[class*="night"] #ua-lang-switcher .ua-lang__close,
body[class*="night"] #ua-lang-switcher .ua-lang__close,
html[class*="night"] #ua-lang-switcher #ua-lang-close,
body[class*="night"] #ua-lang-switcher #ua-lang-close{color:#eef4fb;}

html[class*="night"] #ua-lang-switcher .ua-lang__item:hover,
body[class*="night"] #ua-lang-switcher .ua-lang__item:hover,
html[class*="night"] #ua-lang-switcher .ua-lang__row:hover,
body[class*="night"] #ua-lang-switcher .ua-lang__row:hover{background:#1d2a36;}

html[class*="night"] #ua-lang-switcher .ua-lang__item.is-active,
body[class*="night"] #ua-lang-switcher .ua-lang__item.is-active,
html[class*="night"] #ua-lang-switcher .ua-lang__row.is-active,
body[class*="night"] #ua-lang-switcher .ua-lang__row.is-active{background:rgba(34,113,177,.28);}

html[class*="night"] #ua-lang-switcher .ua-lang__more,
body[class*="night"] #ua-lang-switcher .ua-lang__more{border-top-color:rgba(255,255,255,.12);color:#7cc4ff;}

html[class*="night"] #ua-lang-switcher .ua-lang__modalHead,
body[class*="night"] #ua-lang-switcher .ua-lang__modalHead,
html[class*="night"] #ua-lang-switcher .ua-lang__row,
body[class*="night"] #ua-lang-switcher .ua-lang__row{border-color:rgba(255,255,255,.10);}

html[class*="night"] #ua-lang-switcher .ua-lang__searchWrap,
body[class*="night"] #ua-lang-switcher .ua-lang__searchWrap{background:#1c2732;color:#eef4fb;}

html[class*="night"] #ua-lang-switcher .ua-lang__search,
body[class*="night"] #ua-lang-switcher .ua-lang__search,
html[class*="night"] #ua-lang-switcher #ua-lang-search,
body[class*="night"] #ua-lang-switcher #ua-lang-search{color:#eef4fb;}

html[class*="night"] #ua-lang-switcher .ua-lang__search::placeholder,
body[class*="night"] #ua-lang-switcher .ua-lang__search::placeholder,
html[class*="night"] #ua-lang-switcher #ua-lang-search::placeholder,
body[class*="night"] #ua-lang-switcher #ua-lang-search::placeholder{color:#a9b6c5;}

html[class*="night"] #ua-lang-list,
body[class*="night"] #ua-lang-list{scrollbar-color:rgba(255,255,255,.38) transparent;}

html[class*="night"] #ua-lang-list::-webkit-scrollbar-thumb,
body[class*="night"] #ua-lang-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-color:#111820;}

@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;
}