.lightbox::backdrop{background:var(--color-lightbox-backdrop);-webkit-backdrop-filter:blur(var(--blur-lightbox));backdrop-filter:blur(var(--blur-lightbox))}.lightbox[open]{outline:none;display:block;overflow:hidden}.lightbox__frame{gap:var(--space-2);block-size:100%;padding-block:max(var(--space-2), env(safe-area-inset-top)) max(var(--space-2), env(safe-area-inset-bottom));padding-inline:max(var(--space-2), env(safe-area-inset-left)) max(var(--space-2), env(safe-area-inset-right));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.lightbox__head{justify-items:center;gap:var(--space-1);padding-inline:var(--control-size);text-align:center;text-transform:uppercase;display:grid}.lightbox__title{font-family:var(--font-display);font-size:var(--type-title);font-weight:400;line-height:var(--leading-title);letter-spacing:var(--tracking-display);text-wrap:balance;overflow-wrap:anywhere}.lightbox__tagline{font-family:var(--font-label);font-size:var(--type-tagline);font-weight:400;line-height:var(--leading-display);text-wrap:balance;overflow-wrap:anywhere}.lightbox__stage{min-block-size:0;position:relative}.lightbox__track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;block-size:100%;display:flex;overflow:auto hidden}.lightbox__track::-webkit-scrollbar{display:none}.lightbox__stage>.lightbox__slide{block-size:100%}.lightbox__slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;place-items:center;display:grid;container-type:size}.lightbox__image,.lightbox__video{--ratio:16 / 9;inline-size:min(100cqi, 100cqb * (var(--ratio)));block-size:auto;aspect-ratio:var(--ratio);background:var(--tone,transparent)}.lightbox__message{color:var(--color-text-secondary);text-align:center}.lightbox__controls{justify-items:center;gap:var(--space-1);display:grid}.lightbox__controls[hidden]{display:none}.lightbox__pages{display:flex}.lightbox__page{inline-size:var(--pagination-step);block-size:var(--target-min);place-items:center;display:grid}.lightbox__page:before{content:"";inline-size:100%;block-size:var(--pagination-bar);background:var(--color-pagination-rest);transition:background-color var(--duration-fast) var(--ease-standard)}.lightbox__page[aria-current=true]:before{background:var(--color-pagination-active)}.lightbox__arrows{gap:var(--space-8);display:flex}.lightbox__arrow,.lightbox__close{inline-size:var(--control-size);block-size:var(--control-size);transition:transform var(--duration-base) var(--ease-standard);place-items:center;display:grid}.lightbox__arrow img{inline-size:var(--space-5)}.lightbox__arrow:hover,.lightbox__close:hover{transform:scale(var(--scale-pop))}.lightbox__arrow:focus-visible,.lightbox__close:focus-visible,.lightbox__page:focus-visible{border-radius:var(--radius-control);outline-offset:calc(-1 * var(--focus-ring))}.lightbox__close{position:absolute;inset-block-start:max(var(--space-2), env(safe-area-inset-top));inset-inline-end:max(var(--space-2), env(safe-area-inset-right))}.lightbox__close img{inline-size:var(--space-3)}@media (height<=640px){.lightbox__frame{gap:var(--space-1)}.lightbox__head{justify-content:center;align-items:baseline;gap:var(--space-2);grid-auto-flow:column}.lightbox__controls{justify-content:center;align-items:center;gap:var(--space-1);grid-template-columns:auto auto auto}.lightbox__arrows{display:contents}.lightbox__arrow--prev{order:-1}}@media (prefers-reduced-motion:reduce){.lightbox__track{scroll-behavior:auto}}