.event-list{padding:var(--space-s) 0;background:var(--color-gray-100);overflow:visible}@media (min-width:768px){.event-list{padding:var(--space-l) 0}}.event-list__grid{max-width:var(--container-max);margin-inline:auto;display:flex;gap:var(--space-s);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--space-s);padding-inline:var(--container-padding);padding-bottom:var(--space-s);-webkit-overflow-scrolling:touch}.event-list__grid::-webkit-scrollbar{display:none}.event-list__grid{-ms-overflow-style:none;scrollbar-width:none}.event-list__scrollbar{width:300px;max-width:80%;margin-inline:auto;margin-top:var(--space-s);height:6px;background:var(--color-gray-200);border-radius:3px;cursor:pointer;position:relative}.event-list__scrollbar-thumb{height:100%;background:var(--color-gray-400);border-radius:3px;transition:background .15s ease}.event-list__scrollbar:hover .event-list__scrollbar-thumb{background:var(--color-gray-500)}.event-list__footer{margin-top:var(--space-m);text-align:center}.event-list__grid--centered{justify-content:center}.event-list__grid .card{scroll-snap-align:start}.event-list__grid .card:last-child{margin-right:var(--space-s)}.event-list__grid .card{opacity:0;transition:opacity .8s ease;transition-delay:calc(.15s * var(--card-index))}.event-list__grid--visible .card{opacity:1}