/* ============================================
   iOS Activity Indicator Style
   ============================================ */

.loader {
    width: 32px;
    height: 32px;
    border: 3px solid var(--ios-fill-tertiary, rgba(120, 120, 128, 0.12));
    border-top-color: var(--ios-label-secondary, rgba(60, 60, 67, 0.6));
    border-radius: 50%;
    animation: ios-spin 0.8s linear infinite;
}

@keyframes ios-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Larger spinner variant */
.loader-lg {
    width: 48px;
    height: 48px;
    border-width: 4px;
}

/* Small spinner variant */
.loader-sm {
    width: 20px;
    height: 20px;
    border-width: 2px;
}

/* White spinner for dark backgrounds */
.loader-white {
    border-color: rgba(255, 255, 255, 0.2);
    border-top-color: #FFFFFF;
}

/* Legacy support - hide old animation */
@-webkit-keyframes load1 {
    0%, 100% {
        opacity: 1;
    }
}

@keyframes load1 {
    0%, 100% {
        opacity: 1;
    }
}
        height: 5em;
    }
}