.step[data-v-3a26640c]{--border-width:1px;border:var(--border-width) solid #000;border-left:none;border-top:none;box-sizing:content-box;position:relative;width:100%;height:100%}.step .ball[data-v-3a26640c]{--ball-width:75%;position:absolute;bottom:0;left:50%;margin-left:calc(var(--ball-width)/-2);width:var(--ball-width);height:var(--ball-width);border-radius:50%;background-color:red}.step .next-step-positioner[data-v-3a26640c]{position:absolute;left:calc(100% + var(--border-width));bottom:calc(100% + var(--border-width));width:100%;height:100%}body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;padding:0 5vh 5vh 5vh}@media only screen and (max-width:600px){#app{padding:0 2vh 2vh 2vh}}.actions{max-width:700px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.steps-container{position:relative;margin:10vh auto 0 auto;width:65vmin;aspect-ratio:1/1}.steps-container .step-positioner{position:absolute;bottom:0;left:0}