.loading {
    background-color: rgba( 0, 0, 0, .5);
    left: 0px;
    position: fixed;
    top: 0px;
    z-index: 99999;
}

.loading,
.loading>* {
    height: 100%;
    width: 100%;
}

.loading .loading-box {
    padding: 1.25rem 3rem;
}

[loading-element] {
    border-width: .1em;
    height: .6rem;
    width: .6rem;
}

[loading-elements] {
    height: 3rem;
    line-height: 3rem;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    position: fixed;
    width: 3rem;
}

[loading-text] {
    background-color: #ffffff22;
    border-radius: 2rem;
    display: inline-block;
    text-align: center;
}