.cn-meta-bar{--cn-track-bg: #f0f0f0;--cn-progress-start: #00b050;--cn-progress-end: #7af07a;display:flex;flex-direction:column;gap:10px;margin:14px 0;font-family:inherit;color:#333}.cn-meta-bar-track{background:var(--cn-track-bg);border-radius:999px;height:30px;position:relative;overflow:hidden}.cn-meta-bar-progress{height:100%;width:0%;background:linear-gradient(90deg, var(--cn-progress-start), var(--cn-progress-end));border-radius:999px;transition:width 900ms cubic-bezier(0.2, 0.9, 0.2, 1);box-shadow:0 4px 14px rgba(0,176,80,.12) inset;position:relative}.cn-meta-bar-progress::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.18) 100%);transform:translateX(-100%);animation:cn-shimmer 1.6s ease-in-out infinite;pointer-events:none}@keyframes cn-shimmer{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}.cn-meta-bar-track-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#000;z-index:2;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.6)}.cn-meta-bar-track-label--light{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.24)}.cn-meta-bar-info{font-size:15px;color:#444}.cn-meta-bar-percent{font-size:14px;color:#0a5e1f;font-weight:800;text-transform:uppercase;text-align:center}@media(max-width: 480px){.cn-meta-bar-info{font-size:13px}.cn-meta-bar-percent{font-size:12px}.cn-meta-bar-track{height:16px}}