@import '../properties.css';

.cardVehicle {
  border-radius: var(--card-radius); 
  position: relative;
}

.skin-grey-200 {
	background-color: var(--color-grey-200);
}

.skin-white {
	background-color: var(--color-white);
}

.skin-colorful {
	background-image: linear-gradient(-128deg, #00898B 0%, #00566E 69%);
}

.carmodel img {
  position: absolute;
  width: 86%;
  left: 16px;
  bottom: 12px;
  border-radius: 50px;
}

.cardVehicle.white .mask{
	background-color: var(--color-white) !important;;
	height: 72px;
	position: absolute;
	width: calc(100% - 112px);
	left: 56px;
	top: -36px;
	border-radius: 50px;
}

.cardVehicle.black .mask{
	background-color: var(--color-black) !important;
	height: 72px;
	position: absolute;
	width: calc(100% - 112px);
	left: 56px;
	top: -36px;
	border-radius: 50px;
}

.cardVehicle.grey-300 .mask{
	background-color: var(--color-grey-300) !important;;
	height: 72px;
	position: absolute;
	width: calc(100% - 112px);
	left: 56px;
	top: -36px;
	border-radius: 50px;
}