.dateFilter{border:.0625rem solid var(--color-black);padding:var(--spacing-xs);width:100%;max-width:18.75rem}.dateFilterHeader{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.dateFilterTitle{font-weight:var(--font-weight-bold)}.dateFilterGrid{grid-template-columns:repeat(7,1fr);display:grid}.dateFilterWeekdayRow,.dateFilterDaysRow{display:contents}.dateFilterWeekday{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.dateFilterDay{aspect-ratio:1;cursor:pointer;width:100%;font-size:var(--font-size-sm);background:0 0;border:none}.dateFilterDay:hover:not(:disabled){background-color:var(--color-primary-green);color:var(--color-white)}.dateFilterDay--from,.dateFilterDay--to,.dateFilterDay--inRange{background-color:var(--color-primary-green);color:var(--color-white)}.dateFilterDay--inRange{background-color:var(--color-primary-green)}.dateFilterDay--past{color:var(--color-light-grey);cursor:default}.dateFilterDay--hasEvent{background-color:var(--color-light-green);border:solid 1px var(--color-primary-green)}.dateFilterDay--from.dateFilterDay--hasEvent,.dateFilterDay--to.dateFilterDay--hasEvent,.dateFilterDay--inRange.dateFilterDay--hasEvent{color:var(--color-black)}.dateFilterFooter{margin-top:var(--spacing-2xs);padding-top:var(--spacing-xs);border-top:.0625rem solid var(--color-black);justify-content:space-between;align-items:center;display:flex}.dateFilterSelected{font-size:var(--font-size-sm)}.dateFilterClear{cursor:pointer;background:0 0;border:none;text-decoration:underline}.dateFilterClear:hover{color:var(--color-dark-green)}