.dx-state-card{padding:var(--dx-state-frame-width);border-radius:var(--dx-radius-card-lg);background:var(--dx-state-frame);box-shadow:var(--dx-shadow-card);transition:background-color var(--dx-dur-medium) var(--dx-ease-standard)}.dx-state-inner{gap:var(--dx-space-4);padding:var(--dx-space-6);border-radius:var(--dx-radius-card);background:var(--dx-state-inner);color:var(--dx-text);transition:background-color var(--dx-dur-medium) var(--dx-ease-standard);display:grid}.dx-state--neutral{--dx-state-frame:var(--dx-state-neutral-frame);--dx-state-inner:var(--dx-state-neutral-inner)}.dx-state--warning{--dx-state-frame:var(--dx-state-warning-frame);--dx-state-inner:var(--dx-state-warning-inner)}.dx-state--success{--dx-state-frame:var(--dx-state-success-frame);--dx-state-inner:var(--dx-state-success-inner)}.dx-state--pending{--dx-state-frame:var(--dx-state-pending-frame);--dx-state-inner:var(--dx-state-pending-inner)}.dx-state-top{justify-content:space-between;align-items:flex-start;gap:var(--dx-space-3);display:flex}.dx-state-label{align-items:center;gap:var(--dx-space-1);height:28px;padding:0 var(--dx-space-3);border-radius:var(--dx-radius-pill);background:var(--dx-surface);color:var(--dx-text-secondary);display:inline-flex}.dx-state--neutral .dx-state-label{background:var(--dx-surface)}.dx-state-trailing{flex-shrink:0}@media (width<=767px){.dx-state-inner{padding:var(--dx-space-5)}}.dx-sync-marker{color:var(--dx-text-tertiary);vertical-align:middle;border-radius:50%;place-items:center;display:inline-grid}.dx-sync-marker.is-failed{color:var(--dx-danger)}.dx-premium-badge{align-items:center;gap:var(--dx-space-1);color:var(--dx-premium-mark);background:0 0;border:0;padding:0;display:inline-flex}button.dx-premium-badge{cursor:pointer}.dx-premium-badge.dx-chip{color:var(--dx-premium-ink);background:var(--dx-chip-premium-bg);padding:0 var(--dx-space-2) 0 6px}