/* ==========================================================================
   593 Estudio Toolkit - Color Swatches Styles
   Version: 1.0.1
   ========================================================================== */

.estudio-swatches-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
}

.estudio-swatch-item {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.estudio-swatch-item:hover,
.estudio-swatch-item.active {
	transform: scale(1.35);
	box-shadow: 0 0 0 2px #0056B3;
}