.progress{width:min(330px,92%);margin-top:8px;display:flex;justify-content:center}.steps{width:100%;position:relative;display:flex;align-items:center;gap:0;padding:10px 6px;display:flex;justify-content:space-evenly}&>:first-child{margin-left:0}&>:last-child{margin-right:0}.step{position:relative;display:grid;place-items:center;z-index:1}.dot{width:18px;height:18px;border-radius:999px;background:rgba(0,0,0,.35);border:2px solid rgba(215,162,74,.9);box-shadow:0 8px 18px rgba(0,0,0,.35)}.step.done .dot{background:radial-gradient(circle at 30% 30%,#fff2c8,#d7a24a 60%,#b97a2b);border-color:rgba(255,255,255,.25)}.step.current .dot{width:22px;height:22px;background:radial-gradient(circle at 30% 30%,#fff2c8,#d7a24a 60%,#b97a2b);border-color:rgba(255,255,255,.25);box-shadow:0 10px 22px rgba(0,0,0,.45)}.step.last .dot{width:24px;height:24px;background:url("ims/level icons/bronze.png") center/cover no-repeat;border:2px solid rgba(215,162,74,.9)}