.event-wrapper{display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(297px,1fr));&[data-has-filter-match=false]{display:block;height:auto!important}}.events-no-match{display:none;text-align:center;.events-wrapper[data-has-filter-match=false] &{display:block}}.events-no-match__title{margin-bottom:var(--spacing-3x)}.event-card-wrapper{display:none;&.filter-active{display:block}}.event-card{background-color:var(--white);border:1px solid var(--text-base);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-5x);height:100%;padding:var(--spacing-6x);transition:var(--transition);.event-card-wrapper:hover &{border-color:var(--red-base);box-shadow:var(--box-shadow-md)}}.event-card__image{background-color:#f0f3f7;border-radius:var(--radius-md);height:200px;object-fit:contain;width:100%}.event-card__content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-6x);justify-content:space-between}.event-card__title{font-size:1.1111rem;margin-bottom:var(--spacing-3x)}.event-card__description{color:var(--text-light);font-size:var(--text-sm);margin-bottom:var(--spacing-4x)}.event-card__date-time{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-2x);margin-bottom:var(--spacing-5x)}.event-card__tag{border:1px solid var(--blue-base);border-radius:var(--radius-md);color:var(--blue-base);font-size:var(--text-sm);line-height:1.2;padding:8px 12px;width:fit-content}.event-card__btn{--text-color:var(--red-base);align-items:center;color:var(--text-color);display:flex;font-weight:500;gap:var(--spacing-4x);line-height:1.4;padding-inline:8px 12px;position:relative;width:fit-content;& .event-card__btn-outline{border:1px solid var(--text-color);border-radius:var(--radius-round);height:34px;inset:50% auto auto 0;position:absolute;transform:translateY(-50%);transition:var(--transition);transition-duration:.5s;width:34px;.event-card-wrapper:hover &{width:100%}}& svg{transition:var(--transition);transition-duration:.5s;.event-card-wrapper:hover &{transform:translateX(4px)}}}.filter-groups{display:flex;gap:var(--spacing-4x);margin-bottom:var(--spacing-8x);@media (max-width:640px){flex-direction:column}}.filter-group{--ss-main-height:49px;--ss-border-radius:var(--radius-sm);--ss-border-color:var(--text-base);--ss-focus-color:var(--primary-base);--ss-spacing-s:var(--spacing-4x);--ss-font-color:var(--text-base);--ss-primary-color:var(--gray-400);position:relative;& label{display:block;font-size:.7778rem;font-weight:600;line-height:1;margin-bottom:var(--spacing-2x)}& .ss-main{align-items:center;& svg.ss-arrow{flex:0 0 auto;height:15px;margin:0!important;transition:var(--transition);width:15px;& path{d:path("M53.2111 76.643c-1.7618 1.8093-4.6604 1.8093-6.4222 0L1.3214 29.9521c-1.7619-1.8093-1.7619-4.7858 0-6.5951 1.7619-1.8093 4.6604-1.8093 6.4223 0L50 66.7504 92.2563 23.357c1.7619-1.8093 4.6604-1.8093 6.4223 0 1.7614 1.8093 1.7614 4.7858 0 6.5951L53.2111 76.643Z");fill:var(--red-base);stroke:unset}}&:focus{border-color:var(--ss-focus-color);box-shadow:none}&.ss-dir-below{border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}&[aria-expanded=true]{& svg{transform:rotate(-180deg)}}@media (max-width:640px){width:100%!important}}& .ss-single,& .ss-values{font-size:.7778rem;font-weight:400;line-height:1;margin:auto 0!important}& .ss-content-wrapper{position:relative}& .ss-content{background-color:var(--white);border-color:var(--text-base);border-radius:var(--ss-border-radius);inset:calc(100% + 8px) auto auto 0!important;padding-block:var(--spacing-2x);& .ss-option{--ss-spacing-m:8px;--ss-spacing-l:24px;color:var(--ss-font-color);font-size:16px;line-height:normal;white-space:nowrap!important;&:focus,&:hover{background-color:var(--gray-400);&:not(.ss-disabled){background-color:var(--gray-400)!important;border-left:1px solid var(--primary-color)!important;color:var(--text-base)!important}}&.ss-selected:not(.ss-disabled){color:var(--text-base)!important}}}}