.folder .folder-toggle {
	cursor: pointer;
}

/* this is !important because drupal sets title fields (which we need, to
 * display:none in .ui-dialog .field--name-field-title which can cause some of
 * the folded items to disappear)
 */
.folder .folder-toggle {
	display: flex !important;
	flex-direction: row;
	align-items: center;
}

.folder .folder-toggle > *:first-child {
	flex-grow: 1;
}

.folder .folder-toggle::after {
	display: inline-block;
	content: '';

	flex-shrink: 0;
	flex-grow: 0;

	width: 0.5em;
	height: 0.5em;

	transform-origin: 0.5em 0.5em;

	transition: all .2s ease-in-out;

	border-width: 2px;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: inherit;
	border-bottom-color: inherit;

	transform: translateY(-0.25em) rotate(-135deg);
}

.folder.folded .folder-toggle::after {
	transform: translateY(-0.125em) rotate(45deg);
}

.folder .folder-target {
	max-height: 100vh;
	overflow-y: auto;
	transition: all .5s ease-in-out;
}

.folder.folded .folder-target {
	max-height: 0;
	overflow: hidden;
}