/* @group @m-hero-slider */

[class*="m-hero-slider"] {
position: relative;
visibility: hidden;
opacity: 0;
transition: var(--transition);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

[class*="m-hero-slider"][class*="is-active"] {
visibility: visible;
opacity: 1;
}

/* @end @m-hero-slider */

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

/* @group @a-lightbox */

[class*="a-lightbox"] {
position: relative;
}

[class*="a-icon-zoom"] {
position: absolute;
top: .75rem;
left: .75rem;
width: 1.5rem;
height: 1.5rem;
border: 2px solid var(--color-white);
border-radius: 50%;
}

/* @end @a-lightbox */

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

/* @group @variables */

[class*="a-thumbnail"] {
--thumbnail-border-color: transparent;
--thumbnail-opacity: 1;
--font-size: .75rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--font-weight: 300;
--font-variation-settings: "wght" 300;
}

[class*="a-thumbnail"]:hover,
[class*="a-thumbnail"]:focus {
--thumbnail-border-color: var(--color-gainsboro);
}

[class*="a-thumbnail"][class*="is-active"] {
--thumbnail-border-color: var(--color-primary);
--thumbnail-opacity: 1;
}

/* @end @variables */

/* @group @variables */

[class*="a-item-thumbnail-list"] {
--grid-template-columns: repeat(auto-fit, 4.875rem);
}

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

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

}

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

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

}*/

/* @end @variables */

/* @group @a-item-thumbnail-list */

[class*="a-item-thumbnail-list"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: .375rem;
}

[class*="a-thumbnail"] {
display: grid;
grid-template-rows: 1fr;
gap: .375rem;
}

[class*="a-thumbnail"]:has(p:last-of-type) {
grid-template-rows: 1fr auto;
}

/* @end @a-item-thumbnail-list */

/* @group @a-item-thumbnail-list */

[class*="a-thumbnail"] {
padding: calc(.375rem - 1px);
border: 1px solid var(--thumbnail-border-color);
opacity: var(--thumbnail-opacity);
text-align: center;
cursor: pointer;
transition: var(--transition);
}

/* @end @a-item-thumbnail-list */

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

/* @group @splide */

[class*="splide--draggable"] [class*="splide__track"] {
-webkit-user-select: none;
user-select: none;
}

/* @end @splide */

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

/* @group @splide */

[class*="splide__track"],
[class*="splide__list"],
[class*="splide__list"] * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* @end @splide */

/* @group @splide__track */

[class*="splide__track"] {
overflow: hidden;
}

/* @end @splide__track */

/* @group @splide--slide */

[class*="splide__list"] {
display: inline-flex;
width: 100%;
height: 100%;
}

/* @end @splide--slide */

/* @group @splide__slide */

[class*="splide__slide"] {
flex-shrink: 0;
}

/* @end @splide__slide */

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

/* @group @variables */

[class*="splide--fade"] [class*="splide__slide"] {
/*--splide-slide-position: absolute;*/
--splide-slide-position: relative;
--splide-slide-z-index: 0;
--splide-slide-opacity: 0;
}

[class*="splide--fade"] [class*="splide__slide"][class*="is-active"] {
/*--splide-slide-position: relative;*/
--splide-slide-z-index: 1;
--splide-slide-opacity: 1;
}

/* @end @variables */

/* @group @splide--fade */

[class*="splide--fade"] [class*="splide__list"] {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}

[class*="splide--fade"] [class*="splide__slide"] {
grid-column: 1;
grid-row: 1;
display: grid;
align-items: center;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}

/* @end @splide--fade */

/* @group @splide--fade */

[class*="splide--fade"] [class*="splide__slide"] {
position: var(--splide-slide-position);
z-index: var(--splide-slide-z-index);
opacity: var(--splide-slide-opacity);
transition: var(--transition);
}

/* @end @splide--fade */

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

/* @group @m-splide-pagination */

[class*="m-splide-pagination"] {
display: flex;
justify-content: center;
margin-bottom: 0;
}

[class*="m-splide-pagination"] li {
display: flex;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
}

[class*="a-splide-pagination-link"] {
display: block;
width: 2.25rem;
height: 2.25rem;
margin: 0 .375rem;
cursor: pointer;
transition: var(--transition);
}

[class*="a-splide-pagination-link"]:before {
content: '';
display: flex;
width: 100%;
height: .25rem;
border-radius: .25rem;
transition: inherit;
}

[class*="a-splide-pagination-link"]:before {
background-color: var(--color-gainsboro);
}

[class*="a-splide-pagination-link"]:hover:before,
[class*="a-splide-pagination-link"]:focus:before {
background-color: var(--color-premier);

}

[class*="a-splide-pagination-link"][class*="is-active"]:before {
background-color: var(--color-primary);
}

/* @end @m-splide-pagination */

/* padding-x layout for splidejs -------------------------------------------------------- */

/* @group @variables x-padding */

:root {
--splidejs-x-padding-base: var(--x-padding-base);
}

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

:root {
--splidejs-x-padding-base: calc((100vw - 56rem) / 2);
}

}

:root {
--splidejs-x-padding-right: var(--splidejs-x-padding-base);
--splidejs-x-padding-left: var(--splidejs-x-padding-base);
}

@supports (padding-top: constant(safe-area-inset-top)) {

:root {
--splidejs-x-padding-right: calc(env(safe-area-inset-right) + var(--splidejs-x-padding));
--splidejs-x-padding-left: calc(env(safe-area-inset-left) + var(--splidejs-x-padding));
}

}

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

:root {
--splidejs-x-padding-base: calc((100vw - 56rem) / 2);
}

}

/* @end @variables x-padding */