.calendar-demo{background:#fff;padding:0}.preview-label{color:var(--muted);font-size:11px}.demo-window{background:#fff;border:1px solid #d4d4d4;border-radius:10px;grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden}.demo-calendar{min-width:0}.calendar-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;height:66px;padding:20px 25px;display:flex}.calendar-heading h2{letter-spacing:-.4px;margin-top:3px;font-size:15px}.day-grid{height:261px;margin:24px 22px 21px 13px;position:relative}.hour-row{gap:12px;height:60px;display:flex}.hour-row>span{width:34px;color:var(--muted);text-align:right;flex-shrink:0;font-size:9px;position:relative;top:-7px}.hour-row>div{border-top:1px solid #ededed;flex:1}.demo-event{border-left:2px solid #b2b2b2;border-radius:5px;flex-direction:column;justify-content:center;height:53px;padding:9px 12px;display:flex;position:absolute;left:47px;right:8px}.demo-event strong{font-size:11px;line-height:1.5}.demo-event span{color:#595959;font-size:9px;line-height:1.5}.team-event{color:#4f4f4f;background:#f6f6f6;top:0}.team-event>svg{position:absolute;top:18px;right:12px}.focus-event{color:#202020;z-index:1;background:#fff;border:1px solid #bcbcbc;border-left:2px solid #292929;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;transition:top .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;top:60px}.focus-event>div{flex-direction:column;display:flex}.demo-event .event-tag{white-space:nowrap;border:1px solid #bebebe;border-radius:4px;padding:2px 6px;font-size:8px}.lunch-event{color:#575757;background:#f7f7f7;border-left-color:#a1a1a1;top:180px}.lunch-event span{color:#575757}.missed-slot{color:#737373;place-items:center;height:53px;font-size:9px;display:grid;position:absolute;top:60px;left:47px;right:8px}.is-replanned .focus-event{color:#244c83;background:#edf3fd;border-left-color:#477dc2;top:120px;box-shadow:0 3px 12px #65656510}.is-replanned .focus-event span{color:#244c83}.is-replanned .focus-event .event-tag{border-color:#b4c9e5}.is-replanned .missed-slot{border:1px dashed #d6d6d6;border-radius:5px}.demo-story{border-left:1px solid var(--line);background:#fdfdfd;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;display:flex}.story-copy h3{letter-spacing:-.7px;white-space:pre-line;margin:11px 0;font-size:23px;line-height:1.25}.story-copy p{color:var(--muted);max-width:220px;font-size:13px;line-height:1.75}.demo-button{color:#404040;background:#fff;border:1px solid #cecece;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:22px;padding:8px;display:flex;font-size:11px!important}.demo-button:hover{background:#ededed}.demo-result{color:var(--muted);text-align:center;width:100%;font-size:10px;margin-top:10px!important}