/* Quobli Web v1.16.45 — Desktop-style contained Calendar scrolling. */
.workspace:has(#calendar:not(.hidden)){
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#calendar:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#calendar:not(.hidden)>#founderChecklist{flex:0 0 auto!important}
#calendar:not(.hidden)>.calendar-top{
  position:relative!important;
  z-index:20!important;
  flex:0 0 auto!important;
  min-height:0!important;
  margin-bottom:10px!important;
}
#calendar:not(.hidden)>.panel.calendar{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
#calendarItems,
#calendarItems.calendar-day-view,
#calendarItems.calendar-week-view,
#calendarItems.calendar-month-view{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
#calendarItems.calendar-week-view{
  align-items:start!important;
  grid-template-rows:auto!important;
}
#calendarItems.calendar-week-view .calendar-week-day{
  min-height:100%!important;
  height:auto!important;
  overflow:visible!important;
}
#calendarItems.calendar-week-view .calendar-day-slots{
  min-height:522px!important;
  flex:1 0 auto!important;
  overflow:visible!important;
}
#calendarItems.calendar-week-view .calendar-week-day>header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:#fff!important;
  box-shadow:0 2px 0 #d5dfd9,0 7px 14px #274c321a!important;
}
#calendarItems.calendar-week-view .calendar-week-day.today>header{background:#eaf6ed!important}
#calendarItems.calendar-month-view{align-content:start!important}
#calendarItems.calendar-day-view{display:block!important}
@media(max-width:900px){
  .workspace:has(#calendar:not(.hidden)){overflow:auto!important}
  #calendar:not(.hidden){height:auto!important;min-height:100%!important;overflow:visible!important}
  #calendar:not(.hidden)>.panel.calendar{min-height:570px!important}
  #calendarItems,#calendarItems.calendar-day-view,#calendarItems.calendar-week-view,#calendarItems.calendar-month-view{min-height:570px!important}
}