export const __webpack_ids__=["7509"];export const __webpack_modules__={54681:function(t,e,i){i.d(e,{Z:()=>r});var a=i(8081),o=i.n(a),s=i(23645),n=i.n(s)()(o());n.push([t.id,"*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}",""]);let r=n.toString()},94856:function(t,e,i){i.r(e),i.d(e,{MDNAboutTabs:()=>MDNAboutTabs});var a=i(14703),o=i(33446);let MDNAboutTabs=class MDNAboutTabs extends a.oi{static styles=o.Z;static properties={active_index:{type:Number}};constructor(){super(),this.active_index=0}firstUpdated(){if(null===this.shadowRoot)return;let t=this.shadowRoot.querySelector("slot[name='tab']");if(null===t)return;let e=globalThis.location.hash.slice(1);if(e){let i=e.startsWith("our_team")?"our_team":e.startsWith("our_partners")||"product_advisory_board"===e||"open_web_docs"===e?"our_partners":e,a=t.assignedElements({flatten:!0});if(a&&a.length>0){for(let[t,e]of a.entries())if(e instanceof HTMLElement&&e.dataset.panelId===i){this.active_index=t;break}}}t.addEventListener("slotchange",()=>this._wireSlots()),this._wireSlots()}_wireSlots(){if(null===this.shadowRoot)return;let t=this.shadowRoot.querySelector('slot[name="tab"]');if(null===t)return;let e=t.assignedElements({flatten:!0}),i=this.shadowRoot.querySelector('slot[name="panel"]');if(null===i)return;let a=i.assignedElements({flatten:!0});for(let[t,i]of e.entries()){i.setAttribute("role","tab"),i.setAttribute("aria-selected",(t===this.active_index).toString()),i.setAttribute("tabindex",t===this.active_index?"0":"-1"),i.classList.toggle("active",t===this.active_index);let e=e=>{e.preventDefault(),i.dataset.panelId&&(globalThis.location.hash=i.dataset.panelId),this.active_index=t,requestAnimationFrame(()=>{let t=a[this.active_index];t&&t.getBoundingClientRect().top<0&&t.scrollIntoView({block:"start",inline:"nearest"})})};i.removeEventListener("click",i.__handleClick),i.addEventListener("click",e),i.__handleClick=e}for(let[t,e]of a.entries())e.setAttribute("role","tabpanel"),e.setAttribute("aria-hidden",(t!==this.active_index).toString()),e.classList.toggle("active",t===this.active_index),e.classList.add("tabpanel")}updated(t){t.has("active_index")&&this._wireSlots()}render(){return(0,a.dy)`
      <div class="tablist-wrapper">
        <div class="tablist">
          <slot name="tab"></slot>
        </div>
      </div>
      <slot name="panel"></slot>
    `}};customElements.define("mdn-about-tabs",MDNAboutTabs)},33446:function(t,e,i){i.d(e,{Z:()=>c});var a=i(14703),o=i(8081),s=i.n(o),n=i(23645),r=i.n(n),l=i(54681),d=r()(s());d.i(l.Z),d.push([t.id,":host{display:block}.tablist-wrapper{background:var(--about-bg-secondary);margin:0 calc(var(--center-padding)*-1);margin-bottom:2rem;padding:0 var(--center-padding);position:sticky;top:var(--sticky-header-height);z-index:2}.tablist{border-bottom:1px solid var(--about-tablist-border);display:flex;gap:3rem;overflow-x:auto}::slotted([slot=tab]){color:var(--about-tablist-color);flex-shrink:0;font-weight:400;-webkit-text-decoration:none;text-decoration:none}::slotted([slot=tab].active){border-bottom:2px solid var(--about-tablist-active-border);color:var(--about-tablist-active-color)}::slotted([slot=panel]:not(.active)){display:none!important}::slotted([slot=panel].active){display:block}",""]);let c=(0,a.iv)([d.toString()])}};
//# sourceMappingURL=7509.2589212ecb27aae2.js.map