.deal-status-field.has-stepper{gap:10px}
.deal-status-field.has-stepper>select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.deal-status-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border:0}
.deal-status-stepper.has-branch{display:flex;flex-direction:column;gap:0}
.deal-status-main{display:grid;grid-template-columns:repeat(var(--deal-status-main-cols,4),minmax(0,1fr))}
.deal-status-branch{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% / var(--deal-status-main-cols,4));margin-left:calc(100% * (var(--deal-status-main-cols,4) - 1) / var(--deal-status-main-cols,4))}
.deal-status-branch-connector{position:relative;width:24px;height:14px;margin:0}
.deal-status-branch-connector::before{content:"";position:absolute;left:11px;top:0;width:2px;height:100%;background:#d9dee7;border-radius:2px;transition:background .18s ease}
.deal-status-branch-connector::after{display:none}
.deal-status-branch:has(.is-current) .deal-status-branch-connector::before,.deal-status-branch:has(.is-current) .deal-status-branch-connector::after{background:#ff681d}
.deal-status-step-branch{grid-template-columns:24px 1fr;grid-template-rows:none;justify-items:start;align-items:center;gap:7px;text-align:left;padding-top:1px}
.deal-status-step-branch::before{display:none}
.deal-status-step-branch .deal-status-dot{width:24px;height:24px;font-size:.68rem}
.deal-status-dot-pause:before{content:"";display:block;width:13px;height:13px;background:currentColor;mask:url('/assets/icons/deals/pause.svg') center/contain no-repeat;-webkit-mask:url('/assets/icons/deals/pause.svg') center/contain no-repeat}
.deal-status-step-branch strong{font-size:.72rem}
.deal-status-step{position:relative;display:grid;grid-template-rows:28px auto;justify-items:center;gap:7px;min-width:0;cursor:pointer;text-align:center}
.deal-status-step:not(:first-child)::before{content:"";position:absolute;z-index:0;top:13px;right:50%;width:100%;height:3px;background:#d9dee7;transition:background .18s ease}
.deal-status-step.is-path:not(:first-child)::before{background:linear-gradient(90deg,#ff8a48,#ff681d)}
.deal-status-step input{position:absolute;opacity:0;pointer-events:none}
.deal-status-dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border:2px solid #d9dee7;border-radius:50%;background:#f5f6f8;color:#8a93a3;font-size:.75rem;font-weight:800;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}
.deal-status-step strong{max-width:100%;color:#8a93a3;font-size:.75rem;line-height:1.25;font-weight:700;transition:color .18s}
.deal-status-step.is-path .deal-status-dot{border-color:#ff681d;background:#ff681d;color:#fff}
.deal-status-step.is-path strong{color:#384152}
.deal-status-step.is-current .deal-status-dot{box-shadow:0 0 0 5px rgba(255,104,29,.14);transform:scale(1.06)}
.deal-status-step input:focus-visible+.deal-status-dot{outline:3px solid rgba(40,105,173,.25);outline-offset:3px}
@media(max-width:480px){.deal-status-stepper{grid-template-columns:1fr;gap:5px}.deal-status-step{grid-template-columns:28px 1fr;grid-template-rows:auto;justify-items:start;align-items:center;text-align:left}.deal-status-step:not(:first-child)::before{top:auto;right:auto;bottom:50%;left:13px;width:3px;height:100%}.deal-status-step strong{font-size:.8125rem}.deal-status-main{grid-template-columns:1fr;gap:5px}.deal-status-branch{width:100%;margin-left:0;margin-top:5px}.deal-status-branch-connector{margin-top:0}.deal-status-branch-connector::before{left:11px;top:-8px;height:calc(100% + 8px)}}