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