.configuration-preview {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.config-title {
	font-family:sans-serif;
	font-weight:bold;
	font-size:14px;
	width:100%;
	text-align:center;
	margin:20px 0 10px 0;
}

.configuration {
	position:relative;
}

.gang-wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:#dadcdf;
}

.gang-size-1 .gang-wrap {
	padding:0 23.7%;
}

.gang-size-1p .gang-wrap {
	flex-direction:column;
	padding:0 24.2%;
	margin-top:1.7%;
	row-gap:0.3%;
}

.gang-size-1p .Half-Size {
	height:17.4%;
}
.gang-size-1p .Half-Size img {
	transform: scale(0.5) rotate(90deg);
	translate:0 -38.5%;
}

.gang-size-2 .gang-wrap {
	padding:0 16%;
}
.configuration.alt.gang-size-2 .gang-wrap {
	padding:0 13.5%;
}

.gang-size-3 .gang-wrap {
	padding:0 10.8%;
}
.configuration.alt.gang-size-3 .gang-wrap {
	padding:0 9.8%;
}

.gang-size-4 .gang-wrap {
	padding:0 9.6%;
}
.configuration.alt.gang-size-4 .gang-wrap {
	padding:0 7.9%;
}

.gang-size-5 .gang-wrap {
	padding:0 7.5%;
}
.configuration.alt.gang-size-5 .gang-wrap {
	padding:0 6.3%;
}

.gang-size-6 .gang-wrap {
	padding:0 6.8%;
}
.configuration.alt.gang-size-6 .gang-wrap {
	padding:0 5.5%;
}

.dashboard-gang {
	box-sizing:border-box;
}
.dashboard-gang img {
	width:100%;
	height:auto;
	display:block;
}

.configuration.alt.gang-size-1 .dashboard-gang {
	transform: scale(3.25);
}

.configuration.alt.gang-size-2 .dashboard-gang {
	transform: scale(2.96);
}

.configuration.alt.gang-size-3 .dashboard-gang {
	transform: scale(2.9);
}

.configuration.alt.gang-size-4 .dashboard-gang {
	transform: scale(2.96);
}

.configuration.alt.gang-size-5 .dashboard-gang {
	transform: scale(2.96);
}

.configuration.alt.gang-size-6 .dashboard-gang {
	transform: scale(2.96);
}

.dashboard-gang.placeholder {
	border: 2px dashed rgba(0, 0, 0, 1);
    transform: scale(.8);
    position: relative;
}
.popup-preview .dashboard-gang.placeholder {
	transform:scale(.95);
}

.configuration.alt .dashboard-gang.placeholder {
	border:none;
	transform:none;
	translate:none;
}

.configuration.alt .dashboard-gang.placeholder::after {
	content: "";
    border: 2px dashed rgba(0, 0, 0, 1);
    position: absolute;
    border-radius:5px;
    top: -19%;
    left: 16.5%;
}

.configuration.alt .dashboard-gang.placeholder::after {
	top: -20%;
	left: 16.5%;
    width: 58%;
    height: 131%;
}
.popup-preview .configuration.alt .dashboard-gang.placeholder::after {
	width:65%;
	height:138%;
}

.dashboard-gang.placeholder img {
	opacity:0;
}

.plate-overlay {
	position:relative;
	z-index:2;
}
.plate-overlay img {
	width:100%;
	height:100%;
	object-fit:contain;
}