.event-details__items{--grid--column-gap:var(--space--responsive--l);--grid--row-gap:var(--space--responsive--l);justify-content:center}.event-details__item{align-items:center;column-gap:var(--space--s);display:grid;grid-template-columns:4.375rem 1fr;grid-template-rows:auto auto;row-gap:var(--space--xxxs)}@media (min-width:36em){.event-details__item{--color--background:var(--color--brand-2);background-color:var(--color--background);flex:0 0 17.5rem;grid-template-columns:100%;grid-template-rows:4.6875rem repeat(2,auto);max-width:17.5rem;padding:3.4375rem var(--space--xxs) calc(var(--space--m)*2);row-gap:0;text-align:center}}.event-details__item:before{content:"";display:block;flex:1 1 auto;justify-self:center;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}@media (max-width:35.99em){.event-details__item:before{grid-row:span 2}}.event-details__item--time:before{background-color:var(--color--magenta);height:1.9375rem;-webkit-mask-image:url(../../images/icons/time.svg);mask-image:url(../../images/icons/time.svg);width:1.9375rem}@media (min-width:36em){.event-details__item--time:before{height:3.5rem;width:3.5rem}}.event-details__item--date:before{background-color:var(--color--yellow);height:2.0625rem;-webkit-mask-image:url(../../images/icons/date.svg);mask-image:url(../../images/icons/date.svg);width:2.0625rem}@media (min-width:36em){.event-details__item--date:before{height:3.75rem;width:3.75rem}}.event-details__item--location:before{background-color:var(--color--green);height:2.4375rem;-webkit-mask-image:url(../../images/icons/location.svg);mask-image:url(../../images/icons/location.svg);width:2.4375rem}@media (min-width:36em){.event-details__item--location:before{height:4.5625rem;width:4.5625rem}}@media (max-width:35.99em){.event-details__item__heading,.event-details__item__text{grid-column:2}}.event-details__item__heading{line-height:1.2777777778;margin:0}@media (min-width:36em){.event-details__item__heading{margin-top:var(--space--base)}}.event-details__item__text{font-size:var(--type--font-size--small);line-height:1.3333333333}.event-details__item__text>:first-child{margin-top:0}.event-details__item__text>:last-child{margin-bottom:0}@media (min-width:36em){.event-details__item__text{margin-top:var(--space--xxs)}}