.dvet-advanced-toggle {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.dvet-advanced-toggle__item {
	width: 100%;
}

.dvet-advanced-toggle__trigger {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
	min-width: 0;
	white-space: normal;
}


.dvet-advanced-toggle--icon-right .dvet-advanced-toggle__trigger {
	justify-content: space-between;
}

.dvet-advanced-toggle__title {
	display: block;
	flex: 1 1 0%;
	min-width: 0;
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
}

.dvet-advanced-toggle__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	line-height: 1;
}

.dvet-advanced-toggle__closed-icon,
.dvet-advanced-toggle__opened-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	line-height: 1;
}

.dvet-advanced-toggle__opened-icon {
	display: none;
}

.dvet-advanced-toggle__item.is-active .dvet-advanced-toggle__closed-icon {
	display: none;
}

.dvet-advanced-toggle__item.is-active .dvet-advanced-toggle__opened-icon {
	display: inline-flex;
}

.dvet-advanced-toggle__panel {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows var(--dvet-toggle-speed, 300ms) ease, opacity var(--dvet-toggle-speed, 300ms) ease;
}

.dvet-advanced-toggle__item.is-active > .dvet-advanced-toggle__panel {
	grid-template-rows: 1fr;
	opacity: 1;
}

.dvet-advanced-toggle__panel-inner {
	box-sizing: border-box;
	min-height: 0;
	overflow: hidden;
}

.dvet-advanced-toggle__panel-content {
	box-sizing: border-box;
	width: 100%;
}

.dvet-advanced-toggle__item.is-active.is-settled > .dvet-advanced-toggle__panel .dvet-advanced-toggle__panel-inner {
	overflow: visible;
}

.dvet-advanced-toggle__editor-content > :first-child,
.dvet-advanced-toggle__panel-content > :first-child {
	margin-top: 0;
}

.dvet-advanced-toggle__editor-content > :last-child,
.dvet-advanced-toggle__panel-content > :last-child {
	margin-bottom: 0;
}

.dvet-advanced-toggle__template-warning {
	padding: 12px 16px;
	background: #fff4e5;
	color: #7a3e00;
	border: 1px solid #ffc46b;
}

@media (prefers-reduced-motion: reduce) {
	.dvet-advanced-toggle__trigger,
	.dvet-advanced-toggle__panel {
		transition: none !important;
	}
}