/**
 * Divider Block — Styles
 *
 * PHASE 4 — BLOCK SYSTEM (ATOMS ONLY). TOKEN-ONLY STYLING.
 *
 * No [data-atb-section="..."] selector appears anywhere in this file.
 */

.atb-divider {
	border: none;
	border-top-style: solid;
	width: 100%;
	color: var(--atb-color-border, #e5e5e5); /* affects border color in some browsers' default hr rendering */
}

/* Style */

.atb-divider--solid {
	border-top-style: solid;
}

.atb-divider--dashed {
	border-top-style: dashed;
}

/* Weight */

.atb-divider--thin {
	border-top-width: 1px;
	border-top-color: var(--atb-color-border, #e5e5e5);
}

.atb-divider--thick {
	border-top-width: 2px;
	border-top-color: var(--atb-color-neutral-300, #d4d4d4);
}

/* Spacing */

.atb-divider--spacing-sm {
	margin: var(--atb-space-2, 0.5rem) 0;
}

.atb-divider--spacing-md {
	margin: var(--atb-space-6, 1.5rem) 0;
}

.atb-divider--spacing-lg {
	margin: var(--atb-space-12, 3rem) 0;
}