.demo-calendar-illustration_calendar__8fzgo{overflow:hidden;border:1px solid rgb(0 0 0/10%);border-radius:12px;background:var(--marketing-paper-card);color:black;box-shadow:0 12px 32px rgb(37 24 19/4%)}.demo-calendar-illustration_toolbar__wR_vV{display:flex;justify-content:space-between;gap:8px;padding:14px 12px;border-bottom:1px solid rgb(0 0 0/8%);font-size:12px;font-weight:500}.demo-calendar-illustration_diary__CTL6V,.demo-calendar-illustration_staff__XW44J{display:grid;grid-template-columns:42px repeat(2,minmax(0,1fr))}.demo-calendar-illustration_person__3q06l{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-left:1px solid rgb(0 0 0/8%);font-size:11px}.demo-calendar-illustration_avatar__Yimnj{display:flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--marketing-paper);color:var(--marketing-cta-to);font-size:10px;font-weight:600}.demo-calendar-illustration_diary__CTL6V{margin-bottom:24px}.demo-calendar-illustration_times__QOkBu{position:relative;font-size:10px;color:rgb(0 0 0/60%)}.demo-calendar-illustration_times__QOkBu span{position:absolute;left:5px;padding-top:3px}.demo-calendar-illustration_column__PtT2R{--quarter-hour:24px;display:grid;grid-template-rows:repeat(12,var(--quarter-hour));border-left:1px solid rgb(0 0 0/8%);background:repeating-linear-gradient(to bottom,rgb(0 0 0/8%) 0,rgb(0 0 0/8%) 1px,transparent 1px,transparent calc(var(--quarter-hour) * 4));padding:0 4px}.demo-calendar-illustration_booking__TAYbt{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;margin:4px 0 1px;padding:5px 6px;border:1px solid;border-left:3px solid;border-radius:5px;font-size:10px;line-height:14px}.demo-calendar-illustration_booking__TAYbt strong{font-weight:600}.demo-calendar-illustration_duration__61tqY,.demo-calendar-illustration_service__lGBV4{color:rgb(0 0 0/65%)}.demo-calendar-illustration_teal__sSU8g{background:#e0f7f8;border-color:#b6e9ed #b6e9ed #b6e9ed #00b9c8}.demo-calendar-illustration_lavender__6qnz6{background:#f0e8fc;border-color:#e2d4f8 #e2d4f8 #e2d4f8 #9660df}.demo-calendar-illustration_rose__uo60j{background:#fbe9ef;border-color:#f4d0dc #f4d0dc #f4d0dc #db5b83}.demo-calendar-illustration_middleStaff__rZMs4{display:none}@media (min-width:640px){.demo-calendar-illustration_diary__CTL6V,.demo-calendar-illustration_staff__XW44J{grid-template-columns:52px repeat(3,minmax(0,1fr))}.demo-calendar-illustration_middleStaff__rZMs4{display:grid}.demo-calendar-illustration_person__3q06l.demo-calendar-illustration_middleStaff__rZMs4{display:flex}.demo-calendar-illustration_toolbar__wR_vV{padding:16px;font-size:14px}.demo-calendar-illustration_person__3q06l{font-size:12px;padding:14px 6px}.demo-calendar-illustration_avatar__Yimnj{height:36px;width:36px;font-size:12px}.demo-calendar-illustration_times__QOkBu{font-size:11px}.demo-calendar-illustration_times__QOkBu span{left:8px}.demo-calendar-illustration_column__PtT2R{--quarter-hour:30px}.demo-calendar-illustration_booking__TAYbt{padding:8px;font-size:12px;line-height:17px}}@media (min-width:1280px){.demo-calendar-illustration_column__PtT2R{--quarter-hour:34px}.demo-calendar-illustration_booking__TAYbt{font-size:13px;line-height:18px}}