.multistep{--base-color: #dd575b}.multistep:not(.side-identicator) .step-identicator{position:relative;display:flex;margin-top:25px;margin-bottom:15px;justify-content:space-between}.multistep:not(.side-identicator) .step-identicator .step-progress{width:100%;height:2px;background:var(--base-color);position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;transition:.2s ease-in-out}.multistep:not(.side-identicator) .step-identicator:before{content:"";width:100%;height:2px;background:#efefef;position:absolute;top:50%;left:0;transform:translateY(-50%)}.multistep:not(.side-identicator) .step-identicator span.step{position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;line-height:1.2em;-webkit-font-smoothing:subpixel-antialiased;width:48px;height:48px;border-radius:50%;border:2px solid #efefef;background-color:#efefef;z-index:2;transition:.2s ease-in-out}.multistep:not(.side-identicator) .step-identicator span.step.active{background-color:var(--base-color);border:2px solid var(--base-color);color:#fff;font-weight:700}.multistep:not(.side-identicator) .step-identicator span.step:has(~.active){border:2px solid var(--base-color);color:var(--base-color);font-weight:700}.multistep.side-identicator{display:flex}.multistep.side-identicator .step-identicator{display:block}.multistep.side-identicator .step-identicator .step{display:block;padding:10px;margin-bottom:5px;background-color:#f6f6f6}.multistep.side-identicator .step-identicator .step .checkmark-container{display:flex;justify-content:center;align-items:center;width:18px;height:18px}.multistep.side-identicator .step-identicator .step .checkmark-container svg{display:block;min-width:18px;min-height:18px;width:100%;height:100%;top:.8px;left:.8px}.multistep.side-identicator .step-identicator .step:has(~.active) .checkmark-container{position:relative}.multistep.side-identicator .step-identicator .step:has(~.active) .checkmark-container:before{content:"";display:block;width:18px;height:18px;background-color:#1ac24a;position:absolute;top:1px;left:1px;border-radius:50%}.multistep.side-identicator .step-identicator .step:has(~.active) .checkmark-container svg{position:relative}.multistep.side-identicator .step-identicator .step:has(~.active) .checkmark-container svg path{fill:#fefefe !important}.multistep.side-identicator .step-identicator .step.active svg path{fill:#336fa5 !important}.multistep.side-identicator .step-identicator .step.active{color:#336fa5}.multistep.side-identicator .step-identicator .step hr{margin-block:3px}.multistep .step-wrapper{width:100%}.multistep .step-wrapper .step{display:none}.multistep .step-wrapper .step.active{display:block}.multistep.progress-only .step-identicator{margin-top:0;margin-bottom:35px}.multistep.progress-only .step-identicator span.step{display:none}.multistep.progress-only .step-identicator:before,.multistep.progress-only .step-identicator .step-progress{height:4px;border-radius:4px}@keyframes ms-slide-in-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ms-slide-in-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes ms-slide-out-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes ms-slide-out-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes ms-fade-in{from{opacity:0}to{opacity:1}}@keyframes ms-fade-out{from{opacity:1}to{opacity:0}}.multistep.animated .step-wrapper{position:relative;transition:height .45s cubic-bezier(0.4, 0, 0.2, 1)}.multistep.animated .step-wrapper .step{display:block;position:absolute;top:0;left:0;width:100%;pointer-events:none;visibility:hidden;opacity:0;overflow-y:scroll;will-change:transform,opacity;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}.multistep.animated .step-wrapper .step::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.multistep.animated .step-wrapper .step::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.multistep.animated .step-wrapper .step.active{visibility:visible;opacity:1;pointer-events:auto;z-index:1}.multistep.animated .step-wrapper .step.ms-entering{visibility:visible;opacity:1;pointer-events:auto;z-index:2}.multistep.animated .step-wrapper .step.ms-leaving{visibility:visible;opacity:1;pointer-events:none;z-index:1}.multistep.animated.slide .step-wrapper .step.ms-entering{animation:ms-slide-in-right .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide .step-wrapper .step.ms-leaving{animation:ms-slide-out-left .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide.direction-prev .step-wrapper .step.ms-entering{animation:ms-slide-in-left .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide.direction-prev .step-wrapper .step.ms-leaving{animation:ms-slide-out-right .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.fade .step-wrapper .step.ms-entering{animation:ms-fade-in .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.fade .step-wrapper .step.ms-leaving{animation:ms-fade-out .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide.fade .step-wrapper .step.ms-entering{animation:ms-slide-in-right .45s cubic-bezier(0.4, 0, 0.2, 1) both,ms-fade-in .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide.fade .step-wrapper .step.ms-leaving{animation:ms-slide-out-left .45s cubic-bezier(0.4, 0, 0.2, 1) both,ms-fade-out .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide.fade.direction-prev .step-wrapper .step.ms-entering{animation:ms-slide-in-left .45s cubic-bezier(0.4, 0, 0.2, 1) both,ms-fade-in .45s cubic-bezier(0.4, 0, 0.2, 1) both}.multistep.animated.slide.fade.direction-prev .step-wrapper .step.ms-leaving{animation:ms-slide-out-right .45s cubic-bezier(0.4, 0, 0.2, 1) both,ms-fade-out .45s cubic-bezier(0.4, 0, 0.2, 1) both}
