.line {
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--dev-panel-border-color), transparent);
	margin: var(--dev-panel-spacing-lg) 0;
	opacity: var(--dev-panel-opacity-60);
}

.space {
	height: var(--dev-panel-spacing-xl);
	width: 100%;
}

.labelContainer {
	position: relative;
	display: flex;
	align-items: center;

	&::before {
		content: "";
		flex: 1;
		height: 1px;
		background: linear-gradient(to right, transparent, var(--dev-panel-border-color) 50%);
		opacity: var(--dev-panel-opacity-60);
	}

	&::after {
		content: "";
		flex: 1;
		height: 1px;
		background: linear-gradient(to left, transparent, var(--dev-panel-border-color) 50%);
		opacity: var(--dev-panel-opacity-60);
	}
}

.label {
	font-size: var(--dev-panel-font-size-xs);
	font-weight: var(--dev-panel-font-weight-bold);
	color: var(--dev-panel-text-color-muted);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	padding: var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);
	background: var(--dev-panel-background-color);
	border-radius: var(--dev-panel-border-radius-full);
	border: 1px solid var(--dev-panel-border-color);
	margin-top: 18px;
}
