/* The original user-provided GIF files play natively, without re-encoding. */
.loading-state.service-media-loading,.groups-loading.service-media-loading {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:10px!important;min-height:0!important;padding:20px!important;text-align:center!important;
  border:1px solid #e8dfee;border-radius:16px;background:#fff!important;overflow:hidden;
}
.service-media-loading[hidden] { display:none!important; }
.service-media-loading .service-loader-image {
  display:block;flex:none;width:min(440px,100%);max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;
  border-radius:12px;animation:none;mix-blend-mode:multiply;
}
.service-media-loading .nf-loading-copy { flex:none; }
.service-media-loading .nf-loading-copy strong,.service-media-loading>div>strong { display:block;color:#4b1e70;font-size:17px!important;line-height:1.6; }
.service-media-loading .nf-loading-copy>span,.service-media-loading>div>span { display:block;margin-top:4px;color:#85748d;font-size:12px;line-height:1.7; }
.service-loading-route { display:block;direction:ltr;font-size:12px;color:#7b548d; }
.service-media-loading .nf-results-count { display:block;font-size:11px;color:#927c9d; }
.groups-loading.service-media-loading .groups-loading-progress { flex-direction:row;gap:12px; }
.groups-loading.service-media-loading .groups-loading-progress>b { font-size:11px;padding:6px 10px; }
@media(max-width:760px) {
  .loading-state.service-media-loading,.groups-loading.service-media-loading { padding:14px!important;gap:8px!important;border-radius:13px; }
  .service-media-loading .service-loader-image { width:min(360px,100%); }
  .service-media-loading .nf-loading-copy strong,.service-media-loading>div>strong { font-size:15px!important; }
  .service-media-loading .nf-loading-copy>span,.service-media-loading>div>span { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .service-media-loading .service-loader-image { display:none; } }