.calendar,.calendar *{margin:0;padding:0;color:#0a0a0a;box-sizing:border-box}.calendar{display:block;padding:20px;width:380px;background:#fff;box-shadow:0 14px 28px #0000004d;border-radius:16px;user-select:none}.calendar__header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.calendar__date-row{position:relative;display:flex;justify-content:center;align-items:center;justify-self:center;width:calc(100% - 40px)}.calendar__date{display:flex;align-items:center;gap:8px;color:#0a0a0a;text-transform:capitalize;font-weight:700;font-size:20px;line-height:32px}.calendar__date_prev{position:absolute;color:red;transform:translate(-150%)}.calendar__date_next{position:absolute;color:#00f;transform:translate(150%)}.calendar__change-date{display:flex;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;user-select:none}.calendar__change-date_next{transform:rotate(180deg)}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #f5f5f5;font-weight:700}.calendar__cell{display:flex;justify-content:center;align-items:center;width:48px;height:48px}.calendar__cell-text{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:currentColor;font-size:18px;line-height:24px}.calendar__cell_current .calendar__cell-text{border-radius:50%;background:#edeef5}.calendar__cell_last-day{opacity:.5;pointer-events:none}.calendar__cell_free-day{color:#ff3b30}.calendar__cell_selected .calendar__cell-text{background:#02b1ec;color:#fff}.calendar__cell_not-rounded .calendar__cell-text{border-radius:0}.calendar__cell_rounded-left .calendar__cell-text{border-top-left-radius:50%;border-bottom-left-radius:50%}.calendar__cell_rounded-right .calendar__cell-text{border-top-right-radius:50%;border-bottom-right-radius:50%}.calendar__days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}.calendar__days .calendar__cell{font-weight:400;cursor:pointer}