/* These rules add a mini-scrollbar when needed on texts that were modified */
[class*="plugin-animationScrollableBox"] > div {
	pointer-events: all;
	touch-action: pan-x pan-y; /* Only allow scroll touch gesture, no pinch to zoom, needed because pinch breaks reader on iphone*/
	overflow-y: auto!important;
	overflow-x: hidden !important;

	/* custom scrollbar on firefox */
	scrollbar-width: thin;
	scrollbar-color: #7c7c7c #F3F3F3;
}

/* custom scrollbar on chrome */
[class*="plugin-animationScrollableBox"] > div::-webkit-scrollbar {
	width: 3px;
	background-color: #FBFBFB;
}

[class*="plugin-animationScrollableBox"] > div::-webkit-scrollbar-track {
	background-color: #FBFBFB;
	border-radius: 1px;
}

[class*="plugin-animationScrollableBox"] > div::-webkit-scrollbar-thumb {
	background-color: #7c7c7c;
	border-radius: 1px;
}

[data-hidden] {
	display: none !important;
}

.plugin-preview-slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

/* Used for editable and dynamic texts */
[class*="vertical-align"] div {
	display: flex;
	flex-direction: column;
}

[class*="vertical-align-bottom"] div::before {
	content: '';
	margin-top: auto;
}

[class*="vertical-align-center"] div::before {
	content: '';
	margin-top: auto;
}

[class*="vertical-align-center"] div::after {
	content: '';
	margin-bottom: auto;
}

[class*="vertical-align-justify"] div {
	justify-content: space-between;
}