.ddg-timeline-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:18px 0 22px;padding:18px 14px;border:1px solid #e2e6eb;border-radius:14px;background:#fff}.ddg-timeline-step{position:relative;display:grid;justify-items:center;gap:8px;color:#9aa2ad;text-align:center;font-size:11px;font-weight:850}.ddg-timeline-step:not(:last-child):before{content:"";position:absolute;top:15px;left:calc(50% + 17px);right:calc(-50% + 17px);height:3px;border-radius:999px;background:#e4e8ed}.ddg-timeline-step.is-done:not(:last-child):before{background:#22a866}.ddg-timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:3px solid #e4e8ed;border-radius:50%;background:#fff;color:#9099a5;font-size:11px}.ddg-timeline-step.is-done{color:#187a4c}.ddg-timeline-step.is-done .ddg-timeline-dot{border-color:#22a866;background:#22a866;color:#fff}.ddg-timeline-step.is-current{color:#202733}.ddg-timeline-step.is-current .ddg-timeline-dot{border-color:var(--brand,#db2b35);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand,#db2b35) 12%,transparent);color:var(--brand,#db2b35)}@media(max-width:760px){.ddg-timeline-progress{grid-template-columns:repeat(7,92px);overflow-x:auto;justify-content:start}.ddg-timeline-step:not(:last-child):before{left:calc(50% + 17px);right:calc(-50% + 17px)}}