export const __webpack_ids__=["642"];export const __webpack_modules__={7790:function(t,e,a){t.exports=a.p+"results-icon.cdcd65a79b167843.svg"},52003:function(t,e,a){t.exports=a.p+"summary-icon.70312ad5ea1a4289.svg"},59011:function(t,e,a){a.r(e),a.d(e,{MDNObservatoryResults:()=>MDNObservatoryResults});var s=a(35470),r=a(14703),o=a(8900),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" role="presentation" 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" role="presentation" viewBox="0 0 22 22"><path id="path1" 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>`,c=[{grade:"A+",scoreText:"100+",score:100,stars:!0},{grade:"A",scoreText:"90",score:90,stars:!0},{grade:"A-",scoreText:"85",score:85,stars:!0},{grade:"B+",scoreText:"80",score:80},{grade:"B",scoreText:"70",score:70},{grade:"B-",scoreText:"65",score:65},{grade:"C+",scoreText:"60",score:60},{grade:"C",scoreText:"50",score:50},{grade:"C-",scoreText:"45",score:45},{grade:"D+",scoreText:"40",score:40},{grade:"D",scoreText:"30",score:30},{grade:"D-",scoreText:"25",score:25},{grade:"F",scoreText:"0",score:0}],b=["content-security-policy","cookies","cross-origin-resource-sharing","redirection","referrer-policy","strict-transport-security","subresource-integrity","x-content-type-options","x-frame-options","cross-origin-resource-policy"];a(90811);let h=["unsafeInline","unsafeEval","unsafeObjects","unsafeInlineStyle","insecureSchemeActive","insecureSchemePassive","antiClickjacking","defaultNone","insecureBaseUri","insecureFormAction","strictDynamic"],p=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=c.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=b.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=h.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:p.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=642.7de6b5b4cdf390c6.js.map