.images-preview{width:100%;max-width:500px;margin-left:auto;margin-right:auto}.images-preview .main-image-container{background-color:#f8f9fa;border:1px solid #ddd;justify-content:center;align-items:center;height:300px;margin-bottom:1rem;display:flex;box-shadow:0 1px 3px #0000001a}@media (max-width:600px){.images-preview .main-image-container{height:200px}}.images-preview .main-image-container img{object-fit:contain;width:100%;height:100%}.images-preview .thumbnails-container{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.images-preview .thumbnail-image{object-fit:contain;cursor:pointer;border:2px solid #0000;border-radius:.25rem;width:80px;height:80px;transition:transform .2s}.images-preview .thumbnail-image:hover{transform:scale(1.05)}.images-preview .active-thumbnail{border-color:#0d6efd;box-shadow:0 0 8px #0d6efd80}