.lightbox{width:100%;max-width:none;height:100dvh;max-height:none;color:rgb(var(--brand-ink));background-color:rgb(var(--brand-cream));border:0;margin:0;padding:0}.lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.lightbox::backdrop{background-color:rgb(var(--brand-ink)/.6)}.lightbox__bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--gutter);background-color:rgb(var(--brand-card));border-block-end:var(--border-width) solid rgb(var(--color-foreground)/var(--border-opacity));grid-template-columns:1fr auto 1fr;display:grid}.lightbox__counter{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;margin:0}.lightbox__logo{justify-self:center}.lightbox__logo .logo{gap:var(--space-2)}.lightbox__logo .logo__mark{--logo-mark-size:28px}.lightbox__logo .logo__name{--logo-name-size:1.125rem}.lightbox__logo .logo__image{max-height:32px}.lightbox__tools{justify-content:flex-end;gap:var(--space-1);display:flex}.lightbox__button{width:var(--tap-target);height:var(--tap-target);color:inherit;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.lightbox__button:hover{background-color:rgb(var(--brand-cream))}}.lightbox__button:disabled{opacity:.35;cursor:default}.lightbox__button svg{width:1.375rem;height:1.375rem}.lightbox__button--zoom{display:none}@media screen and (min-width:750px){.lightbox__button--zoom{display:inline-flex}}.lightbox__stage{touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.lightbox__slide{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox__slide[hidden]{display:none}.lightbox__image{object-fit:contain;mix-blend-mode:multiply;max-width:none;max-height:100%;filter:var(--product-photo-filter);transform-origin:50%;cursor:zoom-in;will-change:transform;-webkit-user-drag:none;flex:none}.lightbox__image.is-animating{transition:transform var(--duration-base) var(--ease)}.is-zoomed .lightbox__image{cursor:grab}.is-dragging .lightbox__image{cursor:grabbing}.lightbox__nav{z-index:1;width:3rem;height:3rem;color:rgb(var(--brand-ink));background-color:rgb(var(--brand-card));border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:50%;transform:translateY(-50%)}@media (hover:hover){.lightbox__nav:hover{color:rgb(var(--brand-coral))}}.lightbox__nav svg{width:1.5rem;height:1.5rem}.is-zoomed .lightbox__nav{opacity:.4}.lightbox__nav--prev{inset-inline-start:var(--gutter)}.lightbox__nav--next{inset-inline-end:var(--gutter)}.lightbox__thumbs{gap:var(--space-2);padding:var(--space-3) var(--gutter);scrollbar-width:none;background-color:rgb(var(--brand-card));border-block-start:var(--border-width) solid rgb(var(--color-foreground)/var(--border-opacity));justify-content:safe center;margin:0;list-style:none;display:flex;overflow-x:auto}.lightbox__thumbs::-webkit-scrollbar{display:none}.lightbox__thumb{background-color:rgb(var(--brand-cream));border:1px solid rgb(var(--color-foreground)/var(--border-opacity));border-radius:var(--radius-sm);cursor:pointer;flex:none;width:3.5rem;height:3.5rem;padding:0;display:block;overflow:hidden}.lightbox__thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;filter:var(--product-photo-filter)}@media (hover:hover){.lightbox__thumb:hover{border-color:rgb(var(--brand-coral)/.5)}}.lightbox__thumb[aria-current=true]{border:2px solid rgb(var(--brand-coral))}@media screen and (min-width:990px){.lightbox__thumb{width:4rem;height:4rem}}.lightbox__hint{font-size:var(--font-size-xs);text-align:center;color:rgb(var(--color-foreground)/var(--opacity-muted));background-color:rgb(var(--brand-card));margin:0;padding-block-end:var(--space-2);display:none}@media screen and (hover:hover) and (pointer:fine) and (min-width:990px){.lightbox__hint{display:block}}