/* Native progress values carry dynamic data; all presentation stays here. */
.promotion-trackers { min-height: 1px; }
.promotion-tracker { padding: 16px; }
.promotion-tracker p { margin: 0 0 12px; overflow-wrap: anywhere; }
.promotion-tracker progress {
    appearance: none;
    display: block;
    width: 100%;
    height: 8px;
    border: 0;
    border-radius: 5px;
    background: var(--promotion-track, #eee);
    color: var(--promotion-progress, #0099ed);
}
.promotion-tracker progress::-webkit-progress-bar { background: var(--promotion-track, #eee); border-radius: 5px; }
.promotion-tracker progress::-webkit-progress-value { background: var(--promotion-progress, #0099ed); border-radius: 5px; }
.promotion-tracker progress::-moz-progress-bar { background: var(--promotion-progress, #0099ed); border-radius: 5px; }
.promotion-tracker__milestones { display: flex; justify-content: space-around; gap: 12px; padding: 0; margin: 10px 0 0; list-style: none; }
.promotion-tracker__milestones li { display: grid; justify-items: center; gap: 4px; font-size: 12px; }
.promotion-tracker__milestones .cg-star { font-size: 20px; }
.promotion-tracker__milestones .is-reached { color: var(--promotion-progress, #0099ed); }