.calendar-cell {
  border: 1px solid var(--bs-gray-200);
  width: 100%;
  padding: 2px;
}

@media (min-width: 768px) {
  .calendar-cell {
    width: 14.28%;
  }
}

.calendar-cell p {
  font-weight: 600;
}

.calendar-cell li {
  margin-bottom: 5px;
  border-radius: 8px;
  padding: 4px 8px;;
}

.calendar-cell-outofrange {
  display: none;
}

@media (min-width: 768px) {
  .calendar-cell-outofrange {
    color: rgba(0,0,0,0.27);
    display: block;
  }
}

.calendar-cell-today {
  border: 1px solid var(--bs-gray-800);
}