.calendar-week{background-color:var(--gray-100)}.calendar-week>.container{clip-path:inset(0);overflow-x:scroll}.calendar-header{background-color:var(--gray-100);display:flex;flex-flow:row nowrap;gap:.5rem;justify-content:space-between;position:relative;width:var(--header-width)}.calendar-header:after{background-color:var(--black);bottom:0;content:"";height:1px;left:0;position:absolute;width:var(--header-width)}.calendar-header li{background-color:var(--gray-100);padding:1rem 0 .75rem;width:100%;width:140px}@media (min-width:1024px){.calendar-header li{min-width:210px;width:210px}}.calendar-header li.today{background-color:var(--gray-300);padding:1rem .5rem .75rem}@media (min-width:1024px){.calendar-header li.today{padding:1rem .5rem .75rem}}.calendar-header li.past-date .group-header .date{color:var(--gray-700)}.calendar-header.fixed{left:var(--offset-left);position:fixed;top:var(--offset-top);z-index:2}.calendar-header .group-header{position:sticky;text-align:center;top:0;white-space:nowrap;width:100%}.days-container.fixed{margin-top:var(--cal-header-height)}.multi-day-events{position:relative;width:var(--multi-width)}.multi-day-events:not(.show){opacity:0}.multi-day-events.show{opacity:1}.multi-day-events.fixed .wrapper{margin-top:var(--cal-header-height)}.multi-day-events .wrapper{display:flex;flex-direction:column;gap:1rem;padding:1rem 0 .25rem;position:relative;width:var(--multi-width);z-index:1}.multi-day-events .background-days{display:flex;flex-flow:row nowrap;gap:.5rem;height:100%;position:absolute;width:100%;z-index:0}.multi-day-events .background-days.fixed{margin-top:var(--cal-header-height)}.multi-day-events .background-days .day{flex:1;height:100%;min-width:140px;padding:1rem 0 0;width:100%}@media (min-width:1024px){.multi-day-events .background-days .day{min-width:210px;width:210px}}.multi-day-events .background-days .day.today{background-color:var(--gray-300);padding:1rem .5rem 0}.days{display:flex;flex-flow:row nowrap;gap:.5rem;padding-bottom:.75rem;position:relative}.days:not(.show){opacity:0}.days.show{opacity:1}@media (min-width:1024px){.days{flex-flow:row nowrap}}.days .day{align-self:flex-start;flex:1;min-width:140px;padding:1rem 0 0;position:relative;width:140px}@media (min-width:1024px){.days .day{min-width:210px;width:210px}}.days .day::first-child{margin-left:0}.days .day::last-child{margin-right:0}.days .day.today{background-color:var(--gray-300);padding:1rem .5rem 0}.date{margin:0}