.vg-gallery{position:relative;display:block;--vg-gallery-peek: 10.5%;--vg-thumb-size: 52px}.vg-gallery-badge{position:absolute;top:.75rem;right:calc(var(--vg-gallery-peek) + .75rem);z-index:2;width:72px;height:auto;pointer-events:none}.vg-gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.vg-gallery-track::-webkit-scrollbar{display:none}.vg-gallery-slide{position:relative;flex:0 0 calc(100% - var(--vg-gallery-peek));scroll-snap-align:start;scroll-snap-stop:always}.vg-gallery-slide .product-media-container.media-fit-contain .product-media img{object-fit:contain}.vg-gallery-counter{position:absolute;right:calc(var(--vg-gallery-peek) + .75rem);bottom:calc(var(--vg-thumb-size) + 1.25rem);z-index:2;display:inline-flex;align-items:center;gap:.15em;padding:.25rem .625rem;border-radius:999px;background:#0000008c;color:#fff;font-family:var(--font-body-family),sans-serif;font-size:.75rem;font-weight:500;line-height:1;pointer-events:none}.vg-gallery-thumbs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin-top:.625rem}.vg-gallery-thumbs::-webkit-scrollbar{display:none}.vg-gallery-thumbs-track{display:flex;gap:.5rem;width:max-content}.vg-gallery-thumb{position:relative;flex:0 0 var(--vg-thumb-size);width:var(--vg-thumb-size);height:var(--vg-thumb-size);padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;scroll-snap-align:start}.vg-gallery-thumb.is-active{border-color:#c10230}.vg-gallery-thumb-image{display:block;width:100%;height:100%;object-fit:cover}.vg-gallery-thumb-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0;padding:.25rem;border-radius:4px;background:#ffffffd9;color:#0009;pointer-events:none}.vg-gallery-placeholder{width:100%}@media(min-width:750px){.vg-gallery{--vg-gallery-peek: 4%;--vg-thumb-size: 96px}.vg-gallery-badge{top:1rem;right:calc(var(--vg-gallery-peek) + 1rem);width:88px}.vg-gallery-counter{bottom:calc(var(--vg-thumb-size) + 1.5rem)}.vg-gallery-thumbs{margin-top:.75rem}}.vg-gallery-slide--variant:not(.is-current-variant-media){display:none}.vg-gallery-thumb--variant:not(.vg-thumb--current-variant){display:none}@media screen and (min-width:750px){.vg-gallery-slide .media{padding-bottom:0!important;aspect-ratio:1 / 1;height:auto;max-height:calc(100vh - 320px);width:auto;max-width:100%;margin-inline:auto}}@media screen and (min-width:750px){.vg-gallery--grid .vg-gallery-track{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;overflow:visible;scroll-snap-type:none}.vg-gallery--grid .vg-gallery-slide{flex:none;width:auto;scroll-snap-align:none}.vg-gallery--grid .vg-gallery-slide .media{max-height:none;width:100%}.vg-gallery--grid .vg-gallery-thumbs,.vg-gallery--grid .vg-gallery-rail,.vg-gallery--grid .vg-gallery-counter{display:none}}@media screen and (min-width:750px){.vg-gallery-badge{right:calc(52% - (min(96%,(100vh - 320px))/2) + .75rem)}}.vg-gallery-rail{display:contents}.vg-gallery-thumbs-arrow{display:none}@media screen and (min-width:750px){.vg-gallery{--vg-gallery-peek: 0%;--vg-hero-cap: calc(100vh - 240px) ;--vg-thumb-size: 72px;display:grid;grid-template-columns:calc(var(--vg-thumb-size) + 4px) minmax(0,1fr);grid-template-areas:"rail hero";column-gap:1rem;align-items:start}.vg-gallery-track{grid-area:hero;margin:0}.vg-gallery-slide .media{max-height:var(--vg-hero-cap)}.vg-gallery-counter{grid-area:hero;justify-self:end;align-self:end;position:relative;margin:0 calc((100% - min(100%,var(--vg-hero-cap)))/2 + .75rem) .75rem 0;z-index:2}.vg-gallery-badge{position:relative;inset:auto;grid-area:hero;justify-self:end;align-self:start;z-index:2;margin:.75rem calc((100% - min(100%,var(--vg-hero-cap)))/2 + .75rem) 0 0}.vg-gallery-rail{display:flex;flex-direction:column;grid-area:rail;max-height:var(--vg-hero-cap);min-height:0}.vg-gallery-thumbs{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;margin-top:0;max-height:min(calc(var(--vg-hero-cap) - 7rem),calc(5 * (var(--vg-thumb-size) + .5rem)))}.vg-gallery-thumbs-track{flex-direction:column;width:auto;height:max-content}.vg-gallery-thumb{width:var(--vg-thumb-size);height:var(--vg-thumb-size);flex:0 0 var(--vg-thumb-size)}.vg-gallery-thumbs-arrow{display:flex;align-items:center;justify-content:center;width:var(--vg-thumb-size);height:24px;flex:0 0 24px;background:transparent;border:0;cursor:pointer;color:currentColor;opacity:.7}.vg-gallery-thumbs-arrow:hover{opacity:1}.vg-gallery-thumbs-arrow svg{width:14px;height:14px}.vg-gallery-thumbs-arrow--up svg{transform:rotate(180deg)}.vg-gallery-counter{position:relative;inset:auto;align-self:center;flex:0 0 auto;margin:0;padding:.5rem 0 0;background:none;color:inherit;opacity:.7}}@media screen and (max-width:749px){.vg-pro-product .vg-gallery{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}.vg-gallery-track{gap:6px;padding-left:6px;scroll-padding-left:6px}.vg-gallery-slide{flex:0 0 calc(100% - var(--vg-gallery-peek) - 12px)}.vg-gallery-rail{display:flex;align-items:center;gap:.25rem;padding-inline:6px}.vg-gallery-thumbs{flex:1 1 auto;min-width:0}.vg-gallery-thumbs-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:var(--vg-thumb-size);margin-top:.625rem;padding:0;background:transparent;border:0;color:currentColor;opacity:.6;cursor:pointer}.vg-gallery-thumbs-arrow svg{width:12px;height:12px}.vg-gallery-thumbs-arrow--up svg{transform:rotate(90deg)}.vg-gallery-thumbs-arrow--down svg{transform:rotate(-90deg)}.vg-gallery-counter{right:calc(var(--vg-gallery-peek) + 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/vg-pro-gallery.css.map */