
.wp-block-gutenverse-divider {
	display: flex;
	justify-content: center;
	--divider-border-style: none;
	--divider-border-width: 1px;
	--divider-color: var(--guten-base-lighter-color);
	--divider-icon-size: 20px;
	--divider-element-spacing: 10px;
	--divider-pattern-height: 24px;
	--divider-pattern-size: 20px;
	--divider-pattern-url: none;
	--divider-pattern-repeat: repeat-x;
}

.wp-block-gutenverse-divider.guten-divider-tribal {
	--divider-pattern-size: auto;
}

.guten-divider-wrapper {
	align-items: center;
	display: flex;
	min-height: 20px;
	width: 50%;
}

.guten-divider-wrapper .guten-divider-style {
	background-color: var(--divider-color);
	-webkit-mask-image: var(--divider-pattern-url);
	mask-image: var(--divider-pattern-url);
	-webkit-mask-repeat: var(--divider-pattern-repeat);
	mask-repeat: var(--divider-pattern-repeat);
	-webkit-mask-size: var(--divider-pattern-size) 100%;
	mask-size: var(--divider-pattern-size) 100%;
	min-height: var(--divider-pattern-height);
	width: 100%;
}

.guten-divider-default {
	border-bottom: 2px solid var(--guten-base-color);
	width: 100%;
}

.guten-divider-double {
	border-bottom: 3px double var(--guten-base-color);
	width: 100%;
}

.guten-divider-dotted {
	border-bottom: 2px dotted var(--guten-base-color);
	width: 100%;
}

.guten-divider-dashed {
	border-bottom: 2px dashed var(--guten-base-color);
	width: 100%;
}

.guten-divider-content {
	display: flex;
	flex-shrink: 0;
	padding: 0 10px;
}

@media (max-width:425px) {
	.guten-divider-wrapper {
		width: 100%;
	}
}
