.curved-edge{--c:70px;aspect-ratio:1;width:100dvw;height:120dvh;-webkit-mask:radial-gradient(60% var(--c) at 50% var(--c), #0000 calc(100% - 2px), #000) 0 calc(-1 * var(--c));mask:radial-gradient(60% var(--c) at 50% var(--c), #0000 calc(100% - 2px), #000) 0 calc(-1 * var(--c));background:#6d2fec}.wizard{justify-content:space-between;align-items:flex-start;width:100vw;padding-bottom:7.5rem;display:flex;position:relative;right:1rem;overflow:hidden}.step{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.circle{color:#fff;z-index:1;background:#6d2fec;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;line-height:28px;display:flex;position:relative;overflow:hidden}.circle.circle-active{color:green;background:#fff;border:2px solid green;transition:background 1s ease-in}.step-text{color:#fff;opacity:.6;letter-spacing:.64px;margin-top:.5rem;font-family:Inter;font-size:1rem;line-height:19.2px}.wizard-line{z-index:0;background-color:#fff;width:0%;height:2px;position:absolute;top:20px;left:50%;overflow:hidden}.wizard-line:before{content:"";z-index:1;transform-origin:0;background-color:#fff;width:0;height:100%;animation:none;position:absolute;top:0;left:0}.wizard-line.wizard-line-active{animation:3.5s ease-in forwards highlight}.wizard-line.wizard-line-two-active{animation:1.2s ease-in 1.5s forwards highlight}@keyframes highlight{0%{width:0}to{width:100%}}@media (max-width:768px){.curved-edge{height:265dvh}}
