/* _content/Arvato.Web/Components/Common/Spinner.razor.rz.scp.css */
.spinner-mask[b-bbafksrckd] {
    position: absolute;
    z-index: var(--rz-dialog-mask-zindex);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: wait;
    background-color: rgba(255, 255, 255, 0.5);
}

.spinner-wrapper[b-bbafksrckd] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner[b-bbafksrckd] {
    animation: rotate-b-bbafksrckd 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px; /* Dopasowanie do nowego promienia */
    width: 70px; /* Dopasowanie do nowego promienia */
    height: 70px;
}

    .spinner .path[b-bbafksrckd] {
        stroke: var(--rz-primary);
        stroke-linecap: round;
        animation: dash-b-bbafksrckd 1.5s ease-in-out infinite;
    }

@keyframes rotate-b-bbafksrckd {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash-b-bbafksrckd {
    0% {
        stroke-dasharray: 1, 225; /* Zwiększenie proporcjonalne do promienia */
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 135, 225; /* Zwiększenie proporcjonalne do promienia */
        stroke-dashoffset: -52.5; /* Zwiększenie proporcjonalne */
    }

    100% {
        stroke-dasharray: 135, 225; /* Zwiększenie proporcjonalne do promienia */
        stroke-dashoffset: -186; /* Zwiększenie proporcjonalne */
    }
}