.sd-flag-select{position:relative;width:100%;}
.sd-flag-select__button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:none;
  border-radius:14px;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  color:#fff;
  padding:0;
}

.sd-flag-select__button:focus-visible{background-color:transparent;border:none;outline:none;}
.sd-flag-select__button:hover{background-color:transparent;border:none;}

.sd-flag-select__left{display:flex;align-items:center;gap:8px;min-width:0;}
.sd-flag{width:24px;height:24px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);flex:0 0 24px;}
.sd-flag img{width:100%;height:100%;object-fit:cover;display:block;
border: 2px solid rgba(255, 255, 255, .10);}
.sd-flag-select__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--top-link-color-v1) !important;}
.sd-chevron{width:18px;height:18px;color:var(--top-link-color-v1) !important;transition:transform .18s ease;}
.sd-chevron path{fill:var(--top-link-color-v1);}

.sd-flag-select[data-open="true"] .sd-chevron{transform:rotate(180deg);}
.sd-flag-select__label{color: var(--top-link-color-v1);}
.sd-flag-select__panel{
  position:absolute;
  left:0;
  right:0;
  margin-top:8px;
  
background: rgba(255, 255, 255, 0.10);
  border-radius:4px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  overflow:hidden;
  display:none;
  z-index:999;
  max-height:min(320px,60vh);
}
.sd-flag-select__label{
	font-weight:400;
}

.sd-flag-select[data-open="true"] .sd-flag-select__panel{display:block;}

.sd-flag-select__list{list-style:none;padding:0;margin:0;}
.sd-flag-select__option{display:flex;align-items:center;gap:8px;padding:5px;border-radius:4px;cursor:pointer;user-select:none;color:#fff;}
.sd-flag-select__option:hover{background:#f7f8fa; color:#1B2930;}
.sd-flag-select__option[aria-selected="true"]{background-color:#fff;}


.sd-flag-select__option[aria-selected="true"]{
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: #fff;
	color:#1B2930;
}
.sd-flag-select__option[aria-selected="true"]:hover{
color:#1B2930;
}
li.sd-flag-select__option:first-of-type,
li.sd-flag-select__option:last-of-type{
    border-radius: 0 !important;
}

@media (pointer:coarse){
  .sd-flag-select__button{min-height:54px;}
  .sd-flag-select__option{padding:8px;}
}
.sd-flag-select button {
    background: transparent !important;
}