.liu-tg-active {
	background-color: transparent !important;
	background-image: var(--liu-tg-gradient) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

.liu-tg-editor-active,
.liu-tg-editor-active.wp-block-heading,
.liu-tg-editor-active.wp-block-paragraph,
.liu-tg-editor-active > h1,
.liu-tg-editor-active > h2,
.liu-tg-editor-active > h3,
.liu-tg-editor-active > h4,
.liu-tg-editor-active > h5,
.liu-tg-editor-active > h6,
.liu-tg-editor-active > p,
.liu-tg-editor-active h1,
.liu-tg-editor-active h2,
.liu-tg-editor-active h3,
.liu-tg-editor-active h4,
.liu-tg-editor-active h5,
.liu-tg-editor-active h6,
.liu-tg-editor-active p,
.liu-tg-editor-active .wp-block-button__link {
	background-color: transparent !important;
	background-image: var(--liu-tg-gradient) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

.liu-tg-active::selection {
	background: rgba(196, 151, 58, 0.35) !important;
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
}

@media (forced-colors: active) {
	.liu-tg-active {
		background-image: none !important;
		color: CanvasText !important;
		-webkit-text-fill-color: CanvasText !important;
	}

	.liu-tg-editor-active,
	.liu-tg-editor-active * {
		background-image: none !important;
		color: CanvasText !important;
		-webkit-text-fill-color: CanvasText !important;
	}
}