.scheduler-wrapper {
  --gridDefaultSize: 1.75rem;
  --hoursInDay: 24;
  --minuteInHour: 60;
  --gridMobileSize: 100vw;
  --calendar-offset-top: 28px;
}

.scheduler-grid-row-template {
  grid-template-rows: var(--gridMobileSize) repeat(attr(data-gridstoperperday number), var(--gridMobileSize)) auto;
}

@media (min-width: 640px) {
  .scheduler-grid-row-template {
    grid-template-rows: var(--gridDefaultSize) repeat(
        attr(data-gridstoperperday number),
        var(--gridDefaultSize)
      ) auto;
  }
}