.dipi_preloader_wrapper_outer {
    background: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000000;
    animation-timing-function: ease;
    animation-duration: 300ms;
}

.dipi_preloader_wrapper_outer.finished{
    animation-name: dipi_fade;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.dipi_preloader_wrapper_outer .dipi_preloader.ball-pulse>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-grid-pulse>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-clip-rotate-pulse>div:first-child,
.dipi_preloader_wrapper_outer .dipi_preloader.square-spin>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-pulse-rise>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-rotate>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-rotate>div:before,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-rotate>div:after,
.dipi_preloader_wrapper_outer .dipi_preloader.cube-transition>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-zig-zag>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-zig-zag-deflect>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-scale>div,
.dipi_preloader_wrapper_outer .dipi_preloader.line-scale>div,
.dipi_preloader_wrapper_outer .dipi_preloader.line-scale-party>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-scale-multiple>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-pulse-sync>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-beat>div,
.dipi_preloader_wrapper_outer .dipi_preloader.line-scale-pulse-out>div,
.dipi_preloader_wrapper_outer .dipi_preloader.line-scale-pulse-out-rapid>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-spin-fade-loader>div,
.dipi_preloader_wrapper_outer .dipi_preloader.line-spin-fade-loader>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-grid-beat>div,
.dipi_preloader_wrapper_outer .dipi_preloader.pacman>div:nth-child(3),
.dipi_preloader_wrapper_outer .dipi_preloader.pacman>div:nth-child(4),
.dipi_preloader_wrapper_outer .dipi_preloader.pacman>div:nth-child(5),
.dipi_preloader_wrapper_outer .dipi_preloader.pacman>div:nth-child(6),
.dipi_preloader_wrapper_outer .dipi_preloader.ball-scale-random>div {
    background-color: #e50300;
}

.dipi_preloader_wrapper_outer .dipi_preloader.ball-clip-rotate>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-triangle-path>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-scale-ripple>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-scale-ripple-multiple>div {
    border-color: #e50300;
}

.dipi_preloader_wrapper_outer .dipi_preloader.ball-clip-rotate>div {
    border-bottom-color: transparent;
}

.dipi_preloader_wrapper_outer .dipi_preloader.ball-clip-rotate-pulse>div:last-child,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-clip-rotate-multiple>div,
.dipi_preloader_wrapper_outer .dipi_preloader.ball-clip-rotate-multiple>div:last-child {
    border-color: #e50300 transparent;
}

.dipi_preloader_wrapper_outer .dipi_preloader.semi-circle-spin>div {
    background-image: linear-gradient(transparent 0, transparent 70%, #e50300 30%, #e50300 100%);
}

.dipi_preloader_wrapper_outer .dipi_preloader.triangle-skew-spin>div {
    border-bottom-color: #e50300;
}

.dipi_preloader_wrapper_outer .dipi_preloader.pacman>div:first-of-type,
.dipi_preloader_wrapper_outer .dipi_preloader.pacman>div:nth-child(2) {
    border-top-color: #e50300;
    border-left-color: #e50300;
    border-bottom-color: #e50300;
}