.steps--wrapper {
    min-height: 300px;
    position: relative;
}

.step {
    display: none;
}

.step.current {
    display: block !important;
}

.step--body {
    width: 358px;
    max-width: 100%;
}

[dir] .step--body {
    margin: 0 auto;
}

.steps--loader {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    display: none;
    z-index: 10;
}

[dir] .steps--loader {
    border: 5px solid #663B98;
    border-bottom-color: #d3d3d3;
    border-radius: 50%;
}

[dir=ltr] .steps--loader {
    left: 50%;
    transform: translate(-50%, -50%);
    animation:  stepsLoader-ltr 1s linear infinite;
}

[dir=rtl] .steps--loader {
    right: 50%;
    transform: translate(50%, -50%);
    animation:  stepsLoader-rtl 1s linear infinite;
}

.steps-loading .steps--loader {
    display: block;
}

@keyframes stepsLoader-ltr {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes stepsLoader-rtl {
    0% {
        transform: translate(50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(50%, -50%) rotate(-360deg);
    }
}

/*# sourceMappingURL=talabat_restaurant_form.css.map*/