:root {
  --hello-week-max-width: 980px;
  --hello-week-bg-color: #fff;
  --hello-week-bg-day: var(--hello-week-bg-color);
  --hello-week-color-day: #ffa07a;
  --hello-week-bg-week: #fff;
  --hello-week-color-week: #cfcfcf;
  --hello-week-bg-tody: #3e3e3e;
  --hello-week-color-tody: #fff;
  --hello-week-bg-selected: #7FCBC3;
  --hello-week-color-selected: #fff;
  --hello-week-bg-weekend: #f3f3f3;
  --hello-week-color-weekend: #3e3e3e;
  --hello-week-bg-disabled: #f7f8fb;
  --hello-week-color-disabled: #cfcfcf;
  --hello-week-border-radius: 0;
}
.hello-week .week {
  color: #42a298;
  font-size: 1.2em; }

.hello-week .day.is-weekend {
  color: #ff3860; }

.hello-week .day.is-highlight {
  background-color: #8fbc8f;
  color: #fff; }

.hello-week .day.is-today {
  background-color: #ff3860;
  color: #fff; }

.hello-week .day.is-selected {
  background-color: #7fcbc3 !important;
  color: #fff !important; }

.hello-week .day.is-begin-range, .hello-week .day.is-end-range {
  background-color: #42a298 !important;
  color: #fff !important; }

.hello-week .day.is-disabled {
  cursor: not-allowed;
  opacity: .33; }
.hello-week {
  width: 100%;
  margin: 0 auto;
  user-select: none;
  font-size: 1em; }
.hello-week .navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0; }
.hello-week .prev,
.hello-week .next {
  padding: 1em;
  cursor: pointer; }
.hello-week .period {
  width: 100%;
  font-size: 1.6em;
  font-weight: 400;
  text-align: center; }
.hello-week .week {
  display: flex; }
.hello-week .week.rtl {
  flex-direction: row-reverse; }
.hello-week .month {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer; }
.hello-week .month.rtl {
  flex-direction: row-reverse; }
.hello-week .day {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14.28571%;
  padding: 1em;
  transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.49, 0.9); }