{"version":3,"sources":["Schedulely.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".schedulely {\n  /* Default theme */\n  /* The empty... */\n}\n.schedulely {\n  height: 100%;\n  margin: 0.5em;\n  font-size: medium;\n  line-height: normal;\n  /* Custom font must be made available via link tag, etc. */\n  font-family: \"Roboto\", sans-serif;\n  --schedulely-current-month-bg-color: white;\n  --schedulely-today-indicator-color: salmon;\n  --schedulely-font-color: black;\n  --schedulely-sibling-month-bg-color: #eff2f1;\n  --schedulely-sibling-month-font-color: dimgray;\n  --schedulely-grid-gap: 0em;\n  --schedulely-day-of-week-header-bg-color: black;\n  --schedulely-day-of-week-header-text-color: white;\n  --schedulely-border: 1px solid black;\n  --schedulely-border-radius: 0.5em;\n  /* The layout of the calendar body lives in a div that we use to get a ref for day height */\n}\n.schedulely[data-dark] {\n  --schedulely-current-month-bg-color: rgb(112, 112, 112);\n  --schedulely-sibling-month-bg-color: #2b2b2b;\n  --schedulely-day-of-week-header-bg-color: white;\n  --schedulely-day-of-week-header-text-color: black;\n  --schedulely-font-color: white;\n  --schedulely-border: 1px solid white;\n}\n.schedulely > .day-of-week-layout {\n  border-radius: var(--schedulely-border-radius) var(--schedulely-border-radius) 0 0;\n}\n.schedulely > .calendar-body-container > .week-container > .week-layout > div {\n  border-left: none;\n  border-bottom: none;\n}\n.schedulely > .calendar-body-container > .week-container > .week-layout > div:first-child {\n  border-left: var(--schedulely-border);\n}\n.schedulely > .calendar-body-container > .week-container:last-child {\n  border-radius: 0 0 var(--schedulely-border-radius) var(--schedulely-border-radius);\n}\n.schedulely > .calendar-body-container > .week-container:last-child > .week-layout > div {\n  border-bottom: var(--schedulely-border);\n}\n.schedulely > .calendar-body-container > .week-container:last-child > .week-layout > div:first-child {\n  border-radius: 0 0 0 var(--schedulely-border-radius);\n}\n.schedulely > .calendar-body-container > .week-container:last-child > .week-layout > div:first-child > .default-day {\n  border-radius: 0 0 0 var(--schedulely-border-radius);\n}\n.schedulely > .calendar-body-container > .week-container:last-child > .week-layout > div:last-child {\n  border-radius: 0 0 var(--schedulely-border-radius) 0;\n}\n.schedulely > .calendar-body-container > .week-container:last-child > .week-layout > div:last-child > .default-day {\n  border-radius: 0 0 var(--schedulely-border-radius) 0;\n}\n.schedulely[data-theme=minimal] {\n  --schedulely-sibling-month-bg-color: #f1f1f1;\n  --schedulely-day-of-week-header-bg-color: white;\n  --schedulely-day-of-week-header-text-color: black;\n  /* The layout of the calendar body lives in a div that we use to get a ref for day height */\n}\n.schedulely[data-theme=minimal][data-dark] {\n  --schedulely-sibling-month-bg-color: #2b2b2b;\n  --schedulely-day-of-week-header-bg-color: none;\n  --schedulely-day-of-week-header-text-color: white;\n}\n.schedulely[data-theme=minimal] > .day-of-week-layout > div {\n  border-left: var(--schedulely-border);\n  border-right: var(--schedulely-border);\n}\n.schedulely[data-theme=minimal] > .day-of-week-layout > div:first-child {\n  border-right: var(--schedulely-border);\n}\n.schedulely[data-theme=minimal] > .day-of-week-layout > div:last-child {\n  border-left: var(--schedulely-border);\n}\n.schedulely[data-theme=minimal] > .day-of-week-layout > div {\n  border-left: none;\n}\n.schedulely[data-theme=minimal] > .day-of-week-layout > div:last-child {\n  border-left: none;\n  border-right: none;\n}\n.schedulely[data-theme=minimal] > .calendar-body-container > .week-container > .week-layout > div {\n  border-left: none;\n}\n.schedulely[data-theme=minimal] > .calendar-body-container > .week-container > .week-layout > div > .default-day > .default-day-header {\n  text-align: right;\n}\n.schedulely[data-theme=minimal] > .calendar-body-container > .week-container > .week-layout > div > .default-day > .default-day-header > .default-day-header--indicator {\n  margin: 1px;\n  text-align: center;\n}\n.schedulely[data-theme=minimal] > .calendar-body-container > .week-container > .week-layout > div > .default-day > .default-day-header > .default-day-header--text {\n  font-weight: normal;\n  margin: 5px;\n}\n.schedulely[data-theme=minimal] > .calendar-body-container > .week-container > .week-layout > div:last-child {\n  border-right: none;\n}\n.schedulely[data-theme=minimal] > .calendar-body-container > .week-container > .week-layout:last-child > div {\n  border-bottom: none;\n}\n.schedulely .day-of-week-layout {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  background-color: var(--schedulely-day-of-week-header-bg-color);\n  color: var(--schedulely-day-of-week-header-text-color);\n}\n.schedulely .default-day-of-week {\n  text-align: center;\n}\n.schedulely .event-week-layout {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  overflow: hidden;\n}\n.schedulely .event-week-layout > .event-week-layout-grid {\n  pointer-events: none;\n  position: relative;\n  display: grid;\n  grid-area: 1/1;\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: repeat(4, 1fr);\n  z-index: 1; /* TODO: Figure out what is making this necessary */\n  gap: 0.2em; /* space between events */\n  grid-auto-flow: dense;\n  white-space: nowrap; /* This prevents event text from wrapping on small displays */\n  /** This div creates space for the DayComponent header on the calendar layer */\n}\n.schedulely .event-week-layout > .event-week-layout-grid > .event-week-layout-header-spacer {\n  grid-column-start: 1;\n  grid-column-end: 8;\n  order: -999;\n}\n.schedulely .event-week-layout > .event-week-layout-grid > .event-position-layout {\n  min-width: 0;\n  min-height: 0;\n}\n.schedulely .event-week-layout > .event-week-layout-grid > div {\n  pointer-events: visible;\n}\n.schedulely .calendar-body-container {\n  /* We use a grid here so WeekLayout and EventLayout can inherit it's position */\n  display: grid;\n  /* Build container for maximum number of rows to avoid breaking out of the parent container and overlapping other content */\n  grid-template-rows: repeat(minmax(5, 6), minmax(0, 1fr));\n  position: relative;\n}\n.schedulely .week-container {\n  /* We use a grid here so WeekLayout and EventLayout can inherit it's position */\n  display: grid;\n  min-height: 4em; /* add a minimum to avoid the calendar from bunching up really small */\n  position: relative;\n}\n.schedulely .week-layout {\n  display: grid;\n  grid-area: 1/1;\n  grid-template-columns: repeat(7, 1fr);\n}\n.schedulely .week-layout > div {\n  border: var(--schedulely-border);\n  position: relative;\n}\n.schedulely .default-day {\n  display: grid;\n  height: 100%;\n}\n.schedulely .default-day-current {\n  background-color: var(--schedulely-current-month-bg-color);\n  color: var(--schedulely-font-color);\n}\n.schedulely .default-day-sibling {\n  background-color: var(--schedulely-sibling-month-bg-color);\n  color: var(--schedulely-sibling-month-font-color);\n}\n.schedulely .default-day-header {\n  text-align: center;\n  width: 100%;\n  margin-top: 0.1em;\n}\n.schedulely .default-day-header--text {\n  position: relative;\n  top: 0.15em;\n  font-weight: bold;\n}\n.schedulely .default-day-header--indicator {\n  height: 1.45em;\n  width: 1.45em;\n  background-color: var(--schedulely-today-indicator-color);\n  border-radius: 50%;\n  display: inline-block;\n}\n.schedulely .additional-events-indicator {\n  opacity: 0.5;\n  cursor: pointer;\n  font-weight: bolder;\n  color: var(--schedulely-font-color);\n  text-align: center;\n  width: fit-content;\n  margin: auto;\n  z-index: 1;\n  margin-bottom: 0.1em;\n}\n.schedulely .additional-events-indicator:hover {\n  opacity: 1;\n}\n.schedulely .event {\n  border-radius: 0.3em;\n  margin-left: 0.3em;\n  margin-right: 0.3em;\n  box-shadow: dimgray 0.1em 0.1em 0.2em;\n  opacity: 80%;\n}\n.schedulely .event > .event-text-container {\n  padding-left: 1em;\n  font-weight: bold;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  color: black; /* event text is always black*/\n}\n.schedulely .event:hover {\n  cursor: pointer;\n}\n.schedulely .event-selected {\n  opacity: 100%;\n}\n.schedulely .header-layout {\n  display: flex;\n}\n.schedulely .header-layout > .header-button {\n  border: none;\n  background-color: transparent;\n  color: var(--schedulely-font-color);\n  font-size: 2em;\n  opacity: 50%;\n  display: inline-block;\n}\n.schedulely .header-layout > .header-button:hover {\n  opacity: 100%;\n  cursor: pointer;\n}\n.schedulely .header-layout > .header-banner {\n  flex-grow: 1;\n  text-align: center;\n  color: var(--schedulely-font-color);\n  margin: auto;\n}\n.schedulely .header-layout > .header-banner > .header-text {\n  margin-top: auto;\n  margin-bottom: auto;\n  font-size: 1.5em;\n}\n.schedulely .header-layout > .header-banner > .current-month-indicator {\n  background-color: salmon;\n  border-radius: 20px;\n  height: 0.5em;\n  width: 0.5em;\n  margin-left: 0.5em;\n  vertical-align: text-top;\n  display: inline-block;\n  margin-top: 0.2em;\n}"]}