@layer components{.image-gallery{display:var(--image-gallery-display-mobile, block);background-color:var(--color-background);color:var(--color-foreground)}.image-gallery__content{width:100%}.image-gallery__gallery{width:100%;max-width:none;margin-inline:0;padding-inline:0}.image-gallery__gallery .hs-hint{box-sizing:border-box;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--spacing-inline, 1rem)}.image-gallery__header{display:flex;flex-direction:column;gap:.75rem;align-items:var(--content-align, center);text-align:var(--text-align, center);margin-block-end:2rem}.image-gallery__overline{margin:0}.image-gallery__overline:not(.text-overline){color:var(--color-foreground-secondary);font-size:var( --image-gallery-overline-size-mobile, var(--overline-size-mobile) );font-weight:var( --image-gallery-overline-font-weight, var(--overline-font-weight) );line-height:var(--overline-line-height);letter-spacing:var(--overline-letter-spacing);text-transform:var(--overline-text-transform);font-family:var(--overline-font-family)}.image-gallery__heading{margin:0}.image-gallery__heading:not(.text-heading-h2){color:var(--color-foreground);font-size:var(--image-gallery-heading-size-mobile, var(--h2-size-mobile));font-weight:var( --image-gallery-heading-font-weight, var(--h2-font-weight) );line-height:var(--h2-line-height)}.image-gallery__subheading{color:var(--color-foreground-secondary);margin:0;max-width:var(--image-gallery-subheading-max-width, 500px)}.image-gallery__subheading:not(.text-subheading){font-size:var( --image-gallery-subheading-size-mobile, var(--paragraph-size-mobile) );line-height:var(--paragraph-line-height);font-weight:var( --image-gallery-subheading-font-weight, var(--subheading-font-weight) )}.image-gallery__actions{display:flex;flex-direction:column;align-items:var(--content-align, center);margin-block-start:2rem}.image-gallery__button{margin:0}.image-gallery__empty{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0;text-align:center}.image-gallery__grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--columns-mobile, 1),1fr);list-style:none;margin:0;padding:0}.image-gallery__item{min-width:0}.image-gallery__link{display:block;color:inherit;text-decoration:none}.image-gallery__link:focus-visible{outline:3px solid var(--color-foreground);outline-offset:4px}.image-gallery__media{position:relative;width:100%;overflow:hidden;display:block;border-radius:var(--radius-md, .5rem)}.image-gallery--rounded-full .image-gallery__media{border-radius:50%;overflow:hidden}.image-gallery--rounded-full .image-gallery__image,.image-gallery--rounded-full .image-gallery__placeholder,.image-gallery--rounded-full .image-gallery__placeholder svg{border-radius:50%}.image-gallery__media>.image-gallery__image,.image-gallery__media>.image-gallery__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-gallery__image{object-fit:cover;object-position:center;display:block}.image-gallery--image-shadow-soft .image-gallery__item,.image-gallery--image-shadow-balanced .image-gallery__item,.image-gallery--image-shadow-strong .image-gallery__item{overflow:visible}.image-gallery--image-shadow-soft .image-gallery__media,.image-gallery--image-shadow-balanced .image-gallery__media,.image-gallery--image-shadow-strong .image-gallery__media{overflow:visible;border-radius:var(--radius-md, .5rem)}.image-gallery--image-shadow-soft .image-gallery__media{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow, var(--color-foreground)) 12%,transparent)}.image-gallery--image-shadow-balanced .image-gallery__media{box-shadow:0 1px 8px color-mix(in srgb,var(--color-shadow, var(--color-foreground)) 20%,transparent)}.image-gallery--image-shadow-strong .image-gallery__media{box-shadow:0 2px 12px color-mix(in srgb,var(--color-shadow, var(--color-foreground)) 28%,transparent)}.image-gallery--image-shadow-soft .image-gallery__image,.image-gallery--image-shadow-soft .image-gallery__placeholder,.image-gallery--image-shadow-soft .image-gallery__placeholder svg,.image-gallery--image-shadow-balanced .image-gallery__image,.image-gallery--image-shadow-balanced .image-gallery__placeholder,.image-gallery--image-shadow-balanced .image-gallery__placeholder svg,.image-gallery--image-shadow-strong .image-gallery__image,.image-gallery--image-shadow-strong .image-gallery__placeholder,.image-gallery--image-shadow-strong .image-gallery__placeholder svg{border-radius:inherit}.image-gallery--hover-lift .image-gallery__media{overflow:visible;transition:transform .3s ease,box-shadow .3s ease}.image-gallery--hover-lift .image-gallery__link:hover .image-gallery__media,.image-gallery--hover-lift .image-gallery__item:hover .image-gallery__media{transform:translateY(-.5rem);box-shadow:0 .75rem 1.5rem #00000026}.image-gallery--hover-scale .image-gallery__image{transition:transform .3s ease-out}.image-gallery--hover-scale .image-gallery__link:hover .image-gallery__image,.image-gallery--hover-scale .image-gallery__item:hover .image-gallery__image{transform:scale(1.05)}.image-gallery--hover-tilt .image-gallery__media{transform-style:preserve-3d;transition:transform .15s ease;will-change:transform}.image-gallery__placeholder{display:block;background-color:var(--color-background-secondary, rgba(0, 0, 0, .04))}.image-gallery__placeholder svg{width:100%;height:100%;display:block}@media(max-width:639px){.image-gallery:not(.image-gallery--hs-mobile) .image-gallery__item--hide-mobile{display:none}}@media(min-width:640px){.image-gallery{display:block}}@media(min-width:640px)and (max-width:879px){.image-gallery__overline:not(.text-overline){font-size:var( --image-gallery-overline-size-tablet, var(--overline-size-tablet) )}.image-gallery__heading:not(.text-heading-h2){font-size:var( --image-gallery-heading-size-tablet, var(--h2-size-tablet) )}.image-gallery__subheading:not(.text-subheading){font-size:var( --image-gallery-subheading-size-tablet, var(--paragraph-size-tablet) )}.image-gallery__empty{font-size:var(--paragraph-size-tablet)}.image-gallery__grid{grid-template-columns:repeat(var(--columns-tablet, 2),1fr)}.image-gallery:not(.image-gallery--hs-tablet) .image-gallery__item--hide-tablet{display:none}}@media(min-width:880px){.image-gallery__overline:not(.text-overline){font-size:var( --image-gallery-overline-size-desktop, var(--overline-size-desktop) )}.image-gallery__heading:not(.text-heading-h2){font-size:var( --image-gallery-heading-size-desktop, var(--h2-size-desktop) )}.image-gallery__subheading:not(.text-subheading){font-size:var( --image-gallery-subheading-size-desktop, var(--paragraph-size-desktop) )}.image-gallery__empty{font-size:var(--paragraph-size-desktop)}.image-gallery__grid{grid-template-columns:repeat(var(--columns-desktop, 3),1fr)}.image-gallery:not(.image-gallery--hs-desktop) .image-gallery__item--hide-desktop{display:none}}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .image-gallery--hover-lift .image-gallery__media,html[data-respect-reduced-motion=true] .image-gallery--hover-scale .image-gallery__image,html[data-respect-reduced-motion=true] .image-gallery--hover-tilt .image-gallery__media{transition:none}html[data-respect-reduced-motion=true] .image-gallery--hover-lift .image-gallery__link:hover .image-gallery__media,html[data-respect-reduced-motion=true] .image-gallery--hover-lift .image-gallery__item:hover .image-gallery__media,html[data-respect-reduced-motion=true] .image-gallery--hover-scale .image-gallery__link:hover .image-gallery__image,html[data-respect-reduced-motion=true] .image-gallery--hover-scale .image-gallery__item:hover .image-gallery__image{transform:none;box-shadow:none}}}.image-gallery .hs-scroll.image-gallery__grid{--gap: var(--grid-gap);gap:var(--grid-gap);list-style:none;margin:0;padding:0}.image-gallery .hs-hint{display:none}@media(max-width:639px){.image-gallery--hs-hint-mobile .hs-hint{display:flex;justify-content:center;margin-top:1rem}}@media(min-width:640px)and (max-width:879px){.image-gallery--hs-hint-tablet .hs-hint{display:flex;justify-content:center;margin-top:1rem}}@media(min-width:880px){.image-gallery--hs-hint-desktop .hs-hint{display:flex;justify-content:center;margin-top:1rem}}@media(max-width:639px){.image-gallery--hs-mobile .hs-wrapper{display:grid}.image-gallery--hs-mobile .hs-scroll,.image-gallery--hs-mobile .hs-sr-live{grid-area:1 / 1}.image-gallery--hs-mobile .hs-hint{grid-area:2 / 1}.image-gallery--hs-mobile .hs-scroll.image-gallery__grid{display:flex;flex-wrap:nowrap;grid-template-columns:unset;overflow-x:auto;overflow-y:clip}.image-gallery:not(.image-gallery--hs-mobile) .hs-scroll.image-gallery__grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 1),1fr);overflow:visible}}@media(min-width:640px)and (max-width:879px){.image-gallery--hs-mobile .hs-wrapper{display:block}.image-gallery--hs-mobile .hs-hint,.image-gallery--hs-mobile .hs-sr-live{display:none}.image-gallery--hs-tablet .hs-wrapper{display:grid}.image-gallery--hs-tablet .hs-scroll,.image-gallery--hs-tablet .hs-sr-live{grid-area:1 / 1}.image-gallery--hs-tablet .hs-hint{grid-area:2 / 1}.image-gallery--hs-tablet .hs-scroll.image-gallery__grid{display:flex;flex-wrap:nowrap;grid-template-columns:unset;overflow-x:auto;overflow-y:clip}.image-gallery:not(.image-gallery--hs-tablet) .hs-scroll.image-gallery__grid{display:grid;grid-template-columns:repeat(var(--columns-tablet, 2),1fr);overflow:visible}}@media(min-width:880px){.image-gallery--hs-tablet .hs-wrapper{display:block}.image-gallery--hs-tablet .hs-hint,.image-gallery--hs-tablet .hs-sr-live{display:none}.image-gallery--hs-desktop .hs-wrapper{display:grid}.image-gallery--hs-desktop .hs-scroll,.image-gallery--hs-desktop .hs-sr-live{grid-area:1 / 1}.image-gallery--hs-desktop .hs-hint{grid-area:2 / 1}.image-gallery--hs-desktop .hs-scroll.image-gallery__grid{display:flex;flex-wrap:nowrap;grid-template-columns:unset;overflow-x:auto;overflow-y:clip}.image-gallery:not(.image-gallery--hs-desktop) .hs-scroll.image-gallery__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 3),1fr);overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-image-gallery-styles.css.map */