.image-grid{display:block;width:100%;min-width:0;padding-block:var(--image-grid-padding);--image-grid-columns: var(--image-grid-columns-desktop)}.image-grid__header{margin-bottom:var(--image-grid-title-spacing);text-align:var(--image-grid-title-alignment)}.image-grid__title{margin:0;color:var(--image-grid-title-color);font-size:var(--image-grid-title-size);font-family:var(--image-grid-title-font-family);font-style:var(--image-grid-title-font-style);font-weight:var(--image-grid-title-font-weight);letter-spacing:var(--image-grid-title-letter-spacing);overflow-wrap:anywhere}.image-grid__track{display:grid;grid-template-columns:repeat(var(--image-grid-columns),minmax(0,1fr));gap:var(--image-grid-gap);min-width:0;align-items:start}.image-grid__card{position:relative;min-width:0;margin:0;scroll-snap-align:start}.image-grid__media{position:relative;display:flex;align-items:center;width:100%;aspect-ratio:var(--image-grid-ratio);overflow:hidden;border-radius:var(--image-grid-radius);background:#f4f4f4}.image-grid__image-link{display:block;width:100%;height:100%}.image-grid__image-link:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.image-grid__image,.image-grid__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:var(--image-grid-fit)}.image-grid[data-image-ratio=adapt] .image-grid__media{height:var(--image-grid-adapt-height, auto);aspect-ratio:auto}.image-grid[data-image-ratio=adapt] .image-grid__image-link{height:auto}.image-grid[data-image-ratio=adapt] .image-grid__image{position:static;height:auto;object-fit:contain}.image-grid[data-image-ratio=adapt] .image-grid__placeholder{position:static;height:var(--image-grid-adapt-height, auto);aspect-ratio:1}.image-grid__content{display:flex;flex-direction:column;gap:8px;margin-top:var(--image-grid-content-spacing);text-align:var(--image-grid-content-alignment);font-family:var(--image-grid-card-font-family);font-style:var(--image-grid-card-font-style);font-weight:var(--image-grid-card-font-weight);letter-spacing:var(--image-grid-card-letter-spacing);overflow-wrap:anywhere}.image-grid__heading{margin:0;color:var(--image-grid-heading-color);font-size:var(--image-grid-heading-size);font-family:var(--image-grid-card-heading-font-family);font-style:var(--image-grid-card-heading-font-style);font-weight:var(--image-grid-card-heading-font-weight);letter-spacing:var(--image-grid-card-heading-letter-spacing)}.image-grid__text{margin:0;color:var(--image-grid-text-color);font-size:var(--image-grid-text-size);font-family:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit}.image-grid__buttons{text-align:var(--image-grid-button-alignment)}.image-grid__buttons .button-group{max-width:100%}.image-grid__buttons .button{min-width:0;max-width:100%;padding-inline:min(1.5rem,6vw);font-size:var(--image-grid-button-size);font-family:inherit;font-style:inherit;letter-spacing:inherit;white-space:normal;overflow-wrap:anywhere}.image-grid[data-content-position=inside] .image-grid__content{position:absolute;inset-inline:0;bottom:0;max-height:100%;overflow:auto;margin:0;padding:var(--image-grid-content-spacing);border-radius:0 0 var(--image-grid-radius) var(--image-grid-radius);background:linear-gradient(transparent,#000000b3);--image-grid-heading-color: var(--image-grid-overlay-color);--image-grid-text-color: var(--image-grid-overlay-color)}.image-grid__controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.image-grid__controls[hidden],.image-grid__autoplay[hidden]{display:none}.image-grid__counter{min-width:3em;text-align:center;font-variant-numeric:tabular-nums}.image-grid__autoplay{font-size:.875rem}@media screen and (max-width:749px){.image-grid{--image-grid-columns: var(--image-grid-columns-mobile)}.image-grid[data-carousel-mobile=true] .image-grid__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.image-grid[data-carousel-mobile=true] .image-grid__card{flex:0 0 calc((100% - (var(--image-grid-columns) - 1) * var(--image-grid-gap)) / var(--image-grid-columns))}}@media screen and (min-width:750px){.image-grid[data-carousel-desktop=true] .image-grid__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.image-grid[data-carousel-desktop=true] .image-grid__card{flex:0 0 calc((100% - (var(--image-grid-columns) - 1) * var(--image-grid-gap)) / var(--image-grid-columns))}}.image-grid__track::-webkit-scrollbar{display:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/image-grid.css.map */