/* @group @variables */

[class*="m-venue-list"] {
--grid-template-columns: repeat(1, 1fr);
--grid-gap: .75rem 1.5rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-venue-list"] {
--grid-template-columns: repeat(2, 1fr);
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-venue-list"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-grid */

[class*="m-venue-list"] {
display: grid;
align-items: var(--grid-align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
order: var(--grid-order);
direction: var(--grid-direction);
}

/* @end @m-grid */

/* @group @m-venue-map */

[class*="m-venue-map"] {
width: 100%;
max-width: 40rem;
margin-inline: auto;
padding: .75rem;
background-color: var(--color-white);
}

:where([class*="m-venue-map"]) img {
width: 100%;
height: auto;
}

/* @end @m-venue-map */