.vb-gallery,.vb-variant-picker{display:block;color:var(--ink,#18203b)}.vb-gallery [hidden],.vb-variant-picker[hidden],.vb-gallery-enabled .pdp-v3__options[hidden]{display:none!important}.vb-gallery button,.vb-variant-picker button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.vb-gallery svg,.vb-variant-picker svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.vb-gallery__shell{width:100%}.vb-gallery__stage{isolation:isolate}.vb-gallery__track{width:100%;height:100%}.vb-gallery__slide{background:#fff}.vb-gallery__image-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in!important}.vb-gallery__image-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.vb-gallery__slide--info .vb-gallery__image-button{background:#fff}.vb-gallery__slide--info img{object-fit:contain!important;padding:12px!important}.vb-gallery__thumbs:empty{display:none}.vb-gallery__thumbs:empty+.vb-gallery__stage{grid-column:1 / -1}.vb-gallery__thumb.pdp-v3__thumb{cursor:pointer}.vb-gallery__thumb--info{background:#f1f5ff}.vb-gallery :focus-visible,.vb-variant-picker :focus-visible{outline:2px solid var(--cta,#5b4bd6);outline-offset:3px}.vb-variant-picker{margin:20px 0 24px}.vb-variant-picker__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:12px;line-height:1.5}.vb-variant-picker__heading strong{font-weight:750}.vb-variant-picker__heading span{font-size:11px;color:var(--muted,#737d91);text-align:right}.vb-variant-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.vb-variant-card{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;text-align:center;min-width:0}.vb-variant-card__image{position:relative;display:block;aspect-ratio:1;width:100%;border:1px solid #e0e3eb;border-radius:12px;overflow:hidden;background:#fafafa;transition:border-color .16s,box-shadow .16s}.vb-variant-card__image img{display:block;width:100%;height:100%;object-fit:contain}.vb-variant-card[aria-checked=true] .vb-variant-card__image{border-color:var(--cta,#5b4bd6);box-shadow:0 0 0 1px var(--cta,#5b4bd6)}.vb-variant-card:hover .vb-variant-card__image{border-color:var(--cta,#5b4bd6)}.vb-variant-card__frame{display:block;padding-top:8px;font-size:11px;font-weight:700;line-height:1.4}.vb-variant-card__lens{display:block;font-size:10px;line-height:1.5;color:var(--muted,#737d91)}.vb-variant-card__check{position:absolute;right:5px;bottom:5px;display:none;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--cta,#5b4bd6);color:#fff;box-shadow:0 1px 5px #18203b20}.vb-variant-card__check svg{width:13px;height:13px;stroke-width:2.2}.vb-variant-card[aria-checked=true] .vb-variant-card__check{display:grid}.vb-gallery__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(1100px,96vw);max-width:96vw;height:min(920px,94dvh);max-height:94dvh;padding:0;margin:auto;border:1px solid #e4e6ef;border-radius:18px;background:#fff;color:#18203b;box-shadow:0 30px 100px #0003;overflow:hidden}.vb-gallery__dialog[open]{display:flex;flex-direction:column}.vb-gallery__dialog::backdrop{background:#0e1426c2}.vb-gallery__dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #eef0f5;font-size:13px;font-weight:600;flex-shrink:0}.vb-gallery__dialog-bar>span{margin-right:auto}.vb-gallery__dialog-bar button,.vb-gallery__dialog-nav button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e2e5ed;border-radius:50%;padding:0;color:#18203b;background:#fff;flex-shrink:0}.vb-gallery__dialog-bar svg,.vb-gallery__dialog-nav svg{width:20px;height:20px;stroke-width:1.6}.vb-gallery__dialog-image{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.vb-gallery__dialog-image img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.vb-gallery__dialog[data-zoomed=true] .vb-gallery__dialog-image{display:block}.vb-gallery__dialog[data-zoomed=true] .vb-gallery__dialog-image img{width:auto;min-width:100%;max-width:none;height:auto;max-height:none;max-inline-size:none}.vb-gallery__dialog-nav{display:flex;justify-content:center;align-items:center;gap:24px;padding:10px 16px;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums}:root:has(.vb-gallery__dialog[open]){overflow:hidden}:root.vb-is-dark .vb-gallery,:root.vb-is-dark .vb-variant-picker{color:#f0f2fa}:root.vb-is-dark .vb-variant-picker__heading span,:root.vb-is-dark .vb-variant-card__lens{color:#acb4c8}:root.vb-is-dark .vb-variant-card__image{background:#fafafa}:root.vb-is-dark .vb-variant-card[aria-checked=true] .vb-variant-card__image{border-color:#b7abff;box-shadow:0 0 0 1px #b7abff}@media(max-width:1100px)and (min-width:821px){.vb-variant-picker__grid{gap:6px}}@media(max-width:820px){.vb-gallery__slide--info img{padding:10px!important}.vb-variant-picker__grid{gap:8px}.vb-variant-picker__heading{font-size:12px}.vb-variant-card__frame,.vb-variant-card__lens{font-size:10px}.vb-gallery__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.vb-gallery__dialog-bar{padding-top:max(10px,env(safe-area-inset-top));font-size:12px}.vb-gallery__dialog-nav{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.vb-gallery *,.vb-variant-picker *{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/vb-variant-gallery.css.map */