.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding) * 1px);position:relative}.react-photo-album--image{width:100%;height:auto;aspect-ratio:var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);display:block}.react-photo-album--button{cursor:pointer;border:initial;background:initial}.react-photo-album--rows{row-gap:calc(var(--react-photo-album--spacing) * 1px);flex-direction:column}.react-photo-album--rows .react-photo-album--track{--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing) * (var(--react-photo-album--track-size) - 1) + 2 * var(--react-photo-album--padding) * var(--react-photo-album--track-size));justify-content:space-between}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps) * 1px) / (var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps)) * var(--react-photo-album--photo-width) + 2px * var(--react-photo-album--padding))}
.album-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.album-count{color:var(--color-slate);font-family:var(--font-sans);align-items:center;gap:.4rem;margin:0;font-size:.8rem;font-weight:700;display:inline-flex}.album-title{color:var(--color-ink)}.album-all{background:var(--color-ink);color:var(--color-paper);cursor:pointer;font-family:var(--font-sans);border:0;border-radius:999px;align-items:center;gap:.45rem;min-height:2.5rem;padding:0 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.album-all:hover{background:color-mix(in srgb, var(--color-ink) 85%, var(--edition-sunrise))}.album .react-photo-album--button{cursor:zoom-in;border-radius:.55rem;position:relative;overflow:hidden}.album .react-photo-album--image{transition:transform var(--motion-slow,.4s) cubic-bezier(.2, .8, .2, 1), filter var(--motion-standard,.24s) ease}.album .react-photo-album--button:hover .react-photo-album--image,.album .react-photo-album--button:focus-visible .react-photo-album--image{transform:scale(1.04)}.album .react-photo-album--button:focus-visible{outline:3px solid var(--edition-sunrise);outline-offset:2px}.album-caption{color:#fff;font-family:var(--font-sans);bottom:0;opacity:0;pointer-events:none;text-align:start;transition:opacity var(--motion-standard,.24s) ease, transform var(--motion-standard,.24s) ease;background:linear-gradient(#0000,#050f1ed9);gap:.1rem;padding:1.6rem .7rem .55rem;font-size:.78rem;font-weight:600;line-height:1.3;display:grid;position:absolute;inset-inline:0;transform:translateY(.4rem)}.album-caption span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.album-credit{opacity:.8;font-size:.68rem;font-weight:500}.album .react-photo-album--button:hover .album-caption,.album .react-photo-album--button:focus-visible .album-caption{opacity:1;transform:none}@media (hover:none){.album-caption{display:none}}@media (prefers-reduced-motion:reduce){.album .react-photo-album--image,.album-caption{transition:none}}@media (pointer:coarse){.album-all{min-block-size:var(--tap-min)}}
