/**
 * Scroll Navigation Dots — Style 1: Minimal Dots
 *
 * Small solid circles. The active dot fills with the accent colour and grows; a
 * faint ring radiates around it. The clean default.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-scrolldots.captwiki-style-1 .captwiki-scrolldots__dot {
	padding: 4px;
}

.captwiki-scrolldots.captwiki-style-1 .captwiki-scrolldots__marker {
	box-shadow: 0 0 0 0 transparent;
}

.captwiki-scrolldots.captwiki-style-1 .captwiki-scrolldots__dot:hover .captwiki-scrolldots__marker {
	background: var( --captwiki-sd-accent );
	transform: scale( 1.15 );
}

.captwiki-scrolldots.captwiki-style-1 .captwiki-scrolldots__dot.is-active .captwiki-scrolldots__marker {
	background: var( --captwiki-sd-accent );
	transform: scale( 1.35 );
	box-shadow: 0 0 0 5px color-mix( in srgb, var( --captwiki-sd-accent ) 22%, transparent );
}
