.zpk-gallery .zpk-gallery__zoom{position:relative;z-index:1;display:block;inline-size:100%;margin:0;padding:0;border:0;border-radius:var(--zpk-radius-sm);background:none;color:inherit;cursor:zoom-in}.zpk-gallery__zoom-hint{position:absolute;z-index:2;inset-inline-end:var(--zpk-space-3);inset-block-end:var(--zpk-space-3);display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;background:var(--zpk-white);color:var(--zpk-ink);box-shadow:var(--zpk-shadow-float);transition:transform var(--zpk-dur) var(--zpk-ease)}.zpk-gallery__zoom-hint svg{inline-size:20px;block-size:20px}.zpk-gallery__zoom:hover .zpk-gallery__zoom-hint,.zpk-gallery__zoom:focus-visible .zpk-gallery__zoom-hint{transform:scale(1.1)}.zpk-gallery .zpk-gallery__zoom{transition:transform calc(var(--zpk-dur) * 1.5) var(--zpk-ease)}@media(hover:hover){.zpk-gallery__main:hover .zpk-gallery__zoom{transform:scale(1.03)}}.zpk-gallery .zpk-gallery__arrow{position:absolute;z-index:2;inset-block-start:50%;translate:0 -50%;box-shadow:var(--zpk-shadow-float)}.zpk-gallery__arrow--prev{inset-inline-start:var(--zpk-space-2)}.zpk-gallery__arrow--next{inset-inline-end:var(--zpk-space-2)}.zpk-gallery .zpk-gallery__zoom{touch-action:pan-y pinch-zoom}.zpk-gallery .zpk-gallery__zoom,.zpk-gallery .zpk-gallery__thumb,.zpk-gallery .zpk-gallery__arrow,.zpk-lightbox .zpk-lightbox__btn,.zpk-lightbox .zpk-lightbox__thumb{animation:none}.zpk-gallery .zpk-gallery__zoom{box-shadow:none}dialog.zpk-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;flex-direction:column;background:var(--zpk-ink);color:var(--zpk-white);overflow:hidden;overscroll-behavior:contain}dialog.zpk-lightbox::backdrop{background:transparent}html:has(dialog.zpk-lightbox[open]){overflow:hidden}@keyframes zpk-lightbox-in{0%{opacity:0}}dialog.zpk-lightbox[open]{animation:zpk-lightbox-in calc(var(--zpk-dur) * 1.25) ease-out}#root dialog.zpk-lightbox:not([open]),dialog.zpk-lightbox:not([open]){display:none!important}#root dialog.zpk-lightbox[open],dialog.zpk-lightbox[open]{display:flex!important}.zpk-lightbox__bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--zpk-space-4);padding:var(--zpk-space-3) var(--zpk-space-4)}.zpk-lightbox .zpk-lightbox__count{margin:0;color:var(--zpk-white);font-size:var(--zpk-fs-sm);font-weight:var(--zpk-fw-medium);font-variant-numeric:tabular-nums}.zpk-lightbox__tools{display:flex;gap:var(--zpk-space-2)}.zpk-lightbox .zpk-lightbox__btn{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--zpk-white);color:var(--zpk-ink);box-shadow:var(--zpk-shadow-float);cursor:pointer;transition:background-color var(--zpk-dur) var(--zpk-ease)}.zpk-lightbox .zpk-lightbox__btn:hover,.zpk-lightbox .zpk-lightbox__btn:focus-visible{background:var(--zpk-grey-100);color:var(--zpk-ink)}.zpk-lightbox__btn svg{inline-size:22px;block-size:22px}.zpk-lightbox__btn>span{display:contents}.zpk-lightbox__btn[aria-pressed=true] .zpk-lightbox__zoom-in,.zpk-lightbox__btn[aria-pressed=false] .zpk-lightbox__zoom-out{display:none}.zpk-lightbox__main{position:relative;flex:1 1 auto;min-block-size:0}.zpk-lightbox__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.zpk-lightbox .zpk-lightbox__slide{position:absolute;inset:var(--zpk-space-2) var(--zpk-space-4);margin:0;display:flex;align-items:center;justify-content:center;container-type:size;visibility:hidden}.zpk-lightbox .zpk-lightbox__slide.is-active{visibility:visible}.zpk-lightbox__slide.is-next{animation:zpk-lightbox-next calc(var(--zpk-dur) * 1.25) var(--zpk-ease)}.zpk-lightbox__slide.is-prev{animation:zpk-lightbox-prev calc(var(--zpk-dur) * 1.25) var(--zpk-ease)}@keyframes zpk-lightbox-next{0%{opacity:0;translate:32px 0}}@keyframes zpk-lightbox-prev{0%{opacity:0;translate:-32px 0}}.zpk-lightbox .zpk-lightbox__img{display:block;inline-size:min(100cqi,100cqb * var(--zpk-ratio, .7));block-size:auto;max-inline-size:none;aspect-ratio:var(--zpk-ratio, .7);object-fit:contain;border-radius:var(--zpk-radius-sm);background:var(--zpk-grey-100);cursor:zoom-in;transform-origin:center;-webkit-user-drag:none}.zpk-lightbox__stage.is-zoomed .zpk-lightbox__img{cursor:grab}.zpk-lightbox__stage.is-dragging .zpk-lightbox__img{cursor:grabbing}.zpk-lightbox__img.is-animating{transition:transform calc(var(--zpk-dur) * 1.5) var(--zpk-ease)}.zpk-lightbox .zpk-lightbox__arrow{position:absolute;z-index:2;inset-block-start:50%;translate:0 -50%}.zpk-lightbox__arrow--prev{inset-inline-start:var(--zpk-space-4)}.zpk-lightbox__arrow--next{inset-inline-end:var(--zpk-space-4)}.zpk-lightbox__thumbs{flex:0 0 auto;display:flex;gap:var(--zpk-space-2);padding:var(--zpk-space-2) var(--zpk-space-4) var(--zpk-space-4);overflow-x:auto;scrollbar-width:none}.zpk-lightbox__thumbs::-webkit-scrollbar{display:none}.zpk-lightbox .zpk-lightbox__thumb{flex:0 0 auto;inline-size:56px;block-size:56px;margin:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--zpk-radius-md);background:var(--zpk-white);opacity:.55;cursor:pointer;transition:opacity var(--zpk-dur) var(--zpk-ease)}.zpk-lightbox .zpk-lightbox__thumb:first-child{margin-inline-start:auto}.zpk-lightbox .zpk-lightbox__thumb:last-child{margin-inline-end:auto}.zpk-lightbox .zpk-lightbox__thumb:hover{opacity:.85}.zpk-lightbox .zpk-lightbox__thumb[aria-current=true]{opacity:1;border-color:var(--zpk-white)}.zpk-lightbox__thumb img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.zpk-lightbox .zpk-lightbox__btn:focus-visible,.zpk-lightbox .zpk-lightbox__thumb:focus-visible{outline:3px solid var(--zpk-yellow)!important;outline-offset:3px!important;box-shadow:none!important}#root .zpk-gallery .zpk-gallery__zoom,#root .zpk-gallery .zpk-gallery__zoom:hover,#root .zpk-gallery .zpk-gallery__zoom:focus-visible{background:none}#root .zpk-lightbox .zpk-lightbox__btn{background:var(--zpk-white)}#root .zpk-lightbox .zpk-lightbox__btn:hover,#root .zpk-lightbox .zpk-lightbox__btn:focus-visible{background:var(--zpk-grey-100)}#root .zpk-lightbox .zpk-lightbox__thumb,#root .zpk-lightbox .zpk-lightbox__thumb:hover,#root .zpk-lightbox .zpk-lightbox__thumb:focus-visible{background:var(--zpk-white)}@media(max-width:749px){.zpk-lightbox .zpk-lightbox__slide{inset:var(--zpk-space-2)}.zpk-lightbox__arrow--prev{inset-inline-start:var(--zpk-space-2)}.zpk-lightbox__arrow--next{inset-inline-end:var(--zpk-space-2)}.zpk-lightbox .zpk-lightbox__thumb{inline-size:48px;block-size:48px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/zpk-lightbox.css.map */