.carousel-wrapper{--hidden-left: calc(-1 * (100% + 60px));--hidden-right: calc(100% + 60px)}.carousel-wrapper .carousel{display:flex;align-items:center;gap:18px}.carousel-wrapper .arrow{flex:0;cursor:pointer}.carousel-wrapper.without-arrows .arrow{display:none}.carousel-wrapper .image-container{position:relative;flex:1;overflow:hidden;height:225px}.carousel-wrapper figure[data-numimg="4"]{grid-template-columns:repeat(4, 1fr)}.carousel-wrapper figure[data-numimg="3"]{grid-template-columns:repeat(3, 1fr)}.carousel-wrapper figure[data-numimg="2"]{grid-template-columns:repeat(2, 1fr)}.carousel-wrapper figure[data-numimg="1"]{grid-template-columns:repeat(1, 1fr)}.carousel-wrapper figure{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;will-change:transform;display:none;align-items:center;gap:20px;justify-items:center}.carousel-wrapper figure.showing{display:grid}.carousel-wrapper figure.showing-with-fade{display:grid;animation-name:showwithfade;animation-duration:.5s}@keyframes showwithfade{from{opacity:0}to{opacity:1}}.carousel-wrapper .slide-out-left{animation-name:slideoutleft;animation-duration:.5s}@keyframes slideoutleft{from{transform:translateX(0)}to{transform:translateX(var(--hidden-left))}}.carousel-wrapper .slide-in-left{animation-name:slideinleft;animation-duration:.5s}@keyframes slideinleft{from{transform:translateX(var(--hidden-right))}to{transform:translateX(0)}}.carousel-wrapper .slide-out-right{animation-name:slideoutright;animation-duration:.5s}@keyframes slideoutright{from{transform:translateX(0)}to{transform:translateX(var(--hidden-right))}}.carousel-wrapper .slide-in-right{animation-name:slideinright;animation-duration:.5s}@keyframes slideinright{from{transform:translateX(var(--hidden-left))}to{transform:translateX(0)}}.carousel-wrapper .dots{text-align:center}.carousel-wrapper .dots .dot{background-color:#cecece;width:8px;height:8px;display:inline-block;margin:0 5px;border-radius:5px;cursor:pointer;transition:background-color .5s}.carousel-wrapper .dots .dot.active{background-color:#666}