@import '_content/KundenPortal.WebShared/KundenPortal.WebShared.z2zio3oecw.bundle.scp.css';

/* _content/KundenPortal.Web/Components/App.razor.rz.scp.css */
/* Variables */
.root-loading[b-v87mt4bpcq] {
    --spinner-size: 78px;
    --primary: var(--mud-palette-primary, rgba(0, 132, 212, 1));
    --light-blue: hsl(from var(--primary) h s calc(l + 50));
    --blue: var(--primary);
}

/* * {
    box-sizing: border-box;
} */

.root-loading[b-v87mt4bpcq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
}
.root-loading-container[b-v87mt4bpcq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.root-loading-spinner[b-v87mt4bpcq] {
    width: var(--spinner-size);
    height: var(--spinner-size);
    border-radius: 50%;
    border: 5px solid var(--light-blue);
    border-right-color: var(--blue);
    animation: rotateSpinner-b-v87mt4bpcq 800ms linear infinite;
}

.root-loading-text[b-v87mt4bpcq] {
    color: gray;
    text-align: center;
    width: 100%;
}

@keyframes rotateSpinner-b-v87mt4bpcq {
    to {
        transform: rotate(360deg);
    }
}