.hn-shell .hn-flow-card{border-color:#bcd7ff;background:linear-gradient(120deg,#f5faff,#edf5ff)}.hn-shell .hn-flow-card>strong{font-size:17px;color:#103b75}.hn-shell .hn-flow-card>p{font-size:13px;line-height:1.9}.hn-shell .hn-flow-steps{display:flex;gap:20px;padding:0;list-style:none;counter-reset:flow;margin:16px 0}.hn-shell .hn-flow-steps>li{counter-increment:flow;display:flex;align-items:center;gap:7px;color:#8096b4;font-size:12px}.hn-shell .hn-flow-steps>li:before{content:counter(flow);display:grid;place-items:center;width:23px;height:23px;border:1px solid #cadbf1;border-radius:50%;font-size:11px}.hn-shell .hn-flow-steps>.current{color:#0960ed;font-weight:700}.hn-shell .hn-flow-steps>.current:before{background:#0960ed;color:white;border-color:#0960ed}.hn-shell .hn-flow-steps>.done{color:#098b71}.hn-shell .hn-flow-card>details{margin-top:14px;color:#6d84a5;font-size:12px}.hn-shell .hn-flow-card>details>summary{cursor:pointer}.hn-shell .hn-flow-card>details .btn{margin:10px}.hn-shell .hn-step-feedback{padding:12px 15px;background:#edf5ff;border:1px solid #cfe1ff;border-radius:12px;font-size:13px;line-height:1.8;color:#125ab9}@media(max-width:420px){.hn-shell .hn-flow-steps{gap:10px}.hn-shell .hn-flow-steps>li{font-size:10px;gap:5px}.hn-shell .hn-flow-card>strong{font-size:15px}}
.hn-shell .hn-flow-blocked{background:#fffaf0;border-color:#edcf8c}.hn-shell .hn-flow-blocked>strong{color:#875d17}.hn-shell .hn-flow-blocked>p{color:#795e37}