@layer components.imageGallery{:host{touch-action:pan-y pinch-zoom;display:block}:host(:focus){outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.gallery-main{width:100%;position:relative}::slotted(e-gallery-item){width:100%;display:none}::slotted(e-gallery-item[data-active]){display:block}.gallery-thumbnails{gap:var(--s-2,.25rem);margin-top:var(--s-1,.5rem);flex-wrap:wrap;display:flex}.gallery-thumbnails[hidden]{display:none}.gallery-thumbnail{border-radius:var(--border-radius,4px);cursor:pointer;opacity:.6;--dynamic-image-border-radius:calc(var(--border-radius,4px) - 2px);background:0 0;border:2px solid #0000;width:60px;height:60px;padding:0;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.gallery-thumbnail:hover{opacity:.9;transform:scale(1.05)}.gallery-thumbnail:focus-visible{outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.gallery-thumbnail.active{opacity:1;border-color:var(--color-primary,#007bff)}.gallery-thumbnail ec-dynamic-image,.gallery-thumbnail img{object-fit:cover;border-radius:calc(var(--border-radius,4px) - 2px);width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.gallery-thumbnail{transition:none}.gallery-thumbnail:hover{transform:none}}}