.events-wrapper{display:flex;gap:var(--spacing-10x);@media (max-width:1024px){flex-direction:column}}.event-cards-container{flex:1;@media (max-width:1024px){flex:none}}.event-cards{display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(272px,1fr));position:relative}.event-card-wrapper{display:none;&.filter-active{display:block}}.event-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-3x);height:100%;padding:var(--spacing-5x) var(--spacing-5x) var(--spacing-6x);width:100%}.event-card__image-wrapper{border-radius:var(--radius-md);height:165px;overflow:clip;position:relative;width:100%;@media (max-width:1024px){height:215px}}.event-card__image{height:100%;object-fit:cover;width:100%}.event-card__body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-6x);justify-content:space-between;& .btn--card-link{font-size:var(--text-sm);letter-spacing:-.45px}}.event-card__type-wrapper{align-items:center;display:flex;gap:var(--spacing-2x);margin-bottom:var(--spacing-4x)}.event-card__type{align-items:center;border:1px solid var(--gray-base);border-radius:var(--radius-md);display:flex;font-size:.75rem;font-weight:600;gap:var(--spacing-1x);line-height:1;margin:0;padding:var(--spacing-1x) var(--spacing-2x)}.event-card__info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2x);margin-bottom:var(--spacing-5x)}.event-card__info-item{font-size:.875rem;line-height:1.4;margin:0}.event-card__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2x)}.event-card__tag{background:var(--primary-50);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;line-height:1;margin:0;padding:var(--spacing-1x) var(--spacing-2x)}.event-card__title{font-size:1.125rem;margin-bottom:var(--spacing-3x)}.event-card__btn{align-items:center;display:flex;font-size:.9375rem;gap:var(--spacing-2x);justify-content:center;margin:0;& svg{margin-top:4px}& svg,& svg path{transition:var(--transition)}&:hover{& svg{transform:translateX(4px)}& svg path{fill:var(--primary-800)}}}.events-no-match{align-items:center;background:var(--background-blue);border-radius:var(--radius-lg);display:none;flex-direction:column;padding:var(--spacing-10x);text-align:center;width:100%;.event-cards-container[data-has-filter-match=false] &{display:flex}}.events-no-match__title{margin-block:var(--spacing-5x) var(--spacing-3x)}.events-no-match__description{color:var(--text-light);margin:0 auto;max-width:650px}.events__mobile-btns{display:none;@media (max-width:1024px){align-items:center;display:flex;gap:var(--spacing-10x)}}.events__btn{--btn-color:var(--primary-base);--bg-color:var(--white);--border-color:var(--primary-base);align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:4px;color:var(--btn-color);display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-2x);justify-content:center;line-height:1.2;margin:0;min-height:49px;padding:var(--spacing-3x) var(--spacing-5x);text-decoration:none;transition:var(--transition);width:100%;& svg path{fill:var(--btn-color);transition:var(--transition)}&.events__filter-mobile-trigger{--btn-color:var(--white);--bg-color:var(--primary-base);--border-color:var(--primary-base)}&:hover{--btn-color:var(--primary-800);--border-color:var(--primary-800);&.events__filter-mobile-trigger{--btn-color:var(--white);--bg-color:var(--primary-800);--border-color:var(--primary-800)}}}.events__btn--share:not(.events__mobile-btns .events__btn--share){margin-bottom:var(--spacing-4x);@media (max-width:1024px){display:none}}.form.events__filter-container{flex:0 0 270px;padding:0;@media (max-width:1024px){flex:none}}.events__filter-wrapper{background:var(--white-base);border:2px solid var(--text-base);border-radius:var(--radius-md);display:flex;flex-direction:column;height:fit-content;position:relative;transition:var(--transition);&:before{background:var(--text-base);display:none;inset:0 auto auto 0;opacity:.71;width:calc(100% + 32px);z-index:-2}&:after,&:before{content:"";height:100%;position:absolute}&:after{background:var(--white);inset:0 auto auto 32px;width:100%;z-index:-1}@media (max-width:1024px){background:transparent;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-radius:0;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;height:100vh;inset:0 0 auto auto;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:fixed;width:0;z-index:2147483002;&[data-state=active]{padding-left:32px;width:100vw}body:has(&[data-state=active]){overflow:clip}&:before{display:block;z-index:-1}}}.events__filter-sections{order:2;@media (max-width:1024px){height:fit-content;overflow-y:scroll}}.events__filter-section{border-bottom:2px solid var(--text-base);padding-bottom:var(--spacing-2x);&:last-of-type{border-bottom:none}}.events__filter-section-title{align-items:center;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-4x);justify-content:space-between;padding:var(--spacing-4x) var(--spacing-8x) var(--spacing-3x);width:-webkit-fill-available;width:-moz-available;.events__filter-section:last-of-type &{border-bottom:none}& svg{transition:var(--transition)}& svg path{fill:var(--text-base)}[aria-expanded=false] & svg{transform:rotate(-180deg)}@media (max-width:1024px){padding:var(--spacing-4x) var(--spacing-6x) var(--spacing-3x)}}.events__filter-options-wrapper{border:none;margin:0;padding:0}.events__filter-options{display:flex;flex-direction:column;gap:var(--spacing-2x);padding-bottom:var(--spacing-3x)}.form li.events__filter-option{align-items:center;display:flex;gap:var(--spacing-3x);justify-content:space-between;margin-bottom:0;padding:var(--spacing-2x) var(--spacing-8x);position:relative;transition:var(--transition);&.hidden-filter{display:none}& label{--label-color:var(--text-base);align-items:center;cursor:pointer;display:flex;font-family:var(--base-font);gap:var(--spacing-2x);justify-content:space-between;margin-bottom:0;width:100%;&:hover{--label-color:var(--primary-base)}&:has(input:checked){--label-color:var(--text-base)}}&:has(input:checked){background:var(--primary-50)}@media (max-width:1024px){padding:var(--spacing-2x) var(--spacing-6x)}}.events__filter-option-inner-wrapper{align-items:center;display:flex;gap:var(--spacing-2x);& input{--checkbox-dimensions:20px;--checkbox-image-dimensions:18px;-webkit-appearance:none;background-color:var(--white);border:2px solid var(--text-base);border-radius:4px;cursor:pointer;display:block;flex-shrink:0;height:var(--checkbox-dimensions);margin:0;outline-offset:3px;padding:0;position:relative;transition:var(--transition);width:var(--checkbox-dimensions)!important;&:before{--checkbox-content:url(https://www.suitable.co/hubfs/icons/checkbox.svg);content:var(--checkbox-content)}&:after,&:before{height:var(--checkbox-image-dimensions);inset:0;opacity:0;position:absolute;transition:var(--transition);width:var(--checkbox-image-dimensions)}&:after{content:""}&:checked{background-color:var(--primary-base);border-color:var(--primary-base);&:before{opacity:1}}}& span{color:var(--label-color);font-size:.875rem;font-weight:400;transition:var(--transition)}}.events__filter-option-count{color:var(--label-color);font-size:.875rem;font-weight:400;transition:var(--transition)}.events__filter-btn-wrapper{align-items:center;display:flex;gap:var(--spacing-6x);justify-content:space-between;@media (max-width:1024px){border-top-color:var(--text-base);border-top-style:solid;border-top-width:2px;margin-top:var(--spacing-5x);order:3;padding:var(--spacing-5x) var(--spacing-6x)}}.events__filter-mobile-apply{display:none;letter-spacing:-.54px;width:fit-content!important;@media (max-width:1024px){&{display:flex}}}.events__filter-mobile-header{align-items:center;border-bottom:2px solid var(--text-base);display:none;gap:var(--spacing-5x);justify-content:space-between;order:1;padding:var(--spacing-4x) var(--spacing-6x);@media (max-width:1024px){display:flex}}.events__filter-heading{margin-bottom:0}.events__filter-mobile-close{align-items:center;background:var(--blue-base);border-radius:var(--radius-xl);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px;& svg{height:10px;width:10px}}.events__filter-clear-btn{align-items:center;cursor:pointer;display:flex;font-size:.9375rem;gap:var(--spacing-2x);inset:auto auto calc(100% + var(--spacing-5x)) 0;position:absolute;text-decoration:underline;transition:var(--transition);&:hover{color:var(--primary-base)}@media (max-width:1024px){position:static}}.events__search{margin-bottom:calc(var(--spacing-10x) + 19px);padding:0;@media (max-width:1024px){margin-bottom:var(--spacing-5x)}}.form .events__search fieldset{align-items:center;border:2px solid var(--text-base);border-radius:var(--radius-md);display:flex;gap:var(--spacing-2x);margin:0;padding:var(--spacing-3x) var(--spacing-5x);position:relative}.form input[type=search].events__search-bar{border:none;border-radius:0;flex:1;font-family:var(--base-font);font-size:.9375rem;font-weight:400;margin:0;outline:none;padding:0;&::placeholder{color:var(--gray-700);font-family:var(--base-font);font-size:.9375rem;font-weight:400}&::-webkit-search-cancel-button{display:none}&:is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active){-webkit-box-shadow:inset 0 0 0 30px #fff!important}}.events__search-clear-btn{cursor:pointer;opacity:0;pointer-events:none;transition:var(--transition);.events__search-bar:not(:placeholder-shown)+&{opacity:1;pointer-events:all}& svg{height:12px!important;width:12px!important}}