.ImageSlideComponent{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.ImageSlideComponent{max-width:576px}}@media (min-width:768px){.ImageSlideComponent{max-width:768px}}@media (min-width:992px){.ImageSlideComponent{max-width:992px}}@media (min-width:1200px){.ImageSlideComponent{max-width:1200px}}@media (min-width:1400px){.ImageSlideComponent{max-width:1400px}}.ImageSlideComponent{display:grid;gap:3rem;justify-content:center}.ImageSlideComponent .image-splide{max-width:var(--max-width);position:relative}.ImageSlideComponent .image-splide .splide__track .splide__list .splide__slide img{border-radius:.5rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.ImageSlideComponent .image-splide .splide__arrows{--tw-translate-x:-50%;--tw-translate-y:-50%;display:flex;flex-direction:row;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:calc(100% + 6rem)}.ImageSlideComponent .image-splide .splide__arrows .splide__arrow{--tw-text-opacity:1;color:rgb(112 86 66/var(--tw-text-opacity));transition:.2s;width:3rem}.ImageSlideComponent .image-splide .splide__arrows .splide__arrow i{font-size:40px}.ImageSlideComponent .image-splide .splide__arrows .splide__arrow:hover{--tw-text-opacity:1;color:rgb(208 189 175/var(--tw-text-opacity))}.ImageSlideComponent .image-splide .splide__pagination{display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin-top:.5rem;width:100%}.ImageSlideComponent .image-splide .splide__pagination li .splide__pagination__page{--tw-bg-opacity:1;aspect-ratio:1/1;background-color:rgb(208 189 175/var(--tw-bg-opacity));border-radius:50%;width:.75rem}.ImageSlideComponent .image-splide .splide__pagination li .splide__pagination__page.is-active{--tw-bg-opacity:1;background-color:rgb(112 86 66/var(--tw-bg-opacity))}.ImageSlideComponent .the_content{margin-left:auto;margin-right:auto;max-width:var(--max-width)}.ImageSlideComponent:has(.the_content):has(.image-splide){grid-template-columns:repeat(2,minmax(0,1fr))}
