:host {
  position: relative;
  box-sizing: border-box;
  font-feature-settings: "cv03", "cv04", "cv11";
}
:host *, :host *:before, :host *:after {
  box-sizing: inherit;
}

:host {
  display: flex;
}

.scheduler {
  background-color: var(--sl-cell-header-background);
  display: flex;
  flex-direction: column;
  flex: 1;
}

header {
  border-bottom: 1px solid var(--sl-panel-border-color);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: var(--sl-spacing-xx-small) var(--sl-spacing-small);
}
header > sl-label {
  text-transform: capitalize;
}
header sl-divider {
  --color: var(--sl-color-gray-200);
  --spacing: 0px;
}
header sl-icon-button {
  font-size: var(--sl-font-size-large);
}

.scheduler__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.scheduler__controls > *:not(:first-child) {
  margin-left: var(--sl-spacing-small);
}