.neo-calendar-monthcomponent {
  background-color: var(--c-m-background-color);
  display: flex;
  flex-direction: column;
  position: relative;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  overflow-y: auto;
  padding-top: 3.75em;
  position: relative;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer.neo-is-scrolling .neo-month-header-content {
  opacity: 1;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer.neo-scroll-shadows .neo-month-header-content {
  box-shadow: var(--c-m-scroll-box-shadow);
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-day {
  border-right: 1px solid var(--c-m-border-color);
  color: var(--c-m-day-number-color);
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  justify-content: stretch;
  overflow: hidden;
  padding: 0.3em;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-day:last-child {
  border-right: 1px solid transparent;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-day .neo-day-number {
  margin-bottom: 0.2em;
  text-align: end;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event {
  cursor: pointer;
  display: flex;
  font-size: 0.7em;
  margin: 1px;
  padding: 3px;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event.neo-focus {
  color: #fff;
  outline: 0;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event.neo-focus .neo-event-time,
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event.neo-focus .neo-event-title {
  font-weight: bold;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event .neo-event-time,
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event .neo-event-title {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event .neo-event-time {
  text-align: end;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-event .neo-event-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-month-header {
  font-size: 1.6em;
  height: 0;
  position: -webkit-sticky;
  position: sticky;
  top: -2.3em;
  width: 5.8em;
  z-index: 3;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-month-header-content {
  background-color: var(--c-m-background-color);
  color: var(--c-m-year-color);
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  opacity: 0;
  padding: 0 0.1875em;
  transition: opacity 200ms ease-in-out;
  white-space: nowrap;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-week {
  align-content: flex-start;
  border-bottom: 1px solid var(--c-m-border-color);
  display: flex;
  flex: 1 0 16.6666666667%;
}
.neo-calendar-monthcomponent .neo-c-m-scrollcontainer .neo-weekend {
  background-color: var(--c-m-weekend-background-color);
}
.neo-calendar-monthcomponent .neo-days-header {
  align-items: stretch;
  background-color: var(--c-m-background-color);
  border-bottom: 1px solid var(--c-m-border-color);
  display: flex;
  height: 3.75em;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.neo-calendar-monthcomponent .neo-days-header .neo-day-name {
  align-items: flex-end;
  border-right: 1px solid transparent;
  color: var(--c-m-day-name-color);
  display: flex;
  flex: 1 1 100%;
  justify-content: flex-end;
  padding: 0.3em;
}
.neo-calendar-monthcomponent .neo-days-header .neo-static-header {
  position: absolute;
}
.neo-calendar-monthcomponent .neo-month-name {
  color: var(--c-m-month-name-color);
  font-weight: bold;
}
.neo-calendar-monthcomponent .neo-static-header {
  color: var(--c-m-year-color);
  font-size: 1.6em;
  padding-left: 0.1875em;
}
/*# sourceMappingURL=Component.css.map */