/* CONTENT BLOCKS */
.zt-content-block {
	position: relative;
	display: inline-block;
	min-width: 100%;
	border-radius: 5px;
	overflow: hidden;
	color: black;
	overflow-wrap: anywhere;
}
.zt-content-block .zt-cb-title {
	padding: 8px 12px;
	display: flex;
	align-items: center;
}
.zt-content-block .zt-cb-title i.zt-cb-icon {
	display: block;
	color: white;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	flex-shrink: 1;
	margin-right: 10px;
}
.zt-content-block .zt-cb-title h3 {
	margin: 0;
	flex-grow: 1;
}
.zt-content-block .zt-cb-title, .zt-content-block .zt-cb-title h3 {
	font-size: var(--font-size);
	font-weight: 600;
	color: white;
}
.zt-content-block .zt-cb-body {
	padding: 8px 12px;
}
.zt-content-block .zt-cb-body p {
	margin-bottom: 10px;
}
.zt-content-block .zt-cb-body p:last-child {
	margin-bottom: 0;
}
.zt-content-block.zt-cb-type-script {
	background-color: #d0e9e6;
}
.zt-content-block.zt-cb-type-script > .zt-cb-title {
	background-color: #2f978b;
}
.zt-content-block.zt-cb-type-script > .zt-cb-title > i::before {
	content: '\f0a1';
}
.zt-content-block.zt-cb-type-action {
	background-color: #c9e7d4;
}
.zt-content-block.zt-cb-type-action > .zt-cb-title {
	background-color: #1c953a;
}
.zt-content-block.zt-cb-type-action > .zt-cb-title > i::before {
	content: '\f0e7';
}
.zt-content-block.zt-cb-type-note {
	background-color: #dbe1eb;
}
.zt-content-block.zt-cb-type-note > .zt-cb-title {
	background-color: #131519;
}
.zt-content-block.zt-cb-type-note > .zt-cb-title > i::before {
	content: '\f303';
}
.zt-content-block.zt-cb-type-alert {
	background-color: #ffe6e6;
}
.zt-content-block.zt-cb-type-alert > .zt-cb-title {
	background-color: #99121d;
}
.zt-content-block.zt-cb-type-alert > .zt-cb-title > i::before {
	content: '\f057';
}
.zt-content-block .config-buttons {
	display: none;
}

/* ACCORDIONS */
.zt-accordion {
	position: relative;
	display: inline-block;
	min-width: 100%;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	overflow-wrap: anywhere;
}
.zt-accordion details {
	position: relative;
	border-bottom: 1px solid #d9d9d9;
}
.zt-accordion details:last-child {
	border-bottom: 0;
}
.zt-accordion details summary {
	cursor: pointer;
	position: relative;
	padding: 8px 12px;
	padding-right: 30px;
	background-color: rgba(0, 0, 0, 0.04);
	list-style: none;
}
.zt-accordion details summary h3 {
	font-size: var(--font-size);
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.zt-accordion details summary details > summary {
	list-style: none;
}
.zt-accordion details summary:focus-visible {
	outline: 0 !important;
}
.zt-accordion details summary::-webkit-details-marker {
	display: none;
}
.zt-accordion details summary::marker {
	display: none;
}
.zt-accordion details summary::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	content: '\f107';
	display: block;
	position: absolute;
	font-size: 16px;
	right: 12px;
	top: 4px;
	transition: transform 0.2s;
}
.zt-accordion details .zt-ac-body-container {
	overflow: hidden;
	transition: height 0.2s ease;
}
.zt-accordion details .zt-ac-body {
	padding: 8px 12px;
}
.zt-accordion details .zt-ac-body p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.zt-accordion details[open] > summary:after {
	transform: rotate(180deg);
}