.image-gallery{--image-gallery-gap: 16px;--image-gallery-shadow: 0 4px 12px 0 rgba( 0, 0, 0, 0.12 );display:block}.image-gallery__strip{position:relative}.image-gallery__list{display:flex;gap:var(--image-gallery-gap);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;list-style:none;padding:0;margin:0}.image-gallery__list::-webkit-scrollbar{display:none}.image-gallery__item{flex:0 0 100%;scroll-snap-align:start;position:relative;overflow:hidden;border-radius:var(--border-radius-medium);aspect-ratio:3/2;background-color:var(--color-gray-500)}@media screen and (min-width: 576px){.image-gallery__item{flex:0 0 45%;aspect-ratio:4/3}}@media screen and (min-width: 1024px){.image-gallery__item{flex:0 0 30%}}.image-gallery__trigger{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;background:rgba(0,0,0,0);cursor:pointer}.image-gallery__img{display:block;width:100%;height:100%;object-fit:cover}.image-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;background-color:var(--color-white);box-shadow:var(--image-gallery-shadow);color:var(--color-navy);cursor:pointer;z-index:1;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.image-gallery__arrow svg{width:8px;margin-left:2px}@media(hover: hover){.image-gallery__arrow:hover{background-color:var(--color-pale-blue)}}.image-gallery__arrow:disabled{opacity:.4;cursor:not-allowed}@media(hover: hover){.image-gallery__arrow:disabled:hover{background-color:var(--color-white)}}.image-gallery__arrow--prev{left:12px;transform:translateY(-50%) rotate(180deg)}.image-gallery__arrow--next{right:12px}