/* Rotoli SVG Styles - CSS Fill Override */
#rotoli .tint {
    transition: opacity .25s ease;
}

#rotoli .tint.active {
    opacity: .7;
}

/* Colori fill controllati da CSS per ogni rotolo */
#rotoli .roll[data-id="roll-1"] .tint {
    fill: rgba(74,181,173,0.9) !important;
}

#rotoli .roll[data-id="roll-2"] .tint {
    fill: rgba(74,181,173,0.9) !important;
}

#rotoli .roll[data-id="roll-3"] .tint {
    fill: rgba(74,181,173,0.9) !important;
}

#rotoli .roll[data-id="roll-4"] .tint {
    fill: rgba(74,181,173,0.9) !important;
}

#rotoli .roll[data-id="roll-5"] .tint {
    fill: rgba(74,181,173,0.9) !important;
}