/** Add custom style for backdrop so that we can show
 the loading indicator on top of the backdrop
 */
.backdrop {
    opacity: 0.75;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: xx-large;
    font-family:
        'DejaVu Sans Mono', 'Everson Mono', FreeMono, Menlo, Terminal,
        monospace, 'Apple Symbols';
}

/* Create the text container with pseudo-element */
.backdrop::before {
    content: attr(data-status); /* Use the attribute for dynamic text */
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    border: 3px solid #fff;
    border-radius: 2px;
    display: inline-block;
}