.widget input:is([type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week]) {
  background-image: var(--icon-calendar-light);
  background-position: center left var(--size-2);
  background-repeat: no-repeat;
  padding-left: var(--size-7);
  position: relative;
  text-align: left;
  width: 100%;
  min-height: var(--size-7);
}
.widget input:is([type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week])::-webkit-date-and-time-value {
  text-align: left;
}
@-moz-document url-prefix() {
  .widget input:is([type=date],
  [type=datetime-local],
  [type=month],
  [type=time],
  [type=week]):not(.dummy-class) {
    padding-left: var(--size-2);
  }
}
.widget [type=date]::-webkit-calendar-picker-indicator,
.widget [type=datetime-local]::-webkit-calendar-picker-indicator,
.widget [type=month]::-webkit-calendar-picker-indicator,
.widget [type=time]::-webkit-calendar-picker-indicator,
.widget [type=week]::-webkit-calendar-picker-indicator {
  margin-left: var(--size-1);
  margin-right: calc(var(--size-3) * -1);
  opacity: 0;
  position: absolute;
  left: var(--size-1);
  width: var(--size-3);
}
@-moz-document url-prefix() {
  .widget [type=date],
  .widget [type=datetime-local],
  .widget [type=month],
  .widget [type=time],
  .widget [type=week] {
    background-image: none !important;
    padding-right: var(--size-1p5) !important;
  }
}

/*# sourceMappingURL=date.css.map */