.sync{container-type:inline-size}.sync__body{gap:var(--vy-space-5);display:grid}@container (width>=640px){.sync__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}.sync__controls{grid-column:1/-1}}.sync__lines{width:100%;height:160px}@container (width<=639px){.sync__lines{display:none}}.sync__lines path{transition:stroke var(--vy-dur-slow) var(--vy-ease-move)}.sync__state{color:var(--vy-status-verified)}.sync__g{display:none}[data-state=verified] .sync__g--ok,[data-state=syncing] .sync__g--run{display:inline-flex}[data-state=syncing] .sync__state{color:var(--vy-text-muted)}[data-state=problem] .sync__state,[data-state=problem] .srow__detail{color:var(--vy-warning)}.sync__controls{gap:var(--vy-space-4);flex-wrap:wrap;align-items:center;display:flex}.sync__rows .srow{padding-block:16px}