:root{
  color-scheme:dark;
}

input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="tel"]{
  width:100%;
  min-width:0;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(151,163,184,.22);
  background:#11141a;
  color:var(--text);
  outline:0;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}

input[type="search"]:hover,
input[type="date"]:hover,
input[type="datetime-local"]:hover,
input[type="time"]:hover,
input[type="month"]:hover,
input[type="tel"]:hover{
  border-color:rgba(151,163,184,.42);
  background:#141820;
}

input[type="search"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
input[type="month"]:focus,
input[type="tel"]:focus{
  border-color:#3598f5;
  background:#151a22;
  box-shadow:0 0 0 3px rgba(53,152,245,.16),0 10px 26px rgba(0,0,0,.18);
}

input[type="search"]{
  appearance:none;
  -webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator{
  opacity:.84;
  filter:invert(1) brightness(.92);
  cursor:pointer;
}