@layer components.happenings-section{.happenings-section .header{display:grid;gap:var(--spacing);grid-template:"title buttons link"/max-content 1fr}@media only screen and (max-width:768px){.happenings-section .header{grid-template:"title title" "buttons link"/1fr max-content}}.happenings-section .header h2{grid-area:title;align-self:center;justify-self:start;margin:0}.happenings-section .header .buttons{grid-area:buttons;display:flex;align-self:center;justify-self:start}.happenings-section .header .buttons a,.happenings-section .header .buttons button{padding:calc(var(--spacing) / 2) var(--spacing)}.happenings-section .header .link{grid-area:link;align-self:center;justify-self:end;margin-left:auto}.happenings-section-horizontal{margin-bottom:var(--container-padding-y)}.happenings-section-horizontal .header,.happenings-section-horizontal .scroller{padding-left:var(--container-spacing);padding-right:var(--container-spacing)}.happenings-section-horizontal .scroller{align-items:stretch;gap:clamp(var(--spacing),3vw,var(--spacing) * 4);margin-top:var(--spacing);padding-bottom:var(--spacing)}.happenings-section-horizontal .scroller>li{flex-shrink:0;padding:var(--spacing) 0;width:max(20rem,30vw)}.happenings-section-horizontal .scroller>li.loading{width:auto}.happenings-section-horizontal .scroller .scroll-sentinel{min-width:100px}}