.media-gallery{display:flex;flex-direction:column;gap:1.5rem;width:100%}.media-gallery__main{width:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;overflow:hidden;aspect-ratio:1;min-height:400px}@media (max-width: 750px){.media-gallery__main{width:100vw;margin-left:calc(-50vw + 50%);border-radius:0}}.media-gallery__viewport{width:100%;height:100%;position:relative}.media-gallery__item{width:100%;height:100%;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.media-gallery__item--active{display:flex;opacity:1}.media-gallery__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.media-gallery__thumbnails-wrapper{display:flex;align-items:center;gap:1rem;justify-content:center;width:100%}.media-gallery__arrow{background:transparent;border:1px solid #d0d0d0;border-radius:50%;width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#333;transition:all .2s ease;flex-shrink:0}.media-gallery__arrow:hover{background:#f0f0f0;border-color:#999;color:#000}.media-gallery__arrow:active{transform:scale(.95)}.media-gallery__arrow svg{width:20px;height:20px;display:block}.media-gallery__thumbnails{display:flex;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;padding:.25rem 0;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.media-gallery__thumbnails::-webkit-scrollbar{display:none}.media-gallery__thumbnail{flex:0 0 auto;width:80px;height:80px;min-width:80px;border:2px solid transparent;border-radius:6px;padding:0;background:#f5f5f5;cursor:pointer;transition:all .2s ease;overflow:hidden}.media-gallery__thumbnail img{width:100%;height:100%;object-fit:cover}.media-gallery__thumbnail:hover{border-color:#ccc}.media-gallery__thumbnail--active{border-color:#333;box-shadow:0 2px 8px #00000026}@media (max-width: 750px){.media-gallery{gap:1rem}.media-gallery__main{min-height:300px;aspect-ratio:1}.media-gallery__arrow{width:36px;height:36px;min-width:36px}.media-gallery__arrow svg{width:18px;height:18px}.media-gallery__thumbnail{width:70px;height:70px;min-width:70px}.media-gallery__thumbnails-wrapper{gap:.75rem}}@media (max-width: 480px){.media-gallery{gap:.75rem}.media-gallery__main{min-height:250px;border-radius:4px}.media-gallery__arrow{width:32px;height:32px;min-width:32px}.media-gallery__arrow svg{width:16px;height:16px}.media-gallery__thumbnail{width:60px;height:60px;min-width:60px}.media-gallery__thumbnail{border-width:1px}}prod{}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-media-gallery.css.map */