select {
  -webkit-appearance: none;
  appearance: none;
  border: 3px solid var(--ink, #0a1230);
  border-radius: 0;
  background-color: #fff;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ink, #0a1230) 50%),
    linear-gradient(135deg, var(--ink, #0a1230) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  color: var(--ink, #0a1230);
  font: 700 16px var(--mono, ui-monospace, Menlo, monospace);
  padding: 12px 44px 12px 14px;
}

select:focus-visible {
  outline: 3px solid var(--blue, #0000ff);
  outline-offset: 3px;
}

select:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

select::-ms-expand {
  display: none;
}