/* repeater grid -------------------------------------------------------- */

/* @group @variables */

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

/*@media all and (max-width:47.9375em) {

[class*="m-repeater-grid"] {
--repeater-group-max-width: 30rem;
--repeater-group-margin-right: auto;
--repeater-group-margin-left: auto;
}

}*/

/* @end @variables */

/* @group @m-repeater-grid */

[class*="m-repeater-grid"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
max-width: var(--repeater-group-max-width);
margin-right: var(--repeater-group-margin-right);
margin-left: var(--repeater-group-margin-left);
}

/* @end @m-repeater-grid */

/* repeater contents -------------------------------------------------------- */

/* @group @variables */

[class*="m-repeater-grid"] {
--repeater-columns: .75rem 1fr .75rem;
--repeater-rows: .75rem 1fr 4.5rem auto;
--repeater-gap: 0;
--repeater-body-grid-column: 2;
--repeater-media-grid-column: 1 / span 4;
--repeater-body-grid-row: 3 / span 2;
--repeater-media-grid-row: 1 / span 3;
--repeater-favorite-grid-column: 2;
--repeater-favorite-grid-row: 2;
}

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

[class*="m-repeater-grid"] {
--repeater-columns: 1.5rem 1fr 1.5rem;
}

}

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

[class*="m-repeater-grid"] {
--repeater-columns: 1fr 4.5rem 1fr 3rem .75rem;
--repeater-body-grid-column: 1 / span 2;
--repeater-media-grid-column: 2 / span 3;
--repeater-favorite-grid-column: 4;

--repeater-rows: .75rem 1.5rem 1fr 2.25rem;
--repeater-body-grid-row: 3 / span 2;
--repeater-media-grid-row: 1 / span 3;
--repeater-favorite-grid-row: 2;
}

[class*="m-repeater-grid"] [class*="m-repeater-contents"]:nth-of-type(2n) {em;
--repeater-columns: .75rem 3rem 1fr 4.5rem 1fr;
--repeater-body-grid-column: 4 / 6;
--repeater-media-grid-column: 1 / 5;
--repeater-favorite-grid-column: 2;
}

/*[class*="m-pickup-contents"] {
--repeater-body-grid-row: 2 / 4;
--repeater-media-grid-row: 1 / 3;
}*/

}

/* @end @variables */

/* @group @m-repeater-contents */

[class*="m-repeater-contents"] {
position: relative;
overflow: hidden;
display: grid;
justify-content: var(--repeater-justify-content);
align-items: var(--repeater-align-items);
align-content: var(--repeater-align-content);
place-items: var(--repeater-place-items);
grid-template-columns: var(--repeater-columns);
grid-template-rows: var(--repeater-rows);
gap: var(--repeater-gap);
}

[class*="m-repeater-media"] {
grid-column: var(--repeater-media-grid-column);
grid-row: var(--repeater-media-grid-row);
}

[class*="a-repeater-favorite"] {
grid-column: var(--repeater-favorite-grid-column);
grid-row: var(--repeater-favorite-grid-row);
}

[class*="m-repeater-body"] {
grid-column: var(--repeater-body-grid-column);
grid-row: var(--repeater-body-grid-row);
}

/* @end @m-repeater-contents */

/* repeater contents -------------------------------------------------------- */

/* @group @variables */

[class*="m-repeater-grid"] {
/*--repeater-body-align-self: center; */
--repeater-body-align-items: center;
--repeater-body-align-content: center;
--repeater-body-padding: 1.5rem;
--repeater-body-background-color: hsla(0, 0%, 100%, .975);
--head-2-font-size: 1.25rem;
--head-2-line-height: 1.5;
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
--color: var(--color-dimgray);
}

/* @end @variables */

/* @group @m-repeater-contents */

[class*="m-repeater-body"] {
position: relative;
z-index: 2;
display: grid;
align-items: var(--repeater-body-align-items);
align-content: var(--repeater-body-align-content);
align-self: var(--repeater-body-align-self);
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
padding: var(--repeater-body-padding);
background-color: var(--repeater-body-background-color);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

/* @end @m-repeater-contents */

/* -------------------------------------------------------- */

/* @group @m-repeater-media */

[class*="m-repeater-media"] img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transition: inherit;
}

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

[class*="m-repeater-media"] {
position: absolute;
}

}*/

/* @end @m-repeater-media */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-repeater-pickup"] {
--highlight-color: var(--color-premier-highlight);
--color: var(--color-white);
--font-weight: 300;
--font-variation-settings: "wght" 300;
--background-color: var(--color-premier);
}


@media all and (max-width:47.9375em) {

[class*="m-repeater-grid"] {
--top: .75rem;
--right: .75rem;
}

}

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

[class*="m-repeater-grid"] {
--right: .75rem;
--bottom: 3rem;
}

[class*="m-repeater-grid"] [class*="m-repeater-contents"]:nth-of-type(2n) {
--left: .75rem;
}

}

/* @end @variables */

/* @group @emphasis */

[class*="a-repeater-pickup"] {
position: absolute;
z-index: 3;
display: grid;
justify-content: center;
align-items: center;
top: var(--top);
bottom: var(--bottom);
right: var(--right);
left: var(--left);
width: 4.5rem;
height: 4.5rem;
background-color: var(--background-color);
border-radius: 50%;
text-transform: uppercase;
}

/* @end @emphasis */

/* -------------------------------------------------------- */

/* @group @variables */

@media all and (max-width:47.9375em) {

[class*="m-repeater-footer"] {
--repeater-footer-margin-right: auto;
--repeater-footer-margin-left: auto;
}

}

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

[class*="m-repeater-footer"] {
--repeater-footer-margin-right: auto;
}

}

/* @end @variables */

/* @group @m-repeater-footer */

[class*="m-repeater-footer"] {
min-width: 15rem;
max-width: 30rem;
margin-right: var(--repeater-footer-margin-right);
margin-left: var(--repeater-footer-margin-left);
}

/* @end @m-repeater-footer */