/* Alignment */
.cla-blocks-content-list-container.alignfull .cla-blocks-content-list {
	margin-left: var(--cla--spacing--decoration-small);
	margin-right: var(--cla--spacing--decoration-small);
}

/* Colors */
:is(.has-csu-green-background-color, .has-oval-green-background-color, .has-flower-trial-red-background-color, .has-powered-purple-background-color, .has-horsetooth-blue-background-color, .has-stalwart-slate-background-color) .cla-blocks-content-list {
	--cla--color--linework: var(--cla--color--white);
}


.cla-blocks-content-list__title,
.editor-styles-wrapper .cla-blocks-content-list__title {
	position: relative;
	margin: 0;
	padding-left: var(--cla--spacing--decoration);
}
.editor-styles-wrapper .cla-blocks-content-list .cla-blocks-content-list__title {
	overflow: visible;
}
.cla-blocks-content-list__title::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-left: var(--cla--linework--width) var(--cla--linework--style) var(--cla--color--linework);
	display: block;
	height: calc(50% + 1px);
	width: var(--cla--spacing--decoration-small);
	pointer-events: none;
}
.cla-blocks-content-list__title::after {
	content: "";
	position: absolute;
	bottom: calc(50% - (var(--cla--point--size) * 0.5));
	left: calc(0px - (var(--cla--point--size) * 0.5));
	display: block;
	height: var(--cla--point--size);
	width: var(--cla--point--size);
	background: radial-gradient(var(--cla--color--secondary) var(--cla--point--radial-gradient--atts)) var(--cla--point--background--atts);
	pointer-events: none;
}



@container cla-blocks-content-list-container (min-width: 480px) {
	.cla-blocks-content-list__title::before {
		border-top: var(--cla--linework--width) var(--cla--linework--style) var(--cla--color--linework);
	}
	.cla-blocks-content-list__title::after {
		left: calc(var(--cla--spacing--decoration-small) - (var(--cla--point--size) * 0.5));
	}
}



@container cla-blocks-content-list-container (max-width: 959px) {
	.cla-blocks-content-list-overview {
		border-left: var(--cla--linework--width) var(--cla--linework--style) var(--cla--color--linework);
		padding-left: var(--cla--spacing--decoration);
	}
}



@container cla-blocks-content-list-container (min-width: 960px) {
	.cla-blocks-content-list__title,
	.editor-styles-wrapper .cla-blocks-content-list__title {
		padding-left: 0;
		padding-right: var(--cla--spacing--decoration);
	}
	.cla-blocks-content-list__title::before {
		right: -1px;
		left: initial;
		border-right: var(--cla--linework--width) var(--cla--linework--style) var(--cla--color--linework);
		border-left: none;
	}
	.cla-blocks-content-list__title::after {
		right: calc(var(--cla--spacing--decoration-small) - (var(--cla--point--size) * 0.5));
		left: initial;
	}
	.cla-blocks-content-list-overview {
		position: sticky;
		top: 0;
		padding-right: var(--cla--spacing--decoration);
	}
}