/*!
 * This file is for common or global frontend and editor styles.
 *
 * The following styles get applied on both the front of your
 * site and in the editor.  Place styles in the custom namespace below
 * so they don't bleed into the rest of the editor/site.
*/
// Escape forward slashes, otherwise they won't compile
// i.e. .w-1\/3 {}

// Custom namespace
[class*="pattern"] {
	// write common plugin/block SASS styles here.

}

[class*="pattern"].wp-block-separator.is-style-pattern {
	height: 1px;
	max-width: 100%;
	border-bottom:0;
}
[class*="pattern"].wp-block-separator.is-style-pattern::after {
	right: calc(50% - 5px) !important;
	background: currentColor !important;
	display:block !important;
	height:20px !important;
	position:absolute !important;
	top: calc(50% - 10px) !important;
	transform: rotate(22.5deg) !important;
	width: 1px !important;
	left:auto !important;
}
[class*="pattern"].wp-block-separator.is-style-pattern::before {
	left: calc(50% - 5px) !important;
	background: currentColor !important;
	display:block !important;
	height:20px !important;
	position:absolute !important;
	top: calc(50% - 10px) !important;
	transform: rotate(22.5deg) !important;
	width: 1px !important;
}