/* File: loading_fallback.css */
/* CSS untuk loading spinner fallback */

.loading-spinner {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M50 10a40 40 0 1 1-40 0 40 40 0 0 1 40-40z' fill='none' stroke='%2300c9ff' stroke-width='8' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
}

/* Jika loading.gif tersedia, gunakan file tersebut */
@supports (background: url('loading.gif')) {
    .loading-spinner {
        background: url('loading.gif') center/contain no-repeat;
    }
}