.jwl-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;display:none;grid-template-rows:auto 1fr auto;background:var(--color-background, var(--jwl-fallback-background));color:var(--color-foreground, var(--jwl-fallback-foreground));overscroll-behavior:contain}.jwl-lightbox[open]{display:grid;animation:jwl-lightbox-in var(--jwl-duration-base) var(--jwl-ease-out)}.jwl-lightbox::backdrop{background:var(--color-background, var(--jwl-fallback-background))}html:has(.jwl-lightbox[open]){overflow:hidden}@keyframes jwl-lightbox-in{0%{opacity:0;transform:scale(.98)}}.jwl-lightbox__bar{display:flex;align-items:center;justify-content:space-between;padding:max(var(--jwl-space-3),env(safe-area-inset-top)) var(--jwl-space-4) var(--jwl-space-3)}.jwl-lightbox__count,.jwl-lightbox__close,.jwl-lightbox__thumbs{background:var(--color-background, var(--jwl-fallback-background));box-shadow:var(--jwl-elevation-card)}@supports (backdrop-filter: blur(1px)){.jwl-lightbox__count,.jwl-lightbox__close,.jwl-lightbox__thumbs{background:color-mix(in srgb,var(--color-background, var(--jwl-fallback-background)) 80%,transparent);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}}.jwl-lightbox__count{padding:var(--jwl-space-1) var(--jwl-space-3);border-radius:var(--jwl-radius-pill);font-size:var(--jwl-section-link-size);font-variant-numeric:tabular-nums;letter-spacing:var(--jwl-section-eyebrow-tracking)}.jwl-lightbox__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:inherit;cursor:pointer;transition:transform var(--jwl-duration-fast) var(--jwl-ease-out)}.jwl-lightbox__close:active{transform:scale(.92)}.jwl-lightbox__close:focus-visible{outline:2px solid var(--jwl-brand-primary);outline-offset:2px}.jwl-lightbox__close svg{width:16px;height:16px}.jwl-lightbox__track{display:flex;min-height:0;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.jwl-lightbox__track::-webkit-scrollbar{display:none}.jwl-lightbox__track[data-zoomed]{overflow-x:hidden;touch-action:none}.jwl-lightbox__slide{flex:0 0 100%;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}.jwl-lightbox__img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform var(--jwl-duration-base) var(--jwl-ease-out)}.jwl-lightbox__track[data-gesture] .jwl-lightbox__img{transition:none}.jwl-lightbox__thumbs{display:flex;gap:var(--jwl-space-2);justify-self:center;max-width:calc(100% - 2 * var(--jwl-space-4));margin-block:var(--jwl-space-3) max(var(--jwl-space-4),env(safe-area-inset-bottom));padding:var(--jwl-space-2);border-radius:var(--jwl-radius-popover);overflow-x:auto;scrollbar-width:none}.jwl-lightbox__thumbs[hidden]{display:none}.jwl-lightbox__thumb{flex:0 0 48px;height:48px;padding:0;border:0;border-radius:var(--jwl-radius-input);overflow:hidden;background:none;cursor:pointer;opacity:.5;outline:2px solid transparent;outline-offset:-2px;transition:opacity var(--jwl-duration-fast) var(--jwl-ease-out),outline-color var(--jwl-duration-fast) var(--jwl-ease-out)}.jwl-lightbox__thumb[aria-current]{opacity:1;outline-color:var(--jwl-brand-primary)}.jwl-lightbox__thumb img{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/3/assets/jwl-lightbox.css.map */