:root {
  --timeline-toolbar-field-width: 220px;
  --timeline-toolbar-status-width: 340px;
  --timeline-toolbar-control-height: 42px;
  --timeline-toolbar-date-button-width: 116px;
}

@media (min-width: 1280px) {
  .runtime-timeline-toolbar-grid {
    grid-template-columns:
      var(--timeline-toolbar-field-width)
      var(--timeline-toolbar-field-width)
      var(--timeline-toolbar-status-width) !important;
  }

  .runtime-timeline-date-action {
    width: var(--timeline-toolbar-date-button-width) !important;
  }
}

.runtime-timeline-input,
.runtime-timeline-status-box {
  height: var(--timeline-toolbar-control-height) !important;
}