/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

.onboarding-wizard--header {
    transition: all .5s ease-out;
    transition-delay: .2s;
}

.onboarding-wizard--body {
    transition: all .5s ease-out;
    transition-delay: .2s;
}

.onboarding-wizard-progress {
    transition: all .5s ease-out;
    transition-delay: .2s;
}

.fade-in-out-enter-active,
.fade-in-out-leave-active {
    transition: all .2s ease-out;
    overflow: hidden;
}

.fade-in-out-enter, .fade-in-out-leave-to {
    opacity: 0;
}

/* Slide transition */

.current-step-intro .step-slide-backward-enter-active.step-intro,
.current-step-intro .step-slide-backward-enter-active.step-add_product,
.current-step-add_product .step-slide-forward-enter-active.step-intro,
.current-step-add_product .step-slide-forward-enter-active.step-add_product {
    transition-delay: .7s !important;
}

/*.step-slide-forward-transition, .step-slide-backward-transition,*/
.step-slide-forward-enter-active, .step-slide-backward-enter-active,
.step-slide-forward-leave-active, .step-slide-backward-leave-active {
    transition: all 0.7s;
}

.step-slide-backward-enter,
.step-slide-backward-leave-to,
.step-slide-forward-enter,
.step-slide-forward-leave-to {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.step-slide-forward-enter {
    opacity: 0;
    transform: translateX(100vw);
}

.step-slide-forward-leave-to {
    opacity: 0;
    transform: translateX(-100vw);
}

.step-slide-backward-enter {
    opacity: 0;
    transform: translateX(-100vw);
}

.step-slide-backward-leave-to {
    opacity: 0;
    transform: translateX(100vw);
}

/* fade transition */

.current-step-add_product .step-fade-forward-enter-active.step-intro,
/*.current-step-add_product .step-fade-forward-leave-active.step-intro,*/
.current-step-intro .step-fade-backward-enter-active.step-add_product/*,*/
/*.current-step-intro .step-fade-backward-leave-active.step-add_product*/ {
    transition-delay: .7s !important;
}

.current-step-add_product .step-fade-forward-enter-active.step-add_product,
.current-step-intro .step-fade-backward-enter-active.step-intro {
    transition-delay: .7s !important;
}

.step-fade-forward-enter-active, .step-fade-backward-enter-active,
.step-fade-forward-leave-active, .step-fade-backward-leave-active {
    transition: all 0.7s;
}

.step-fade-backward-enter,
.step-fade-backward-leave-to,
.step-fade-forward-enter,
.step-fade-forward-leave-to {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.step-fade-forward-enter {
    opacity: 0;
}

.step-fade-forward-leave-to {
    opacity: 0;
}

.step-fade-backward-enter {
    opacity: 0;
}

.step-fade-backward-leave-to {
    opacity: 0;
}