.sync{position:relative;width:min(100%,360px);margin:0 auto;container-type:inline-size}.sync__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sync__line,.sync__stem{stroke-width:1.25;stroke-linecap:round;stroke-dasharray:3 5;animation:sync-flow 7.2s linear infinite}.sync__stem{opacity:.45}@keyframes sync-flow{to{stroke-dashoffset:-64}}.sync__pulse{offset-rotate:0deg;opacity:0;animation:sync-travel 7.2s linear infinite;will-change:offset-distance,opacity}.sync__pulse--stem{animation-name:sync-travel-stem}@keyframes sync-travel-stem{0%{offset-distance:0%;opacity:0}1%{opacity:1}10%{opacity:1}12.5%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes sync-travel{0%{offset-distance:0%;opacity:0}1.5%{opacity:1}27%{opacity:1}30.5%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}.sync__brand{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.sync__brand img{display:block}.sync__card{position:absolute;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:var(--balu-white);border:1px solid var(--balu-border);box-shadow:0 8px 22px var(--balu-blue-12)}.sync__cardhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px}.sync__cardname{font-size:13px;font-weight:700;color:var(--balu-ink)}.sync__fields{display:flex;flex-direction:column;gap:5px}.sync__fields>div{display:flex;flex-direction:column;gap:1px}.sync__fields dt{font-size:9px;color:var(--balu-muted-3)}.sync__fields dd{font-size:11px;color:var(--balu-muted);line-height:1.3}.sync__node{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:999px;background:var(--balu-white);border:1px solid var(--balu-border);box-shadow:0 3px 10px var(--balu-ink-10);opacity:0;animation:sync-node 7.2s ease-out infinite}.sync__ring{position:absolute;inset:-6px;border-radius:999px;border:2px solid var(--balu-blue);opacity:0;animation:sync-ring 7.2s ease-out infinite;animation-delay:inherit;pointer-events:none}@keyframes sync-node{0%,to{opacity:.28;transform:scale(.94)}6%{opacity:1;transform:scale(1.06)}12%{transform:scale(1)}88%{opacity:1;transform:scale(1)}}@keyframes sync-ring{0%{opacity:0;transform:scale(.82)}6%{opacity:.9;transform:scale(1)}22%{opacity:0;transform:scale(1.22)}to{opacity:0;transform:scale(1.22)}}@container (max-width: 320px){.sync__node{width:42px;height:42px;margin:-21px 0 0 -21px}}@container (max-width: 260px){.sync__node{width:34px;height:34px;margin:-17px 0 0 -17px}.sync__fields dd{font-size:10px}}@media (prefers-reduced-motion: reduce){.sync__line,.sync__stem,.sync__pulse,.sync__node,.sync__ring{animation:none}.sync__pulse{display:none}.sync__line,.sync__stem{stroke-dasharray:none}.sync__node{opacity:1;transform:none}.sync__ring{opacity:.5;transform:none}}