.events__top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-m);grid-area:top-bar;justify-content:space-between;margin-block-end:var(--space-m)}.events__page-title{font-size:var(--step-3);line-height:var(--leading-fine);margin:0}.events__nav-tabs{align-items:center;background-color:var(--color-hex-neutral-100);border-radius:8px;display:flex;flex-wrap:wrap;gap:var(--space-3xs);padding:var(--space-3xs)}.events__nav-tab{border-radius:6px;color:var(--color-hex-neutral-600);font-size:var(--step--1);font-weight:var(--font-weight-semibold);line-height:1.2;padding-block:var(--space-2xs);padding-inline:var(--space-s);text-decoration:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap}.events__nav-tab:not(.events__nav-tab--active):hover,.events__nav-tab:not(.events__nav-tab--active):focus-visible{background-color:var(--color-hex-brand-complimentary);color:var(--color-hex-neutral-1000)}.events__nav-tab--active{background-color:var(--color-hex-neutral-0);border:1px solid var(--color-hex-neutral-200);box-shadow:0 1px 2px #0000000f;color:var(--color-hex-neutral-1000);cursor:default}@media(max-width:1100px){.events__top-bar{align-items:stretch;flex-direction:column;gap:var(--space-s)}.events__nav-tabs{flex-wrap:nowrap;width:100%}.events__nav-tab{flex:1 1 0;font-size:var(--step--2);min-width:0;padding-block:var(--space-3xs);padding-inline:var(--space-2xs);text-align:center}}.event__date-range{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.event__date-separator{color:var(--color-hex-neutral-500);font-size:var(--step--2);font-weight:var(--font-weight-semibold);line-height:1}.event__date-time{color:var(--color-hex-neutral-600);display:block;font-size:var(--step--1);margin-top:var(--space-3xs)}.events__calendar{margin-top:0}.events__layout{display:grid;gap:var(--space-3xl);grid-area:content;grid-template-areas:"sidebar events";grid-template-columns:minmax(220px,22rem) minmax(0,1fr)}.events__sidebar{align-self:start;grid-area:sidebar}.events__wrapper{grid-area:events;min-width:0}@media(max-width:1100px){.events__layout{gap:var(--space-m);grid-template-areas:"sidebar" "events";grid-template-columns:1fr}.events__sidebar{position:static}}@media(min-width:1101px){.events__sidebar{background-color:var(--color-hex-neutral-0);padding-block-end:var(--space-xs);position:sticky;top:var(--space-s);z-index:1}}.events__calendar-panel{border:1px solid var(--color-hex-neutral-200);border-radius:4px;padding:var(--space-s);max-width:22rem}.events__calendar-picker{--rdp-accent-color: var(--color-hex-brand-primary);--rdp-accent-background-color: var(--color-hex-neutral-100);margin:0}.events__calendar-picker .rdp-months,.events__calendar-picker .rdp-month{width:100%}.events__calendar-picker .rdp-day_button{border-radius:6px;font-size:var(--step--1);height:2rem;width:2rem}.events__calendar-picker .rdp-day:not(.events__calendar-day--has-event) .rdp-day_button{color:var(--color-hex-neutral-500);cursor:default}.events__calendar-picker .rdp-today .rdp-day_button{background-color:transparent;color:var(--color-hex-brand-primary);font-weight:var(--font-weight-bold)}.events__calendar-picker .rdp-today .rdp-day_button:hover{background-color:var(--color-hex-neutral-100)}.events__calendar-picker .rdp-nav{gap:var(--space-3xs)}.events__calendar-today{background:none;border:1px solid var(--color-hex-neutral-200);border-radius:4px;color:var(--color-hex-brand-primary);cursor:pointer;font-size:var(--step--2);font-weight:var(--font-weight-semibold);line-height:1;padding-block:var(--space-3xs);padding-inline:var(--space-2xs)}.events__calendar-today:hover{background-color:var(--color-hex-neutral-100)}.events__calendar-day--has-event .rdp-day_button{background-color:var(--color-hex-brand-complimentary);color:var(--color-hex-neutral-1000);font-weight:var(--font-weight-bold)}.events__calendar-day--has-event .rdp-day_button:hover{background-color:var(--color-hex-brand-complimentary);filter:brightness(.95)}.events__calendar-picker .rdp-today.events__calendar-day--has-event .rdp-day_button,.events__calendar-picker .rdp-today.events__calendar-day--has-event .rdp-day_button:hover{background-color:var(--color-hex-brand-complimentary);color:var(--color-hex-brand-primary)}.events__calendar-filter{align-items:center;border-top:1px solid var(--color-hex-neutral-200);display:flex;justify-content:space-between;margin-top:var(--space-s);padding-top:var(--space-xs)}.events__calendar-filter-count{color:var(--color-hex-neutral-600);font-size:var(--step--1)}.events__calendar-clear{background:none;border:none;color:var(--color-hex-neutral-1000);cursor:pointer;font-size:var(--step--1);font-weight:var(--font-weight-bold);padding:0;text-decoration:underline;text-underline-offset:2px}.events__calendar-clear:hover{text-decoration:none}.events__calendar-legend{align-items:center;color:var(--color-hex-neutral-600);display:flex;font-size:var(--step--2);gap:var(--space-2xs);margin-top:var(--space-xs)}.events__calendar-legend-swatch{background-color:var(--color-hex-brand-complimentary);border-radius:2px;display:inline-block;height:.75rem;width:.75rem}