html.sbk-zv-lock,html.sbk-zv-lock body{overflow:hidden}.sbk-zv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#fff;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none}.sbk-zv[hidden]{display:none}.sbk-zv__top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;pointer-events:none}.sbk-zv__top>*{pointer-events:auto}.sbk-zv__count{min-width:6rem;font-size:1.4rem;font-weight:700;color:#0e0f12;background:#f3f5f9;border-radius:99px;padding:8px 14px;text-align:center}.sbk-zv__zoom{display:inline-flex;align-items:center;background:#f3f5f9;border-radius:99px;padding:3px;gap:2px}.sbk-zv__zb,.sbk-zv__pct,.sbk-zv__close,.sbk-zv__nav{border:0;background:none;color:#002d6f;cursor:pointer;font:inherit;display:grid;place-items:center;padding:0}.sbk-zv__zb{width:3.8rem;height:3.8rem;border-radius:50%}.sbk-zv__zb:hover{background:#fff}.sbk-zv__pct{min-width:6.4rem;height:3.8rem;border-radius:99px;font-weight:800;font-size:1.45rem;color:#0e0f12;font-variant-numeric:tabular-nums}.sbk-zv.is-zoomed .sbk-zv__pct{background:#002d6f;color:#fff}.sbk-zv__close{width:4.4rem;height:4.4rem;border-radius:50%;background:#f3f5f9;color:#0e0f12}.sbk-zv__stage{position:relative;flex:1;overflow:hidden;display:grid;place-items:center;cursor:zoom-in;margin:0}.sbk-zv.is-zoomed .sbk-zv__stage{cursor:grab}.sbk-zv.is-zoomed .sbk-zv__stage:active{cursor:grabbing}.sbk-zv__img{display:block;max-width:none;object-fit:contain;transform-origin:center center;will-change:transform;pointer-events:none}.sbk-zv__nav{position:absolute;top:50%;z-index:3;width:4.8rem;height:4.8rem;margin-top:-2.4rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #0e0f121f}.sbk-zv__nav--prev{left:15px}.sbk-zv__nav--next{right:15px}.sbk-zv.is-zoomed .sbk-zv__nav,.sbk-zv.is-single .sbk-zv__nav{opacity:0;pointer-events:none}.sbk-zv__map{position:absolute;right:15px;bottom:15px;z-index:3;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #0e0f1226;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none;touch-action:none;cursor:crosshair}.sbk-zv.is-zoomed .sbk-zv__map{opacity:1;transform:none;pointer-events:auto}.sbk-zv__map img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.sbk-zv__map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0e0f1259;pointer-events:none}.sbk-zv__frame{position:absolute;z-index:1;border:2px solid #fff;outline:2px solid #002D6F;border-radius:3px;background:#ffffff40;mix-blend-mode:normal;box-shadow:0 0 0 999px #0e0f1200;pointer-events:none}.sbk-zv__map:has(.sbk-zv__frame):after{background:none}.sbk-zv__map img{filter:brightness(.6)}.sbk-zv__frame{backdrop-filter:brightness(1.65);-webkit-backdrop-filter:brightness(1.65)}.sbk-zv__hint{position:absolute;left:50%;bottom:18px;z-index:2;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:99px;background:#00082ed1;color:#fff;font-size:1.3rem;font-weight:600;white-space:nowrap;pointer-events:none;transition:opacity .3s}.sbk-zv.is-used .sbk-zv__hint,.sbk-zv.is-zoomed .sbk-zv__hint{opacity:0}@media(hover:none){.sbk-zv__nav{width:4.2rem;height:4.2rem;margin-top:-2.1rem}.sbk-zv__nav--prev{left:8px}.sbk-zv__nav--next{right:8px}}@media screen and (min-width:990px){.sbk-zv__top{padding:18px 32px}.sbk-zv__nav--prev{left:32px}.sbk-zv__nav--next{right:32px}.sbk-zv__map{right:32px;bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sbk-zoom.css.map */
