@layer components{.lightbox{--ground:var(--aitana);--ink:var(--calc);--ink-muted:color-mix(in srgb, var(--calc) 70%, transparent);--border:color-mix(in srgb, var(--calc) 24%, transparent);--focus:var(--ametler-viu);block-size:100dvh;max-block-size:100dvh;inline-size:100%;max-inline-size:100%;padding:0 var(--gutter) max(var(--space-s), env(safe-area-inset-bottom));background:color-mix(in srgb, black 34%, var(--aitana));color:var(--ink);touch-action:pan-y pinch-zoom;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:0 0}.lightbox[open]{align-items:center;gap:var(--space-s) var(--space-xs);grid-template:"bar bar bar""stage stage stage"minmax(0,1fr)"previous caption next"/auto minmax(0,1fr) auto;display:grid}@media (width>=48rem){.lightbox[open]{column-gap:var(--space-m);grid-template:"bar bar bar""previous stage next"minmax(0,1fr)".caption."/auto minmax(0,1fr) auto}}.lightbox__bar{grid-area:bar;justify-content:space-between;align-items:center;min-block-size:4rem;display:flex}.lightbox__counter{font:400 1.125rem / 1 var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em}.lightbox__of{color:var(--ink-muted)}.lightbox__stage{grid-area:stage;place-items:center;block-size:100%;min-block-size:0;display:grid;position:relative}.lightbox__image{--lightbox-shift:0;object-fit:contain;border-radius:var(--radius);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%;margin:auto;position:absolute;inset:0}.lightbox__caption{text-align:center;min-block-size:3.25rem;font-size:var(--step--1);text-wrap:balance;flex-direction:column;grid-area:caption;align-items:center;gap:.4375rem;line-height:1.45;display:flex}.lightbox__caption .eyebrow:empty{display:none}.lightbox__all{z-index:1;border-radius:var(--radius-pill);background:var(--calc);color:var(--aitana);font:600 .8125rem / 1 var(--font-text);grid-area:stage;place-self:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 10px 30px #00000059}.lightbox__all svg{block-size:1.125rem;inline-size:1.125rem}.lightbox__all:hover{background:color-mix(in srgb, var(--calc) 88%, var(--aitana))}.lightbox__all:focus-visible{background:color-mix(in srgb, var(--calc) 88%, var(--aitana))}.lightbox__button{inline-size:var(--touch-min);block-size:var(--touch-min);border:1px solid var(--border);color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:inline-grid}.lightbox__button:hover{border-color:var(--ink);background:color-mix(in srgb, var(--calc) 10%, transparent)}.lightbox__button svg{block-size:1.25rem;inline-size:1.25rem}.lightbox__nav--previous{grid-area:previous}.lightbox__nav--next{grid-area:next}@media (width>=48rem){.lightbox__nav{block-size:3.25rem;inline-size:3.25rem}}@media (prefers-reduced-motion:no-preference){.lightbox{transition:opacity var(--motion-fade) linear}.lightbox[data-opening]{opacity:0}.lightbox[data-closing]{opacity:0}.lightbox[data-closing]{transition-duration:var(--motion-out)}.lightbox__stage{transition:scale var(--motion-in) var(--ease-out)}.lightbox[data-opening] .lightbox__stage{scale:.97}.lightbox__image{transition:opacity .18s var(--ease-in), translate .18s var(--ease-in)}.lightbox__image[data-leaving]{opacity:0;translate:calc(var(--lightbox-shift) * -2.5rem) 0}.lightbox__image[data-entering]{opacity:0;translate:calc(var(--lightbox-shift) * -2.5rem) 0;transition:none}.lightbox__image:not(:is([data-leaving],[data-entering])){transition:opacity .32s var(--ease-out), translate .4s var(--ease)}}.lightbox-item{border-radius:var(--radius);background:var(--pedra);cursor:zoom-in;display:block;position:relative;overflow:hidden}.lightbox-item img{object-fit:cover;block-size:100%;inline-size:100%}.lightbox-item:after{content:"";opacity:0;transition:opacity .4s var(--ease-hover);pointer-events:none;background:linear-gradient(#0000 55%,#1f282d47);position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.lightbox-item img{transition:scale .9s var(--ease)}.lightbox-item:hover img{scale:1.035}.lightbox-item:hover:after{opacity:1}}}