:root{--white:#fff;--black:#000;--pink:#ff8189;--eggshell:#f7f5f2;--scarlett:#971533;--brightred:#ee3a45;--limegreen:#72d64c;--orange:#ff5200;--yellow:#f7be00;--grey:#aca199;--purple:#9578d3;--darkblue:#192d4d;--blue:#0099a8;--darkgreen:#006548;--green:#aac27f;--postit-red:#ffd3d4;--postit-orange:#ffe4d1;--postit-green:#dbf3db;--postit-purple:#e2e3ff}@media screen and (max-width:989px){.image-gallery-section .page-width{padding-right:0;padding-left:20px}}@media screen and (max-width:989px){.image-gallery-section .page-width--stack-on-mobile{padding:20px}}.image-gallery-section .image-gallery--container{display:flex;flex-wrap:wrap;gap:20px}@media screen and (max-width:989px){.image-gallery-section .image-gallery--container{flex-wrap:nowrap;overflow-x:scroll}}@media screen and (max-width:768px){.image-gallery-section .image-gallery--container{scroll-snap-type:x mandatory}}.image-gallery-section .image-container{position:relative;height:0}@media screen and (max-width:989px){.image-gallery-section .image-container:last-of-type{margin-right:20px}}@media screen and (max-width:768px){.image-gallery-section .image-container{scroll-snap-align:start}}.image-gallery-section .image-container__layout_1{flex-basis:100%;padding-bottom:calc(40% - 10px)}.image-gallery-section .image-container__layout_2{flex-basis:calc(50% - 10px);padding-bottom:calc(40% - 10px)}.image-gallery-section .image-container__layout_3{flex-basis:calc(33.3333% - 20px);padding-bottom:calc(33.3333% - 10px)}.image-gallery-section .image-container__layout_4{flex-basis:calc(25% - 15px);padding-bottom:calc(25% - 10px)}@media screen and (max-width:989px){.image-gallery-section .image-container__layout_1,.image-gallery-section .image-container__layout_2,.image-gallery-section .image-container__layout_3,.image-gallery-section .image-container__layout_4{flex:0 0 40%;padding-bottom:40%}}@media screen and (max-width:768px){.image-gallery-section .image-container__layout_1,.image-gallery-section .image-container__layout_2,.image-gallery-section .image-container__layout_3,.image-gallery-section .image-container__layout_4{flex:0 0 50%;padding-bottom:50%}}@media screen and (max-width:480px){.image-gallery-section .image-container__layout_1,.image-gallery-section .image-container__layout_2,.image-gallery-section .image-container__layout_3,.image-gallery-section .image-container__layout_4{flex:0 0 65%;padding-bottom:65%}}.image-gallery-section .image-container .button{border:1px solid #000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:-moz-max-content;width:max-content;max-width:90%;text-align:center}@media screen and (max-width:989px){.image-gallery-section .image-gallery--container--stack-on-mobile{flex-wrap:wrap;overflow-x:scroll}}@media screen and (max-width:768px){.image-gallery-section .image-gallery--container--stack-on-mobile{scroll-snap-type:none}}@media screen and (max-width:989px){.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_1,.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_2,.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_3,.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_4{flex-basis:calc(50% - 10px);padding-bottom:calc(50% - 10px)}}@media screen and (max-width:768px){.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_1,.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_2,.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_3,.image-gallery-section .image-gallery--container--stack-on-mobile .image-container__layout_4{flex:0 0 100%;padding-bottom:100%}}@media screen and (max-width:989px){.image-gallery-section .image-gallery--container--stack-on-mobile .image-container:last-of-type{margin-right:0}}@media screen and (max-width:768px){.image-gallery-section .image-gallery--container--stack-on-mobile .image-container:last-of-type{margin-right:20px}}.image-gallery-section img.gallery-image{width:100%;height:auto;position:absolute;height:100%;-o-object-fit:cover;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-image-gallery.css.map */