._mobile-view--system-loading {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
._mobile-view--system-loading ._mobile-view--system-loading-loader {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.2rem solid transparent;
}
._mobile-view--system-loading ._mobile-view--system-loading-loader::after {
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
    bottom: 0;
    right: 0;
    content: ' ';   
    display: block;
    box-sizing: border-box;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.2rem solid transparent;
    /* COLOR 1 */
    border-top-color: #c8c9cc;
    border-right-color: #c8c9cc;
    border-bottom-color: #c8c9cc;
    /* Chrome, Opera 15+, Safari 5+ */
    -webkit-animation: spin 0.6s linear infinite;
    -ms-animation: spin 0.6s linear infinite;
    -moz-animation: spin 0.6s linear infinite;
    -o-animation: spin 0.6s linear infinite;
    animation: spin 0.6s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

._mobile-view--system-loading ._mobile-view--system-loading-title {
    margin-top: 2rem;
    font-family: 'Open Sans';
    color: #999;
    font-size: 1.6rem;
    width: 100%;
    text-align: center;
    opacity: 1;
}

._mobile-view--hsa-loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
}
._mobile-view--hsa-loading img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 9.2rem;
    height: 9.2rem;
}