/* Application styles */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
@import url("https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css");

/* TODO: 切り替え */
.datepick-null::-webkit-datetime-edit-fields-wrapper {
  color: #BDBDBD;
}

.datepick-null::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
}

.datepick-null::-webkit-datetime-edit-fields-wrapper {
  color: #BDBDBD;
}

.datepick-null::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
}

.icon-grayout {
  filter: invert(0.8);
}

.not-turn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.not-turn-3-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.flatpickr-calendar {
  position: absolute;
  left: 110px;
}