@media screen and (min-width:990px){media-gallery{display:grid!important;grid-template-columns:72px 1fr;grid-template-rows:auto;align-items:stretch;gap:14px;width:100%}media-gallery .thumbnail-slider{grid-column:1;grid-row:1;position:relative;width:72px!important;max-width:72px!important;margin:0!important;padding:0!important;min-height:0;align-self:stretch}media-gallery .thumbnail-slider .thumbnail-list{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:0!important}media-gallery .thumbnail-slider .thumbnail-list::-webkit-scrollbar{display:none;width:0}media-gallery .thumbnail-slider::-webkit-scrollbar{display:none;width:0;height:0}media-gallery>slider-component#GalleryViewer-template--product,media-gallery>slider-component[id^=GalleryViewer-]{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:100%}media-gallery .product__media-item{max-height:640px}media-gallery .product__media-item .media,media-gallery .product__media-item .media>img,media-gallery .product__media-item .media>video,media-gallery .product__media-item .media>model-viewer,media-gallery .product__media-item .media>iframe{max-height:640px;object-fit:contain;background:transparent}media-gallery .thumbnail-list{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;margin:0!important;list-style:none;min-height:100%;max-height:none;overflow:visible}media-gallery .thumbnail-list__item,media-gallery .thumbnail-list .slider__slide,media-gallery .thumbnail-list__item.slider__slide{width:72px!important;max-width:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important;flex:0 0 72px!important;margin:0!important;padding:0!important;scroll-snap-align:unset;display:block!important;aspect-ratio:auto!important}media-gallery .thumbnail-list .thumbnail{position:absolute!important;right:0!important;bottom:0!important;top:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:1 / 1;padding:2px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;cursor:pointer}media-gallery .thumbnail-list .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}media-gallery .thumbnail-list .thumbnail:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}media-gallery .thumbnail-list .thumbnail[aria-current=true],media-gallery .thumbnail-list .thumbnail.is-active{border:2px solid var(--fisho-cta, #ff8c42);padding:1px;box-shadow:0 0 0 1px #ff8c4226}media-gallery .thumbnail-slider>.slider-button{display:none!important}media-gallery .product__media-list{background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important}media-gallery .product__media-item{width:100%!important;max-width:100%}media-gallery>slider-component[id^=GalleryViewer-] .slider-buttons{margin-top:.75rem}}@media screen and (min-width:1200px){media-gallery{gap:16px;grid-template-columns:80px 1fr}media-gallery .thumbnail-slider{width:80px!important;max-width:80px!important}media-gallery .product__media-item,media-gallery .product__media-item .media,media-gallery .product__media-item .media>img,media-gallery .product__media-item .media>video{max-height:720px}media-gallery .thumbnail-list__item,media-gallery .thumbnail-list .slider__slide,media-gallery .thumbnail-list__item.slider__slide{width:80px!important;max-width:80px!important;height:80px!important;min-height:80px!important;max-height:80px!important;flex:0 0 80px!important}media-gallery .thumbnail-list .thumbnail{width:100%!important;height:100%!important}media-gallery .product__media-list{padding:2rem}}@media screen and (max-width:989px){media-gallery .thumbnail-list .thumbnail[aria-current=true],media-gallery .thumbnail-list .thumbnail.is-active{border:2px solid var(--fisho-cta, #ff8c42);box-shadow:0 0 0 1px #ff8c4226}}@media(prefers-reduced-motion:reduce){media-gallery .thumbnail-list .thumbnail,media-gallery .thumbnail-list .thumbnail:hover{transition:none!important;transform:none!important}}@media screen and (min-width:990px){media-gallery .thumbnail-list__item{position:relative!important}media-gallery .thumbnail-list__item .thumbnail__badge{position:absolute!important;z-index:3!important;pointer-events:none!important;inset:auto 6px 6px auto!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#1a1a2e!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:6px!important;box-shadow:0 2px 6px #0f172a59!important}media-gallery .thumbnail-list__item .thumbnail__badge .svg-wrapper{width:12px!important;height:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:0!important}media-gallery .thumbnail-list__item .thumbnail__badge svg,media-gallery .thumbnail-list__item .thumbnail__badge .icon,media-gallery .thumbnail-list__item .thumbnail__badge .icon-play{width:12px!important;height:12px!important;fill:#fff!important;color:#fff!important;display:block!important}media-gallery .thumbnail-list__item:has(.thumbnail[aria-current=true]) .thumbnail__badge,media-gallery .thumbnail-list__item:has(.thumbnail.is-active) .thumbnail__badge{background:var(--fisho-cta, #FF8C42)!important;border-color:#fff!important}media-gallery .thumbnail-list__item:has(.thumbnail[aria-current=true]) .thumbnail__badge svg,media-gallery .thumbnail-list__item:has(.thumbnail[aria-current=true]) .thumbnail__badge .icon,media-gallery .thumbnail-list__item:has(.thumbnail.is-active) .thumbnail__badge svg,media-gallery .thumbnail-list__item:has(.thumbnail.is-active) .thumbnail__badge .icon{fill:#fff!important;color:#fff!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/fisho-gallery.css.map */