UNPKG

chrome-devtools-frontend

Version:

Chrome DevTools UI

devtools.chrome.com

ChromeDevTools/devtools-frontend

16 lines (13 loc) • 204 kB

JavaScript

(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('fs'), require('module'), require('url'), require('path')) : typeof define === 'function' && define.amd ? define(['exports', 'fs', 'module', 'url', 'path'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.Lighthouse = global.Lighthouse || {}, global.Lighthouse.ReportGenerator = {}))); }(this, (function (exports) { 'use strict'; const flowReportAssets = {}; /** * @license Copyright 2018 The Lighthouse Authors. All Rights Reserved. * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ const REPORT_TEMPLATE = "\n<!doctype html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1\">\n <link rel=\"icon\" href='data:image/svg+xml;utf8,<svg fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"m14 7 10-7 10 7v10h5v7h-5l5 24H9l5-24H9v-7h5V7Z\" fill=\"%23F63\"/><path d=\"M31.561 24H14l-1.689 8.105L31.561 24ZM18.983 48H9l1.022-4.907L35.723 32.27l1.663 7.98L18.983 48Z\" fill=\"%23FFA385\"/><path fill=\"%23FF3\" d=\"M20.5 10h7v7h-7z\"/></svg>'>\n <title>Lighthouse Report</title>\n <style>body {margin: 0}</style>\n</head>\n<body>\n <noscript>Lighthouse report requires JavaScript. Please enable.</noscript>\n\n <div id=\"lh-log\"></div>\n\n <script>window.__LIGHTHOUSE_JSON__ = %%LIGHTHOUSE_JSON%%;</script>\n <script>%%LIGHTHOUSE_JAVASCRIPT%%\n __initLighthouseReport__();\n //# sourceURL=compiled-reportrenderer.js\n </script>\n <script>console.log('window.__LIGHTHOUSE_JSON__', __LIGHTHOUSE_JSON__);</script>\n</body>\n</html>\n"; const REPORT_JAVASCRIPT = "!function(){\"use strict\";\n/**\n * @license\n * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS-IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */const e={PASS:{label:\"pass\",minScore:.9},AVERAGE:{label:\"average\",minScore:.5},FAIL:{label:\"fail\"},ERROR:{label:\"error\"}},t=[\"com\",\"co\",\"gov\",\"edu\",\"ac\",\"org\",\"go\",\"gob\",\"or\",\"net\",\"in\",\"ne\",\"nic\",\"gouv\",\"web\",\"spb\",\"blog\",\"jus\",\"kiev\",\"mil\",\"wi\",\"qc\",\"ca\",\"bel\",\"on\"];class n{static get RATINGS(){return e}static get PASS_THRESHOLD(){return.9}static get MS_DISPLAY_VALUE(){return\"%10d ms\"}static getFinalDisplayedUrl(e){if(e.finalDisplayedUrl)return e.finalDisplayedUrl;if(e.finalUrl)return e.finalUrl;throw new Error(\"Could not determine final displayed URL\")}static getMainDocumentUrl(e){return e.mainDocumentUrl||e.finalUrl}static getFullPageScreenshot(e){return e.fullPageScreenshot?e.fullPageScreenshot:e.audits[\"full-page-screenshot\"]?.details}static splitMarkdownCodeSpans(e){const t=[],n=e.split(/`(.*?)`/g);for(let e=0;e<n.length;e++){const r=n[e];if(!r)continue;const o=e%2!=0;t.push({isCode:o,text:r})}return t}static splitMarkdownLink(e){const t=[],n=e.split(/\\[([^\\]]+?)\\]\\((https?:\\/\\/.*?)\\)/g);for(;n.length;){const[e,r,o]=n.splice(0,3);e&&t.push({isLink:!1,text:e}),r&&o&&t.push({isLink:!0,text:r,linkHref:o})}return t}static truncate(e,t,n=\"…\"){if(e.length<=t)return e;const r=new Intl.Segmenter(void 0,{granularity:\"grapheme\"}).segment(e)[Symbol.iterator]();let o=0;for(let i=0;i<=t-n.length;i++){const t=r.next();if(t.done)return e;o=t.value.index}for(let t=0;t<n.length;t++)if(r.next().done)return e;return e.slice(0,o)+n}static getURLDisplayName(e,t){const n=void 0!==(t=t||{numPathParts:void 0,preserveQuery:void 0,preserveHost:void 0}).numPathParts?t.numPathParts:2,r=void 0===t.preserveQuery||t.preserveQuery,o=t.preserveHost||!1;let i;if(\"about:\"===e.protocol||\"data:\"===e.protocol)i=e.href;else{i=e.pathname;const t=i.split(\"/\").filter((e=>e.length));n&&t.length>n&&(i=\"…\"+t.slice(-1*n).join(\"/\")),o&&(i=`${e.host}/${i.replace(/^\\//,\"\")}`),r&&(i=`${i}${e.search}`)}if(\"data:\"!==e.protocol&&(i=i.slice(0,200),i=i.replace(/([a-f0-9]{7})[a-f0-9]{13}[a-f0-9]*/g,\"$1…\"),i=i.replace(/([a-zA-Z0-9-_]{9})(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])[a-zA-Z0-9-_]{10,}/g,\"$1…\"),i=i.replace(/(\\d{3})\\d{6,}/g,\"$1…\"),i=i.replace(/\\u2026+/g,\"…\"),i.length>64&&i.includes(\"?\")&&(i=i.replace(/\\?([^=]*)(=)?.*/,\"?$1$2…\"),i.length>64&&(i=i.replace(/\\?.*/,\"?…\")))),i.length>64){const e=i.lastIndexOf(\".\");i=e>=0?i.slice(0,63-(i.length-e))+\"…\"+i.slice(e):i.slice(0,63)+\"…\"}return i}static parseURL(e){const t=new URL(e);return{file:n.getURLDisplayName(t),hostname:t.hostname,origin:t.origin}}static createOrReturnURL(e){return e instanceof URL?e:new URL(e)}static getTld(e){const n=e.split(\".\").slice(-2);return t.includes(n[0])?\".\"+n.join(\".\"):\".\"+n[n.length-1]}static getRootDomain(e){const t=n.createOrReturnURL(e).hostname,r=n.getTld(t).split(\".\");return t.split(\".\").slice(-r.length).join(\".\")}static filterRelevantLines(e,t,n){if(0===t.length)return e.slice(0,2*n+1);const r=new Set;return(t=t.sort(((e,t)=>(e.lineNumber||0)-(t.lineNumber||0)))).forEach((({lineNumber:e})=>{let t=e-n,o=e+n;for(;t<1;)t++,o++;r.has(t-3-1)&&(t-=3);for(let e=t;e<=o;e++){const t=e;r.add(t)}})),e.filter((e=>r.has(e.lineNumber)))\n/**\n * @license\n * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS-IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */}}class r{constructor(e,t){this._document=e,this._lighthouseChannel=\"unknown\",this._componentCache=new Map,this.rootEl=t}createElement(e,t){const n=this._document.createElement(e);if(t)for(const e of t.split(/\\s+/))e&&n.classList.add(e);return n}createElementNS(e,t,n){const r=this._document.createElementNS(e,t);if(n)for(const e of n.split(/\\s+/))e&&r.classList.add(e);return r}createFragment(){return this._document.createDocumentFragment()}createTextNode(e){return this._document.createTextNode(e)}createChildOf(e,t,n){const r=this.createElement(t,n);return e.append(r),r}createComponent(e){let t=this._componentCache.get(e);if(t){const e=t.cloneNode(!0);return this.findAll(\"style\",e).forEach((e=>e.remove())),e}return t=function(e,t){switch(t){case\"3pFilter\":return function(e){const t=e.createFragment(),n=e.createElement(\"style\");n.append(\"\\n .lh-3p-filter {\\n color: var(--color-gray-600);\\n float: right;\\n padding: 6px var(--stackpack-padding-horizontal);\\n }\\n .lh-3p-filter-label, .lh-3p-filter-input {\\n vertical-align: middle;\\n user-select: none;\\n }\\n .lh-3p-filter-input:disabled + .lh-3p-ui-string {\\n text-decoration: line-through;\\n }\\n \"),t.append(n);const r=e.createElement(\"div\",\"lh-3p-filter\"),o=e.createElement(\"label\",\"lh-3p-filter-label\"),i=e.createElement(\"input\",\"lh-3p-filter-input\");i.setAttribute(\"type\",\"checkbox\"),i.setAttribute(\"checked\",\"\");const a=e.createElement(\"span\",\"lh-3p-ui-string\");a.append(\"Show 3rd party resources\");const l=e.createElement(\"span\",\"lh-3p-filter-count\");return o.append(\" \",i,\" \",a,\" (\",l,\") \"),r.append(\" \",o,\" \"),t.append(r),t}(e);case\"audit\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-audit\"),r=e.createElement(\"details\",\"lh-expandable-details\"),o=e.createElement(\"summary\"),i=e.createElement(\"div\",\"lh-audit__header lh-expandable-details__summary\"),a=e.createElement(\"span\",\"lh-audit__score-icon\"),l=e.createElement(\"span\",\"lh-audit__title-and-text\"),s=e.createElement(\"span\",\"lh-audit__title\"),c=e.createElement(\"span\",\"lh-audit__display-text\");l.append(\" \",s,\" \",c,\" \");const d=e.createElement(\"div\",\"lh-chevron-container\");i.append(\" \",a,\" \",l,\" \",d,\" \"),o.append(\" \",i,\" \");const h=e.createElement(\"div\",\"lh-audit__description\"),p=e.createElement(\"div\",\"lh-audit__stackpacks\");return r.append(\" \",o,\" \",h,\" \",p,\" \"),n.append(\" \",r,\" \"),t.append(n),t}(e);case\"categoryHeader\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-category-header\"),r=e.createElement(\"div\",\"lh-score__gauge\");r.setAttribute(\"role\",\"heading\"),r.setAttribute(\"aria-level\",\"2\");const o=e.createElement(\"div\",\"lh-category-header__description\");return n.append(\" \",r,\" \",o,\" \"),t.append(n),t}(e);case\"chevron\":return function(e){const t=e.createFragment(),n=e.createElementNS(\"http://www.w3.org/2000/svg\",\"svg\",\"lh-chevron\");n.setAttribute(\"viewBox\",\"0 0 100 100\");const r=e.createElementNS(\"http://www.w3.org/2000/svg\",\"g\",\"lh-chevron__lines\"),o=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\",\"lh-chevron__line lh-chevron__line-left\");o.setAttribute(\"d\",\"M10 50h40\");const i=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\",\"lh-chevron__line lh-chevron__line-right\");return i.setAttribute(\"d\",\"M90 50H50\"),r.append(\" \",o,\" \",i,\" \"),n.append(\" \",r,\" \"),t.append(n),t}(e);case\"clump\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-audit-group\"),r=e.createElement(\"details\",\"lh-clump\"),o=e.createElement(\"summary\"),i=e.createElement(\"div\",\"lh-audit-group__summary\"),a=e.createElement(\"div\",\"lh-audit-group__header\"),l=e.createElement(\"span\",\"lh-audit-group__title\"),s=e.createElement(\"span\",\"lh-audit-group__itemcount\");a.append(\" \",l,\" \",s,\" \",\" \",\" \");const c=e.createElement(\"div\",\"lh-clump-toggle\"),d=e.createElement(\"span\",\"lh-clump-toggletext--show\"),h=e.createElement(\"span\",\"lh-clump-toggletext--hide\");return c.append(\" \",d,\" \",h,\" \"),i.append(\" \",a,\" \",c,\" \"),o.append(\" \",i,\" \"),r.append(\" \",o,\" \"),n.append(\" \",\" \",r,\" \"),t.append(n),t}(e);case\"crc\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-crc-container\"),r=e.createElement(\"style\");r.append('\\n .lh-crc .lh-tree-marker {\\n width: 12px;\\n height: 26px;\\n display: block;\\n float: left;\\n background-position: top left;\\n }\\n .lh-crc .lh-horiz-down {\\n background: url(\\'data:image/svg+xml;utf8,<svg width=\"16\" height=\"26\" viewBox=\"0 0 16 26\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23D8D8D8\" fill-rule=\"evenodd\"><path d=\"M16 12v2H-2v-2z\"/><path d=\"M9 12v14H7V12z\"/></g></svg>\\');\\n }\\n .lh-crc .lh-right {\\n background: url(\\'data:image/svg+xml;utf8,<svg width=\"16\" height=\"26\" viewBox=\"0 0 16 26\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 12v2H0v-2z\" fill=\"%23D8D8D8\" fill-rule=\"evenodd\"/></svg>\\');\\n }\\n .lh-crc .lh-up-right {\\n background: url(\\'data:image/svg+xml;utf8,<svg width=\"16\" height=\"26\" viewBox=\"0 0 16 26\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 0h2v14H7zm2 12h7v2H9z\" fill=\"%23D8D8D8\" fill-rule=\"evenodd\"/></svg>\\');\\n }\\n .lh-crc .lh-vert-right {\\n background: url(\\'data:image/svg+xml;utf8,<svg width=\"16\" height=\"26\" viewBox=\"0 0 16 26\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 0h2v27H7zm2 12h7v2H9z\" fill=\"%23D8D8D8\" fill-rule=\"evenodd\"/></svg>\\');\\n }\\n .lh-crc .lh-vert {\\n background: url(\\'data:image/svg+xml;utf8,<svg width=\"16\" height=\"26\" viewBox=\"0 0 16 26\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 0h2v26H7z\" fill=\"%23D8D8D8\" fill-rule=\"evenodd\"/></svg>\\');\\n }\\n .lh-crc .lh-crc-tree {\\n font-size: 14px;\\n width: 100%;\\n overflow-x: auto;\\n }\\n .lh-crc .lh-crc-node {\\n height: 26px;\\n line-height: 26px;\\n white-space: nowrap;\\n }\\n .lh-crc .lh-crc-node__tree-value {\\n margin-left: 10px;\\n }\\n .lh-crc .lh-crc-node__tree-value div {\\n display: inline;\\n }\\n .lh-crc .lh-crc-node__chain-duration {\\n font-weight: 700;\\n }\\n .lh-crc .lh-crc-initial-nav {\\n color: #595959;\\n font-style: italic;\\n }\\n .lh-crc__summary-value {\\n margin-bottom: 10px;\\n }\\n ');const o=e.createElement(\"div\"),i=e.createElement(\"div\",\"lh-crc__summary-value\"),a=e.createElement(\"span\",\"lh-crc__longest_duration_label\"),l=e.createElement(\"b\",\"lh-crc__longest_duration\");i.append(\" \",a,\" \",l,\" \"),o.append(\" \",i,\" \");const s=e.createElement(\"div\",\"lh-crc\"),c=e.createElement(\"div\",\"lh-crc-initial-nav\");return s.append(\" \",c,\" \",\" \"),n.append(\" \",r,\" \",o,\" \",s,\" \"),t.append(n),t}(e);case\"crcChain\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-crc-node\"),r=e.createElement(\"span\",\"lh-crc-node__tree-marker\"),o=e.createElement(\"span\",\"lh-crc-node__tree-value\");return n.append(\" \",r,\" \",o,\" \"),t.append(n),t}(e);case\"elementScreenshot\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-element-screenshot\"),r=e.createElement(\"div\",\"lh-element-screenshot__content\"),o=e.createElement(\"div\",\"lh-element-screenshot__image\"),i=e.createElement(\"div\",\"lh-element-screenshot__mask\"),a=e.createElementNS(\"http://www.w3.org/2000/svg\",\"svg\");a.setAttribute(\"height\",\"0\"),a.setAttribute(\"width\",\"0\");const l=e.createElementNS(\"http://www.w3.org/2000/svg\",\"defs\"),s=e.createElementNS(\"http://www.w3.org/2000/svg\",\"clipPath\");s.setAttribute(\"clipPathUnits\",\"objectBoundingBox\"),l.append(\" \",s,\" \",\" \"),a.append(\" \",l,\" \"),i.append(\" \",a,\" \");const c=e.createElement(\"div\",\"lh-element-screenshot__element-marker\");return o.append(\" \",i,\" \",c,\" \"),r.append(\" \",o,\" \"),n.append(\" \",r,\" \"),t.append(n),t}(e);case\"footer\":return function(e){const t=e.createFragment(),n=e.createElement(\"style\");n.append(\"\\n .lh-footer {\\n padding: var(--footer-padding-vertical) calc(var(--default-padding) * 2);\\n max-width: var(--report-content-max-width);\\n margin: 0 auto;\\n }\\n .lh-footer .lh-generated {\\n text-align: center;\\n }\\n \"),t.append(n);const r=e.createElement(\"footer\",\"lh-footer\"),o=e.createElement(\"ul\",\"lh-meta__items\");o.append(\" \");const i=e.createElement(\"div\",\"lh-generated\"),a=e.createElement(\"b\");a.append(\"Lighthouse\");const l=e.createElement(\"span\",\"lh-footer__version\"),s=e.createElement(\"a\",\"lh-footer__version_issue\");return s.setAttribute(\"href\",\"https://github.com/GoogleChrome/Lighthouse/issues\"),s.setAttribute(\"target\",\"_blank\"),s.setAttribute(\"rel\",\"noopener\"),s.append(\"File an issue\"),i.append(\" \",\" Generated by \",a,\" \",l,\" | \",s,\" \"),r.append(\" \",o,\" \",i,\" \"),t.append(r),t}(e);case\"fraction\":return function(e){const t=e.createFragment(),n=e.createElement(\"a\",\"lh-fraction__wrapper\"),r=e.createElement(\"div\",\"lh-fraction__content-wrapper\"),o=e.createElement(\"div\",\"lh-fraction__content\"),i=e.createElement(\"div\",\"lh-fraction__background\");o.append(\" \",i,\" \"),r.append(\" \",o,\" \");const a=e.createElement(\"div\",\"lh-fraction__label\");return n.append(\" \",r,\" \",a,\" \"),t.append(n),t}(e);case\"gauge\":return function(e){const t=e.createFragment(),n=e.createElement(\"a\",\"lh-gauge__wrapper\"),r=e.createElement(\"div\",\"lh-gauge__svg-wrapper\"),o=e.createElementNS(\"http://www.w3.org/2000/svg\",\"svg\",\"lh-gauge\");o.setAttribute(\"viewBox\",\"0 0 120 120\");const i=e.createElementNS(\"http://www.w3.org/2000/svg\",\"circle\",\"lh-gauge-base\");i.setAttribute(\"r\",\"56\"),i.setAttribute(\"cx\",\"60\"),i.setAttribute(\"cy\",\"60\"),i.setAttribute(\"stroke-width\",\"8\");const a=e.createElementNS(\"http://www.w3.org/2000/svg\",\"circle\",\"lh-gauge-arc\");a.setAttribute(\"r\",\"56\"),a.setAttribute(\"cx\",\"60\"),a.setAttribute(\"cy\",\"60\"),a.setAttribute(\"stroke-width\",\"8\"),o.append(\" \",i,\" \",a,\" \"),r.append(\" \",o,\" \");const l=e.createElement(\"div\",\"lh-gauge__percentage\"),s=e.createElement(\"div\",\"lh-gauge__label\");return n.append(\" \",\" \",r,\" \",l,\" \",\" \",s,\" \"),t.append(n),t}(e);case\"gaugePwa\":return function(e){const t=e.createFragment(),n=e.createElement(\"style\");n.append(\"\\n .lh-gauge--pwa .lh-gauge--pwa__component {\\n display: none;\\n }\\n .lh-gauge--pwa__wrapper:not(.lh-badged--all) .lh-gauge--pwa__logo > path {\\n /* Gray logo unless everything is passing. */\\n fill: #B0B0B0;\\n }\\n\\n .lh-gauge--pwa__disc {\\n fill: var(--color-gray-200);\\n }\\n\\n .lh-gauge--pwa__logo--primary-color {\\n fill: #304FFE;\\n }\\n\\n .lh-gauge--pwa__logo--secondary-color {\\n fill: #3D3D3D;\\n }\\n .lh-dark .lh-gauge--pwa__logo--secondary-color {\\n fill: #D8B6B6;\\n }\\n\\n /* No passing groups. */\\n .lh-gauge--pwa__wrapper:not([class*='lh-badged--']) .lh-gauge--pwa__na-line {\\n display: inline;\\n }\\n /* Just optimized. Same n/a line as no passing groups. */\\n .lh-gauge--pwa__wrapper.lh-badged--pwa-optimized:not(.lh-badged--pwa-installable) .lh-gauge--pwa__na-line {\\n display: inline;\\n }\\n\\n /* Just installable. */\\n .lh-gauge--pwa__wrapper.lh-badged--pwa-installable .lh-gauge--pwa__installable-badge {\\n display: inline;\\n }\\n\\n /* All passing groups. */\\n .lh-gauge--pwa__wrapper.lh-badged--all .lh-gauge--pwa__check-circle {\\n display: inline;\\n }\\n \"),t.append(n);const r=e.createElement(\"a\",\"lh-gauge__wrapper lh-gauge--pwa__wrapper\"),o=e.createElementNS(\"http://www.w3.org/2000/svg\",\"svg\",\"lh-gauge lh-gauge--pwa\");o.setAttribute(\"viewBox\",\"0 0 60 60\");const i=e.createElementNS(\"http://www.w3.org/2000/svg\",\"defs\"),a=e.createElementNS(\"http://www.w3.org/2000/svg\",\"linearGradient\");a.setAttribute(\"id\",\"lh-gauge--pwa__check-circle__gradient\"),a.setAttribute(\"x1\",\"50%\"),a.setAttribute(\"y1\",\"0%\"),a.setAttribute(\"x2\",\"50%\"),a.setAttribute(\"y2\",\"100%\");const l=e.createElementNS(\"http://www.w3.org/2000/svg\",\"stop\");l.setAttribute(\"stop-color\",\"#00C852\"),l.setAttribute(\"offset\",\"0%\");const s=e.createElementNS(\"http://www.w3.org/2000/svg\",\"stop\");s.setAttribute(\"stop-color\",\"#009688\"),s.setAttribute(\"offset\",\"100%\"),a.append(\" \",l,\" \",s,\" \");const c=e.createElementNS(\"http://www.w3.org/2000/svg\",\"linearGradient\");c.setAttribute(\"id\",\"lh-gauge--pwa__installable__shadow-gradient\"),c.setAttribute(\"x1\",\"76.056%\"),c.setAttribute(\"x2\",\"24.111%\"),c.setAttribute(\"y1\",\"82.995%\"),c.setAttribute(\"y2\",\"24.735%\");const d=e.createElementNS(\"http://www.w3.org/2000/svg\",\"stop\");d.setAttribute(\"stop-color\",\"#A5D6A7\"),d.setAttribute(\"offset\",\"0%\");const h=e.createElementNS(\"http://www.w3.org/2000/svg\",\"stop\");h.setAttribute(\"stop-color\",\"#80CBC4\"),h.setAttribute(\"offset\",\"100%\"),c.append(\" \",d,\" \",h,\" \");const p=e.createElementNS(\"http://www.w3.org/2000/svg\",\"g\");p.setAttribute(\"id\",\"lh-gauge--pwa__installable-badge\");const u=e.createElementNS(\"http://www.w3.org/2000/svg\",\"circle\");u.setAttribute(\"fill\",\"#FFFFFF\"),u.setAttribute(\"cx\",\"10\"),u.setAttribute(\"cy\",\"10\"),u.setAttribute(\"r\",\"10\");const g=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");g.setAttribute(\"fill\",\"#009688\"),g.setAttribute(\"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\"),p.append(\" \",u,\" \",g,\" \"),i.append(\" \",a,\" \",c,\" \",p,\" \");const m=e.createElementNS(\"http://www.w3.org/2000/svg\",\"g\");m.setAttribute(\"stroke\",\"none\"),m.setAttribute(\"fill-rule\",\"nonzero\");const f=e.createElementNS(\"http://www.w3.org/2000/svg\",\"circle\",\"lh-gauge--pwa__disc\");f.setAttribute(\"cx\",\"30\"),f.setAttribute(\"cy\",\"30\"),f.setAttribute(\"r\",\"30\");const v=e.createElementNS(\"http://www.w3.org/2000/svg\",\"g\",\"lh-gauge--pwa__logo\"),b=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\",\"lh-gauge--pwa__logo--secondary-color\");b.setAttribute(\"d\",\"M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z\");const _=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\",\"lh-gauge--pwa__logo--primary-color\");_.setAttribute(\"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\");const w=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\",\"lh-gauge--pwa__logo--secondary-color\");w.setAttribute(\"fill-rule\",\"nonzero\"),w.setAttribute(\"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\"),v.append(\" \",b,\" \",_,\" \",w,\" \");const y=e.createElementNS(\"http://www.w3.org/2000/svg\",\"rect\",\"lh-gauge--pwa__component lh-gauge--pwa__na-line\");y.setAttribute(\"fill\",\"#FFFFFF\"),y.setAttribute(\"x\",\"20\"),y.setAttribute(\"y\",\"32\"),y.setAttribute(\"width\",\"20\"),y.setAttribute(\"height\",\"4\"),y.setAttribute(\"rx\",\"2\");const x=e.createElementNS(\"http://www.w3.org/2000/svg\",\"g\",\"lh-gauge--pwa__component lh-gauge--pwa__installable-badge\");x.setAttribute(\"transform\",\"translate(20, 29)\");const k=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");k.setAttribute(\"fill\",\"url(#lh-gauge--pwa__installable__shadow-gradient)\"),k.setAttribute(\"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\");const E=e.createElementNS(\"http://www.w3.org/2000/svg\",\"use\");E.setAttribute(\"href\",\"#lh-gauge--pwa__installable-badge\"),x.append(\" \",k,\" \",E,\" \");const A=e.createElementNS(\"http://www.w3.org/2000/svg\",\"g\",\"lh-gauge--pwa__component lh-gauge--pwa__check-circle\");A.setAttribute(\"transform\",\"translate(18, 28)\");const S=e.createElementNS(\"http://www.w3.org/2000/svg\",\"circle\");S.setAttribute(\"fill\",\"#FFFFFF\"),S.setAttribute(\"cx\",\"12\"),S.setAttribute(\"cy\",\"12\"),S.setAttribute(\"r\",\"12\");const z=e.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");z.setAttribute(\"fill\",\"url(#lh-gauge--pwa__check-circle__gradient)\"),z.setAttribute(\"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\"),A.append(\" \",S,\" \",z,\" \"),m.append(\" \",\" \",f,\" \",v,\" \",\" \",y,\" \",\" \",x,\" \",\" \",A,\" \"),o.append(\" \",i,\" \",m,\" \");const C=e.createElement(\"div\",\"lh-gauge__label\");return r.append(\" \",o,\" \",C,\" \"),t.append(r),t}(e);case\"heading\":return function(e){const t=e.createFragment(),n=e.createElement(\"style\");n.append(\"\\n /* CSS Fireworks. Originally by Eddie Lin\\n https://codepen.io/paulirish/pen/yEVMbP\\n */\\n .lh-pyro {\\n display: none;\\n z-index: 1;\\n pointer-events: none;\\n }\\n .lh-score100 .lh-pyro {\\n display: block;\\n }\\n .lh-score100 .lh-lighthouse stop:first-child {\\n stop-color: hsla(200, 12%, 95%, 0);\\n }\\n .lh-score100 .lh-lighthouse stop:last-child {\\n stop-color: hsla(65, 81%, 76%, 1);\\n }\\n\\n .lh-pyro > .lh-pyro-before, .lh-pyro > .lh-pyro-after {\\n position: absolute;\\n width: 5px;\\n height: 5px;\\n border-radius: 2.5px;\\n box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;\\n animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;\\n animation-delay: 1s, 1s, 1s;\\n }\\n\\n .lh-pyro > .lh-pyro-after {\\n animation-delay: 2.25s, 2.25s, 2.25s;\\n animation-duration: 1.25s, 1.25s, 6.25s;\\n }\\n\\n @keyframes bang {\\n to {\\n box-shadow: -70px -115.67px #47ebbc, -28px -99.67px #eb47a4, 58px -31.67px #7eeb47, 13px -141.67px #eb47c5, -19px 6.33px #7347eb, -2px -74.67px #ebd247, 24px -151.67px #eb47e0, 57px -138.67px #b4eb47, -51px -104.67px #479eeb, 62px 8.33px #ebcf47, -93px 0.33px #d547eb, -16px -118.67px #47bfeb, 53px -84.67px #47eb83, 66px -57.67px #eb47bf, -93px -65.67px #91eb47, 30px -13.67px #86eb47, -2px -59.67px #83eb47, -44px 1.33px #eb47eb, 61px -58.67px #47eb73, 5px -22.67px #47e8eb, -66px -28.67px #ebe247, 42px -123.67px #eb5547, -75px 26.33px #7beb47, 15px -52.67px #a147eb, 36px -51.67px #eb8347, -38px -12.67px #eb5547, -46px -59.67px #47eb81, 78px -114.67px #eb47ba, 15px -156.67px #eb47bf, -36px 1.33px #eb4783, -72px -86.67px #eba147, 31px -46.67px #ebe247, -68px 29.33px #47e2eb, -55px 19.33px #ebe047, -56px 27.33px #4776eb, -13px -91.67px #eb5547, -47px -138.67px #47ebc7, -18px -96.67px #eb47ac, 11px -88.67px #4783eb, -67px -28.67px #47baeb, 53px 10.33px #ba47eb, 11px 19.33px #5247eb, -5px -11.67px #eb4791, -68px -4.67px #47eba7, 95px -37.67px #eb478b, -67px -162.67px #eb5d47, -54px -120.67px #eb6847, 49px -12.67px #ebe047, 88px 8.33px #47ebda, 97px 33.33px #eb8147, 6px -71.67px #ebbc47;\\n }\\n }\\n @keyframes gravity {\\n to {\\n transform: translateY(80px);\\n opacity: 0;\\n }\\n }\\n @keyframes position {\\n 0%, 19.9% {\\n margin-top: 4%;\\n margin-left: 47%;\\n }\\n 20%, 39.9% {\\n margin-top: 7%;\\n margin-left: 30%;\\n }\\n 40%, 59.9% {\\n margin-top: 6%;\\n margin-left: 70%;\\n }\\n 60%, 79.9% {\\n margin-top: 3%;\\n margin-left: 20%;\\n }\\n 80%, 99.9% {\\n margin-top: 3%;\\n margin-left: 80%;\\n }\\n }\\n \"),t.append(n);const r=e.createElement(\"div\",\"lh-header-container\"),o=e.createElement(\"div\",\"lh-scores-wrapper-placeholder\");return r.append(\" \",o,\" \"),t.append(r),t}(e);case\"metric\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-metric\"),r=e.createElement(\"div\",\"lh-metric__innerwrap\"),o=e.createElement(\"div\",\"lh-metric__icon\"),i=e.createElement(\"span\",\"lh-metric__title\"),a=e.createElement(\"div\",\"lh-metric__value\"),l=e.createElement(\"div\",\"lh-metric__description\");return r.append(\" \",o,\" \",i,\" \",a,\" \",l,\" \"),n.append(\" \",r,\" \"),t.append(n),t}(e);case\"opportunity\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-audit lh-audit--load-opportunity\"),r=e.createElement(\"details\",\"lh-expandable-details\"),o=e.createElement(\"summary\"),i=e.createElement(\"div\",\"lh-audit__header\"),a=e.createElement(\"div\",\"lh-load-opportunity__cols\"),l=e.createElement(\"div\",\"lh-load-opportunity__col lh-load-opportunity__col--one\"),s=e.createElement(\"span\",\"lh-audit__score-icon\"),c=e.createElement(\"div\",\"lh-audit__title\");l.append(\" \",s,\" \",c,\" \");const d=e.createElement(\"div\",\"lh-load-opportunity__col lh-load-opportunity__col--two\"),h=e.createElement(\"div\",\"lh-load-opportunity__sparkline\"),p=e.createElement(\"div\",\"lh-sparkline\"),u=e.createElement(\"div\",\"lh-sparkline__bar\");p.append(u),h.append(\" \",p,\" \");const g=e.createElement(\"div\",\"lh-audit__display-text\"),m=e.createElement(\"div\",\"lh-chevron-container\");d.append(\" \",h,\" \",g,\" \",m,\" \"),a.append(\" \",l,\" \",d,\" \"),i.append(\" \",a,\" \"),o.append(\" \",i,\" \");const f=e.createElement(\"div\",\"lh-audit__description\"),v=e.createElement(\"div\",\"lh-audit__stackpacks\");return r.append(\" \",o,\" \",f,\" \",v,\" \"),n.append(\" \",r,\" \"),t.append(n),t}(e);case\"opportunityHeader\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-load-opportunity__header lh-load-opportunity__cols\"),r=e.createElement(\"div\",\"lh-load-opportunity__col lh-load-opportunity__col--one\"),o=e.createElement(\"div\",\"lh-load-opportunity__col lh-load-opportunity__col--two\");return n.append(\" \",r,\" \",o,\" \"),t.append(n),t}(e);case\"scorescale\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-scorescale\"),r=e.createElement(\"span\",\"lh-scorescale-range lh-scorescale-range--fail\");r.append(\"0–49\");const o=e.createElement(\"span\",\"lh-scorescale-range lh-scorescale-range--average\");o.append(\"50–89\");const i=e.createElement(\"span\",\"lh-scorescale-range lh-scorescale-range--pass\");return i.append(\"90–100\"),n.append(\" \",r,\" \",o,\" \",i,\" \"),t.append(n),t}(e);case\"scoresWrapper\":return function(e){const t=e.createFragment(),n=e.createElement(\"style\");n.append(\"\\n .lh-scores-container {\\n display: flex;\\n flex-direction: column;\\n padding: var(--default-padding) 0;\\n position: relative;\\n width: 100%;\\n }\\n\\n .lh-sticky-header {\\n --gauge-circle-size: var(--gauge-circle-size-sm);\\n --plugin-badge-size: 16px;\\n --plugin-icon-size: 75%;\\n --gauge-wrapper-width: 60px;\\n --gauge-percentage-font-size: 13px;\\n position: fixed;\\n left: 0;\\n right: 0;\\n top: var(--topbar-height);\\n font-weight: 500;\\n display: none;\\n justify-content: center;\\n background-color: var(--sticky-header-background-color);\\n border-bottom: 1px solid var(--color-gray-200);\\n padding-top: var(--score-container-padding);\\n padding-bottom: 4px;\\n z-index: 1;\\n pointer-events: none;\\n }\\n\\n .lh-devtools .lh-sticky-header {\\n /* The report within DevTools is placed in a container with overflow, which changes the placement of this header unless we change `position` to `sticky.` */\\n position: sticky;\\n }\\n\\n .lh-sticky-header--visible {\\n display: grid;\\n grid-auto-flow: column;\\n pointer-events: auto;\\n }\\n\\n /* Disable the gauge arc animation for the sticky header, so toggling display: none\\n does not play the animation. */\\n .lh-sticky-header .lh-gauge-arc {\\n animation: none;\\n }\\n\\n .lh-sticky-header .lh-gauge__label,\\n .lh-sticky-header .lh-fraction__label {\\n display: none;\\n }\\n\\n .lh-highlighter {\\n width: var(--gauge-wrapper-width);\\n height: 1px;\\n background-color: var(--highlighter-background-color);\\n /* Position at bottom of first gauge in sticky header. */\\n position: absolute;\\n grid-column: 1;\\n bottom: -1px;\\n }\\n\\n .lh-gauge__wrapper:first-of-type {\\n contain: none;\\n }\\n \"),t.append(n);const r=e.createElement(\"div\",\"lh-scores-wrapper\"),o=e.createElement(\"div\",\"lh-scores-container\"),i=e.createElement(\"div\",\"lh-pyro\"),a=e.createElement(\"div\",\"lh-pyro-before\"),l=e.createElement(\"div\",\"lh-pyro-after\");return i.append(\" \",a,\" \",l,\" \"),o.append(\" \",i,\" \"),r.append(\" \",o,\" \"),t.append(r),t}(e);case\"snippet\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-snippet\"),r=e.createElement(\"style\");return r.append('\\n :root {\\n --snippet-highlight-light: #fbf1f2;\\n --snippet-highlight-dark: #ffd6d8;\\n }\\n\\n .lh-snippet__header {\\n position: relative;\\n overflow: hidden;\\n padding: 10px;\\n border-bottom: none;\\n color: var(--snippet-color);\\n background-color: var(--snippet-background-color);\\n border: 1px solid var(--report-border-color-secondary);\\n }\\n .lh-snippet__title {\\n font-weight: bold;\\n float: left;\\n }\\n .lh-snippet__node {\\n float: left;\\n margin-left: 4px;\\n }\\n .lh-snippet__toggle-expand {\\n padding: 1px 7px;\\n margin-top: -1px;\\n margin-right: -7px;\\n float: right;\\n background: transparent;\\n border: none;\\n cursor: pointer;\\n font-size: 14px;\\n color: #0c50c7;\\n }\\n\\n .lh-snippet__snippet {\\n overflow: auto;\\n border: 1px solid var(--report-border-color-secondary);\\n }\\n /* Container needed so that all children grow to the width of the scroll container */\\n .lh-snippet__snippet-inner {\\n display: inline-block;\\n min-width: 100%;\\n }\\n\\n .lh-snippet:not(.lh-snippet--expanded) .lh-snippet__show-if-expanded {\\n display: none;\\n }\\n .lh-snippet.lh-snippet--expanded .lh-snippet__show-if-collapsed {\\n display: none;\\n }\\n\\n .lh-snippet__line {\\n background: white;\\n white-space: pre;\\n display: flex;\\n }\\n .lh-snippet__line:not(.lh-snippet__line--message):first-child {\\n padding-top: 4px;\\n }\\n .lh-snippet__line:not(.lh-snippet__line--message):last-child {\\n padding-bottom: 4px;\\n }\\n .lh-snippet__line--content-highlighted {\\n background: var(--snippet-highlight-dark);\\n }\\n .lh-snippet__line--message {\\n background: var(--snippet-highlight-light);\\n }\\n .lh-snippet__line--message .lh-snippet__line-number {\\n padding-top: 10px;\\n padding-bottom: 10px;\\n }\\n .lh-snippet__line--message code {\\n padding: 10px;\\n padding-left: 5px;\\n color: var(--color-fail);\\n font-family: var(--report-font-family);\\n }\\n .lh-snippet__line--message code {\\n white-space: normal;\\n }\\n .lh-snippet__line-icon {\\n padding-top: 10px;\\n display: none;\\n }\\n .lh-snippet__line--message .lh-snippet__line-icon {\\n display: block;\\n }\\n .lh-snippet__line-icon:before {\\n content: \"\";\\n display: inline-block;\\n vertical-align: middle;\\n margin-right: 4px;\\n width: var(--score-icon-size);\\n height: var(--score-icon-size);\\n background-image: var(--fail-icon-url);\\n }\\n .lh-snippet__line-number {\\n flex-shrink: 0;\\n width: 40px;\\n text-align: right;\\n font-family: monospace;\\n padding-right: 5px;\\n margin-right: 5px;\\n color: var(--color-gray-600);\\n user-select: none;\\n }\\n '),n.append(\" \",r,\" \"),t.append(n),t}(e);case\"snippetContent\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-snippet__snippet\"),r=e.createElement(\"div\",\"lh-snippet__snippet-inner\");return n.append(\" \",r,\" \"),t.append(n),t}(e);case\"snippetHeader\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-snippet__header\"),r=e.createElement(\"div\",\"lh-snippet__title\"),o=e.createElement(\"div\",\"lh-snippet__node\"),i=e.createElement(\"button\",\"lh-snippet__toggle-expand\"),a=e.createElement(\"span\",\"lh-snippet__btn-label-collapse lh-snippet__show-if-expanded\"),l=e.createElement(\"span\",\"lh-snippet__btn-label-expand lh-snippet__show-if-collapsed\");return i.append(\" \",a,\" \",l,\" \"),n.append(\" \",r,\" \",o,\" \",i,\" \"),t.append(n),t}(e);case\"snippetLine\":return function(e){const t=e.createFragment(),n=e.createElement(\"div\",\"lh-snippet__line\"),r=e.createElement(\"div\",\"lh-snippet__line-number\"),o=e.createElement(\"div\",\"lh-snippet__line-icon\"),i=e.createElement(\"code\");return n.append(\" \",r,\" \",o,\" \",i,\" \"),t.append(n),t}(e);case\"styles\":return function(e){const t=e.createFragment(),n=e.createElement(\"style\");return n.append('/**\\n * @license\\n * Copyright 2017 The Lighthouse Authors. All Rights Reserved.\\n *\\n * Licensed under the Apache License, Version 2.0 (the \"License\");\\n * you may not use this file except in compliance with the License.\\n * You may obtain a copy of the License at\\n *\\n * http://www.apache.org/licenses/LICENSE-2.0\\n *\\n * Unless required by applicable law or agreed to in writing, software\\n * distributed under the License is distributed on an \"AS-IS\" BASIS,\\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\\n * See the License for the specific language governing permissions and\\n * limitations under the License.\\n */\\n\\n/*\\n Naming convention:\\n\\n If a variable is used for a specific component: --{component}-{property name}-{modifier}\\n\\n Both {component} and {property name} should be kebab-case. If the target is the entire page,\\n use \\'report\\' for the component. The property name should not be abbreviated. Use the\\n property name the variable is intended for - if it\\'s used for multiple, a common descriptor\\n is fine (ex: \\'size\\' for a variable applied to \\'width\\' and \\'height\\'). If a variable is shared\\n across multiple components, either create more variables or just drop the \"{component}-\"\\n part of the name. Append any modifiers at the end (ex: \\'big\\', \\'dark\\').\\n\\n For colors: --color-{hue}-{intensity}\\n\\n {intensity} is the Material Design tag - 700, A700, etc.\\n*/\\n.lh-vars {\\n /* Palette using Material Design Colors\\n * https://www.materialui.co/colors */\\n --color-amber-50: #FFF8E1;\\n --color-blue-200: #90CAF9;\\n --color-blue-900: #0D47A1;\\n --color-blue-A700: #2962FF;\\n --color-blue-primary: #06f;\\n --color-cyan-500: #00BCD4;\\n --color-gray-100: #F5F5F5;\\n --color-gray-300: #CFCFCF;\\n --color-gray-200: #E0E0E0;\\n --color-gray-400: #BDBDBD;\\n --color-gray-50: #FAFAFA;\\n --color-gray-500: #9E9E9E;\\n --color-gray-600: #757575;\\n --color-gray-700: #616161;\\n --color-gray-800: #424242;\\n --color-gray-900: #212121;\\n --color-gray: #000000;\\n --color-green-700: #080;\\n --color-green: #0c6;\\n --color-lime-400: #D3E156;\\n --color-orange-50: #FFF3E0;\\n --color-orange-700: #C33300;\\n --color-orange: #fa3;\\n --color-red-700: #c00;\\n --color-red: #f33;\\n --color-teal-600: #00897B;\\n --color-white: #FFFFFF;\\n\\n /* Context-specific colors */\\n --color-average-secondary: var(--color-orange-700);\\n --color-average: var(--color-orange);\\n --color-fail-secondary: var(--color-red-700);\\n --color-fail: var(--color-red);\\n --color-hover: var(--color-gray-50);\\n --color-informative: var(--color-blue-900);\\n --color-pass-secondary: var(--color-green-700);\\n --color-pass: var(--color-green);\\n --color-not-applicable: var(--color-gray-600);\\n\\n /* Component variables */\\n --audit-description-padding-left: calc(var(--score-icon-size) + var(--score-icon-margin-left) + var(--score-icon-margin-right));\\n --audit-explanation-line-height: 16px;\\n --audit-group-margin-bottom: calc(var(--default-padding) * 6);\\n --audit-group-padding-vertical: 8px;\\n --audit-margin-horizontal: 5px;\\n --audit-padding-vertical: 8px;\\n --category-padding: calc(var(--default-padding) * 6) var(--edge-gap-padding) calc(var(--default-padding) * 4);\\n --chevron-line-stroke: var(--color-gray-600);\\n --chevron-size: 12px;\\n --default-padding: 8px;\\n --edge-gap-padding: calc(var(--default-padding) * 4);\\n --env-item-background-color: var(--color-gray-100);\\n --env-item-font-size: 28px;\\n --env-item-line-height: 36px;\\n --env-item-padding: 10px 0px;\\n --env-name-min-width: 220px;\\n --footer-padding-vertical: 16px;\\n --gauge-circle-size-big: 96px;\\n --gauge-circle-size: 48px;\\n --gauge-circle-size-sm: 32px;\\n --gauge-label-font-size-big: 18px;\\n --gauge-label-font-size: var(--report-font-size-secondary);\\n --gauge-label-line-height-big: 24px;\\n --gauge-label-line-height: var(--report-line-height-secondary);\\n --gauge-percentage-font-size-big: 38px;\\n --gauge-percentage-font-size: var(--report-font-size-secondary);\\n --gauge-wrapper-width: 120px;\\n --header-line-height: 24px;\\n --highlighter-background-color: var(--report-text-color);\\n --icon-square-size: calc(var(--score-icon-size) * 0.88);\\n --image-preview-size: 48px;\\n --link-color: var(--color-blue-primary);\\n --locale-selector-background-color: var(--color-white);\\n --metric-toggle-lines-fill: #7F7F7F;\\n --metric-value-font-size: calc(var(--report-font-size) * 1.8);\\n --metrics-toggle-background-color: var(--color-gray-200);\\n --plugin-badge-background-color: var(--color-white);\\n --plugin-badge-size-big: calc(var(--gauge-circle-size-big) / 2.7);\\n --plugin-badge-size: calc(var(--gauge-circle-size) / 2.7);\\n --plugin-icon-size: 65%;\\n --pwa-icon-margin: 0 var(--default-padding);\\n --pwa-icon-size: var(--topbar-logo-size);\\n --report-background-color: #fff;\\n --report-border-color-secondary: #ebebeb;\\n --report-font-family-monospace: \\'Roboto Mono\\', \\'Menlo\\', \\'dejavu sans mono\\', \\'Consolas\\', \\'Lucida Console\\', monospace;\\n --report-font-family: Roboto, Helvetica, Arial, sans-serif;\\n --report-font-size: 14px;\\n --report-font-size-secondary: 12px;\\n --report-icon-size: var(--score-icon-background-size);\\n --report-line-height: 24px;\\n --report-line-height-secondary: 20px;\\n --report-monospace-font-size: calc(var(--report-font-size) * 0.85);\\n --report-text-color-secondary: var(--color-gray-800);\\n --report-text-color: var(--color-gray-900);\\n --report-content-max-width: calc(60 * var(--report-font-size)); /* defaults to 840px */\\n --report-content-min-width: 360px;\\n --report-content-max-width-minus-edge-gap: calc(var(--report-content-max-width) - var(--edge-gap-padding) * 2);\\n --score-container-padding: 8px;\\n --score-icon-background-size: 24px;\\n --score-icon-margin-left: 6px;\\n --score-icon-margin-right: 14px;\\n --score-icon-margin: 0 var(--score-icon-margin-right) 0 var(--score-icon-margin-left);\\n --score-icon-size: 12px;\\n --score-icon-size-big: 16px;\\n --screenshot-overlay-background: rgba(0, 0, 0, 0.3);\\n --section-padding-vertical: calc(var(--default-padding) * 6);\\n --snippet-background-color: var(--color-gray-50);\\n --snippet-color: #0938C2;\\n --sparkline-height: 5px;\\n --stackpack-padding-horizontal: 10px;\\n --sticky-header-background-color: var(--report-background-color);\\n --sticky-header-buffer: calc(var(--topbar-height) + var(--sticky-header-height));\\n --sticky-header-height: calc(var(--gauge-circle-size-sm) + var(--score-container-padding) * 2);\\n --table-group-header-background-color: #EEF1F4;\\n --table-group-header-text-color: var(--color-gray-700);\\n --table-higlight-background-color: #F5F7FA;\\n --tools-icon-color: var(--color-gray-600);\\n --topbar-background-color: var(--color-white);\\n --topbar-height: 32px;\\n --topbar-logo-size: 24px;\\n --topbar-padding: 0 8px;\\n --toplevel-warning-background-color: hsla(30, 100%, 75%, 10%);\\n --toplevel-warning-message-text-color: var(--color-average-secondary);\\n --toplevel-warning-padding: 18px;\\n --toplevel-warning-text-color: var(--report-text-color);\\n\\n /* SVGs */\\n --plugin-icon-url-dark: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" fill=\"%23FFFFFF\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z\"/></svg>\\');\\n --plugin-icon-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" fill=\"%23757575\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z\"/></svg>\\');\\n\\n --pass-icon-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><title>check</title><path fill=\"%23178239\" d=\"M24 4C12.95 4 4 12.95 4 24c0 11.04 8.95 20 20 20 11.04 0 20-8.96 20-20 0-11.05-8.96-20-20-20zm-4 30L10 24l2.83-2.83L20 28.34l15.17-15.17L38 16 20 34z\"/></svg>\\');\\n --average-icon-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><title>info</title><path fill=\"%23E67700\" d=\"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z\"/></svg>\\');\\n --fail-icon-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><title>warn</title><path fill=\"%23C7221F\" d=\"M2 42h44L24 4 2 42zm24-6h-4v-4h4v4zm0-8h-4v-8h4v8z\"/></svg>\\');\\n\\n --pwa-installable-gray-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"nonzero\"><circle fill=\"%23DAE0E3\" cx=\"12\" cy=\"12\" r=\"12\"/><path d=\"M12 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.5 7.7h-2.8v2.8h-1.4v-2.8H8.5v-1.4h2.8V8.5h1.4v2.8h2.8v1.4z\" fill=\"%23FFF\"/></g></svg>\\');\\n --pwa-optimized-gray-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><rect fill=\"%23DAE0E3\" width=\"24\" height=\"24\" rx=\"12\"/><path fill=\"%23FFF\" d=\"M12 15.07l3.6 2.18-.95-4.1 3.18-2.76-4.2-.36L12 6.17l-1.64 3.86-4.2.36 3.2 2.76-.96 4.1z\"/><path d=\"M5 5h14v14H5z\"/></g></svg>\\');\\n\\n --pwa-installable-gray-url-dark: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"nonzero\"><circle fill=\"%23424242\" cx=\"12\" cy=\"12\" r=\"12\"/><path d=\"M12 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.5 7.7h-2.8v2.8h-1.4v-2.8H8.5v-1.4h2.8V8.5h1.4v2.8h2.8v1.4z\" fill=\"%23FFF\"/></g></svg>\\');\\n --pwa-optimized-gray-url-dark: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><rect fill=\"%23424242\" width=\"24\" height=\"24\" rx=\"12\"/><path fill=\"%23FFF\" d=\"M12 15.07l3.6 2.18-.95-4.1 3.18-2.76-4.2-.36L12 6.17l-1.64 3.86-4.2.36 3.2 2.76-.96 4.1z\"/><path d=\"M5 5h14v14H5z\"/></g></svg>\\');\\n\\n --pwa-installable-color-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><g fill-rule=\"nonzero\" fill=\"none\"><circle fill=\"%230CCE6B\" cx=\"12\" cy=\"12\" r=\"12\"/><path d=\"M12 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.5 7.7h-2.8v2.8h-1.4v-2.8H8.5v-1.4h2.8V8.5h1.4v2.8h2.8v1.4z\" fill=\"%23FFF\"/></g></svg>\\');\\n --pwa-optimized-color-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><rect fill=\"%230CCE6B\" width=\"24\" height=\"24\" rx=\"12\"/><path d=\"M5 5h14v14H5z\"/><path fill=\"%23FFF\" d=\"M12 15.07l3.6 2.18-.95-4.1 3.18-2.76-4.2-.36L12 6.17l-1.64 3.86-4.2.36 3.2 2.76-.96 4.1z\"/></g></svg>\\');\\n\\n --swap-locale-icon-url: url(\\'data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h