/* Keep recovery below the image, away from captions and native playback controls. */
.video-recovery{position:relative;z-index:2;box-sizing:border-box;width:100%;padding:14px 16px;background:#151817;color:#faf9f5;border-top:1px solid #b9934266;text-align:left;font:14px/1.5 Arial,sans-serif;text-shadow:none}
.video-recovery[hidden],.video-recovery-actions[hidden]{display:none!important}
.video-recovery-status{margin:0!important;color:#faf9f5!important;font:inherit!important;max-width:60ch}
.video-recovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;align-items:center}
.video-recovery-actions button,.video-recovery-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d5bc82;background:#faf9f5;color:#121414!important;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;text-shadow:none;cursor:pointer;box-sizing:border-box}
.video-recovery-actions a{background:transparent;color:#faf9f5!important}
.video-recovery-actions :is(button,a):focus-visible{outline:3px solid #d5bc82;outline-offset:3px}
.video-recovery[data-state="loading"] .video-recovery-status:before,.video-recovery[data-state="buffering"] .video-recovery-status:before{content:"";display:inline-block;width:10px;height:10px;border:2px solid #faf9f54d;border-top-color:#d5bc82;border-radius:50%;margin-right:9px;vertical-align:-1px;animation:film-loading .9s linear infinite}
@keyframes film-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.video-recovery-status:before{animation:none!important}}
@media(max-width:420px){.video-recovery{padding:12px}.video-recovery-actions :is(button,a){flex:1 1 auto}}