veslan-product-zoom{display:block}dialog.veslan-product-zoom__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#fff;color:#111;font-family:var(--veslan-font-body, "Outfit", sans-serif)}.veslan-product-zoom__dialog[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.veslan-product-zoom__dialog::backdrop{background:#fff}.veslan-product-zoom__dialog *,.veslan-product-zoom__dialog *:before,.veslan-product-zoom__dialog *:after{box-sizing:border-box}.veslan-product-zoom__dialog button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:0;background:#fff;color:#111;font:inherit;font-size:24px;line-height:1;letter-spacing:normal;cursor:pointer;-webkit-appearance:none;appearance:none}.veslan-product-zoom__dialog button:hover{background:#f5f5f5}.veslan-product-zoom__dialog button:focus-visible{outline:2px solid #111;outline-offset:-3px}.veslan-product-zoom__dialog button:disabled{opacity:.3;cursor:default}.veslan-product-zoom__dialog [hidden]{display:none!important}.veslan-product-zoom__dialog svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.veslan-product-zoom__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-width:0;min-height:64px;padding:max(8px,env(safe-area-inset-top)) 20px 8px;border-bottom:1px solid #eee}.veslan-product-zoom__count{min-width:0;margin:0;font-size:12px;line-height:1.3;letter-spacing:.02em;overflow-wrap:anywhere}.veslan-product-zoom__tools{display:flex;align-items:center;gap:2px}.veslan-product-zoom__scale{min-width:44px;text-align:center;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.veslan-product-zoom__dialog .veslan-product-zoom__close{justify-self:end}.veslan-product-zoom__viewer{position:relative;min-width:0;min-height:0;overflow:hidden}.veslan-product-zoom__stage{--zoom-stage-padding: 56;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.veslan-product-zoom__stage.is-zoomed{cursor:grab}.veslan-product-zoom__stage.is-panning{cursor:grabbing}.veslan-product-zoom__dialog .veslan-product-zoom__image{position:absolute;top:50%;left:50%;display:block;max-width:none;max-height:none;margin:0;object-fit:contain;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.veslan-product-zoom__error{position:absolute;inset:50% 16px auto;margin:0;transform:translateY(-50%);color:#666;font-size:14px;text-align:center}.veslan-product-zoom__dialog .veslan-product-zoom__previous,.veslan-product-zoom__dialog .veslan-product-zoom__next{position:absolute;z-index:1;top:50%;transform:translateY(-50%);border:1px solid #e5e5e5;border-radius:50%;background:#fffffff0}.veslan-product-zoom__previous{left:16px}.veslan-product-zoom__next{right:16px}.veslan-product-zoom__thumbnails{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-width:0;margin-inline:auto;padding:12px 20px max(12px,env(safe-area-inset-bottom));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.veslan-product-zoom__dialog .veslan-product-zoom__thumbnail{width:64px;height:78px;padding:3px;border:1px solid #dedede;background:#fff}.veslan-product-zoom__dialog .veslan-product-zoom__thumbnail[aria-current=true]{border:2px solid #111;padding:2px}.veslan-product-zoom__thumbnail img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:768px){.veslan-product-zoom__toolbar{gap:4px;min-height:60px;padding-inline:8px}.veslan-product-zoom__count{max-width:72px;font-size:10px}.veslan-product-zoom__tools{gap:0}.veslan-product-zoom__scale{min-width:36px;font-size:11px}.veslan-product-zoom__stage{--zoom-stage-padding: 12}.veslan-product-zoom__previous{left:8px}.veslan-product-zoom__next{right:8px}.veslan-product-zoom__thumbnails{gap:6px;padding:8px 10px max(8px,env(safe-area-inset-bottom))}.veslan-product-zoom__dialog .veslan-product-zoom__thumbnail{width:48px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/veslan-product-zoom.css.map */