<div id="instagram-widget" part="main" version="{{ package.version }}">
	<div class="instagram-widget-container" part="container">
		<div class="instagram-widget-content" part="content"></div>
		<div class="instagram-widget-content-loading" part="content-loading" style="display: block">
			<div class="instagram-widget-spinner">
				<svg class="instagram-widget-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
					<defs>
						<linearGradient id="instagram-widget-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
							<stop offset="0%" stop-color="#f09433" />
							<stop offset="20%" stop-color="#e6683c" />
							<stop offset="50%" stop-color="#dc2743" />
							<stop offset="80%" stop-color="#cc2366" />
							<stop offset="100%" stop-color="#bc1888" />
						</linearGradient>
					</defs>
					<circle class="instagram-widget-circle" cx="50" cy="50" r="45" />
				</svg>
			</div>
			<div class="instagram-widget-loading">{{ translate.loading }}</div>
			<div class="instagram-widget-powered">{{ translate.powered_by }}</div>
		</div>
		<div class="instagram-widget-content-fetch-error" part="content-fetch-error" style="display: none">
			<div class="instagram-widget-spinner">
				<svg width="100%" height="100%" viewBox="0 0 200 200">
					<defs>
						<linearGradient id="instagram-logo-gradient1" x1=".8" y1=".8" x2="0">
							<stop offset="0" stop-color="#f09433" />
							<stop offset="1" stop-color="#bc1888" />
						</linearGradient>
						<radialGradient id="instagram-logo-gradient2" cx=".2" cy="1" r="1.2">
							<stop offset="0" stop-color="#f09433" />
							<stop offset=".1" stop-color="#e6683c" />
							<stop offset=".25" stop-color="#dc2743" />
							<stop offset=".35" stop-color="#cc2366" />
							<stop offset=".65" stop-color="#bc1888" stop-opacity="0" />
						</radialGradient>
						<rect id="instagram-logo-container" x="0" y="0" width="200" height="200" rx="50" ry="50" />
					</defs>
					<use xlink:href="#instagram-logo-container" fill="url(#instagram-logo-gradient1)" />
					<use xlink:href="#instagram-logo-container" fill="url(#instagram-logo-gradient2)" />
					<rect x="35" y="35" width="130" height="130" rx="30" ry="30" fill="none" stroke="#fff" stroke-width="13" />
					<circle cx="100" cy="100" r="32" fill="none" stroke="#fff" stroke-width="13" />
					<circle cx="140" cy="62" r="9" fill="#fff" />
				</svg>
			</div>
			<div class="instagram-widget-error-api">{{ translate.error_api }}</div>
			<div class="instagram-widget-support">{{ translate.support }}</div>
			<div class="instagram-widget-powered">{{ translate.powered_by }}</div>
		</div>
	</div>
</div>
