/* Cutter Page Loader 2.0.0 - one fixed full-screen overlay */
#cpl-page-loader.cpl-loader {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, var(--cpl-overlay-opacity, .8)) !important;
    z-index: 2147483000 !important;
    pointer-events: all !important;
    opacity: 1;
    visibility: visible;
    direction: rtl;
}
#cpl-page-loader.cpl-hidden {
    display: none !important;
}
#cpl-page-loader .cpl-spinner {
    display: block;
    flex: 0 0 auto;
    width: var(--cpl-spinner-size, 50px) !important;
    height: var(--cpl-spinner-size, 50px) !important;
    box-sizing: border-box;
    border: 5px solid #f3f3f3;
    border-top: 5px solid var(--cpl-spinner-color, #ff0000);
    border-radius: 50%;
    animation: cpl-spin 1s linear infinite;
}
#cpl-page-loader .cpl-loader-text {
    display: block;
    max-width: 90vw;
    margin: 15px auto 0 !important;
    color: var(--cpl-spinner-color, #ff0000) !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
    text-align: center !important;
    white-space: normal;
    overflow-wrap: anywhere;
}
#cpl-page-loader.cpl-no-text .cpl-loader-text { display: none !important; }
@keyframes cpl-spin { to { transform: rotate(360deg); } }
@media (max-width: 767px) {
    #cpl-page-loader.cpl-loader { padding: 20px !important; }
    #cpl-page-loader .cpl-loader-text { font-size: 18px; line-height: 2; }
}
