/* Reserve real photo space even during a failed/slow request. */
.client-photos{scroll-margin-top:66px}
.client-photo-open{aspect-ratio:var(--photo-aspect,3 / 2)}
.client-photo-open img{aspect-ratio:auto var(--photo-aspect,3 / 2)}
.alura-media-pending,.alura-media-failed{position:relative;min-height:120px;background:#f3f1ed}
.alura-media-pending>.client-photo-open img,.alura-media-failed>.client-photo-open img{visibility:hidden}
.alura-media-pending .client-photo-actions,.alura-media-failed .client-photo-actions{display:none}
.alura-media-status{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;background:#f3f1ed;color:#645e55;text-align:center;font:12px/1.5 var(--sans,sans-serif)}
.alura-media-status button{border:1px solid #aaa398;background:white;color:#302a23;border-radius:4px;padding:9px 14px;min-height:42px;font:inherit;cursor:pointer}
.alura-media-pending .alura-media-status::before{content:"";width:20px;height:20px;border:2px solid #d7d0c6;border-top-color:#685d4c;border-radius:50%;animation:alura-preview-spin 1s linear infinite}
.client-lightbox figure.alura-media-failed,.client-lightbox figure.alura-media-pending{min-width:240px;min-height:240px}
.alura-download-status{position:fixed;z-index:10000;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 18px;border:1px solid #d4cdc3;background:#fff;color:#27231e;box-shadow:0 8px 35px #0002;border-radius:8px;font:12px/1.5 var(--sans,sans-serif)}
.alura-download-status a{display:inline-block;margin-left:12px;color:inherit;font-weight:700}
@keyframes alura-preview-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.alura-media-pending .alura-media-status::before{animation:none}}