.slider,.card{transition:background-color .25s,color .25s,border-color .25s}.slider{background:var(--marquee-bg);border:1px solid var(--card-border);border-radius:20px;position:relative;overflow:hidden}.track{will-change:transform;gap:16px;padding:16px;display:flex}.card{background:var(--card-bg);border:1px solid var(--card-border);min-width:260px;color:var(--text-primary);border-radius:16px;flex-shrink:0;padding:16px}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:11px}.tag{background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);border-radius:999px;padding:4px 8px;font-size:10px}.value{margin-bottom:6px;font-size:1.75rem;font-weight:600;line-height:1.2}.subtitle{color:#9ca3af;font-size:.85rem;line-height:1.4}.slider:before,.slider:after{content:"";z-index:2;pointer-events:none;width:60px;height:100%;position:absolute;top:0}.slider:before{background:linear-gradient(to right,var(--fade-bg),transparent);left:0}.slider:after{background:linear-gradient(to left,var(--fade-bg),transparent);right:0}.skeleton{background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));background-size:200% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-label{width:80px;height:12px}.skeleton-tag{border-radius:999px;width:50px;height:18px}.skeleton-value{width:140px;height:32px;margin:10px 0}.skeleton-subtitle{width:100%;height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.label,.subtitle{color:var(--text-secondary)}
