[data-photo-stage]{--background: var(--photo-surround-light);background-color:hsl(var(--background));transition:background-color .4s ease}.dark [data-photo-stage]{--background: var(--photo-surround-dark)}[data-photo-stage]>header[data-glass-navigation]{padding-block:1rem;flex-shrink:0}.photo-viewer{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.photo-viewer__figure{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}.photo-viewer__image{flex:1;min-height:0;width:100%}.photo-viewer__stage{position:relative;width:100%;height:100%}.photo-viewer__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--photo-dissolve) ease-out;pointer-events:none}.photo-viewer__frame[data-visible]{opacity:1}.photo-viewer__stage[data-instant] .photo-viewer__frame{transition:none}.photo-viewer__feedback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;pointer-events:none;font-size:.75rem;color:hsl(var(--content-body))}.photo-viewer__feedback button{pointer-events:auto;text-decoration:underline;text-underline-offset:.2em}.photo-viewer__loading{padding:.5rem .75rem;background:hsl(var(--background) / .95);animation:photo-loading-label 0s .35s both}@keyframes photo-loading-label{0%{opacity:0}to{opacity:1}}.photo-viewer__caption,.photo-viewer__context{width:min(100%,28rem);margin-inline:auto;flex-shrink:0}.photo-viewer__caption{max-height:4.5rem;overflow-y:auto;padding-top:1.25rem;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.photo-viewer__caption h1{font-weight:500}.photo-viewer__caption p{color:hsl(var(--content-body))}.photo-viewer__controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;position:relative;margin-top:.75rem;font-size:.75rem;color:hsl(var(--content-context))}.photo-viewer__control,.photo-viewer__end{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;touch-action:manipulation}.photo-viewer__control{cursor:pointer;transition:color .12s ease}.photo-viewer__control:focus-visible{outline:1px solid hsl(var(--foreground) / .7);outline-offset:-4px;border-radius:.375rem}.photo-viewer__control:focus:not(:focus-visible){outline:none}.photo-viewer__control:active,.photo-viewer__details[open] summary{color:hsl(var(--foreground))}.photo-viewer__end{opacity:.25}.photo-viewer__position{min-width:4rem;text-align:center;font-variant-numeric:tabular-nums}.photo-viewer__details{grid-column:1 / -1}.photo-viewer__details summary{position:absolute;top:0;right:0;list-style:none}.photo-viewer__details summary::-webkit-details-marker{display:none}.photo-viewer__details dl{position:absolute;bottom:calc(100% + .5rem);right:0;z-index:40;width:min(28rem,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:1rem 1.5rem;padding:1.25rem;background:hsl(var(--background) / .98);border:1px solid hsl(var(--foreground) / .12);box-shadow:0 .5rem 2rem #00000024;font-size:.75rem;line-height:1.6;max-height:calc(100dvh - 9rem);overflow-y:auto}.photo-viewer__details dd{color:hsl(var(--content-body));overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.photo-viewer__control:hover{color:hsl(var(--foreground))}}@media(prefers-reduced-motion:reduce){[data-photo-stage],.photo-viewer__control,.photo-viewer__frame{transition:none}}