.gallery-custom{display:flex;flex-direction:column;gap:32px;width:100%;max-width:605px}.gallery-custom__main{position:relative;width:100%;overflow:hidden;background-color:#f9fafb;border-radius:8px}.gallery-custom__main-img{width:100%;height:auto;display:block;transition:opacity .3s ease-in-out}.gallery-custom__main-img.is-changing{opacity:0}.gallery-custom__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.gallery-custom__placeholder svg{width:60%;height:60%;opacity:.3}.gallery-custom__thumbnails{display:grid;grid-template-columns:repeat(4,120px);justify-content:start;gap:16px calc((100% - 480px) / 3);width:100%}.gallery-custom__thumbnail{position:relative;width:120px;height:120px;flex-shrink:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background-color:#f9fafb;cursor:pointer;transition:all .2s ease-in-out;padding:0}.gallery-custom__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.gallery-custom__thumbnail:hover{border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.gallery-custom__thumbnail:active{transform:translateY(0)}.gallery-custom__thumbnail--active{border-color:#000;box-shadow:0 2px 6px #00000026}.gallery-custom__thumbnail--active:hover{border-color:#000}.gallery-custom__thumbnail:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.gallery-custom__thumbnail:focus-visible{outline:2px solid #000;outline-offset:2px}@media screen and (max-width: 989px){.gallery-custom{max-width:100%}.gallery-custom__thumbnails{grid-template-columns:repeat(4,100px)}.gallery-custom__thumbnail{width:100px;height:100px}}@media screen and (max-width: 749px){.gallery-custom{gap:20px}.gallery-custom__main{border-radius:4px}.gallery-custom__thumbnails{display:flex;gap:12px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.gallery-custom__thumbnails::-webkit-scrollbar{height:4px}.gallery-custom__thumbnails::-webkit-scrollbar-track{background:transparent}.gallery-custom__thumbnails::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.gallery-custom__thumbnail{width:80px;height:80px;border-radius:4px;flex-shrink:0}}@media screen and (max-width: 480px){.gallery-custom__thumbnail{width:70px;height:70px}.gallery-custom__thumbnails{gap:8px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-custom__main-img[data-loaded]{animation:fadeIn .3s ease-in-out}@media (prefers-reduced-motion: reduce){.gallery-custom__main-img,.gallery-custom__thumbnail{transition:none}.gallery-custom__thumbnail:hover{transform:none}.gallery-custom__main-img[data-loaded]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-gallery-rebuild.css.map */