/* Shared photo-gallery controls: site peach instead of the old navy buttons. */
html body .images-block .addImagesBlock > button,
html body .images-block .addImagesBlock > div {
    box-sizing: border-box;
    color: #fff !important;
    background: #ffaa83 !important;
    border: 1px solid rgba(255, 255, 255, .88) !important;
    box-shadow: 0 5px 14px rgba(190, 93, 53, .24), inset 0 1px 0 rgba(255, 255, 255, .35);
    transform: translateZ(0);
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), background-color .35s ease, box-shadow .35s ease !important;
    animation: vo-gallery-control-breathe 2.8s cubic-bezier(.45, 0, .55, 1) infinite;
}

html body .images-block .addImagesBlock > div > a,
html body .images-block .addImagesBlock > button > a {
    color: #fff !important;
}

html body .images-block .addImagesBlock > :nth-child(2) { animation-delay: .32s; }
html body .images-block .addImagesBlock > :nth-child(3) { animation-delay: .64s; }

html body .images-block .addImagesBlock > button:hover,
html body .images-block .addImagesBlock > div:hover,
html body .images-block .addImagesBlock > button:focus-visible,
html body .images-block .addImagesBlock > div:focus-within {
    background: #e98f69 !important;
    box-shadow: 0 9px 20px rgba(190, 93, 53, .33), inset 0 1px 0 rgba(255, 255, 255, .46);
    transform: translateY(-2px) scale(1.035);
    animation-play-state: paused;
}

@keyframes vo-gallery-control-breathe {
    0%, 100% { transform: translateZ(0) scale(1); box-shadow: 0 5px 14px rgba(190, 93, 53, .24), inset 0 1px 0 rgba(255, 255, 255, .35); }
    50% { transform: translateZ(0) scale(1.045); box-shadow: 0 8px 21px rgba(190, 93, 53, .38), inset 0 1px 0 rgba(255, 255, 255, .46); }
}

@media (prefers-reduced-motion: reduce) {
    html body .images-block .addImagesBlock > button,
    html body .images-block .addImagesBlock > div { animation: none; }
}