/* A compact progress indicator shares the synchronization position in the header. */
.header-sync-slot{width:360px;flex-shrink:0}.header-processing{height:40px;display:grid;grid-template-rows:17px 4px 15px;gap:2px;color:#405b73;font-variant-numeric:tabular-nums}.header-processing-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;line-height:17px}.header-processing-heading strong{font-size:13px;font-weight:600;color:#3e6485}.header-processing progress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#e6edf3;accent-color:#4c789b}.header-processing progress::-webkit-progress-bar{background:#e6edf3}.header-processing progress::-webkit-progress-value{background:#4c789b;border-radius:4px;transition:width .35s ease}.header-processing progress::-moz-progress-bar{background:#4c789b;border-radius:4px}.header-processing-facts{display:flex;justify-content:space-between;gap:8px;white-space:nowrap;font-size:10px;color:#728295;line-height:15px}.header-processing.has-errors .header-processing-errors{color:#ad6154}.header-processing.is-leaving{animation:header-processing-out .5s ease forwards}.header-sync-slot:not(.has-processing)>.sync-status{animation:header-sync-in .25s ease both}@keyframes header-processing-out{to{opacity:0;transform:translateY(-3px)}}@keyframes header-sync-in{from{opacity:0}to{opacity:1}}@media(max-width:1279px){.header-sync-slot:not(.has-processing){display:none}.header-sync-slot{width:330px}.topbar:has(.has-processing) .top-date{display:none}}@media(max-width:699px){.shell .topbar:has(.has-processing){display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 10px}.topbar:has(.has-processing) .mobile-menu{grid-column:1;grid-row:1}.topbar:has(.has-processing) .breadcrumb{grid-column:2;grid-row:1}.topbar:has(.has-processing) .top-actions{grid-column:1/-1;width:100%;min-width:0;justify-content:flex-end}.header-sync-slot.has-processing{width:auto;flex:1;min-width:0;margin-right:6px}.header-processing{height:auto;min-height:40px}.header-processing-heading{font-size:12px}.header-processing-facts{gap:4px;flex-wrap:wrap;font-size:10px;white-space:normal}.header-processing{grid-template-rows:17px 4px auto}}@media(prefers-reduced-motion:reduce){.header-processing.is-leaving{animation:none;opacity:0}.header-sync-slot:not(.has-processing)>.sync-status{animation:none}.header-processing progress::-webkit-progress-value{transition:none}}
