.variant-media-gallery{width:100%;opacity:0;transition:opacity .3s ease-in-out}.variant-media-gallery[style*="display: block"]{opacity:1}.variant-media-gallery .product__media-list{display:flex;gap:1.2rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c9a876 #f3f3f3}.variant-media-gallery .product__media-list::-webkit-scrollbar{height:.4rem}.variant-media-gallery .product__media-list::-webkit-scrollbar-track{background:#f3f3f3;border-radius:.2rem}.variant-media-gallery .product__media-list::-webkit-scrollbar-thumb{background:#c9a876;border-radius:.2rem;transition:background .2s ease}.variant-media-gallery .product__media-list::-webkit-scrollbar-thumb:hover{background:#967b52}.variant-media-gallery .product__media-item{flex-shrink:0;opacity:.7;transition:opacity .3s ease,transform .3s ease}.variant-media-gallery .product__media-item.is-active{opacity:1}.variant-media-gallery .product__media-item:hover{opacity:1;transform:translateY(-.2rem)}.variant-media-gallery .thumbnail-list{display:flex;gap:.8rem;margin-top:1.2rem;padding:0;list-style:none;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.variant-media-gallery .thumbnail-list__item{flex-shrink:0;position:relative}.variant-media-gallery .thumbnail{display:block;width:7rem;height:7rem;padding:0;border:.2rem solid transparent;border-radius:.8rem;background:#fff;cursor:pointer;overflow:hidden;transition:all .3s ease;position:relative}.variant-media-gallery .thumbnail:hover{border-color:#c9a876;box-shadow:0 .4rem 1.2rem #c9a87633;transform:translateY(-.2rem)}.variant-media-gallery .thumbnail[aria-current=true]{border-color:#c9a876;box-shadow:0 .4rem 1.2rem #c9a8764d}.variant-media-gallery .thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.variant-media-gallery .thumbnail:hover img{transform:scale(1.05)}.variant-media-gallery .thumbnail__badge{position:absolute;bottom:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#121212cc;border-radius:50%;z-index:1}.variant-media-gallery .thumbnail__badge .svg-wrapper{width:1.2rem;height:1.2rem;color:#fff}.product__media-wrapper{position:relative;min-height:40rem}variant-media-switcher{display:block;width:100%}variant-media-switcher>*{transition:opacity .3s ease-in-out}.variant-media-gallery.is-loading{pointer-events:none;opacity:.5}.variant-media-gallery.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:.3rem solid #f3f3f3;border-top-color:#c9a876;border-radius:50%;animation:variant-gallery-spin 1s linear infinite}@keyframes variant-gallery-spin{to{transform:rotate(360deg)}}@media screen and (max-width: 749px){.variant-media-gallery .thumbnail{width:5rem;height:5rem}.variant-media-gallery .thumbnail-list{gap:.6rem;margin-top:1rem}.product__media-wrapper{min-height:30rem}}@media screen and (min-width: 750px) and (max-width: 989px){.variant-media-gallery .thumbnail{width:6rem;height:6rem}}.variant-media-gallery .thumbnail:focus{outline:.2rem solid #c9a876;outline-offset:.3rem;border-color:#c9a876}.variant-media-gallery .thumbnail:focus:not(:focus-visible){outline:none}.variant-media-gallery .thumbnail:focus-visible{outline:.2rem solid #c9a876;outline-offset:.3rem}@media (prefers-reduced-motion: reduce){.variant-media-gallery,.variant-media-gallery .product__media-item,.variant-media-gallery .thumbnail,.variant-media-gallery .thumbnail img,variant-media-switcher>*{transition:none}.variant-media-gallery .product__media-list,.variant-media-gallery .thumbnail-list{scroll-behavior:auto}.variant-media-gallery .product__media-item:hover,.variant-media-gallery .thumbnail:hover,.variant-media-gallery .thumbnail:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-variant-media-gallery.css.map */