.card-event{border:.5px solid var(--border-default);background-color:var(--surface-section);width:100%;color:var(--text-primary);flex-flow:column;align-items:center;gap:0;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.03)}@media screen and (min-width:30rem){.card-event{flex-direction:row}}.card-event:hover{background-color:var(--surface-section-muted)}.card-event__body{flex-direction:column;gap:.75rem;width:100%;padding:1.25rem;display:flex}.card-event__media{width:100%;display:flex}@media screen and (min-width:30rem){.card-event__media{flex:0 0 10rem}}.card-event__media img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:auto}@media screen and (min-width:30rem){.card-event__media img{aspect-ratio:1}}.card-event__title{text-wrap:pretty;font-size:1.375rem;line-height:1.2}.card-event__meta{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.card-event__meta-row{flex-direction:row;align-items:flex-start;gap:.5rem;line-height:1.35;display:flex}.card-event__meta-row svg{width:1.25rem;height:1.25rem;color:var(--color-teal);flex:0 0 1.25rem}.card-event__meta-text{text-wrap:pretty}.card-event--stacked{flex-direction:column}.card-event--stacked img{aspect-ratio:16/9}.card-event--list .card-event__details-decor{align-self:flex-start;margin-top:.5rem}@media screen and (min-width:48rem){.card-event--list .card-event__body{grid-template-columns:repeat(6,1fr);align-items:center;gap:.75rem;display:grid}.card-event--list .card-event__title{grid-column:1/span 3}.card-event--list .card-event__meta{grid-column:4/span 3;grid-template-columns:repeat(3,1fr);align-items:center;gap:.25rem .75rem;display:grid;position:relative}.card-event--list .card-event__meta-row{grid-column:1/span 2}.card-event--list .card-event__details-decor{grid-column:3/span 1;justify-content:flex-end;align-self:flex-end;margin-top:.25rem;display:flex;position:absolute;top:0;right:0}.card-event--list .card-event__details-decor .text-link{align-self:center}}@media screen and (min-width:30rem){.card-event--list,.card-event--list-simple{flex-direction:row}.card-event--list .card-event__media,.card-event--list-simple .card-event__media{flex:0 0 10rem}}.event-grid-2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media screen and (min-width:64rem){.event-grid-2{grid-template-columns:repeat(2,1fr)}}