.sync{width:min(100%,360px,56.6038vh - 72.4528px);margin:0 auto;position:relative;container-type:inline-size}.sync__lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sync__line,.sync__stem{stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:3 5;animation:7.2s linear infinite sync-flow}.sync__stem{opacity:.45}@keyframes sync-flow{to{stroke-dashoffset:-64px}}.sync__pulse{offset-rotate:0deg;opacity:0;will-change:offset-distance, opacity;animation:7.2s linear infinite sync-travel}.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{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sync__brand img{display:block}.sync__card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;box-shadow:0 8px 22px #3b5beb1a}.sync__cardhead{align-items:baseline;gap:8px;display:flex}.sync__cardname{font-size:13px;font-weight:var(--w-bold);color:var(--ink)}.sync__fields{flex-direction:column;gap:5px;display:flex}.sync__fields>div{flex-direction:column;gap:1px;display:flex}.sync__fields dt{color:var(--ink-4);font-size:9px}.sync__fields dd{color:var(--ink-2);font-size:11px;line-height:1.3}.sync__node{border:1px solid var(--line);opacity:0;background:#fff;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;margin:-25px 0 0 -25px;animation:7.2s ease-out infinite sync-node;display:flex;position:absolute;box-shadow:0 3px 10px #0d111a12}.sync__ring{border:2px solid var(--nav-active);opacity:0;animation:7.2s ease-out infinite sync-ring;animation-delay:inherit;pointer-events:none;border-radius:16px;position:absolute;inset:-6px}@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 (width<=320px){.sync__node{width:42px;height:42px;margin:-21px 0 0 -21px}}@container (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}}