@mdn/fred 0.1.0 → 0.2.0

package/dist/client/5531.ff59053d35a9ebc5.js

@@ -0,0 +1,387 @@
+export const __webpack_ids__=["5531"];export const __webpack_modules__={7790:function(t,e,a){t.exports=a.p+"results-icon.b469eb939df034e7.svg"},52003:function(t,e,a){t.exports=a.p+"summary-icon.eff7a61e59b7e02f.svg"},80478:function(t,e,a){a.r(e),a.d(e,{MDNObservatoryResults:()=>MDNObservatoryResults});var s=a(35470),r=a(14703),o=a(66176),i=a(57964),l=a(28110);let n=(0,r.YP)`<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#DFD172" d="m18 0-1.26 2.75L14 4l2.74 1.26L18 8l1.25-2.74L22 4l-2.75-1.25M8 3 5.5 8.5 0 11l5.5 2.5L8 19l2.5-5.5L16 11l-5.5-2.5M18 14l-1.26 2.74L14 18l2.74 1.25L18 22l1.25-2.75L22 18l-2.75-1.26"/></svg>`,d=(0,r.YP)`<svg width="22" height="22" class="arrow" viewBox="0 0 22 22"><path d="M12.124 1.733a1 1 0 0 1 1.673 0l8.811 13.423a1 1 0 0 1-.835 1.548l-17.614.007a1 1 0 0 1-.837-1.548Z"/></svg>`;a(90811);let c=["unsafeInline","unsafeEval","unsafeObjects","unsafeInlineStyle","insecureSchemeActive","insecureSchemePassive","antiClickjacking","defaultNone","insecureBaseUri","insecureFormAction","strictDynamic"],b=new Set(["insecureBaseUri","insecureFormAction","insecureSchemeActive","insecureSchemePassive","unsafeEval","unsafeInline","unsafeInlineStyle","unsafeObjects"]);a(55072),a(42678),a(93305),a(32570);let MDNObservatoryResults=class MDNObservatoryResults extends r.oi{static styles=i.Z;constructor(){super(),this.host=null,this.selectedTab=0,this._usePostInApi=!1}static properties={host:{type:String},selectedTab:{state:!0,type:Number},_usePostInApi:{state:!0,type:Boolean}};_apiTask=new s.iQ(this,{args:()=>[this.host],task:async([t],{signal:e})=>{if(!t)throw Error("No host provided");try{let a=await fetch(`${o._v}/api/v2/analyze?host=${encodeURIComponent(t)}`,{signal:e,method:this._usePostInApi?"POST":"GET"});if(!a.ok){let t=`${a.status}: ${a.statusText}`;try{let e=await a.json();e.error&&(t=e.message)}catch{}throw Error(t)}return await a.json()}catch(t){throw Error("Observatory API request for scan data failed",{cause:t})}}});connectedCallback(){super.connectedCallback(),this._updateSelectedTab=this._updateSelectedTab.bind(this),this.selectedTab=this._getSelectedTab(),globalThis.addEventListener("hashchange",this._updateSelectedTab)}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("hashchange",this._updateSelectedTab)}firstUpdated(){let t=new URLSearchParams(globalThis.location.search);this.host=t.get("host")}_updateSelectedTab(){this.selectedTab=this._getSelectedTab()}_getSelectedTab(){let t=["scoring","csp","cookies","headers","history","benchmark"].indexOf(globalThis.location.hash.replace("#",""));return -1===t?0:t}async _rescan(t){t.preventDefault(),this.host&&(this._usePostInApi=!0,this._apiTask.run())}_handleTabSelect(t,e){this.selectedTab=t,globalThis.history.replaceState("","",globalThis.location.pathname+globalThis.location.search+"#"+e)}render(){return this.host?this._apiTask.render({pending:()=>(0,r.dy)` <label class="visually-hidden" for="progress-bar">
+            Rescanning ${this.host} </label
+          ><mdn-progress-bar id="progress-bar"></mdn-progress-bar>`,complete:t=>(0,r.dy)`
+        <section class="summary">
+          ${(function({result:t,host:e,rescan:a}){return(0,r.dy)`
+    <h2 class="summary">
+      Scan summary:
+      <span class="host">${(0,l.Ju)(e,t)}</span>
+    </h2>
+    <section class="scan-result">
+      <section class="grade-trend">
+        <div class="overall">
+          <button
+            popovertarget="grade-popover"
+            aria-label="show info tooltip"
+            class="info-tooltip"
+            tabindex="0"
+          >
+            <div
+              class=${`grade grade-${t.scan.grade?.[0]?.toLowerCase()}`}
+            >
+              ${(0,l.x8)(t.scan.grade)}
+            </div>
+            ${function(t){let e=o.Xu.map(e=>(0,r.dy)`
+      <tr class=${t.scan.grade===e.grade?"current":""}>
+        <td>${(0,l.x8)(e.grade)}</td>
+        <td>
+          ${e.scoreText}
+          ${t.scan.grade===e.grade&&e.stars?n:""}
+        </td>
+      </tr>
+    `);return(0,r.dy)`
+    <span
+      popover
+      id="grade-popover"
+      aria-describedby="grade-table"
+      class="tooltip-popup"
+    >
+      ${d}
+      <table class="grade-tooltip" id="grades-table" role="tooltip">
+        <thead>
+          <tr>
+            <th>Grade</th>
+            <th>Score</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${e}
+        </tbody>
+      </table>
+    </span>
+  `}(t)}
+          </button>
+        </div>
+        ${function({result:t}){switch(function(t){let[e,a]=t.history.length>0?[t.history.at(-2)?.score,t.history.at(-2)?.grade]:[void 0,void 0],s=t.scan.score,r=t.scan.grade;return"number"==typeof s&&"number"==typeof e&&r!==a&&s!==e?e<s?"up":"down":"none"}(t)){case"up":return(0,r.dy)`
+        <div class="trend">
+          <span class="arrow-up" aria-hidden="true"> ↗︎ </span>
+          since last scan
+        </div>
+      `;case"down":return(0,r.dy)`
+        <div class="trend">
+          <span class="arrow-down" aria-hidden="true"> ↘︎ </span>
+          since last scan
+        </div>
+      `;default:return r.Ld}}({result:t})}
+      </section>
+      <section class="data">
+        <div>
+          <a href="/en-US/observatory/docs/tests_and_scoring" target="_blank">
+            <span class="label">Score</span></a
+          >: ${t.scan.score}&thinsp;/&thinsp;100
+        </div>
+        <div>
+          <a href="#history"> <span class="label">Scan Time</span></a
+          >:
+          <mdn-observatory-human-duration
+            .date=${new Date(t.scan.scanned_at)}
+          ></mdn-observatory-human-duration>
+        </div>
+        <a href="/en-US/observatory/docs/tests_and_scoring" target="_blank">
+          <span class="label">Tests Passed</span></a
+        >: ${t.scan.tests_passed}&thinsp;/&thinsp;
+        ${t.scan.tests_quantity}
+      </section>
+      <section class="actions">
+        <mdn-observatory-rescan-button
+          .from=${new Date(t.scan.scanned_at)}
+          .duration=${60}
+          @click=${a}
+        ></mdn-observatory-rescan-button>
+        <div class="scan-another">
+          <a href="/en-US/observatory"> Scan another website </a>
+        </div>
+      </section>
+    </section>
+  `})({result:t,host:this.host||"",rescan:this._rescan})}
+        </section>
+        <section class="results">
+          ${(function({result:t,selectedTab:e=0,onTabSelect:a}){let s=[{label:"Scoring",key:"scoring",element:(0,r.dy)`${function({result:t}){let e=90>=(t.scan.score||0)&&Object.entries(t.tests).find(([t,e])=>e.score_modifier>0);if(0===Object.keys(t.tests).length)return(0,r.dy)`No tests found.`;let a=o.DQ.map(e=>{let a=t.tests[e];return a?(0,r.dy)`
+      <tr>
+        <td data-header="Test">
+          <a
+            href=${a.link}
+            target="_blank"
+            rel="noreferrer"
+            class=${a.link.startsWith("/")?"":"external"}
+          >
+            ${a.title}
+          </a>
+        </td>
+        ${null===a.pass?(0,r.dy)`<td data-header="Score">-</td>`:(0,r.dy)` <td class="score" data-header="Score">
+              <span>
+                <span class="obs-score-value">
+                  ${function({overallScore:t,scoreModifier:e}){let a=t>=90,s=(0,l.x8)(`${e>0?`+${e}`:e}`);return(0,r.dy)`
+    <span class=${!a&&e>0?"not-counted":""}>
+      ${!a&&e>0?(0,r.dy)`0<sup><a href="#bonus-points-explanation">*</a></sup>`:s}
+    </span>
+  `}({overallScore:t.scan.score||0,scoreModifier:a.score_modifier})}
+                </span>
+                ${(0,l.nq)({pass:a.pass})}
+              </span>
+            </td>`}
+        <td data-header="Reason" .innerHTML=${a.score_description}></td>
+        <td
+          data-header="Advice"
+          .innerHTML=${a.recommendation||'<p class="obs-none">None</p>'}
+        ></td>
+      </tr>
+    `:null});return(0,r.dy)`
+    <table class="tests">
+      <thead>
+        <tr>
+          <th>Test</th>
+          <th>Score</th>
+          <th>Reason</th>
+          <th>Recommendation</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${a}
+      </tbody>
+    </table>
+    ${e?(0,r.dy)` <section class="footnote" id="bonus-points-explanation">
+          <sup>*</sup> Normally awards bonus points, however, in this case they
+          are not included in the overall score (
+          <a href="/en-US/observatory/docs/tests_and_scoring" target="_blank">
+            find out why
+          </a>
+          ).
+        </section>`:null}
+  `}({result:t})}`},{label:"CSP analysis",key:"csp",element:(0,r.dy)`${function({result:t}){let e=t.tests["content-security-policy"]?.policy,a=t.tests["content-security-policy"]?.pass||!1;if(!e)return t.tests["content-security-policy"]?.result==="csp-not-implemented-but-reporting-enabled"?(0,r.dy)`
+        <table class="csp">
+          <tbody>
+            <tr>
+              <td>
+                <p>
+                  <code>Content-Security-Policy-Report-Only</code> header
+                  detected. Implement an enforced policy; see
+                  <a href="/en-US/docs/Web/HTTP/CSP" target="_blank">
+                    MDN's Content Security Policy (CSP) documentation </a
+                  >.
+                </p>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      `:(0,r.dy)`
+      <table class="csp">
+        <tbody>
+          <tr>
+            <td>
+              <p>No CSP headers detected</p>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    `;let s=c.map(t=>{if(!e[t])return null;let a=e[t];return(0,r.dy)`
+      <tr>
+        <td data-header="Test" .innerHTML=${a.description}></td>
+        <td data-header="Pass">
+          ${(0,l.nq)({pass:b.has(t)?!a.pass:a.pass})}
+        </td>
+        <td data-header="Info" .innerHTML=${a.info}></td>
+      </tr>
+    `});return(0,r.dy)`
+    <div class="detail-header">
+      <p class="arrow">${(0,l.nq)({pass:a})}</p>
+      <div
+        class="detail-header-content"
+        .innerHTML=${t.tests["content-security-policy"]?.score_description??'<p class="obs-none">None</p>'}
+      ></div>
+    </div>
+
+    <table class="csp">
+      <thead>
+        <tr>
+          <th>Test</th>
+          <th>Result</th>
+          <th>Info</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${s}
+      </tbody>
+    </table>
+  `}({result:t})}`},{label:"Cookies",key:"cookies",element:(0,r.dy)`${function({result:t}){let e=t.tests.cookies?.data,a=t.tests.cookies?.pass;if(!e||0===Object.keys(e).length)return(0,r.dy)`
+      <table class="cookies">
+        <tbody>
+          <tr>
+            <td>No cookies detected</td>
+          </tr>
+        </tbody>
+      </table>
+    `;let s=Object.entries(e).map(([t,e])=>(0,r.dy)`
+      <tr>
+        <td data-header="Name" class="cookie-name">${t}</td>
+        <td data-header="Expires">
+          ${e.expires?(0,l.EK)({expires:e.expires}):"Session"}
+        </td>
+        <td data-header="Path">
+          <code>${e.path}</code>
+        </td>
+        <td data-header="Secure">${(0,l.nq)({pass:e.secure})}</td>
+        <td data-header="HttpOnly">${(0,l.nq)({pass:e.httponly})}</td>
+        <td data-header="SameSite">
+          ${e.samesite?(0,r.dy)`<code>${(0,l.M2)(e.samesite)}</code>`:"-"}
+        </td>
+        <td data-header="Prefixed">${(0,l.Tv)({cookieName:t})}</td>
+      </tr>
+    `);return(0,r.dy)`
+    <div class="detail-header">
+      <p class="arrow">
+        ${(0,l.nq)({pass:void 0===a?null:a})}
+      </p>
+      <div
+        class="detail-header-content"
+        .innerHTML=${t.tests.cookies?.score_description??'<p class="obs-none">None</p>'}
+      ></div>
+    </div>
+    <table class="cookies">
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>
+            <a
+              target="_blank"
+              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#expires"
+              >Expires</a
+            >
+          </th>
+          <th>
+            <a
+              target="_blank"
+              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#path"
+              >Path</a
+            >
+          </th>
+          <th>
+            <a
+              target="_blank"
+              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#secure"
+              >Secure</a
+            >
+          </th>
+          <th>
+            <a
+              target="_blank"
+              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#httponly"
+              >HttpOnly</a
+            >
+          </th>
+          <th>
+            <a
+              target="_blank"
+              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#samesite"
+              >SameSite</a
+            >
+          </th>
+          <th>
+            <a
+              target="_blank"
+              href="/en-US/docs/Web/Security/Practical_implementation_guides/Cookies#name"
+              >Prefix</a
+            >
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        ${s}
+      </tbody>
+    </table>
+  `}({result:t})}`},{label:"Raw server headers",key:"headers",element:(0,r.dy)`${function({result:t}){if(!t.scan.response_headers)return(0,r.dy)`
+      <table class="headers">
+        <tbody>
+          <tr>
+            <td>No headers detected</td>
+          </tr>
+        </tbody>
+      </table>
+    `;let e=Object.entries(t.scan.response_headers).map(([t,e])=>(0,r.dy)`
+      <tr>
+        <td data-header="Header">
+          <mdn-observatory-header-link header=${t}>
+            ${(0,l.bU)(t)}
+          </mdn-observatory-header-link>
+        </td>
+        <td data-header="Value">${e}</td>
+      </tr>
+    `);return(0,r.dy)`
+    <table class="headers">
+      <thead>
+        <tr>
+          <th>Header</th>
+          <th>Value</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${e}
+      </tbody>
+    </table>
+  `}({result:t})}`},{label:"Scan history",key:"history",element:(0,r.dy)`${function({result:t}){if(0===t.history.length)return r.Ld;let e=[...t.history].reverse().map(({scanned_at:t,score:e,grade:a})=>(0,r.dy)`
+      <tr>
+        <td data-header="Date">${(0,l.o0)(new Date(t))}</td>
+        <td data-header="Score">${e}</td>
+        <td data-header="Grade">${(0,l.x8)(a)}</td>
+      </tr>
+    `);return(0,r.dy)`
+    <h2>Changes in score over time</h2>
+    <table class="history">
+      <thead>
+        <tr>
+          <th>Date</th>
+          <th>Score</th>
+          <th>Grade</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${e}
+      </tbody>
+    </table>
+  `}({result:t})}`},{label:"Benchmark comparison",key:"benchmark",element:(0,r.dy)`${function({result:t}){return(0,r.dy)`
+    <h2>Performance trends from the past year</h2>
+    <mdn-observatory-comparison-table
+      .result=${t}
+    ></mdn-observatory-comparison-table>
+    <p>
+      Refer to this graph to assess the website's current status. By following
+      the recommendations provided and rescanning, you can expect an improvement
+      in the website's grade.
+    </p>
+  `}({result:t})}`}].map((t,s)=>(0,r.dy)`
+      <li id="tabs-${s}" class="tabs-list-item">
+        <input
+          class="visually-hidden"
+          id="tab-${s}"
+          name="selected"
+          type="radio"
+          role="tab"
+          .checked=${s===e}
+          aria-controls="tab-container-${s}"
+          @change=${()=>a(s,t.key)}
+        />
+        <label for="tab-${s}" id="tab-label-${s}">${t.label}</label>
+        <section
+          class="tab-content"
+          role="tabpanel"
+          aria-labelledby="tab-label-${s}"
+          id="tab-container-${s}"
+        >
+          <div class="scroll-container">${t.element}</div>
+        </section>
+      </li>
+    `);return(0,r.dy)`
+    <section class="scan-results">
+      <h2 class="result" id="scan-results-header">Scan results</h2>
+      <ol
+        class="tabs-list"
+        role="tablist"
+        aria-labelledby="scan-results-header"
+      >
+        ${s}
+      </ol>
+    </section>
+  `})({result:t,selectedTab:this.selectedTab,onTabSelect:(t,e)=>this._handleTabSelect(t,e)})}
+        </section>
+      </div>`,error:t=>(0,r.dy)`<div class="error">${t}</div>`}):r.Ld}};customElements.define("mdn-observatory-results",MDNObservatoryResults)},57964:function(t,e,a){a.d(e,{Z:()=>y});var s=a(14703),r=a(8081),o=a.n(r),i=a(23645),l=a.n(i),n=a(54681),d=a(62249),c=a(61667),b=a.n(c),h=new a.U(a(52003)),p=new a.U(a(7790)),g=l()(o());g.i(n.Z),g.i(d.Z);var u=b()(h),m=b()(p);g.push([t.id,`:host{line-height:var(--font-line-content)}.scan-result{column-gap:2rem;display:grid;grid-template-areas:"grade data actions";grid-template-columns:auto 3fr 1fr;justify-content:space-between;max-width:var(--max-width)}.scan-result a{color:var(--color-text-primary)}.scan-result{background-color:var(--color-background-primary);border-radius:.3rem;margin-bottom:3rem;padding:2rem}@media (width <= 1200px){.scan-result{align-items:flex-start;grid-template-areas:"grade data actions";grid-template-columns:auto 1fr auto;justify-content:space-between;row-gap:calc(var(--spacing)/2)}}@media (width <= 992px){.scan-result{grid-template-areas:"grade data   " "grade actions";grid-template-columns:min-content 1fr}}.trend{margin-top:1rem}.arrow-down{color:var(--observatory-arrow-down-color)}.arrow-up{color:var(--observatory-arrow-up-color)}h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-top:1.5rem}h2:before{background-color:var(--color-text-primary);content:"";display:inline-block;-webkit-mask-position:left;mask-position:left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}h2 .host{font-weight:var(--font-weight-normal)}h2.summary:before{height:1.4rem;-webkit-mask-image:url(${u});mask-image:url(${u});width:2rem}h2.result:before{height:1.2rem;-webkit-mask-image:url(${m});mask-image:url(${m});width:2rem}code{font-weight:var(--font-weight-bold)}.grade-trend{grid-area:grade;justify-self:start}.data{grid-area:data}.actions{grid-area:actions}@media (width <= 992px){.actions{margin-top:1rem}}mdn-observatory-rescan-button{min-width:30rem}.info-tooltip{background:none;border:none;cursor:pointer;display:inline-block;position:relative}.scan-another{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);margin-top:1.2rem}.grade,.label{font-weight:var(--font-weight-bold)}.grade{background:var(--grade-bg);border:1px solid var(--grade-border);border-radius:.2em;color:var(--grade-border);display:inline-block;font-size:var(--font-size-large);height:5rem;line-height:5rem;text-align:center;width:5rem}.grade-a{--grade-bg:var(--observatory-grade-a-bg);--grade-border:var(--observatory-grade-a-border)}.grade-b{--grade-bg:var(--observatory-grade-b-bg);--grade-border:var(--observatory-grade-b-border)}.grade-c{--grade-bg:var(--observatory-grade-c-bg);--grade-border:var(--observatory-grade-c-border)}.grade-d{--grade-bg:var(--observatory-grade-d-bg);--grade-border:var(--observatory-grade-d-border)}.grade-f{--grade-bg:var(--observatory-grade-f-bg);--grade-border:var(--observatory-grade-f-border)}.tooltip-popup{--tooltip-offset:-6.3rem;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle--0,#b3b3b3);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle--2,#1b1b1b);background-color:var(--color-bg-tooltip);border-radius:var(--border-radius);border-width:0;color:var(--color-tooltip);inset:unset;line-height:var(--font-line-content);margin-top:.5rem;max-width:min(100vw,20rem);overflow:visible;padding:1.5rem;position:relative;text-align:center;transform:translateX(var(--tooltip-offset));width:max-content;z-index:1}@supports (color:light-dark(red,red)){.tooltip-popup{--color-tooltip:light-dark(#b3b3b3,#696969);--color-tooltip-highlight:light-dark(#fff,#1b1b1b);--color-bg-tooltip:light-dark(#1b1b1b,#fff)}}@supports not (color:light-dark(tan,tan)){.tooltip-popup *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #696969;--color-tooltip:var(--csstools-light-dark-toggle--0,#b3b3b3);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #1b1b1b;--color-tooltip-highlight:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #fff;--color-bg-tooltip:var(--csstools-light-dark-toggle--2,#1b1b1b)}}.tooltip-popup .arrow{margin-left:-1rem;margin-top:-2rem;padding:0;position:absolute;fill:var(--color-bg-tooltip)}.tooltip-popup table{border:0;border-collapse:collapse;white-space:nowrap;width:10rem}:is(.tooltip-popup table) tr{color:var(--color-tooltip);font-size:var(--font-size-small)}.current:is(:is(.tooltip-popup table) tr){color:var(--color-tooltip-highlight);font-weight:var(--font-weight-bold)}:is(.tooltip-popup table) td,:is(.tooltip-popup table) th{background-color:unset;border:0;font-weight:var(--font-body);text-align:left;width:50%}:is(.tooltip-popup table) th{font-size:var(--font-size-normal);padding:0 0 .75rem}:is(.tooltip-popup table) td{padding:0}:is(:is(.tooltip-popup table) td) svg{vertical-align:-.3rem}.scroll-container{margin-bottom:1.5rem;margin-top:.8rem;overflow-x:auto;overscroll-behavior-x:none}.detail-header{display:flex;gap:.5rem;padding:0 1.5rem 0 0}.detail-header .arrow{color:var(--color-text-secondary)}.detail-header .detail-header-title{font-weight:var(--font-weight-bold);padding-right:.2rem}.detail-header p{margin:1rem 0}:is(.obs-pass-icon svg.pass) path{fill:var(--observatory-pass-icon-bg)}:is(.obs-pass-icon svg.pass) circle{fill:var(--observatory-pass-icon-color)}:is(.obs-pass-icon svg.fail) path{fill:var(--observatory-fail-icon-bg)}:is(.obs-pass-icon svg.fail) circle{fill:var(--observatory-fail-icon-color)}.footnote{font-size:var(--font-size-small);margin-top:1rem}.scan-results table{background:var(--observatory-table-bg);border:none;border-collapse:collapse;min-width:calc(992px - 14rem);width:100%}:is(.scan-results table) th{background:var(--observatory-table-header-bg);color:var(--color-text-secondary);font-weight:500;vertical-align:top}:is(:is(.scan-results table) th) tr{background-color:unset}:is(.scan-results table) tr:nth-child(2n){background-color:var(--observatory-table-bg-alternate)}:is(.scan-results table) td{overflow-wrap:anywhere;padding:.5rem 1.5rem;vertical-align:top}.cookie-name:is(:is(.scan-results table) td):first-child{max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score:is(:is(.scan-results table) td)>span{display:flex;flex-direction:row;justify-content:space-between}:is(.scan-results table) a{color:var(--color-text-primary);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-text-secondary)}:is(:is(.scan-results table) a):active,:is(:is(.scan-results table) a):hover{-webkit-text-decoration:none;text-decoration:none}:is(.scan-results table) span.not-counted{color:var(--color-text-secondary)}:is(:is(.scan-results table) span.not-counted) a{-webkit-text-decoration:none;text-decoration:none}:is(.tests:is(.scan-results table) th,.tests:is(.scan-results table) td):first-of-type{width:25%}.tests:is(.scan-results table) td.score{white-space:nowrap}:is(.csp:is(.scan-results table) th,.csp:is(.scan-results table) td):first-of-type{width:45%}:is(.headers:is(.scan-results table) th,.headers:is(.scan-results table) td):first-of-type{width:30%}:is(.cookies:is(.scan-results table) th,.cookies:is(.scan-results table) td):nth-of-type(n+3){text-align:center}:is(.scan-results table) td,:is(.scan-results table) th{border:none;padding:1.5rem}:is(:is(.scan-results table) th,:is(.scan-results table) td) :first-child{margin-top:0}:is(:is(.scan-results table) th,:is(.scan-results table) td) :last-child{margin-bottom:0}:is(.scan-results table) .icon{height:1.3rem;width:1.3rem}@media (width <= 426px){:is(:is(:is(.scan-results table) td) .iso-date) code{font-size:x-small}}@media (width <= 992px){.scan-results table{min-width:0}:is(.scan-results table) thead{display:none}:is(.scan-results table) tbody{display:block}:is(.scan-results table) tr{display:grid;grid-template-columns:max-content auto}:is(.scan-results table) tr:nth-of-type(odd){background:var(--observatory-table-header-bg)}:is(.scan-results table) td{column-gap:2em;display:grid;grid-auto-flow:column;grid-column:span 2;grid-template-columns:subgrid}:is(:is(.scan-results table) td) .humanized-duration{display:none}:is(.scan-results table) td:before{content:attr(data-header);display:inline;font-weight:var(--font-weight-bold)}:is(.tests:is(.scan-results table),.csp:is(.scan-results table),.headers:is(.scan-results table),.cookies:is(.scan-results table)) td:first-of-type{width:auto}:is(.scan-results table) td:not(:last-of-type){padding-bottom:0}:is(.scan-results table) td:nth-of-type(n+2){padding-top:.75rem}.cookies:is(.scan-results table) td:nth-of-type(n+3){text-align:left}:is(.scan-results table) td.score{display:grid}:is(:is(.scan-results table) td.score)>span{display:block}:is(:is(.scan-results table) td.score) .obs-pass-icon{display:inline-block;height:1.5em;vertical-align:top}}ol.tabs-list{column-gap:3rem;display:grid;grid-template-areas:"tab-0 tab-1 tab-2 tab-3 tab-4 tab-5 ." "hr    hr    hr    hr    hr    hr    hr " "mod   mod   mod   mod   mod   mod   mod";grid-template-columns:repeat(6,max-content) 1fr;margin:0;overflow-x:auto;overscroll-behavior-x:none;padding:0}@media (width <= 992px){ol.tabs-list{column-gap:1.75rem;grid-template-columns:repeat(6,max-content) auto}}ol.tabs-list:before{border:none;border-top:1px solid var(--color-border-primary);content:"";grid-area:hr;margin:0;width:100%}ol.tabs-list input[type=radio]:not(:checked)~.tab-content{display:none}ol.tabs-list li.tabs-list-item{display:contents}:is(ol.tabs-list li.tabs-list-item)>input:checked+label{border-bottom:2px solid var(--observatory-accent);color:var(--color-text-primary)}:is(ol.tabs-list li.tabs-list-item)>input:not(:checked)+label:hover{border-bottom:2px solid var(--observatory-accent-light);color:var(--color-text-primary)}:is(ol.tabs-list li.tabs-list-item)>input:checked:focus-visible+label{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}:is(ol.tabs-list li.tabs-list-item)>input:not(:checked)+label{color:var(--color-text-secondary);opacity:.775}:is(ol.tabs-list li.tabs-list-item)>label{cursor:pointer;height:2.2rem;width:max-content}#tabs-0:is(ol.tabs-list li.tabs-list-item)>input,#tabs-0:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-0}#tabs-1:is(ol.tabs-list li.tabs-list-item)>input,#tabs-1:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-1}#tabs-2:is(ol.tabs-list li.tabs-list-item)>input,#tabs-2:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-2}#tabs-3:is(ol.tabs-list li.tabs-list-item)>input,#tabs-3:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-3}#tabs-4:is(ol.tabs-list li.tabs-list-item)>input,#tabs-4:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-4}#tabs-5:is(ol.tabs-list li.tabs-list-item)>input,#tabs-5:is(ol.tabs-list li.tabs-list-item)>label{grid-area:tab-5}:is(ol.tabs-list li.tabs-list-item)>section.tab-content{grid-area:mod;left:0;margin:0;position:sticky;width:calc(100vw - 18rem)}@media (1200px < width){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:100%}}@media (width <= 769px){:is(ol.tabs-list li.tabs-list-item)>section.tab-content{width:calc(100vw - 2rem)}}`,""]);let y=(0,s.iv)([g.toString()])}};
+//# sourceMappingURL=5531.ff59053d35a9ebc5.js.map