/* Styles for playactive.widgets.DateRangeListWidget overlay UI. */

.date-range-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}

.date-range-list-rows {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-self: stretch;
}

.date-range-list-row {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0.75rem;
  align-items: end;
}

.date-range-list-field label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.date-range-list-field label span {
  font-weight: 600;
}

.date-range-list-field input {
  width: 100%;
}

.date-range-list-actions {
  display: flex;
  align-items: end;
}

.date-range-list .icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

.date-range-list button .icon {
  vertical-align: middle;
}