.tpf-wrapper {
  position: relative;
  display: inline-block;
  font-family: inherit;
}

button.tpf-current {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: 0 0 0 0!important;
  padding-right:0!important;
  padding-left:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: transparent !important;
  background-color: transparent !important;
  cursor: pointer;
}

.tpf-current .tpf-flag {
    width: 32px;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

.tpf-current .tpf-caret {
  width: 14px;
  height: 14px;
filter: invert(1) brightness(200);
    opacity: 1;
}

.tpf-list {
    position: absolute;
    top: -4px;
    left: -6px;
    z-index: 9999;
    min-width: 44px;
    margin: 0;
    padding: .2rem 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .5rem;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
    display: none;
}

.tpf-open .tpf-list { display: block; }

.tpf-list li {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0 0 0 0;
    cursor: pointer;
    user-select: none;
    justify-content: center;
}

.tpf-list li:hover {
  background: #f6f7f9;
}

.tpf-list img {
  width: 32px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}