@layer components.all-happenings{.all-happenings ul.infinite-scroller-event-all:not(.scroller-horizontal){display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing) * 2);align-items:stretch;margin:0;padding:0}.all-happenings ul.infinite-scroller-event-all:not(.scroller-horizontal)>li.loading,.all-happenings ul.infinite-scroller-event-all:not(.scroller-horizontal)>li:has(>.event-listing){grid-column:span 2}@media only screen and (max-width:992px){.all-happenings ul.infinite-scroller-event-all:not(.scroller-horizontal){grid-template-columns:1fr}.all-happenings ul.infinite-scroller-event-all:not(.scroller-horizontal)>li.loading,.all-happenings ul.infinite-scroller-event-all:not(.scroller-horizontal)>li:has(>.event-listing){grid-column:span 1}}.all-happenings ul.infinite-scroller-event-all.scroller-horizontal .event-listing{display:flex;flex-direction:column;gap:var(--spacing)}.all-happenings ul.infinite-scroller-event-all.scroller-horizontal .event-listing .buttons{align-self:flex-end}.all-happenings ul.infinite-scroller-event-all.scroller-horizontal .event-listing .loading,.all-happenings ul.infinite-scroller-event-all.scroller-horizontal .event-listing img{height:var(--happening-image-height);object-fit:cover}.all-happenings .event-listing{display:grid;grid-template:"image tags" min-content "image title" "image description" "image buttons"/30vw 1fr;gap:calc(var(--spacing) / 2);-moz-column-gap:calc(2 * var(--spacing));column-gap:calc(2 * var(--spacing))}.all-happenings .event-listing .loading{aspect-ratio:6/4}@media (hover:hover){.all-happenings .event-listing:hover img{transition:transform .3s ease-in-out;transform:scale(1.05)}}.all-happenings .event-listing .loading,.all-happenings .event-listing img{grid-area:image;width:100%;height:auto;border-radius:var(--border-radius);will-change:transform;align-self:stretch}.all-happenings .event-listing .tags{grid-area:tags;align-items:center}.all-happenings .event-listing .tags .button-tag{font-size:var(--font-size-sm)}.all-happenings .event-listing .title{grid-area:title;font-size:var(--font-size-xl);line-height:var(--font-lead-xl);margin:0}.all-happenings .event-listing .description{grid-area:description}.all-happenings .event-listing .buttons{grid-area:buttons;justify-self:end;display:flex;flex-direction:row;align-items:center;gap:var(--spacing)}@media only screen and (max-width:768px){.all-happenings{gap:var(--spacing)}.all-happenings .event-listing{display:flex;flex-direction:column;gap:var(--spacing)}.all-happenings .event-listing .buttons{align-self:flex-end}}}