/* Fix native date picker icon visibility on light and dark backgrounds. */
input[type="date"] {
  color-scheme: light;
  padding-right: 42px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
  filter: brightness(0) saturate(100%);
}

@media (prefers-color-scheme: dark) {
  input[type="date"] {
    color-scheme: dark;
  }

  input[type="date"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
  }
}