.demo-flow[data-v-c80e02a8]{color:#fff;font-family:Inter,Poppins,system-ui,sans-serif}.demo-flow__label[data-v-c80e02a8]{color:#ffffffb3;font-size:11.5px;font-weight:700;letter-spacing:.16em;margin-bottom:18px;text-transform:uppercase}.demo-flow__list[data-v-c80e02a8]{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.demo-flow__step[data-v-c80e02a8]{border-radius:12px;cursor:default;display:flex;gap:15px;padding:13px 14px;position:relative;transition:background .3s}.demo-flow__step[data-v-c80e02a8]:before{background:hsla(0,0%,100%,.22);bottom:-4px;content:"";left:30px;position:absolute;top:45px;width:2px}.demo-flow__step[data-v-c80e02a8]:last-child:before{display:none}.demo-flow__step.is-active[data-v-c80e02a8]{background:hsla(0,0%,100%,.1)}.demo-flow__marker[data-v-c80e02a8]{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;color:#ffffffd9;display:flex;flex:0 0 33px;font-size:13px;font-weight:700;height:33px;justify-content:center;position:relative;transition:all .3s;width:33px;z-index:1}.demo-flow__check[data-v-c80e02a8]{display:none}.demo-flow__step.is-active .demo-flow__marker[data-v-c80e02a8]{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #ffffff2e;color:var(--color-primary,#2f49d1)}.demo-flow__step.is-done .demo-flow__marker[data-v-c80e02a8]{background:#09d485;border-color:#09d485;color:#fff}.demo-flow__step.is-done .demo-flow__marker .demo-flow__num[data-v-c80e02a8]{display:none}.demo-flow__step.is-done .demo-flow__marker .demo-flow__check[data-v-c80e02a8]{display:block}.demo-flow__body[data-v-c80e02a8]{min-width:0;padding-top:2px}.demo-flow__title[data-v-c80e02a8]{color:#fff;font-size:15.5px;font-weight:700;letter-spacing:-.2px;margin:0 0 3px}.demo-flow__desc[data-v-c80e02a8]{color:#ffffffb8;font-size:13px;line-height:1.5;margin:0}.demo-flow__progress[data-v-c80e02a8]{background:hsla(0,0%,100%,.2);border-radius:3px;height:3px;margin-top:11px;overflow:hidden}.demo-flow__progress span[data-v-c80e02a8]{animation:demo-flow-fill-c80e02a8 linear forwards;background:#fff;border-radius:3px;display:block;height:100%;width:0}@keyframes demo-flow-fill-c80e02a8{0%{width:0}to{width:100%}}