assets/pwa.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1200" height="200">
	<style>
		.gauge-base {
			opacity: 0.1
		}

		.gauge-arc {
			fill: none;
			animation-delay: 250ms;
			stroke-linecap: round;
			transform: rotate(-90deg);
			transform-origin: 100px 60px;
			animation: load-gauge 1s ease forwards
		}

		.guage-text {
			font-size: 40px;
			font-family: monospace;
			text-align: center
		}

		.guage-red {
			color: #ff4e42;
			fill: #ff4e42;
			stroke: #ff4e42
		}
		.guage-orange {
			color: #ffa400;
			fill: #ffa400;
			stroke: #ffa400
		}
		.guage-green {
			color: #0cce6b;
			fill: #0cce6b;
			stroke: #0cce6b
		}

 		.guage-title {
			stroke: none;
			font-size: 26px;
			line-height: 26px;
			font-family: Roboto, Halvetica, Arial, sans-serif
		}

		.guage-title {
			color: #737373;
			fill: #737373
		}

		@keyframes load-gauge {
			from {
				stroke-dasharray: 0 352.858
			}
		}
		.lh-gauge--pwa__disc {
			fill: #e0e0e0
		}
		.lh-gauge--pwa__logo {
			position: relative;
			fill: #b0b0b0
		}
		.lh-gauge--pwa__component {
			display: none
		}
		.lh-gauge--pwa__visible {
			display: inline
		}
		.lh-gauge--pwa__logo--primary-color {
			fill: #304ffe
		}
		.lh-gauge--pwa__logo--secondary-color {
			fill: #787878
		}
	</style>
	<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="0" y="0">
		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
			<defs>
				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
					<stop stop-color="#00C852" offset="0%"></stop>
					<stop stop-color="#009688" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
					<stop stop-color="#A5D6A7" offset="0%"></stop>
					<stop stop-color="#80CBC4" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
					<stop stop-color="#64B5F6" offset="0%"></stop>
					<stop stop-color="#2979FF" offset="100%"></stop>
				</linearGradient>

				<g id="lh-gauge--pwa__fast-reliable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
				</g>
				<g id="lh-gauge--pwa__installable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
				</g>
			</defs>
			<g stroke="none" fill-rule="nonzero">
				<!-- Background and PWA logo (color by default) -->
				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
				<g class="lh-gauge--pwa__logo">
					<path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
					<path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
					<path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
				</g>
				<!-- No badges. -->
				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
				<!-- Just fast and reliable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
				</g>
				<!-- Just installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
					<use href="#lh-gauge--pwa__installable-badge-0"></use>
				</g>
				<!-- Fast and reliable and installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges">
					<g transform="translate(8, 29)">						<!-- fast and reliable -->
						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
					</g>
					<g transform="translate(32, 29)">						<!-- installable -->
						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
						<use href="#lh-gauge--pwa__installable-badge-0"></use>
					</g>
				</g>
				<!-- Full PWA. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle" transform="translate(18, 28)">
					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
				</g>
			</g>
		</svg>
		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
			<tspan x="100px" dy="-6px">Error</tspan>
		</text>
	</svg>
	<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="200" y="0">
		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
			<defs>
				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
					<stop stop-color="#00C852" offset="0%"></stop>
					<stop stop-color="#009688" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
					<stop stop-color="#A5D6A7" offset="0%"></stop>
					<stop stop-color="#80CBC4" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
					<stop stop-color="#64B5F6" offset="0%"></stop>
					<stop stop-color="#2979FF" offset="100%"></stop>
				</linearGradient>

				<g id="lh-gauge--pwa__fast-reliable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
				</g>
				<g id="lh-gauge--pwa__installable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
				</g>
			</defs>
			<g stroke="none" fill-rule="nonzero">
				<!-- Background and PWA logo (color by default) -->
				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
				<g class="lh-gauge--pwa__logo">
					<path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
					<path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
					<path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
				</g>
				<!-- No badges. -->
				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__visible" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
				<!-- Just fast and reliable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
				</g>
				<!-- Just installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
					<use href="#lh-gauge--pwa__installable-badge-0"></use>
				</g>
				<!-- Fast and reliable and installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges">
					<g transform="translate(8, 29)">						<!-- fast and reliable -->
						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
					</g>
					<g transform="translate(32, 29)">						<!-- installable -->
						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
						<use href="#lh-gauge--pwa__installable-badge-0"></use>
					</g>
				</g>
				<!-- Full PWA. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle" transform="translate(18, 28)">
					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
				</g>
			</g>
		</svg>
		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
			<tspan x="100px" dy="-6px">No badge</tspan>
		</text>
	</svg>
	<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="400" y="0">
		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
			<defs>
				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
					<stop stop-color="#00C852" offset="0%"></stop>
					<stop stop-color="#009688" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
					<stop stop-color="#A5D6A7" offset="0%"></stop>
					<stop stop-color="#80CBC4" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
					<stop stop-color="#64B5F6" offset="0%"></stop>
					<stop stop-color="#2979FF" offset="100%"></stop>
				</linearGradient>

				<g id="lh-gauge--pwa__fast-reliable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
				</g>
				<g id="lh-gauge--pwa__installable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
				</g>
			</defs>
			<g stroke="none" fill-rule="nonzero">
				<!-- Background and PWA logo (color by default) -->
				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
				<g class="lh-gauge--pwa__logo">
					<path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
					<path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
					<path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
				</g>
				<!-- No badges. -->
				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
				<!-- Just fast and reliable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__visible" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
				</g>
				<!-- Just installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
					<use href="#lh-gauge--pwa__installable-badge-0"></use>
				</g>
				<!-- Fast and reliable and installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges">
					<g transform="translate(8, 29)">						<!-- fast and reliable -->
						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
					</g>
					<g transform="translate(32, 29)">						<!-- installable -->
						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
						<use href="#lh-gauge--pwa__installable-badge-0"></use>
					</g>
				</g>
				<!-- Full PWA. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle" transform="translate(18, 28)">
					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
				</g>
			</g>
		</svg>
		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
			<tspan x="100px" dy="-6px">Fast and reliable</tspan>
		</text>
	</svg>
	<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="600" y="0">
		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
			<defs>
				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
					<stop stop-color="#00C852" offset="0%"></stop>
					<stop stop-color="#009688" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
					<stop stop-color="#A5D6A7" offset="0%"></stop>
					<stop stop-color="#80CBC4" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
					<stop stop-color="#64B5F6" offset="0%"></stop>
					<stop stop-color="#2979FF" offset="100%"></stop>
				</linearGradient>

				<g id="lh-gauge--pwa__fast-reliable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
				</g>
				<g id="lh-gauge--pwa__installable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
				</g>
			</defs>
			<g stroke="none" fill-rule="nonzero">
				<!-- Background and PWA logo (color by default) -->
				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
				<g class="lh-gauge--pwa__logo">
					<path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
					<path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
					<path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
				</g>
				<!-- No badges. -->
				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
				<!-- Just fast and reliable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
				</g>
				<!-- Just installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__visible" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
					<use href="#lh-gauge--pwa__installable-badge-0"></use>
				</g>
				<!-- Fast and reliable and installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges">
					<g transform="translate(8, 29)">						<!-- fast and reliable -->
						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
					</g>
					<g transform="translate(32, 29)">						<!-- installable -->
						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
						<use href="#lh-gauge--pwa__installable-badge-0"></use>
					</g>
				</g>
				<!-- Full PWA. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle" transform="translate(18, 28)">
					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
				</g>
			</g>
		</svg>
		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
			<tspan x="100px" dy="-6px">Installable</tspan>
		</text>
	</svg>
	<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="800" y="0">
		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
			<defs>
				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
					<stop stop-color="#00C852" offset="0%"></stop>
					<stop stop-color="#009688" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
					<stop stop-color="#A5D6A7" offset="0%"></stop>
					<stop stop-color="#80CBC4" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
					<stop stop-color="#64B5F6" offset="0%"></stop>
					<stop stop-color="#2979FF" offset="100%"></stop>
				</linearGradient>

				<g id="lh-gauge--pwa__fast-reliable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
				</g>
				<g id="lh-gauge--pwa__installable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
				</g>
			</defs>
			<g stroke="none" fill-rule="nonzero">
				<!-- Background and PWA logo (color by default) -->
				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
				<g class="lh-gauge--pwa__logo">
					<path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
					<path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
					<path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
				</g>
				<!-- No badges. -->
				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
				<!-- Just fast and reliable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
				</g>
				<!-- Just installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
					<use href="#lh-gauge--pwa__installable-badge-0"></use>
				</g>
				<!-- Fast and reliable and installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__visible">
					<g transform="translate(8, 29)">						<!-- fast and reliable -->
						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
					</g>
					<g transform="translate(32, 29)">						<!-- installable -->
						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
						<use href="#lh-gauge--pwa__installable-badge-0"></use>
					</g>
				</g>
				<!-- Full PWA. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle" transform="translate(18, 28)">
					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
				</g>
			</g>
		</svg>
		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
			<tspan x="100px" dy="-6px">Fast, reliable</tspan>
			<tspan x="100px" dy="30px">and installable</tspan>
		</text>
	</svg>
	<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="1000" y="0">
		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
			<defs>
				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
					<stop stop-color="#00C852" offset="0%"></stop>
					<stop stop-color="#009688" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
					<stop stop-color="#A5D6A7" offset="0%"></stop>
					<stop stop-color="#80CBC4" offset="100%"></stop>
				</linearGradient>
				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
					<stop stop-color="#64B5F6" offset="0%"></stop>
					<stop stop-color="#2979FF" offset="100%"></stop>
				</linearGradient>

				<g id="lh-gauge--pwa__fast-reliable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
				</g>
				<g id="lh-gauge--pwa__installable-badge-0">
					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
				</g>
			</defs>
			<g stroke="none" fill-rule="nonzero">
				<!-- Background and PWA logo (color by default) -->
				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
				<g class="lh-gauge--pwa__logo">
					<path class="lh-gauge--pwa__logo--secondary-color" d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
					<path class="lh-gauge--pwa__logo--primary-color" d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
					<path class="lh-gauge--pwa__logo--secondary-color" fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
				</g>
				<!-- No badges. -->
				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
				<!-- Just fast and reliable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
				</g>
				<!-- Just installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge" transform="translate(20, 29)">
					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
					<use href="#lh-gauge--pwa__installable-badge-0"></use>
				</g>
				<!-- Fast and reliable and installable. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges">
					<g transform="translate(8, 29)">						<!-- fast and reliable -->
						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
					</g>
					<g transform="translate(32, 29)">						<!-- installable -->
						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
						<use href="#lh-gauge--pwa__installable-badge-0"></use>
					</g>
				</g>
				<!-- Full PWA. -->
				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__visible" transform="translate(18, 28)">
					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
				</g>
			</g>
		</svg>
		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
			<tspan x="100px" dy="-6px">Full PWA</tspan>
		</text>
	</svg>
</svg>