.pcs-pallet-3d {
	margin-block: 1.5rem;
	padding: clamp(1rem, 2vw, 1.5rem);
	border: 1px solid #d8e1e8;
	border-radius: 0.75rem;
	background: #fff;
}

.pcs-pallet-3d__choice {
	display: inline-grid;
	gap: 0.35rem;
	margin-block: 0.25rem 0.75rem;
	font-weight: 600;
}

.pcs-pallet-3d__choice select {
	min-width: min(100%, 15rem);
	padding: 0.55rem 2rem 0.55rem 0.65rem;
}

[data-3d-canvas] canvas {
	display: block;
	max-width: 100%;
}

.pcs-pallet-3d__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	margin: 0.9rem 0 0;
	padding: 0;
	list-style: none;
}

.pcs-pallet-3d__legend li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.pcs-pallet-3d__swatch {
	width: 0.9rem;
	height: 0.9rem;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 0.2rem;
}

@media (max-width: 640px) {
	.pcs-pallet-3d__choice,
	.pcs-pallet-3d__choice select {
		width: 100%;
	}
}