.sdg-timeline{--tl-gap:16px;--tl-pad:24px;--tl-inset:calc(var(--tl-pad) + (100% - 2 * var(--tl-pad) - (var(--tl-count) - 1) * var(--tl-gap)) / (2 * var(--tl-count)));position:relative}.sdg-timeline-list{grid-template-columns:repeat(var(--tl-count), minmax(0, 1fr));gap:var(--tl-gap);margin:0;padding:0;list-style:none;display:grid;position:relative}.sdg-timeline-rail{top:58px;left:var(--tl-inset);right:var(--tl-inset);background:#dde3ea;border-radius:2px;height:4px;position:absolute}.dark .sdg-timeline-rail{background:#ffffff1a}.sdg-timeline-fill{width:var(--tl-progress);border-radius:inherit;background:#1a237e;position:absolute;inset:0 auto 0 0}.dark .sdg-timeline-fill{background:#4fc3f7}.sdg-timeline-item{flex-direction:column;align-items:center;padding-top:44px;display:flex}.sdg-timeline-node{z-index:1;border:4px solid var(--node);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:20px;display:flex;position:relative}.dark .sdg-timeline-node{background:#0c1445}.sdg-timeline-node.is-past{background:var(--node)}.sdg-timeline-node.is-goal{color:#fff;background:#1a237e;border-color:#1a237e;width:40px;height:40px;margin-top:-4px;margin-bottom:16px}.dark .sdg-timeline-node.is-goal{color:#0c1445;background:#4fc3f7;border-color:#4fc3f7}.sdg-timeline-card{text-align:center;background:#fff;border:1px solid #dde3ea;border-radius:2px;flex:1;width:100%;padding:18px;transition:border-color .2s}.dark .sdg-timeline-card{background:#ffffff0a;border-color:#334155}.sdg-timeline-item:hover .sdg-timeline-card{border-color:#1565c0}.sdg-timeline-card.is-goal{color:#fff;background:#1a237e;border-color:#1a237e}.sdg-timeline-card.is-goal h4,.sdg-timeline-card.is-goal p{color:#ffffffe6}.dark .sdg-timeline-card.is-goal{background:#4fc3f71f;border-color:#4fc3f759}.sdg-timeline-node.is-now{color:#0c1445;background:var(--node);border-color:var(--node)}.sdg-timeline-card.is-now{background:0 0;border:2px dashed #4fc3f7b3}.dark .sdg-timeline-card.is-now{background:#4fc3f70f}.sdg-timeline-current-badge{color:#0c1445;background:#4fc3f7;border-radius:2px;margin-bottom:8px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}@media (max-width:767px){.sdg-timeline-list{grid-template-columns:1fr;gap:18px}.sdg-timeline-list:before{content:"";background:#dde3ea;border-radius:2px;width:3px;position:absolute;top:16px;bottom:16px;left:15px}.dark .sdg-timeline-list:before{background:#ffffff1a}.sdg-timeline-rail{display:none}.sdg-timeline-item{flex-direction:row;align-items:flex-start;gap:16px;padding-top:0}.sdg-timeline-node,.sdg-timeline-node.is-goal{flex-shrink:0;margin:12px 0 0}.sdg-timeline-node.is-goal{margin-left:-4px}.sdg-timeline-card{text-align:left}}
