.photo-info{z-index:4}.photo-info__btn{border:1px solid color-mix(in oklch, var(--on-night,#fff) 55%, transparent);background:color-mix(in oklch, var(--night,#050f1a) 55%, transparent);block-size:1.75rem;inline-size:1.75rem;color:var(--on-night,#fff);backdrop-filter:blur(6px);cursor:pointer;transition:background-color var(--dur-feedback) linear, border-color var(--dur-feedback) linear;border-radius:50%;place-items:center;font:italic 600 .875rem/1 Georgia,Times New Roman,serif;display:grid;position:relative}.photo-info__btn:before{content:"";position:absolute;inset:-.5rem}.photo-info__btn:is(:hover,:focus-visible){background:color-mix(in oklch, var(--night,#050f1a) 85%, transparent);border-color:var(--on-night,#fff)}.photo-info__pop{inset:auto 0 var(--space-5) 0;inline-size:fit-content;max-inline-size:min(36rem,100vw - 2rem);padding:var(--space-3) var(--space-4);border:1px solid var(--night-line,#33404d);background:var(--night-raised,#0b1a2a);color:var(--on-night,#f2f4f7);border-radius:6px;margin:0 auto;position:fixed;box-shadow:0 18px 40px -16px #0009}.photo-info__pop :is(p,span){color:inherit;text-align:start}.photo-info__pop .photo-credit{margin:0;font-size:.8125rem;line-height:1.45}@supports (position-area:block-end){.photo-info__pop{margin:var(--space-2) 0;position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;max-inline-size:min(26rem,100vw - 2rem);inset:auto}}@supports not selector(:popover-open){.photo-info__btn{display:none}.photo-info__pop{box-shadow:none;background:0 0;border:0;margin:0;padding:0;position:static;inset:auto}}