/* Loader per singola tendina.

   Usato dalle pagine che dichiarano szLoaderPerTendina = true al posto del
   loader modale a schermo intero: mentre il catalogo arriva ogni select mostra
   uno spinner accanto alla propria etichetta.

   File separato da site.css, che non è collegato da _Layout.cshtml. */

.sz-select-spinner {
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    margin-left: 0.4em;
    vertical-align: -0.1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0.55;
    animation: sz-select-spin 0.75s linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .sz-select-spinner {
        animation-duration: 2s;
    }
}

/* Blocco solo visivo e sui puntatori: la select resta abilitata, altrimenti il
   suo valore non verrebbe inviato nel post. */
select.sz-select-loading,
.select2-container.sz-select-loading {
    pointer-events: none;
    opacity: 0.6;
}

.sz-btn-save.sz-attesa-caricamento {
    pointer-events: none;
    opacity: 0.6;
}