.ui.selection.dropdown {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  border: 1px solid transparent;
  height: 57px;
  color: rgb(255 255 255 / 30%);
  font-size: 14px;
}

.ui.selection.dropdown:focus {
  border-color: transparent !important;
}

.ui.selection.dropdown:focus .menu {
  border-color: transparent !important;
}

.ui.selection.simple.dropdown:hover,
.ui.selection.active.dropdown {
  border-color: transparent;
}

.ui.selection.dropdown:hover {
  border-color: transparent;
}

.ui.selection.active.dropdown:hover {
  border-color: transparent;
}

.ui.selection.active.dropdown:hover .menu,
.ui.selection.active.dropdown .menu {
  border-color: transparent;
}

.ui.ui.selection.dropdown:not(.inverted):has(> input:focus) {
  border-color: transparent;
}

.ui.dropdown > .text {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}

.ui.dropdown > .text img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.ui.selection.visible.dropdown > .text:not(.default) {
  color: #fff;
}

.ui.dropdown .menu {
  border-radius: 0.5rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid transparent !important;
}

.ui.selection.dropdown .menu > .item {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  white-space: normal;
  word-wrap: normal;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.ui.selection.active.dropdown .menu > .item.active,
.ui.selection.dropdown .menu > .item:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
}

.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
}

.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-right: 0;
  flex-shrink: 0;
}

.ui.dropdown input.search {
  color: #fff;
  height: 100%;
  padding-left: calc(14px + 24px + 7px) !important;
}