.image-gallery{display:flex;flex-direction:column;align-items:center}.image-gallery .main-image{position:relative;cursor:pointer;width:100%;max-width:1000px;margin-bottom:16px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.image-gallery .main-image .aspect-ratio-box{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.image-gallery .main-image .aspect-ratio-box img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-gallery .main-image .magnify{position:absolute;right:10px;bottom:10px;font-size:20px;opacity:.6}.image-gallery .thumbnail-container-wrapper{position:relative;width:100%;max-width:800px;display:flex;align-items:center}.image-gallery .thumbnail-container-wrapper .thumbnail-container{display:flex;overflow-x:auto;width:100%;padding-bottom:10px;gap:10px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-gallery .thumbnail-container-wrapper .thumbnail-container .dragging{cursor:grabbing}.image-gallery .thumbnail-container-wrapper .thumbnail-container .thumbnail{display:flex;position:relative;width:100%;padding-bottom:32.119%;overflow:hidden}.image-gallery .thumbnail-container-wrapper .thumbnail-container .thumbnail.current img{border-color:var(--brand-cta)}.image-gallery .thumbnail-container-wrapper .thumbnail-container .thumbnail img{cursor:pointer;flex-shrink:0;max-width:unset!important;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .15s ease-in-out}.image-gallery .thumbnail-container-wrapper .thumbnail-container .thumbnail:hover img{border-color:#9ca3af}.image-gallery .thumbnail-container-wrapper .thumbnail-container::-webkit-scrollbar{height:6px}.image-gallery .thumbnail-container-wrapper .thumbnail-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.image-gallery .thumbnail-container-wrapper .thumbnail-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.image-gallery .thumbnail-container-wrapper .thumbnail-container::-webkit-scrollbar-thumb:hover{background:#555}.image-gallery .thumbnail-container-wrapper .prev-button,.image-gallery .thumbnail-container-wrapper .next-button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fffffff2;color:#374151;border:1px solid #e5e7eb;border-radius:9999px;box-shadow:0 1px 3px #00000026;cursor:pointer;z-index:1}.image-gallery .thumbnail-container-wrapper .prev-button{left:4px}.image-gallery .thumbnail-container-wrapper .next-button{right:4px}.image-gallery .thumbnail-container-wrapper .prev-button:disabled,.image-gallery .thumbnail-container-wrapper .next-button:disabled{opacity:.35;cursor:not-allowed}