.steps[data-v-52f632c6]{width:100%;height:100%;display:block;position:absolute}.step1[data-v-52f632c6]{width:100%;height:100%;display:flex;position:absolute;justify-content:center;align-items:center;flex-direction:column}.step1 .examples[data-v-52f632c6]{padding-top:10px;display:flex;flex-direction:row;gap:10px}.step1 .examples a[data-v-52f632c6]{color:#ccc}.step2[data-v-52f632c6]{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column}.step2 .mapping[data-v-52f632c6]{display:flex;flex-direction:row;align-items:center;justify-content:center}.step2 .mapping>div[data-v-52f632c6]{flex:1 1 50%}.step2 .units[data-v-52f632c6]{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.step2 .units .unit[data-v-52f632c6]{flex:1 1 80px;border:1px solid black;border-radius:5px;padding:10px;display:flex;flex-direction:column;background:white}.step2 .units .unit.active[data-v-52f632c6]{background-color:#7fffd4}.step2 .units .unit.selected[data-v-52f632c6]{background-color:#8fbc8f}.step2 .units .unit .unit_info[data-v-52f632c6]{display:flex;flex-direction:row;gap:10px}.step2 .next-btn[data-v-52f632c6]{background-color:transparent;border:1px solid black;border-radius:5px;padding:10px 20px;text-transform:uppercase;cursor:pointer}.step3[data-v-52f632c6]{display:flex;height:100%;justify-content:center;align-items:center}.step3 .preview[data-v-52f632c6]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.step3 .unit-info[data-v-52f632c6]{position:absolute;overflow:scroll;border:1px solid black;border-radius:10px;padding:30px;background-color:#fff}.step3 .unit-info .name[data-v-52f632c6]{font-size:24px}.step2 .map polygon{stroke:red;stroke-width:3px;fill:transparent}.step2 .map polygon.active{stroke:green}.step3 .preview svg{max-height:100%;width:100%;height:100%}.step3 .preview svg polygon{fill:transparent;stroke:#000}.step3 .preview svg polygon.active{fill:#7fffd4}