.upcoming-events-wrapper{background-color:#101820;min-height:450px;padding:var(--base-16) 0;position:relative;width:100%}.upcoming-events-inner{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--base-6);justify-content:center}.upcoming-event-card{border-radius:var(--base-2);font-size:16px;height:27rem;opacity:0;overflow:hidden;position:relative;width:25rem}.upcoming-event-card:hover .upcoming-event-image-wrapper{scale:1.025}.upcoming-event-card[data-is-past=true] p{color:var(--grey-100)}.upcoming-event-image-wrapper{border-radius:10px;height:55%;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:100%}.upcoming-event-image-overlay{aspect-ratio:16/9;background-color:#7a7a7a;border-radius:10px;inset:0;opacity:0;position:absolute;transition:all .3s ease-in-out}.upcoming-event-card[data-is-past=true] .upcoming-event-image-overlay{opacity:.5}.upcoming-event-card:hover .upcoming-event-image-overlay{opacity:0}.upcoming-event-image{aspect-ratio:16/9;border-radius:var(--base-2);object-fit:cover}.upcoming-event-card.is-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.upcoming-event-past-flag{background-color:var(--orange-700);border-bottom-right-radius:var(--base-2);color:#fff;display:none;height:var(--base-8);inset:0;padding:var(--base-1) var(--base-2);position:absolute;width:fit-content}.upcoming-event-card[data-is-past=true] .upcoming-event-past-flag{display:block}.event-details{align-content:middle;align-items:center;color:#fff;display:flex;flex-direction:row;padding-bottom:var(--base-2)}.upcoming-event-card[data-is-past=true] .event-details{color:var(--grey-100)}.event-details i{align-items:center;display:flex;height:var(--font-sm);justify-content:center;margin-right:var(--base-2);width:var(--font-sm)}.event-details i svg{display:block;fill:#fff;height:100%;vertical-align:middle;width:100%}.event-details .is-past,.upcoming-event-card[data-is-past=true] .event-details .is-upcoming{display:none}.upcoming-event-card[data-is-past=true] .event-details .is-past{display:block}.upcoming-event-title-wrapper{color:#fff;font-size:var(--font-lg);font-weight:600;padding-right:var(--base-3)}.upcoming-event-title-wrapper p{margin-top:0!important}@media (max-width:900px){.upcoming-event-title-wrapper{padding-left:var(--base-3);padding-right:var(--base-2)}}.event-card.is-hidden{opacity:0!important;pointer-events:none;transform:scale(.8)}.empty-state-image-wrapper{align-items:center;display:none;flex-direction:row;justify-content:center;width:100%}.empty-state-image{border-radius:var(--base-2);height:100%;object-fit:cover;width:100%}