.loader-backdrop {
    top: 0;
    position: absolute;
    overflow: auto;
    width: 100vw;
    height: 100vh;
}

.loader-wrapper {
    position: absolute;
    min-width: 200px;
    min-height: 200px;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
}

.loader-logo {
    position: absolute;
    width: 150px;
    height: 150px;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
}

.animatedloader-logo {
    position: absolute;
    width: 500px;
    height: 500px;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}