:root {
    --evidenziato: #6dad46;
}

#italia>.ui-select {
    width: 100%;
	margin: 10px 0;
}
#italia>.ui-select>div{
	background:#ffffff;
}
/*
#italia {
width: 100%;
	max-width: 380px;
}*/
#italia svg {
	/* height: 250px; */
	margin: 25px 0;
	aspect-ratio: 1/1;
	width: 100%;
	max-height: 370px;
}
#italia.inattiva svg{
	animation-name: opacizza;
	animation-duration: 1s;
	opacity: 0.4;
}
#italia.attiva svg{
	animation-name: mostra;
	animation-duration: 1s;
	opacity: 1;
	/* width: 50%; */
	/* padding-left: 10px; */
	/* min-height: 420px; */
	/* padding: 10px 0; */
	/* aspect-ratio: 1/1; */
}
#italia polygon {
	fill: var(--grigio);
	stroke: #ffffff;
	stroke-width: 1;
	cursor:pointer;
}
#italia.attiva polygon:hover{
	fill: var(--evidenziato);
}
#italia .ui-focus{
	box-shadow: 0 0 12px var(--evidenziato);
}
#italia.inattiva polygon {
	cursor:inherit;
}
@keyframes opacizza {
	from {opacity: 1;}
	to {opacity: 0.4;}
}
@keyframes mostra {
	from {opacity: 0.4;}
	to {opacity: 1;}
}