.xactivity-status{display:flex;align-items:center;gap:8px;min-height:1.6em;margin:12px 0;color:var(--ink-3,#999);font-size:12px;line-height:1.6}
.xactivity-status .sync-spin{display:none;flex-shrink:0;margin:0;width:12px;height:12px}
.xactivity-status.is-syncing .sync-spin{display:inline-block}
.xactivity-retry{border:0;border-bottom:1px solid currentColor;background:none;color:var(--ink,#eee);font:inherit;cursor:pointer;padding:1px 0;white-space:nowrap}
.xactivity .xtxrow.xactivity-in{animation:xactivity-in .34s ease-out backwards;animation-delay:var(--activity-delay,0ms)}
.xactivity-locked-body{filter:blur(5px);opacity:.48;pointer-events:none;user-select:none;-webkit-user-select:none;margin-top:20px;overflow:hidden}
.xactivity-locked-body .xtxrow{cursor:default;min-height:52px;align-items:center}
.xactivity-placeholder{display:block;height:12px;background:currentColor;opacity:.48;border-radius:2px;max-width:100%}
.xactivity-placeholder-id{width:190px;min-width:0;margin-right:auto}
.xactivity-placeholder-kind{width:72px;flex-shrink:0}
.xactivity-placeholder-amount{width:96px;flex-shrink:0}
.xactivity-locked-footer{margin:24px 0 4px}
.xactivity-locked-footer .xactivity-placeholder{width:128px;height:15px}
@media(max-width:600px){.xactivity-placeholder-id{width:136px}.xactivity-placeholder-kind{width:54px}.xactivity-placeholder-amount{width:62px}}
@keyframes xactivity-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.xactivity .xtxrow.xactivity-in,.xactivity .sync-spin{animation:none}}

.xactivity:not(.xactivity--locked) .xtxrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}
.xactivity .xactivity-id{grid-column:1;min-width:0}.xactivity .xactivity-kind{grid-column:1;font-size:12px}
.xactivity:not(.xactivity--locked) .io-val{grid-column:2;grid-row:1/3;align-self:center}
.xactivity-meta{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;font-size:11px;line-height:1.6;min-width:0}
.xactivity-time{overflow-wrap:anywhere}.xactivity-height{white-space:nowrap}
@media(max-width:400px){.xactivity:not(.xactivity--locked) .xtxrow{gap:5px 8px}.xactivity-meta{font-size:10px}}