[data-c42-calendar-grid] {
  display: grid;
  outline: none;
}

[data-c42-calendar][data-view='month'] [data-c42-calendar-grid],
[data-c42-calendar][data-view='week'] [data-c42-calendar-grid] {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

[data-c42-calendar][data-view='day'] [data-c42-calendar-grid] {
  grid-template-columns: minmax(0, 1fr);
}

[data-c42-calendar-day] {
  min-inline-size: 0;
}

[data-c42-calendar-events] {
  display: flex;
  flex-direction: column;
}

[data-c42-calendar-event] {
  text-align: start;
  inline-size: 100%;
}