.hero-photo .photo{position:relative}
.hero-photo .photo.is-transitioning img{position:absolute;top:0;left:0;right:0;will-change:opacity,transform}
.hero-photo .photo img.hero-outgoing{pointer-events:none}
.hero-photo .caption{position:relative}
.hero-controls button{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease,transform .35s ease}
.hero-controls button:hover{transform:translateY(-2px)}
.hero-controls button:active{transform:scale(.94)}
.hero-controls button.is-pending{box-shadow:0 0 0 4px #b9e3df21;border-color:#b9e3df}
.hero-controls button[aria-pressed=true]{box-shadow:0 0 0 5px #b9e3df13}
.hero-transition-status{display:block;min-height:0;font-size:14px;color:#cfdfeb;margin:10px 0 0}
.hero-transition-status:empty{display:none}
@media(prefers-reduced-motion:reduce){.hero-controls button{transition:none}.hero-controls button:hover,.hero-controls button:active{transform:none}}