let htmlSrc=`
<div class="gdpr-calc-container">
	<style media="screen">
		.gdpr-calc-container{
			 position: relative;
			 height: 100%;
		}
		.iniloader-cnt{
			margin:0;
			padding:0;
			width: 100%;
			height: 100%;
			position: absolute;
			top:0;
			left:0;
			background-color: white;
			z-index: 100;
			display: block;
		}
		.iniloader-img {
			width: 100%;
			height: 100%;
			padding-top: 20%;
			align-items:center;
			flex-direction: column;
			display: flex;
		}

		.fingerprint-spinner, .fingerprint-spinner * {
			box-sizing: border-box;
		}

		.fingerprint-spinner {
			height: 64px;
			width: 64px;
			padding: 2px;
			overflow: hidden;
			position: relative;
			margin-top: 50px;
		}

		.fingerprint-spinner .spinner-ring {
			position: absolute;
			border-radius: 50%;
			border: 2px solid transparent;
			border-top-color: #6556b5;
			animation: fingerprint-spinner-animation 1500ms cubic-bezier(0.680, -0.750, 0.265, 1.750) infinite forwards;
			margin: auto;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
		}

		.fingerprint-spinner .spinner-ring:nth-child(1) {
			height: calc(60px / 9 + 0 * 60px / 9);
			width: calc(60px / 9 + 0 * 60px / 9);
			animation-delay: calc(50ms * 1);
		}

		.fingerprint-spinner .spinner-ring:nth-child(2) {
			height: calc(60px / 9 + 1 * 60px / 9);
			width: calc(60px / 9 + 1 * 60px / 9);
			animation-delay: calc(50ms * 2);
		}

		.fingerprint-spinner .spinner-ring:nth-child(3) {
			height: calc(60px / 9 + 2 * 60px / 9);
			width: calc(60px / 9 + 2 * 60px / 9);
			animation-delay: calc(50ms * 3);
		}

		.fingerprint-spinner .spinner-ring:nth-child(4) {
			height: calc(60px / 9 + 3 * 60px / 9);
			width: calc(60px / 9 + 3 * 60px / 9);
			animation-delay: calc(50ms * 4);
		}

		.fingerprint-spinner .spinner-ring:nth-child(5) {
			height: calc(60px / 9 + 4 * 60px / 9);
			width: calc(60px / 9 + 4 * 60px / 9);
			animation-delay: calc(50ms * 5);
		}

		.fingerprint-spinner .spinner-ring:nth-child(6) {
			height: calc(60px / 9 + 5 * 60px / 9);
			width: calc(60px / 9 + 5 * 60px / 9);
			animation-delay: calc(50ms * 6);
		}

		.fingerprint-spinner .spinner-ring:nth-child(7) {
			height: calc(60px / 9 + 6 * 60px / 9);
			width: calc(60px / 9 + 6 * 60px / 9);
			animation-delay: calc(50ms * 7);
		}

		.fingerprint-spinner .spinner-ring:nth-child(8) {
			height: calc(60px / 9 + 7 * 60px / 9);
			width: calc(60px / 9 + 7 * 60px / 9);
			animation-delay: calc(50ms * 8);
		}

		.fingerprint-spinner .spinner-ring:nth-child(9) {
			height: calc(60px / 9 + 8 * 60px / 9);
			width: calc(60px / 9 + 8 * 60px / 9);
			animation-delay: calc(50ms * 9);
		}

		@keyframes fingerprint-spinner-animation {
			100% {
				transform: rotate( 360deg );
			}
		}
	</style>

	<span id="sid" style="display:none">BdbdVP4vXmSKsr2H5mWuHmGPgtDUa9it9K28My9N-1714697169365</span>
	<div class="iniloader-cnt">
		<div class="iniloader-img">
			<div id="spinner" class="fingerprint-spinner">
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
				<div class="spinner-ring"></div>
			</div>
		</div>
	</div>

	<div id="app-gdpr-calc" class="gdpr-calc-body">
		<v-top-app></v-top-app>
	</div>

</div>
`;

(function () {
	let libsrc='https://kalkulacka.gdpr-experts.cz/dst/lib.bundle.min.js';
	let mainsrc='https://kalkulacka.gdpr-experts.cz/dst/main.bundle.min.js';

	parser = new DOMParser();
	doc = parser.parseFromString(htmlSrc, "text/html");

	let b=document.querySelector('#gdpr-calc-container');

	b.innerHTML=doc.body.innerHTML;

	let body=document.querySelector('body');

	let lib=document.createElement('script');
	lib.id="gdprCalcLibScript";
	lib.src=libsrc;

	lib.onload=function () {

		let main=document.createElement('script');
		main.id="gdprCalcMainScript";
		main.src=mainsrc;
		body.appendChild(main);

	}

	body.appendChild(lib);

})();