.gallery{--slides-height:700px;padding:0 40px;position:relative}.gallery__slides-wrap{overflow:hidden}.gallery__slides{--slide-index:0;align-items:flex-start;display:flex;transform:translateX(calc(-100%*var(--slide-index)));transition:transform .3s linear;width:100%}.gallery__slide{flex:0 0 auto;height:var(--slides-height);position:relative;transform:scale(.5);transition:transform .3s ease-in-out;width:100%}.gallery__slide--active{transform:scale(1)}.gallery__slide-img{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.gallery__nav{align-items:center;cursor:pointer;display:flex;height:var(--slides-height);position:absolute;top:0;width:50%;z-index:2}.gallery__nav--disabled{display:none}.gallery__nav--prev{justify-content:flex-start;left:0}.gallery__nav--next{justify-content:flex-end;right:0}.gallery__nav path{fill:transparent;stroke:#d9d9d9;transition:var(--hover-transition);transition-property:fill,stroke,border-color}.gallery__nav:hover path{fill:var(--brand-color);stroke:var(--brand-color)}.gallery__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0 -10px}.gallery__page{background:var(--light-color);border:1px solid #d9d9d9;border-radius:50%;cursor:pointer;flex:0 0 auto;height:10px;margin:10px 0 0 10px;transition:var(--hover-transition);transition-property:background-color,border-color;width:10px}.gallery__page--active,.gallery__page:hover{background-color:var(--brand-color);border-color:var(--brand-color)}