.laf-progress-indicator {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 10px;
    border: 6px solid color-mix(in srgb, var(--LAF-palette-primary) 25%, transparent);
    border-top-color: var(--LAF-palette-primary);
    border-radius: 50%;
    animation: laf-progress-spin-cw 0.7s linear infinite;
}

/*    .laf-progress-indicator::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 30px;
        height: 30px;
        border: 5px solid color-mix(in srgb, var(--LAF-palette-primary) 25%, transparent);
        border-top-color: var(--LAF-palette-primary);
        border-radius: 50%;
        animation: laf-progress-spin-ccw 1s linear infinite;
    }*/

@keyframes laf-progress-spin-cw {
    to {
        transform: rotate(360deg);
    }
}

@keyframes laf-progress-spin-ccw {
    to {
        transform: rotate(-360deg);
    }
}