/* Keep the panels quiet; the pointer trail supplies the motion. */
.client-aura .panel::after { display: none; }
.client-aura .cards, .client-aura .panel { animation: none; }
.client-aura .card:hover { transform: none; animation: none; background: linear-gradient(180deg,var(--panel-2),var(--panel)) padding-box, linear-gradient(135deg,rgba(140,221,210,.2),rgba(195,162,236,.2)) border-box; box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.05); }
.client-aura .card:hover::before { animation: none; opacity: .45; }
.client-aura .card .value.iri { animation: none; background-position: 50% 50%; }
.cursor-aura-canvas { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none !important; z-index: 0; contain: strict; }
@media print { .cursor-aura-canvas { display: none; } }

.client-aura { isolation: isolate; }
.client-aura > .wrap { position: relative; z-index: 1; }
.client-aura .panel, .client-aura .card, .client-aura .card:hover {
  background: linear-gradient(160deg, rgba(26,26,34,.63), rgba(13,13,19,.72));
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  border-color: rgba(226,226,246,.12);
}
@supports not (backdrop-filter: blur(1px)) {
  .client-aura .panel, .client-aura .card { background: rgba(17,17,23,.93); }
}