.loading-container {
        width          : 100%;
        height         : 100%;
        display        : flex;
        justify-content: center;
        align-items    : center;
}

.loading {
        width                      : 100px;
        height                     : 100px;
        position                   : relative;
        -webkit-transform          : translateZ(0) scale(1);
        transform                  : translateZ(0) scale(1);
        -webkit-backface-visibility: hidden;
        backface-visibility        : hidden;
        -webkit-transform-origin   : 0 0;
        transform-origin           : 0 0;
}

.loading div:first-child {
        -webkit-transform      : rotate(0deg);
        transform              : rotate(0deg);
        -webkit-animation-delay: -.9166666666666666s;
        animation-delay        : -.9166666666666666s;
        background             : #fe718d;
}

.loading div:nth-child(2) {
        -webkit-transform      : rotate(30deg);
        transform              : rotate(30deg);
        -webkit-animation-delay: -0.8333333333333334s;
        animation-delay        : -0.8333333333333334s;
        background             : #fe718d;
}

.loading div:nth-child(3) {
        -webkit-transform      : rotate(60deg);
        transform              : rotate(60deg);
        -webkit-animation-delay: -0.75s;
        animation-delay        : -0.75s;
        background             : #fe718d;
}

.loading div:nth-child(4) {
        -webkit-transform      : rotate(90deg);
        transform              : rotate(90deg);
        -webkit-animation-delay: -0.6666666666666666s;
        animation-delay        : -0.6666666666666666s;
        background             : #fe718d;
}

.loading div:nth-child(5) {
        -webkit-transform      : rotate(120deg);
        transform              : rotate(120deg);
        -webkit-animation-delay: -0.5833333333333334s;
        animation-delay        : -0.5833333333333334s;
        background             : #fe718d;
}

.loading div:nth-child(6) {
        -webkit-transform      : rotate(150deg);
        transform              : rotate(150deg);
        -webkit-animation-delay: -0.5s;
        animation-delay        : -0.5s;
        background             : #fe718d;
}

.loading div:nth-child(7) {
        -webkit-transform      : rotate(180deg);
        transform              : rotate(180deg);
        -webkit-animation-delay: -0.4166666666666667s;
        animation-delay        : -0.4166666666666667s;
        background             : #fe718d;
}

.loading div:nth-child(8) {
        -webkit-transform      : rotate(210deg);
        transform              : rotate(210deg);
        -webkit-animation-delay: -0.3333333333333333s;
        animation-delay        : -0.3333333333333333s;
        background             : #fe718d;
}

.loading div:nth-child(9) {
        -webkit-transform      : rotate(240deg);
        transform              : rotate(240deg);
        -webkit-animation-delay: -0.25s;
        animation-delay        : -0.25s;
        background             : #fe718d;
}

.loading div:nth-child(10) {
        -webkit-transform      : rotate(270deg);
        transform              : rotate(270deg);
        -webkit-animation-delay: -0.16666666666666666s;
        animation-delay        : -0.16666666666666666s;
        background             : #fe718d;
}

.loading div:nth-child(11) {
        -webkit-transform      : rotate(300deg);
        transform              : rotate(300deg);
        -webkit-animation-delay: -0.08333333333333333s;
        animation-delay        : -0.08333333333333333s;
        background             : #fe718d;
}

.loading div:nth-child(12) {
        -webkit-transform      : rotate(330deg);
        transform              : rotate(330deg);
        -webkit-animation-delay: 0s;
        animation-delay        : 0s;
        background             : #fe718d;
}

.loading div {
        box-sizing              : content-box;
        left                    : 53.58px;
        top                     : 27.36px;
        position                : absolute;
        animation               : loading 1s linear infinite;
        background              : #fe718d;
        width                   : 6.84px;
        height                  : 13.68px;
        border-radius           : 3.42px/6.84px;
        -webkit-transform-origin: 3.42px 29.639999999999997px;
        transform-origin        : 3.42px 29.639999999999997px;
}

@keyframes loading {
        0% {
                opacity: 1
        }

        100% {
                opacity: 0
        }
}