.step-bar[data-v-4a909a23]{display:flex;margin:0;padding:0;box-sizing:border-box;list-style-type:none;font-size:10pt;justify-content:flex-start}.step-bar .step[data-v-4a909a23]{counter-increment:step;position:relative;display:grid;grid-template-rows:1em 32px auto;grid-row-gap:5px;margin:0;padding:0;width:70px;box-sizing:inherit;font-size:inherit;justify-items:center}.step-bar .step__title[data-v-4a909a23]{grid-row:1;margin:0;padding:0;line-height:1.25;color:#bebebe;font-size:1em;font-weight:700}.step-bar .step__text[data-v-4a909a23]{grid-row:-2;margin:0;padding:0;line-height:1.25;color:#d8d8d8;font-size:1em;text-align:center}.step-bar .step[data-v-4a909a23]:after{content:counter(step);grid-row:2;display:flex;margin:0;padding:0;width:32px;height:32px;box-sizing:inherit;background-color:#bebebe;border:3px solid #bebebe;border-radius:32px;color:#fff;font-size:1.2em;font-weight:700;justify-content:center;align-items:center;z-index:10}.step-bar .step[data-v-4a909a23]:not(:first-child):before{content:"";grid-row:2;position:absolute;display:block;margin:0;padding:0;top:15px;left:-22px;width:44px;height:2px;box-sizing:inherit;background-color:#bebebe;border:0 solid #bebebe}.step-bar .step.is-active-bar .step__text[data-v-4a909a23],.step-bar .step.is-active-bar .step__title[data-v-4a909a23],.step-bar .step.is-active .step__text[data-v-4a909a23],.step-bar .step.is-active .step__title[data-v-4a909a23]{color:var(--purpply-primary-color)}.step-bar .step.is-active-bar[data-v-4a909a23]:after,.step-bar .step.is-active[data-v-4a909a23]:after{color:#fff;border-color:var(--purpply-primary-color);background-color:var(--purpply-primary-color)}.step-bar .step.is-active-bar[data-v-4a909a23]:not(:first-child):before{border-color:#598eff;background-color:#598eff}.step-bar.is-progress .step .step__text[data-v-4a909a23],.step-bar.is-progress .step .step__title[data-v-4a909a23]{color:var(--purpply-primary-color)}.step-bar.is-progress .step[data-v-4a909a23]:after{color:#fff;border-color:var(--purpply-primary-color);background-color:var(--purpply-primary-color)}.step-bar.is-progress .step[data-v-4a909a23]:not(:first-child):before{border-color:#598eff;background-color:#598eff}.step-bar.is-progress .step.is-active-bar~.step .step__title[data-v-4a909a23],.step-bar.is-progress .step.is-active~.step .step__title[data-v-4a909a23]{color:#bebebe}.step-bar.is-progress .step.is-active-bar~.step .step__text[data-v-4a909a23],.step-bar.is-progress .step.is-active~.step .step__text[data-v-4a909a23]{color:#d8d8d8}.step-bar.is-progress .step.is-active-bar~.step[data-v-4a909a23]:after,.step-bar.is-progress .step.is-active~.step[data-v-4a909a23]:after{color:#fff;border-color:#bebebe;background-color:#bebebe}.step-bar.is-progress .step.is-active-bar~.step[data-v-4a909a23]:not(:first-child):before,.step-bar.is-progress .step.is-active~.step[data-v-4a909a23]:not(:first-child):before{border-color:#bebebe;background-color:#bebebe}.step-bar.is-title-bottom .step[data-v-4a909a23]{grid-template-rows:32px 1em auto}.step-bar.is-title-bottom .step__title[data-v-4a909a23]{grid-row:2}.step-bar.is-title-bottom .step__text[data-v-4a909a23]{grid-row:-2}.step-bar.is-title-bottom .step[data-v-4a909a23]:after,.step-bar.is-title-bottom .step[data-v-4a909a23]:not(:first-child):before{grid-row:1}.p-text-purpply[data-v-4a909a23]{color:var(--gray-700)}.btn[data-v-4a909a23]{border-radius:10px;border-bottom:0;display:inline-block;padding:10px;position:relative;text-align:center;transition:background .6s ease,color .6s ease}input[type=radio].toggle[data-v-4a909a23]{display:none}input[type=radio].toggle+label[data-v-4a909a23]{cursor:pointer;min-width:120px;background-color:var(--purpply-unselected-color)}input[type=radio].toggle+label[data-v-4a909a23]:hover{background:none;color:var(--purpply-primary-color)}input[type=radio].toggle+label[data-v-4a909a23]:after{background-color:var(--purpply-primary-color);content:"";height:100%;position:absolute;top:0;transition:left .2s cubic-bezier(.77,0,.175,1);width:100%;z-index:-1}input[type=radio].toggle.toggle-left+label[data-v-4a909a23]{border-right:0}input[type=radio].toggle.toggle-left+label[data-v-4a909a23]:after{left:100%}input[type=radio].toggle.toggle-right+label[data-v-4a909a23]{margin-left:0}input[type=radio].toggle.toggle-right+label[data-v-4a909a23]:after{left:-100%}input[type=radio].toggle:checked+label[data-v-4a909a23]{cursor:default;color:#fff;background-color:var(--purpply-primary-color);transition:color .2s}input[type=radio].toggle:checked+label[data-v-4a909a23]:after{left:0}