.target-progress {
    display: block;
    width: 100%;
    height: .7rem;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    accent-color: #4f46e5;
}
.target-progress::-webkit-progress-bar { background: #e2e8f0; border-radius: 999px; }
.target-progress::-webkit-progress-value { background: linear-gradient(90deg,#4f46e5,#8b5cf6); border-radius: 999px; }
.target-progress::-moz-progress-bar { background: #4f46e5; border-radius: 999px; }
.chart-swatch.chart-color-0 { background: #4f46e5; }
.chart-swatch.chart-color-1 { background: #f97316; }
.chart-swatch.chart-color-2 { background: #16a34a; }
.chart-swatch.chart-color-3 { background: #06b6d4; }
.chart-swatch.chart-color-4 { background: #8b5cf6; }
.chart-swatch.chart-color-5 { background: #f59e0b; }
.chart-swatch.chart-color-6 { background: #64748b; }