export const __webpack_ids__=["736"];export const __webpack_modules__={90445:function(a,e,t){t.r(e),t.d(e,{MDNPlacementHpMain:()=>MDNPlacementHpMain});var n=t(14703),o=t(51968),r=t(68688);t(83294),t(43028);var i=t(35281),l=t(61321);let MDNPlacementHpMain=class MDNPlacementHpMain extends(0,i.P)(n.oi){static styles=l.Z;renderComplete(a){let{hpMain:e}=a;if(!e)return n.Ld;let{status:t,click:i,view:l,image:c,alt:p,colors:m,version:s}=e;if("success"!==t)return n.Ld;this._viewedUrl||(this._viewedUrl=l,this._version=s);let{backgroundColor:g,textColor:d}=m||{},h=Object.fromEntries([["--hp-main-background",g],["--hp-main-color",d]].filter(([a,e])=>!!e));return(0,n.dy)`<div
      ${(0,o.i)(this._placementRef)}
      class="hp-main-placement"
      style=${(0,r.V)(h)}
    >
      <section class="placement-container">
        <a
          class="placement-link"
          data-glean="pong: pong-&gt;click top-banner"
          href=${this.clickLink(i,s)}
          target="_blank"
          rel="sponsored noreferrer"
        >
          <img
            src=${this.imgLink(c)}
            aria-hidden=${!p}
            alt=${p||""}
            width="970"
            height="250"
          />
        </a>
        <mdn-placement-note></mdn-placement-note>
      </section>
    </div>`}};customElements.define("mdn-placement-hp-main",MDNPlacementHpMain)},61321:function(a,e,t){t.d(e,{Z:()=>c});var n=t(14703),o=t(8081),r=t.n(o),i=t(23645),l=t.n(i)()(r());l.push([a.id,'.hp-main-placement{--hp-main-background-light:var(--color-background-primary);--hp-main-color-light:var(--color-text-primary);--hp-main-background-dark:var(--color-background-primary);--hp-main-color-dark:var(--color-text-primary);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--hp-main-background-dark);--hp-main-background:var(--csstools-light-dark-toggle--0,var(--hp-main-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--hp-main-color-dark);--hp-main-color:var(--csstools-light-dark-toggle--1,var(--hp-main-color-light));background-color:var(--hp-main-background);padding-inline:var(--layout-side-padding)}@supports (color:light-dark(red,red)){.hp-main-placement{--hp-main-background:light-dark(var(--hp-main-background-light),var(--hp-main-background-dark));--hp-main-color:light-dark(var(--hp-main-color-light),var(--hp-main-color-dark))}}@supports not (color:light-dark(tan,tan)){.hp-main-placement *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--hp-main-background-dark);--hp-main-background:var(--csstools-light-dark-toggle--0,var(--hp-main-background-light));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) var(--hp-main-color-dark);--hp-main-color:var(--csstools-light-dark-toggle--1,var(--hp-main-color-light))}}.hp-main-placement .placement-container{column-gap:3rem;display:grid;grid-template-areas:"nope pong note" "nope pong no";grid-template-columns:auto auto auto;margin:0 auto;padding:0 1rem}@media (width <= 1441px){.hp-main-placement .placement-container{grid-template-areas:"pong note" "pong no";grid-template-columns:auto max-content;grid-template-rows:auto 2rem}}@media (width <= 769px){.hp-main-placement .placement-container{grid-template-areas:"pong" "note";grid-template-columns:auto;grid-template-rows:auto 2rem}}:is(.hp-main-placement .placement-container) .placement-link{display:flex;grid-area:pong;justify-content:center}:is(:is(.hp-main-placement .placement-container) .placement-link) img{display:block;height:auto;max-width:100%}:is(.hp-main-placement .placement-container) mdn-placement-note{grid-area:note;margin:0 0 auto auto}',""]);let c=(0,n.iv)([l.toString()])}};
//# sourceMappingURL=736.0fa146c2a494e88c.js.map