.block-collapsible-module {
	border-radius: 12px;
}

.editor-styles-wrapper .wp-block-cwp-collapsible-module.has-background.has-background {
	background-color: transparent !important;
}

.block-collapsible-module + .block-collapsible-module,
.editor-styles-wrapper .wp-block-cwp-collapsible-module + .wp-block-cwp-collapsible-module {
	margin-top: 8px;
}

.block-collapsible-module summary {
	list-style: none;
	cursor: pointer;
}

.block-collapsible-module summary::-webkit-details-marker {
	display: none;
}

.block-collapsible-module__subtitle {
	display: inline-block;
	margin: 0 0 0.5rem;
	background-color: var(--cwp-text-color, var(--wp--preset--color--foreground));
	color: var(--wp--custom--color--fill);
	border-radius: var(--wp--custom--border-radius--tiny);
	padding: 4px 8px;
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	font-weight: 700;
}

.block-collapsible-module__title {}
.block-collapsible-module__description {
	font-size: var(--wp--preset--font-size--x-large);
}

.block-collapsible-module__summary {
	display: flex;
	align-items: flex-start;
	/*justify-content: space-between;*/
	gap: 8px 16px;
}

.block-collapsible-module__toggle {
	flex-shrink: 0;
}

.block-collapsible-module__toggle svg {
	fill: var(--cwp-text-color, var(--wp--preset--color--foreground));
}

.block-collapsible-module__toggle svg,
.block-collapsible-module[open] .block-collapsible-module__toggle .close {
	display: block;
}

.block-collapsible-module.has-primary-background-color details,
.block-collapsible-module.has-tertiary-background-color details
.block-collapsible-module.has-foreground-background-color details,
.block-collapsible-module.has-proofreading-2-background-color details {
	color: var(--wp--custom--color--fill, var(--wp--preset--color--foreground));
}

.block-collapsible-module.has-white-background-color details {
	background-color: var(--wp--preset--color--background);
}

.block-collapsible-module details {
	border-radius: 12px;
	padding: 13px 15px;
	background-color: var(--wp--preset--color--white);
	font-size: 1.0625rem;
	text-align: center;
}

.block-collapsible-module details + details {
	margin-top: 0.5rem;
}

.block-collapsible-module details .block-collapsible-module__summary {
	align-items: center;
	font-weight: 600;
}

.block-collapsible-module details:not([open]) .block-collapsible-module__toggle .close {
	display: none;
}
.block-collapsible-module details:not([open]) .block-collapsible-module__toggle .open {
	display: block;
}

.block-collapsible-module__toggle .close,
.block-collapsible-module[open] .block-collapsible-module__toggle .open {
	display: none;
}

.block-collapsible-module details > p {
	text-align: left;
}

.block-collapsible-module details > p:first-of-type {
	margin-top: 0.5rem;
}

.block-collapsible-module details > p:last-child {
	margin-bottom: 0;
}

.block-collapsible-module__number {
	padding-right: 16px;
	border-right: 1px solid;
}
.block-collapsible-module details .block-collapsible-module__toggle {
	padding-left: 16px;
	border-left: 1px solid;
	margin-left: auto;
}

@media only screen and (max-width: 767px) {
	.block-collapsible-module details .block-collapsible-module__summary {
		flex-wrap: wrap;
	}
	.block-collapsible-module details .block-collapsible-module__number,
	.block-collapsible-module details .block-collapsible-module__toggle {
		padding: 0;
		border: none;
	}
	.block-collapsible-module details .block-collapsible-module__summary-inner {
		order: 3;
		border-top: 1px solid;
		padding-top: 8px;
		width: 100%;
		text-align: left;
	}
}

@media only screen and (max-width: 767px) {}

@media only screen and (min-width: 768px) {}
