hr.wp-block-separator:not(.is-style-dots) {
	background: var(--wp--preset--color--neutral) !important;
	border: none !important;
	border-top: none !important; /* Core team decided it would be fun to add something new for me to work around in WP 6.9 */
	color: var(--wp--preset--color--neutral) !important;
	height: 1px !important;
}

hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	background: var(--wp--preset--color--neutral);
	color: var(--wp--preset--color--neutral);
	margin-left: calc(calc(calc(100vw - var(--wp--style--global--content-size)) / 2) - 6px) !important; /* The 6px may be due to scrollbar? */
	width: 180px;
}

hr.wp-block-separator.is-style-wide {
	background: var(--wp--preset--color--neutral-light) !important;
	color: var(--wp--preset--color--neutral-light) !important;
}

@media screen and (max-width: 1024px) {

	hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
		margin-left: calc(calc(100vw - var(--wp--style--global--content-size)) / 2) !important; /* Don't need the 6px on mobile */
	}

}