1  * {
 2    box-sizing: border-box;
 3    padding: 0;
 4    margin: 0;
 5  }
 6  
 7  a {
 8    color: inherit;
 9    text-decoration: none;
10  }
11  
12  /* Chrome, Safari, Edge, Opera */
13  input::-webkit-outer-spin-button,
14  input::-webkit-inner-spin-button {
15    -webkit-appearance: none;
16    margin: 0;
17  }
18  
19  /* Firefox */
20  input[type="number"] {
21    -moz-appearance: textfield;
22  }
23  
24  input:focus {
25    color: #495057;
26    background-color: #fff;
27    border-color: #80bdff;
28    outline: 0;
29    -webkit-box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
30    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
31  }
32  
33  ::-webkit-datetime-edit {
34    color: #000000;
35    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
36      "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
37  }
38  
39  /* placeholder text style */
40  input[type="date"]::-webkit-datetime-edit-text,
41  input[type="date"]::-webkit-datetime-edit-month-field,
42  input[type="date"]::-webkit-datetime-edit-day-field,
43  input[type="date"]::-webkit-datetime-edit-year-field {
44    color: #757575;
45  }
46  
47  /* regular text style */
48  /* input[type="date"].date-input--has-value::-webkit-datetime-edit-text,
49  input[type="date"].date-input--has-value::-webkit-datetime-edit-month-field,
50  input[type="date"].date-input--has-value::-webkit-datetime-edit-day-field,
51  input[type="date"].date-input--has-value::-webkit-datetime-edit-year-field {
52    color: red;
53  } */