.stickin-pdp .gallery-column.has-visual-gallery{display:flex;flex-direction:column;align-self:start;gap:10px;min-width:0;min-height:0;height:auto;position:static;grid-template-rows:none}.svg-gallery{--vg-blue:#244ee8;--vg-ink:#0d1424;display:block;min-width:0;min-height:0;height:auto;margin:0;color:var(--vg-ink);font-family:inherit}.svg-gallery [hidden]{display:none!important}.svg-stage{position:relative;width:100%;height:auto;aspect-ratio:1;min-height:0;overflow:hidden;border:1px solid #e0e3ea;border-radius:16px;background:#f5f3ed;touch-action:pan-y pinch-zoom}.stickin-pdp .svg-main{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:contain}.svg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;margin:0;container-type:inline-size;pointer-events:none}.svg-panel{pointer-events:auto}.svg-gallery button{font-family:inherit;cursor:pointer}.svg-gallery button:focus-visible{outline:3px solid var(--vg-blue);outline-offset:2px}.svg-gallery .svg-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in;-webkit-appearance:none;appearance:none}.svg-gallery .svg-photo:focus-visible{outline:3px solid var(--vg-blue);outline-offset:-4px}.svg-controls{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;margin-top:8px}.svg-gallery .svg-step{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:transparent;border-radius:6px;color:var(--vg-ink)}.svg-step:hover{background:#e9eefb}.svg-step svg{width:18px;height:18px}.svg-thumbs{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.svg-thumbs::-webkit-scrollbar{display:none}.svg-thumb{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-width:86px;height:44px;padding:4px 9px 4px 4px;border:1px solid #d8dee8;border-radius:8px;background:#ffffffd9;color:#596275;scroll-snap-align:center}.svg-thumb[aria-pressed=true]{border-color:var(--vg-blue);box-shadow:inset 0 0 0 1px var(--vg-blue);background:#edf2ff;color:var(--vg-blue)}.svg-thumb img,.svg-thumb-art{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:4px;object-fit:contain;background:#f5f3ed}.svg-thumb>span:last-child{display:block;font-size:11px;font-weight:750;line-height:1.2;white-space:nowrap}.svg-thumb-art{display:grid;place-items:center;background:var(--vg-blue);color:#dfff55;font-size:20px;font-weight:800}.svg-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.svg-lightbox:not([open]){display:none}.svg-lightbox{padding:54px 12px 12px;border:0;border-radius:16px;max-width:min(96vw,1100px);max-height:94dvh;background:#fff}.svg-lightbox::backdrop{background:#060d20cc}.svg-lightbox>button{position:absolute;right:14px;top:10px;min-height:36px;padding:8px 14px;border:0;border-radius:24px;background:#edf2ff;color:var(--vg-ink);font-size:14px}.svg-lightbox>img{display:block;max-height:calc(94dvh - 80px);width:auto;max-width:100%;height:auto;object-fit:contain;margin:auto}.stickin-pdp .has-visual-gallery .gallery-testimonial{flex:none;margin:0}.stickin-pdp .details-image[data-shared-packaging-image]{align-self:start;display:block;min-height:0;height:auto;aspect-ratio:auto;overflow:hidden;background:#f5f3ed}.stickin-pdp .details-image[data-shared-packaging-image] img{position:static;display:block;width:100%;height:auto;max-height:none;margin:0;object-fit:contain}.stickin-pdp .details-image[data-shared-packaging-image]>span{position:static;display:block;width:fit-content;max-width:calc(100% - 24px);margin:12px;padding:7px 10px;font-size:12px;line-height:1.4}.stickin-pdp .has-example-caption{display:grid;grid-template-rows:minmax(0,1fr) auto}.stickin-pdp .has-example-caption img{height:100%;min-height:0}.stickin-pdp .design-example-caption{display:block;padding:10px 12px;background:#fff;font-size:13px;font-weight:700;line-height:1.3}@media(min-width:841px){.stickin-pdp .hero:has(.has-visual-gallery){max-width:1248px;grid-template-columns:minmax(0,1fr) minmax(430px,1.1fr);gap:24px;padding-left:24px;padding-right:24px}.stickin-pdp:has(.has-visual-gallery){overflow:clip}.stickin-pdp .gallery-column.has-visual-gallery{position:sticky;top:16px;width:100%;max-width:none;justify-self:stretch}}@media(max-width:840px){.stickin-pdp .hero{--hero-stack-gap:16px}.stickin-pdp .gallery-column.has-visual-gallery{display:contents}.stickin-pdp .has-visual-gallery .svg-gallery{order:2;width:100%;margin:0}.stickin-pdp .purchase-card{margin-top:0}.stickin-pdp .has-visual-gallery .gallery-testimonial{order:5;margin:0}.svg-stage{border-radius:14px}}@media(prefers-reduced-motion:reduce){.svg-thumbs{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/stickin-visual-gallery.css.map */