.loading-layout-1 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--background-color);
    z-index: 99998;
    direction: ltr;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loading-layout-1,
.loading-layout-1 div,
.loading-layout-1 div::before,
.loading-layout-1 div::after {
    box-sizing: border-box;
}

.loading-layout-1 .loading-inner:not(.custom-image) {
    -webkit-transform: scale(var(--animation-size));
    transform: scale(var(--animation-size));
}

.loading-layout-1 .loading-inner.custom-image img {
    width: auto;
    height: var(--image-height);
}

.loading-layout-1 .loading-text {
    color: var(--text-color);
    font-weight: var(--text-weight);
    font-size: var(--text-size);
    line-height: 2;
    text-align: center;
    padding: 0 16px;
}

body.rtl .loading-layout-1 .loading-text {
    direction: rtl;
}

.loading-layout-1 .loading-inner + .loading-text {
    margin-top: var(--text-distance);
}