/* -------------------------------------------------------------------------------------------------------------
	Description:		  Restores external link icons and make them theme friendly.
						  Icon color is based off the link color variable.
	Author: 			  User:Nekky-chan
	Inspired by:		  User:BaRaN6161TURK
                          https://discord.com/channels/246075715714416641/246737000189788161/1004777681000353894
 ------------------------------------------------------------------------------------------------------------ */
html[ dir='ltr' ] .mw-parser-output a.external::after,
html[ dir='rtl' ] .mw-parser-output a.external::before {
	background-color: currentcolor;
	content: '';
	display: inline-block;
	height: 0.857em;
	width: 0.857em;
	-webkit-mask: no-repeat center/contain var( --external-icon );
	mask: no-repeat center/contain var( --external-icon );
}

html[ dir='ltr' ] .mw-parser-output a.external::after {
	--external-icon: url( /load.php?format=original&image=linkExternal&modules=oojs-ui.styles.icons-editing-core );
	margin-left: 0.143em;
}

html[ dir='rtl' ] .mw-parser-output a.external::before {
	--external-icon: url( /load.php?format=original&image=linkExternal&modules=oojs-ui.styles.icons-editing-core&dir=rtl );
	margin-right: 0.143em;
}

/* Restore Plainlinks: https://www.mediawiki.org/wiki/Manual:Plainlinks */
html[ dir='ltr' ] .mw-parser-output .plainlinks a.external::after,
html[ dir='rtl' ] .mw-parser-output .plainlinks a.external::before {
	display: none;
}