.broder-language-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .25rem;
  margin-bottom: .5rem;
}
body .broder-language-selector > select.form-select {
  flex: 0 1 8rem;
  min-width: 0;
  width: 8rem;
  max-width: 100%;
  min-height: 44px;
  padding: .375rem 1.75rem .375rem .625rem;
  font-size: .8125rem;
  border-color: transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .625rem center;
  background-size: 14px 14px;
  cursor: pointer;
}
body .broder-language-selector > select.form-select:hover {
  border-color: var(--tblr-border-color, #cbd5e1);
}
body .broder-language-selector > select.form-select:focus-visible {
  outline: 2px solid var(--tblr-primary, #206bc4);
  outline-offset: 2px;
}
.broder-language-selector[aria-busy="true"] > .form-select {
  pointer-events: none;
  opacity: .6;
}
.broder-language-status {
  flex-basis: 100%;
  font-size: .8125rem;
  line-height: 1.4;
}
.broder-language-bar { padding-top: .5rem; }
.broder-language-footer {
  margin-top: 1.5rem;
  text-align: center;
}
.broder-language-footer .broder-language-selector {
  justify-content: center;
  margin-bottom: 0;
}
.broder-language-footer--profile {
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}
.broder-language-footer .form-hint {
  max-width: 36ch;
  margin: .75rem auto 0;
}
@media (max-width: 575px) {
  .broder-language-selector { margin-bottom: .5rem; }
}