.image-carousel-container{max-height:500px;max-width:450px;width:100%;height:100%;position:relative;align-items:center}@media (max-width:768px){.image-carousel-container{max-height:300px;max-width:100%}}.image-carousel-container>div:not(.image-carousel-indicators):not(.image-carousel-arrow){display:flex;justify-content:center;align-items:center;width:100%;opacity:0;position:absolute;pointer-events:none}.image-carousel-container>div:not(.image-carousel-indicators):not(.image-carousel-arrow).active{opacity:1;position:relative;pointer-events:auto}.image-carousel-container img{display:block;margin:0 auto;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-carousel-indicators{display:flex;align-items:center;justify-content:center;gap:var(--2,8px);padding:16px 8px}@media (max-width:768px){.image-carousel-indicators{padding:12px 4px;gap:4px}}.indicator{padding:0;width:32px;height:4px;border:none;cursor:pointer;transition:background-color .3s ease-in-out}@media (max-width:768px){.indicator{width:24px;height:3px}}.indicator.active{background-color:var(--primary-main)}.image-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease-in-out;z-index:10;padding:0}@media (max-width:768px){.image-carousel-arrow{width:32px;height:32px}}.image-carousel-arrow:hover{background:var(--bg-transparent)}.image-carousel-arrow-left{left:-4px}@media (max-width:768px){.image-carousel-arrow-left{left:4px}}.image-carousel-arrow-right{right:-4px}@media (max-width:768px){.image-carousel-arrow-right{right:4px}}.image-carousel-container:hover .image-carousel-arrow{opacity:1}@media (max-width:768px){.image-carousel-container:hover .image-carousel-arrow{opacity:.8}}