.calendarScoller {
  display: flex;
  flex-direction: row-reverse;
  overflow: auto;
  position: relative;
  padding: 0 40px;
  align-items: center;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
.calendarMonth {
  background-color: var(--color-white-more-translucent);
  flex-direction: column;
  height: 300px;
  min-width: 280px;
  text-align: left;
  border: 1px solid var(--color-navy-black);
  border-radius: var(--border-standard-radius);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  box-shadow: var(--shadow-regular);
  overflow: hidden;
}
.calendarMonth .monthHeading {
  border-bottom: 1px solid var(--color-navy-black);
  text-align: center;
}
.monthHeading {
  background-color: var(--color-lime);
  border-radius: var(--border-standard-radius) var(--border-standard-radius) 0 0 ;
  font-weight: var(--font-weight-anchor);
}
.calendarMonth .entries {
  overflow: hidden auto;
  padding-right: 0;
  scrollbar-width: thin;
}
.calendarMonth .entries li {
  margin-bottom: 10px;
}
.calendarMonth .entries li a {
  font-weight: var(--font-weight-body);
}