.msb-track{background-color:#d9d9d9;border-radius:10px;align-items:center;width:89.3%;height:6px;margin:26px auto 16px;display:flex;position:relative}.msb-fill{z-index:0;background:#51af9b;border-radius:10px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.msb-step{z-index:1;color:#b0b0b0;cursor:pointer;background-color:#fff;border:2px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:500;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute;transform:translate(-50%)}.msb-step.accomplished{color:#fff;background-color:#51af9b;border-color:#51af9b}.msb-step.accomplished:not(:has(~.msb-step.accomplished)){box-shadow:0 0 0 3px #17c3b240}.msb-step.locked{cursor:not-allowed}@media screen and (max-width:480px){.msb-step{width:16px;height:16px;font-size:7px}.msb-track{width:87%}}