:root{--module-width:min(calc(100vw),1600px);--step-path-base-height:300px;--step-path-border:5px;--step-inner-circle:25px;--path-inner-circle:30px;--step-label-width-ratio:.7;--step-label-width:calc(var(--module-width)*var(--step-label-width-ratio));--step-label-height:calc(var(--step-path-base-height) - 2*var(--path-inner-circle));--step-label-radius:var(--step-label-height);--step-path-size:calc(var(--step-path-base-height) - (2*var(--step-path-border)));--step-number-size:calc(var(--step-path-base-height) - (2*var(--step-inner-circle)) - 2*(var(--path-inner-circle)));--step-description-width:calc(100% - var(--step-number-size) - 1*var(--step-inner-circle)) - 10px;--step-path-width:calc(var(--step-label-width) + 2*var(--path-inner-circle) - 2*var(--step-path-border));--wrapper-move:calc((var(--step-label-width-ratio) - .5)*var(--module-width));--wrapper-width:calc(var(--wrapper-move) + var(--path-inner-circle))}#workflow{max-width:1600px;margin-top:120px;margin-left:auto;margin-right:auto}#workflow-intro{width:100%;max-width:700px;margin-left:160px}#workflow-intro h1{text-align:left}#workflow-intro p{color:#555}#workflow-steps{margin-top:60px;position:relative}.workflow-step-left:first-of-type{margin-top:0}.workflow-step-left,.workflow-step-right{margin-top:calc(-1*var(--step-path-border));display:flex;position:relative}.workflow-step-right{text-align:right;justify-content:right}.step-path-wrapper-wrapper{width:0}.step-path-wrapper{width:var(--wrapper-width);right:var(--wrapper-move);position:relative;overflow:hidden}.workflow-step-right .step-path-wrapper{right:calc(var(--path-inner-circle))}.step-path{width:var(--step-path-width);height:var(--step-path-size);border:var(--step-path-border)dashed #c3dac3;border-radius:var(--step-path-size);right:calc(var(--step-label-width) - var(--wrapper-move) + var(--path-inner-circle));position:relative}.workflow-step-right .step-path{right:0}.step{width:var(--step-label-width);height:var(--step-label-height);background-color:var(--main-color);border-radius:0;border-top-right-radius:var(--step-label-radius);border-bottom-right-radius:var(--step-label-radius);color:#fff;top:calc(var(--path-inner-circle));flex-shrink:0;align-items:center;display:flex;position:relative}.workflow-step-right .step{border-radius:0;border-top-left-radius:var(--step-label-radius);border-bottom-left-radius:var(--step-label-radius)}.step-description{width:calc(var(--step-description-width) - 160px);margin-left:160px}.step-description .inline-header{display:none}.step-description p{font-size:14px}.workflow-step-right .step-description{margin-right:160px;margin-left:calc(var(--step-number-size) + 1*var(--step-inner-circle) + 10px)}.step-number{width:calc(var(--step-number-size) - 20px);height:calc(var(--step-number-size) - 20px);right:var(--step-inner-circle);top:var(--step-inner-circle);color:#555;text-align:center;background-color:#fff;border-radius:100%;justify-content:center;align-items:center;margin:0;padding:10px;font-size:22px;font-weight:900;display:flex;position:absolute}.step-number.textual{display:none}.workflow-step-right .step-number{left:var(--step-inner-circle);right:0}.step-name{align-items:center;width:fit-content;margin-left:125px;margin-right:20px;display:flex}.workflow-step-right .step-name{margin-left:20px;margin-right:125px}.step-name h2{color:#333;font-size:30px}.step-path-start,.step-path-end{background-color:#c3dac3;border-radius:100%;width:30px;height:30px;position:absolute;top:-10px;left:calc(50% - 15px)}.step-path-end{top:auto;bottom:-10px}#workflow-intro-wrapper{margin-left:30px;margin-right:30px}@media only screen and (width<=1100px){:root{--step-path-base-height:280px;--step-path-border:5px;--step-inner-circle:15px;--path-inner-circle:40px}#workflow-intro{margin-left:0}.step-description{width:calc(var(--step-description-width) - 80px);margin-left:80px}.workflow-step-right .step-description{margin-right:80px}:root{--step-label-width-ratio:.7}.step-number.textual{display:flex}.step-number{font-size:20px}.step-number.numeric,.step-name{display:none}}@media only screen and (width<=800px){:root{--step-label-width-ratio:.8;--step-path-border:5px;--step-inner-circle:15px;--path-inner-circle:30px}.step-description{width:calc(var(--step-description-width) - 40px);margin-left:40px;font-size:10px}.workflow-step-right .step-description{margin-right:40px}}@media only screen and (width<=700px){:root{--step-path-base-height:250px;--step-label-width-ratio:.9}.step-number.textual{display:none}.step-description,.workflow-step-right .step-description{width:100%;margin-left:20px;margin-right:20px}.step-description .inline-header{margin:0;font-size:20px;font-weight:600;display:inline-block}.step-description p{font-size:12px}}
/*# sourceMappingURL=steps.50ebbe68.css.map */