Why is inline CSS used?

Hi there,

I am currently using this site to analyse for XXS issues (https://webbkoll.dataskydd.net/de).
One warning that then appears in the console is the inline style for maxicharts.

<style>.maxicharts_reports_canvas {
	width: 100%!important;
	max-width: 100%;
}

@media screen and (max-width:480px) {
	div.maxicharts_reports-wrap {
		/*position: relative;
                        margin: auto;
                        height: 100vh;
                        width: 100vw;
                        display: block;*/
		width: 100%!important;
		float: none!important;
		margin-left: auto!important;
		margin-right: auto!important;
		text-align: center;
	}
}

</style>

Can I ask why any inline styling is used when you also use external style sheets as well?
thx for any help

The page I need help with: [log in to see the link]