:root{--hello-week-bg-color:#fff;--hello-week-bg-day:#fff;--hello-week-color-day:#ffa07a;--hello-week-bg-week:#fff;--hello-week-color-week:#ffa07a;--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:silver;--hello-week-bg-disabled:#f7f8fb;--hello-week-color-disabled:#b3bdd9;--hello-week-bg-highlight:#8fbc8f;--hello-week-color-highlight:#fff}*{box-sizing:border-box}.hello-week{width:100%;margin:0 auto;padding:1rem;border-radius:var(--hello-week-border-radius);background-color:var(--hello-week-bg-color);box-shadow:0 2px 20px 8px rgba(0,0,0,.12);user-select:none}.hello-week__header{display:flex;align-items:center;padding:2rem 1rem}.hello-week__label{width:100%;font-size:1.6rem;font-weight:100;text-align:center}.hello-week__week{display:flex;background-color:var(--hello-week-bg-week);color:var(--hello-week-color-week)}.hello-week__week__day{display:inline-flex;align-items:center;justify-content:center;width:14.28%;padding:1rem;font-size:1rem;font-weight:400;text-transform:uppercase;cursor:pointer}.hello-week__month{display:flex;flex-wrap:wrap}.hello-week__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14.28%;padding:1rem;transition:background-color .2s cubic-bezier(.25,.1,.49,.9);border-radius:var(--hello-week-border-radius)}.hello-week__day.is-active{cursor:pointer}.hello-week__day.is-weekend{background-color:var(--hello-week-bg-weekend);color:var(--hello-week-color-weekend)}.hello-week__day.is-selected{background-color:var(--hello-week-bg-selected)!important;color:var(--hello-week-color-selected)!important}.hello-week__day.is-disabled{border-radius:0;background-color:var(--hello-week-bg-disabled);color:var(--hello-week-color-disabled);cursor:not-allowed}.hello-week__day.is-highlight{background-color:var(--hello-week-bg-highlight);color:var(--hello-week-color-highlight)}.hello-week__day.is-today{background-color:var(--hello-week-bg-tody);color:var(--hello-week-color-tody)}.hello-week__day.is-hover{background-color:#dee}