.vxa-spinner{
	width:100%;
	position:relative;
	perspective:1200px;
	height:420px;
	--vxa-radius:400px;
}

.vxa-spinner-stage{
	width:100%;
	height:100%;
	transform-style:preserve-3d;
	position:absolute;
	animation:vxaSpin linear infinite;
	will-change:transform;
}

.vxa-spinner-item{
	position:absolute;
	top:50%;
	left:50%;
	width:260px;
	aspect-ratio:16/9;
	transform-origin:center;
	margin-top:-80px;
	margin-left:-130px;
	transition:transform .4s ease, opacity .4s ease, filter .4s ease;
}


.vxa-spinner-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* Aspect ratios */

.vxa-spinner[data-ratio="1-1"] .vxa-spinner-item{height:260px}
.vxa-spinner[data-ratio="4-3"] .vxa-spinner-item{height:195px}
.vxa-spinner[data-ratio="16-9"] .vxa-spinner-item{height:150px}
.vxa-spinner[data-ratio="3-4"] .vxa-spinner-item{height:340px}
.vxa-spinner[data-ratio="9-16"] .vxa-spinner-item{height:420px}

@keyframes vxaSpin{
	from{transform:rotateY(0deg);}
	to{transform:rotateY(360deg);}
}