/* [project]/packages/components/src/primitives/calendar-styles.css [app-client] (css) */
:root {
  --calendar-day-height: 2.25rem;
  --calendar-range-bg: #ebebeb;
  --calendar-selected-bg: #262626;
  --calendar-selected-text: #fff;
  --calendar-today-border: #4d4d4d;
}

.selected-week:before {
  content: "";
  height: var(--calendar-day-height);
  background-color: var(--calendar-range-bg);
  z-index: 0;
  border-radius: 9999px;
  position: absolute;
  top: 50%;
  left: 4px;
  right: 4px;
  transform: translateY(-50%);
}

.CALENDAR-MIDDLE.today button:before, .today:not(.CALENDAR-START):not(.CALENDAR-END):not(.selected) button:before {
  content: "";
  border: 2px solid var(--calendar-today-border);
  z-index: 0;
  border-radius: 9999px;
  position: absolute;
  inset: 0;
}

.selected-week .today.range_middle:not(.selected):before {
  content: "";
  background-color: var(--calendar-range-bg);
  z-index: 0;
  border-radius: 0;
  position: absolute;
  inset: 0;
}

.CALENDAR-START {
  background-color: #0000 !important;
}

.CALENDAR-START:before {
  content: "";
  height: var(--calendar-day-height);
  background-color: var(--calendar-range-bg);
  border-radius: 9999px 0 0 9999px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.CALENDAR-START button, .CALENDAR-END button {
  z-index: 10;
  border-radius: 9999px;
  background-color: var(--calendar-selected-bg) !important;
  color: var(--calendar-selected-text) !important;
}

.CALENDAR-END:before {
  content: "";
  height: var(--calendar-day-height);
  background-color: var(--calendar-range-bg);
  border-radius: 0 9999px 9999px 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

/*# sourceMappingURL=packages_components_src_primitives_calendar-styles_d57f1e35.css.map*/