.channel-ban-modal > p {
  text-align: center;
}

.channel-ban-modal > p.disabled {
  color: rgba(255, 255, 255, 0.27);
}

.channel-ban-modal > p img {
  height: 1.25rem;
  margin-right: 0.5rem;
}

.channel-ban-modal input[type=text] {
  font-family: "Muli", sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin: 1.25rem 1rem;
  color: #ffffff;
  background: transparent;
  -webkit-appearance: none;
  padding: 0.5rem 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  display: block;
  width: calc(100% - 1rem);
}

.channel-ban-modal input[type=text]::placeholder {
  font-family: "Muli", sans-serif;
  font-weight: 200;
  color: #ffffff;
}

.channel-ban-modal ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.channel-ban-modal ul li {
  padding: 0.5rem;
  width: calc(100% - 1rem);
  text-align: center;
  cursor: pointer;
}

.channel-ban-modal ul li.active {
  background: rgba(255, 255, 255, 0.27);
}