@media screen and (min-width:750px){html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery media-gallery.media-gallery--carousel>slideshow-component:has(>slideshow-controls[thumbnails][pagination-position=left]){display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-template-areas:"controls container"!important;column-gap:24px!important;row-gap:0!important;align-items:start!important;width:100%!important;min-width:0!important;max-width:100%!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery media-gallery.media-gallery--carousel>slideshow-component>slideshow-container{grid-area:container!important;grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;overflow:hidden!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery media-gallery.media-gallery--carousel>slideshow-component>slideshow-controls[thumbnails][pagination-position=left]{--thumbnail-width: 96px;grid-area:controls!important;grid-column:1!important;grid-row:1!important;display:block!important;box-sizing:border-box!important;position:relative!important;inset:auto!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;align-self:start!important;overflow:visible!important;flex:none!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery slideshow-controls[thumbnails][pagination-position=left]>scroll-hint.slideshow-controls__thumbnails-container{display:block!important;box-sizing:border-box!important;position:static!important;inset:auto!important;top:auto!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;flex:0 0 96px!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery scroll-hint.slideshow-controls__thumbnails-container>.slideshow-controls__thumbnails{display:flex!important;box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:16px!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery .slideshow-controls__thumbnails>button.slideshow-controls__thumbnail{display:block!important;box-sizing:border-box!important;inline-size:96px!important;min-inline-size:96px!important;max-inline-size:96px!important;block-size:120px!important;min-block-size:120px!important;max-block-size:120px!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:120px!important;min-height:120px!important;max-height:120px!important;flex:0 0 120px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:8px!important;background:#fff!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery .slideshow-controls__thumbnail>img{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:6px!important;object-fit:contain!important;object-position:center!important;background:#fff!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery slideshow-slides{width:100%!important;min-width:0!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery slideshow-slide{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4 / 5!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery slideshow-slide :is(.product-media-constraint-wrapper,.product-media-container,.product-media,.product-media__drag-zoom-wrapper){width:100%!important;max-width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important}html body:has(#MainContent .variant-option--johar-size) #MainContent .johar-product-media-gallery slideshow-slide :is(.product-media img,.product-media__image,.deferred-media__poster-image){display:block!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/johar-size-gallery-fix.css.map */