@layer components.all-happenings{.all-happenings .infinite-scroller{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.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}}}