select {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  outline: 0;
  appearance: none;
  background-color: transparent;
  background-image: linear-gradient(45deg, transparent 50%, #8f928e 50%), linear-gradient(135deg, #8f928e 50%, transparent 50%);
  background-position: calc(100% - 13px) 22px, calc(100% - 8px) 22px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  color: var(--white);
  font: 300 17px/1.4 Inter, Arial, sans-serif;
  padding: 13px 32px 20px 0;
  cursor: pointer;
  transition: border-color .2s;
}

select:focus { border-color: var(--yellow); }
select:invalid { color: #5f625e; }
select option { background: #111; color: #fff; }