/* НАВИГАЦИЯ: 
	{IDs_0000} Название
	{IDs_0001} Цвет
	{IDs_0002} Инверсия
	{IDs_0003} Надпись
*/

/*{IDs_0000} Название*/
.callout[data-callout="imginvert"] { --callout-color: 255, 255, 255; --callout-icon: "<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"images\" class=\"svg-inline--fa fa-images fa-w-18\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v208c0 44.112 35.888 80 80 80h336zm96-80V80c0-26.51-21.49-48-48-48H144c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h384c26.51 0 48-21.49 48-48zM256 128c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-96 144l55.515-55.515c4.686-4.686 12.284-4.686 16.971 0L272 256l135.515-135.515c4.686-4.686 12.284-4.686 16.971 0L512 208v112H160v-48z\"></path></svg>"; }

/*{IDs_0001} Цвет*/
/*отключаем фон*/
.callout[data-callout="imginvert"] {
    background-color: rgba(0, 0, 0, 0); 
}

/*отключаем цвет*/
.callout[data-callout="imginvert"] .callout-title {
    color: rgb(245,245,245);
}
/*инверсия цвета*/
.theme-light {
	.callout[data-callout="imginvert"] img {
		filter: invert(100%); 
	}
}

/*{IDs_0002} Инверсия*/
/*инверсия картинки и надписи*/
.callout[data-callout="imginvert"]{
	display:flex;
    flex-direction: column-reverse;
}
/*центровка надписи*/
.callout[data-callout="imginvert"] .callout-title {
    justify-content: center;
}
/*цвет ндаписи*/
.theme-dark {
	.callout[data-callout="imginvert"] .callout-title-inner {
		font-weight: 400;
		color: rgb(255 255 255 / 80%);
		font-style: italic;
	}

	.callout[data-callout="imginvert"] .callout-title {
		color: rgb(255 255 255 / 80%);
	}
}

/*{IDs_0003} Надпись*/
.callout[data-callout="imginvert"] .callout-title-inner {
    font-weight: 400;
    color: rgb(0 0 0 / 80%);
	font-style: italic;
}
.callout[data-callout="imginvert"] .callout-title {
    color: rgb(0 0 0 / 80%);
}