/* Animations utils */

@keyframes popInFrames_QH4ut {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes popOutFrames_JPhI- {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.9);
    }
}

@keyframes scaleIn_mE5J- {
    0% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes slideInRightFrames_AgLzp {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideOutRightFrames_Fn9Nl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes slideAndScaleToAppear_-I6Yc {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes slideEnter_EKdSu {
    from {
        transform: var(--transform);
    }
}
@keyframes slideExit_e8Xau {
    to {
        transform: var(--transform);
    }
}
@keyframes fadeEnter_XgSzY {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeExit_OiUzs {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.popIn_dU96k {
    animation-name: popInFrames_QH4ut;
    animation-duration: var(--sp-duration-short-4);
}
.popOut_6-r2c {
    animation-name: popOutFrames_JPhI-;
    animation-duration: var(--sp-duration-short-4);
}

.scaleInBackground_jJRTJ {
    animation-name: scaleIn_mE5J-;
    animation-duration: var(--sp-duration-seconds-4);
    transform-origin: center;
}

.fadeIn_R1YXo {
    animation-name: fadeEnter_XgSzY;
    animation-duration: var(--sp-duration-short-2);
}
.fadeOut_ZRXwk {
    animation-name: fadeExit_OiUzs;
    animation-duration: var(--sp-duration-short-2);
}

.slideAndScale_Alex- {
    animation-name: slideAndScaleToAppear_-I6Yc;
    animation-duration: var(--sp-duration-long-2);
}

.slideInRight_RJYC7 {
    animation-name: slideInRightFrames_AgLzp;
    animation-duration: var(--sp-duration-short-4);
}

.slideOutRight_SJgAQ {
    animation-name: slideOutRightFrames_Fn9Nl;
    animation-duration: var(--sp-duration-short-4);
}

/*
* Composable animations using css variables
*/

.fade_-Cw7M {
    animation-delay: var(--delay, 0);
    animation-duration: var(--duration);
    animation-fill-mode: both;
}
.fade_-Cw7M.enter_7BS6A {
    animation-name: fadeEnter_XgSzY;
}
.fade_-Cw7M.exit_B-iyU {
    animation-name: fadeExit_OiUzs;
}

.slide_MY4Yb {
    animation-delay: var(--delay, 0);
    animation-duration: var(--duration);
    animation-fill-mode: both;
}
.slide_MY4Yb.enter_7BS6A {
    animation-name: slideEnter_EKdSu;
}
.slide_MY4Yb.exit_B-iyU {
    animation-name: slideExit_e8Xau;
}

.fade_-Cw7M.slide_MY4Yb {
    animation-delay: var(--delay, 0), var(--delay, 0);
    animation-duration: var(--duration), var(--duration);
    animation-fill-mode: both, both;
}
.fade_-Cw7M.slide_MY4Yb.enter_7BS6A {
    animation-name: slideEnter_EKdSu, fadeEnter_XgSzY;
}
.fade_-Cw7M.slide_MY4Yb.exit_B-iyU {
    animation-name: slideExit_e8Xau, fadeExit_OiUzs;
}

.enter_7BS6A {
    --duration: var(--sp-duration-short-4);
}
.exit_B-iyU {
    --duration: var(--sp-duration-short-2);
}

.distance-s_Qtpc7 {
    --distance: 5px;
}
.distance-m_u5hRA {
    --distance: 10%;
}
.distance-l_69IQb {
    --distance: 100%;
}

.left_QXXHA,
.top_eKYz9 {
    --direction: -1;
}
.right_lcku6,
.bottom_Y-I-A {
    --direction: 1;
}
.left_QXXHA,
.right_lcku6 {
    --transform-origin: translateX(0);
    --transform: translateX(calc(var(--direction) * var(--distance)));
}
.bottom_Y-I-A,
.top_eKYz9 {
    --transform-origin: translateY(0);
    --transform: translateY(calc(var(--direction) * var(--distance)));
}

.delay-xs_voqE- {
    --delay: var(--sp-duration-short-2);
}
.delay-s_W2tT8 {
    --delay: var(--sp-duration-short-3);
}
.delay-m_jCTo0 {
    --delay: var(--sp-duration-short-4);
}
.delay-l_-M4OH {
    --delay: var(--sp-duration-short-5);
}
.delay-xl_5snf9 {
    --delay: var(--sp-duration-medium-2);
}

.duration-xs_GH4wP {
    --duration: var(--sp-duration-short-2);
}
.duration-s_iOqVv {
    --duration: var(--sp-duration-short-4);
}
.duration-m_hb4se {
    --duration: var(--sp-duration-medium-3);
}
.duration-l_S8iBG {
    --duration: var(--sp-duration-long-2);
}
.duration-xl_nmWBJ {
    --duration: var(--sp-duration-seconds-4);
}