image-gallery{box-sizing:border-box;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr 20%;max-height:90vh;position:relative}image-gallery>*{height:80vh;max-height:inherit;max-width:100%;-o-object-fit:contain;object-fit:contain}image-gallery *{box-sizing:border-box}image-gallery::part(left){background-color:transparent;border:none;box-sizing:border-box;cursor:pointer;font:var(--fa-font-solid);font-size:2rem;grid-column:1;grid-row:1/span 3;margin:10px;outline:none;place-self:center}image-gallery::part(left):after{content:"\f137"}image-gallery::part(right){background-color:transparent;border:none;box-sizing:border-box;cursor:pointer;font:var(--fa-font-solid);font-size:2rem;grid-column:3;grid-row:1/span 3;margin:10px;outline:none;place-self:center}image-gallery::part(right):after{content:"\f138"}image-gallery::part(canvas){align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;grid-column:2;grid-row:2;justify-content:start;justify-items:start;overflow-x:auto;overflow-y:hidden;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}image-gallery::part(container){box-sizing:border-box;display:contents;max-height:100%;max-width:100%;overflow:hidden;text-align:center}image-gallery::part(child){box-sizing:border-box;display:flex;grid-row:1;justify-content:center;min-height:100%;min-width:100%;padding:10px;scroll-snap-align:center;scroll-snap-stop:always}image-gallery::part(indicator){align-items:stretch;background-color:transparent;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;grid-column:2;grid-row:3;justify-content:start;justify-items:start;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}image-gallery::part(thumbnail){background-color:transparent;border:5px solid transparent;box-sizing:border-box;cursor:pointer;grid-row:1}image-gallery::part(active){background-color:var(--accent-color,gray);border-color:var(--accent-color,gray)}image-gallery::part(thumbnail-image){box-sizing:border-box;max-height:150px;text-align:center}
/*# sourceMappingURL=ImageGallery.css.map */