export const __webpack_ids__=["6955"];export const __webpack_modules__={55196:function(e,o,t){e.exports=t.p+"contrast.d86e85c43de8dee8.svg"},87665:function(e,o,t){e.exports=t.p+"moon.74026b9da82b0694.svg"},96971:function(e,o,t){e.exports=t.p+"sun.1d7c3ad7bf6fc390.svg"},56379:function(e,o,t){t.r(o),t.d(o,{MDNColorTheme:()=>MDNColorTheme});var r=t(14703),a=t(69535),i=t(56409);t(18399);let MDNColorTheme=class MDNColorTheme extends(0,a.q)(r.oi){static styles=i.Z;static properties={_mode:{state:!0}};constructor(){super(),this._mode="light dark",this._options=Object.entries({"light dark":this.l10n("theme-default")`OS default`,light:this.l10n`Light`,dark:this.l10n`Dark`})}_setMode({target:e}){if(e instanceof HTMLElement){let o=e.dataset.mode;if("light dark"===o||"light"===o||"dark"===o){this._mode=o;try{localStorage.setItem("theme",o)}catch(e){console.warn("Unable to write theme to localStorage",e)}let e=this.shadowRoot?.querySelector("mdn-dropdown");e&&(e.open=!1)}}}willUpdate(e){e.has("_mode")&&globalThis.document&&(document.documentElement.style.colorScheme=this._mode,document.documentElement.dataset.theme=this._mode,this.dispatchEvent(new CustomEvent("mdn-color-theme-update",{bubbles:!0,composed:!0,detail:this._mode})))}render(){return(0,r.dy)`<div class="color-theme">
      <mdn-dropdown>
        <button
          slot="button"
          class="color-theme__button"
          data-mode=${this._mode}
          type="button"
          aria-label=${this.l10n`Switch color theme`}
        >
          <span>${this.l10n`Theme`}</span>
        </button>
        <div
          slot="dropdown"
          class="color-theme__dropdown"
          id="color-theme__dropdown"
        >
          <ul class="color-theme__list">
            ${this._options.map(([e,o])=>(0,r.dy)`<li>
                  <button
                    class="color-theme__option"
                    data-mode=${e}
                    ?data-current=${e===this._mode}
                    type="button"
                    @click=${this._setMode}
                  >
                    ${o}
                  </button>
                </li>`)}
          </ul>
        </div>
      </mdn-dropdown>
    </div>`}firstUpdated(){let e;try{e=localStorage.getItem("theme")}catch(e){console.warn("Unable to read theme from localStorage",e)}("light dark"===e||"light"===e||"dark"===e)&&(this._mode=e)}};customElements.define("mdn-color-theme",MDNColorTheme)},56409:function(e,o,t){t.d(o,{Z:()=>b});var r=t(14703),a=t(8081),i=t.n(a),l=t(23645),n=t.n(l),d=t(61667),m=t.n(d),c=new t.U(t(55196)),s=new t.U(t(96971)),h=new t.U(t(87665)),g=n()(i()),_=m()(c),u=m()(s),p=m()(h);g.push([e.id,`.color-theme{--color-theme-light-dark:url(${_});--color-theme-light:url(${u});--color-theme-dark:url(${p});position:relative}.color-theme__button{align-items:center;background-color:initial;border:none;color:inherit;column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:0 .5rem}.color-theme__button:is(:hover,:focus,[aria-expanded=true]){background-color:var(--color-background-secondary)}@media (width <= 769px){.color-theme__button>span{display:none}}.color-theme__button:before{background-color:currentcolor;content:"";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__button[data-mode="light dark"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__button[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__button[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__dropdown{border:1px solid var(--color-border-primary);padding:.75rem;position:absolute;right:0;z-index:1}.color-theme__dropdown,.color-theme__list{background-color:var(--color-background-primary);margin:0;width:max-content}.color-theme__list{list-style:none;padding:0}.color-theme__option{align-items:center;background-color:initial;border:none;color:var(--color-text-primary);column-gap:.25rem;cursor:pointer;display:flex;font:inherit;margin:0;padding:.25rem;width:100%}.color-theme__option:hover{background-color:var(--color-background-secondary)}.color-theme__option:before{background-color:currentcolor;content:"";height:1.25rem;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.color-theme__option[data-mode="light dark"]:before{-webkit-mask-image:var(--color-theme-light-dark);mask-image:var(--color-theme-light-dark)}.color-theme__option[data-mode=light]:before{-webkit-mask-image:var(--color-theme-light);mask-image:var(--color-theme-light)}.color-theme__option[data-mode=dark]:before{-webkit-mask-image:var(--color-theme-dark);mask-image:var(--color-theme-dark)}.color-theme__option[data-current]{background:var(--color-background-secondary)}`,""]);let b=(0,r.iv)([g.toString()])}};
//# sourceMappingURL=6955.3de7286d9ee3c36f.js.map