.vi-wcaio-disabled {
    display: none !important;
}
.vi-wcaio-hidden {
    visibility: hidden !important;
    opacity: 0 !important;
}
.vi-wcaio-html-non-scroll{
    overflow: hidden !important;
}

.vi-wcaio-warning-wrap {
    max-width: 400px;
    min-width: 230px;
    height: auto;
    min-height: 60px;
    max-height: 200px;
    padding: 5px 10px;
    position: fixed;
    z-index: 999999999;
    left: 50%;
    bottom: 20px;
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    animation-fill-mode: both;
}

.vi-wcaio-warning-wrap *::before,
.vi-wcaio-warning-wrap *::after{
    display: none !important;
}
.vi-wcaio-warning-wrap * {
    background: transparent !important;
    color: inherit  !important;
    padding: 0 !important;
    margin: 0 !important;
    border: unset !important;
}
.vi-wcaio-warning-wrap.vi-wcaio-warning-wrap-open {
    animation-duration: 1s;
    animation-name: vi-wcaio-warning-slide_in_up;
}

@keyframes vi-wcaio-warning-slide_in_up {
    from {
        transform: translate3d(-50%, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.vi-wcaio-warning-wrap.vi-wcaio-warning-wrap-close {
    animation-duration: 1s;
    animation-name: vi-wcaio-warning-slide_out_down;
}

@keyframes vi-wcaio-warning-slide_out_down {
    from {
        transform: translate3d(-50%, 0, 0);
        opacity: 1;
    }
    to {
        visibility: hidden;
        transform: translate3d(-50%, 100%, 0);
        opacity: 0;
    }
}