.wp-block-separator {
	opacity: var(--wp--custom--separator--opacity); // Mirror controls that Gutenberg theme.css offers: https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/separator/theme.scss - See: https://github.com/WordPress/gutenberg/issues/34637
	&:not(.is-style-wide) {
		width: var(--wp--custom--separator--width); // See https://github.com/WordPress/gutenberg/issues/34638
	}

	&.is-style-dots {

		/*
			We can solve this using including the Gutenberg block styles with: add_theme_support( 'wp-block-styles' )
			but we decided not to add those styles to blockbase because of potential broad impact of those styles.
		*/
		width: 100%;
	}
}