#spinnerContainer {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ldio-p0t4ri0r6t div {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 10px solid var(--main-color) !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
}

.ldio-p0t4ri0r6t div {
    animation: ldio-p0t4ri0r6t 1s linear infinite;
    top: 50px;
    left: 50px
}

.loadingio-spinner-rolling-sim03h8wt9g {
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
}

.ldio-p0t4ri0r6t {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.64);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.ldio-p0t4ri0r6t div {
    box-sizing: content-box;
}

@keyframes ldio-p0t4ri0r6t {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}