/* @group @variables */

[class*="a-pickup-list"] {
--font-size: 2.25rem;
--color: var(--color-white)
}

@media all and (min-width:48em) {

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

}

/* @end @variables */

/* @group @a-pickup-list */

[class*="a-pickup-list"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
}

[class*="a-pickup-list"] li {
position: relative;
overflow: hidden;
z-index: 2;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1fr auto 1fr;
}

[class*="a-pickup-list"] p {
position: relative;
z-index: 2;
text-align: center;
grid-column: 2;
grid-row: 2;
}

[class*="a-pickup-list"] div {
position: relative;
z-index: -1;
grid-column: 1 / span 3;
grid-row: 1 / span 3;
}

[class*="a-pickup-list"] div:before {
content: '';
position: absolute;
z-index: 2;
inset: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 20%, .375);
}

[class*="a-pickup-list"] [class*="a-aspect-ratio"] {
--border-radius: 0;
}

/* @end @a-pickup-list */