html.hok-lb-open{overflow:hidden!important;padding-right:var(--hok-lb-sbw, 0px)}html.hok-lb-open body{overscroll-behavior:contain}.hok-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;flex-direction:column;background:#08080aeb;color:#fff;opacity:0;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.hok-lb[hidden]{display:none}.hok-lb.is-open{opacity:1}.hok-lb__bar{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}.hok-lb__count{font:500 14px/1 inherit;font-family:inherit;letter-spacing:.04em;opacity:.85;min-width:56px}.hok-lb__tools{display:flex;align-items:center;gap:6px}.hok-lb__level{min-width:44px;text-align:center;font:500 13px/1 inherit;font-family:inherit;opacity:.8;font-variant-numeric:tabular-nums}.hok-lb__btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease,opacity .15s ease}.hok-lb__btn:hover{background:#ffffff3d}.hok-lb__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hok-lb__btn:disabled{opacity:.35;cursor:default}.hok-lb__btn[hidden]{display:none}.hok-lb__close{margin-left:8px;background:#fff3}.hok-lb__stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}.hok-lb__stage.is-zoomed{cursor:grab}.hok-lb__stage.is-dragging{cursor:grabbing}.hok-lb__img{display:block;flex:none;max-width:none;max-height:none;transform-origin:50% 50%;will-change:transform;background:#fff;border-radius:4px;-webkit-user-drag:none;backface-visibility:hidden}.hok-lb__img.is-animated{transition:transform .22s cubic-bezier(.2,.7,.2,1)}.hok-lb__img.is-in-next{animation:hok-lb-next .25s ease both}.hok-lb__img.is-in-prev{animation:hok-lb-prev .25s ease both}@keyframes hok-lb-next{0%{opacity:0;transform:translate3d(36px,0,0)}to{opacity:1;transform:none}}@keyframes hok-lb-prev{0%{opacity:0;transform:translate3d(-36px,0,0)}to{opacity:1;transform:none}}.hok-lb__nav{position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px}.hok-lb__prev{left:14px}.hok-lb__next{right:14px}.hok-lb__thumbs{position:relative;z-index:3;flex:none;display:flex;gap:8px;justify-content:safe center;overflow-x:auto;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch}.hok-lb__thumbs::-webkit-scrollbar{display:none}.hok-lb__thumbs[hidden]{display:none}.hok-lb__thumbs button{flex:none;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .15s ease,border-color .15s ease}.hok-lb__thumbs button:hover{opacity:.9}.hok-lb__thumbs button.is-active{opacity:1;border-color:#fff}.hok-lb__thumbs button:focus-visible{outline:2px solid #fff;outline-offset:2px}.hok-lb__thumbs img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media(max-width:768px){.hok-lb__btn{width:38px;height:38px}.hok-lb__level{display:none}.hok-lb__nav{width:40px;height:40px;margin-top:-20px}.hok-lb__prev{left:8px}.hok-lb__next{right:8px}.hok-lb__thumbs button{width:48px;height:48px;border-radius:6px}}@media(prefers-reduced-motion:reduce){.hok-lb,.hok-lb__img.is-animated{transition:none}.hok-lb__img.is-in-next,.hok-lb__img.is-in-prev{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/431/assets/product-lightbox.css.map */