.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#1b2258f5;color:var(--color-white);text-align:start}.lightbox[open]{display:flex}.lightbox::backdrop{background:transparent}.lightbox__bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex:0 0 auto;padding-block:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-2);padding-inline:max(var(--space-4),env(safe-area-inset-left,0px)) max(var(--space-4),env(safe-area-inset-right,0px))}.lightbox__counter{margin-inline-end:auto;font-size:var(--text-small);color:var(--color-on-navy)}.lightbox__zoom{height:36px;padding:0 var(--space-3);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-control);background:transparent;color:var(--color-white);font:inherit;font-size:var(--text-small);font-weight:600;line-height:1;white-space:nowrap}.lightbox__zoom[aria-pressed=true]{background:#ffffff24}.lightbox__zoom[hidden]{display:none}.lightbox__close,.lightbox__nav{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border:0;border-radius:999px;background:#ffffff24;color:var(--color-white)}.lightbox__close:hover,.lightbox__nav:hover,.lightbox__zoom:hover{background:#ffffff3d}.lightbox__close:focus-visible,.lightbox__nav:focus-visible,.lightbox__zoom:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.lightbox__view{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0;overflow:hidden;touch-action:none;cursor:zoom-in}.lightbox__view.is-fixed{cursor:default}.lightbox__view.is-zoomed{cursor:grab}.lightbox__view.is-zoomed:active{cursor:grabbing}.lightbox__image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox__image.is-loading{opacity:0}.lightbox__image.is-animating{transition:transform .18s ease}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.4);background:#1b225899}.lightbox__nav:hover{background:#1b2258d9}.lightbox__nav--prev{inset-inline-start:max(var(--space-3),env(safe-area-inset-left,0px))}.lightbox__nav--next{inset-inline-end:max(var(--space-3),env(safe-area-inset-right,0px))}[dir=rtl] .lightbox__nav .icon{transform:scaleX(-1)}.lightbox__caption{flex:0 0 auto;margin:0;padding-block:var(--space-2) calc(var(--space-3) + env(safe-area-inset-bottom,0px));padding-inline:max(var(--space-4),env(safe-area-inset-left,0px)) max(var(--space-4),env(safe-area-inset-right,0px));text-align:center;font-size:var(--text-small);line-height:var(--leading-body);color:var(--color-on-navy)}@media(prefers-reduced-motion:reduce){.lightbox__image.is-animating{transition:none}}@media print{.lightbox{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-stoklink-lightbox.css.map */