export const __webpack_ids__=["476"];export const __webpack_modules__={32013:function(i,t,e){e.r(t),e.d(t,{MDNSwitch:()=>MDNSwitch});var s=e(14703),c=e(71437);let MDNSwitch=class MDNSwitch extends s.oi{static styles=c.Z;static properties={label:{type:String},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean}};constructor(){super(),this.label="",this.checked=!1,this.disabled=!1}_toggle(){this.dispatchEvent(new Event("toggle",{bubbles:!0,composed:!0}))}render(){return(0,s.dy)` <label class="switch">
      <input
        class="switch__input"
        type="checkbox"
        ?checked=${this.checked}
        ?disabled=${this.disabled}
        @change=${this._toggle}
      ></input>
      <slot></slot>
    </label>`}};customElements.define("mdn-switch",MDNSwitch)},71437:function(i,t,e){e.d(t,{Z:()=>n});var s=e(14703),c=e(8081),a=e.n(c),o=e(23645),r=e.n(o)()(a());r.push([i.id,'@property --switch-position{syntax:"<percentage>";inherits:false;initial-value:0}.switch{cursor:pointer;display:flex;gap:.5em;place-items:center}.switch__input{--switch-size:1.25em;appearance:none;background-color:var(--color-text-secondary);background-image:radial-gradient(circle at calc(var(--switch-size)/2),var(--color-background-primary) calc((var(--switch-size)/2)*.8),#0000 calc((var(--switch-size)/2)*.8 + 1px));background-position:var(--switch-position) 0;background-repeat:no-repeat;background-size:var(--switch-size);border-radius:var(--radius-full);display:inline-block;height:var(--switch-size);margin:0;transition:--switch-position .2s;width:calc(var(--switch-size)*1.6)}.switch__input:checked{--switch-position:100%;background-color:var(--color-link-normal)}.switch__input:focus-visible{outline:2px solid var(--color-link-normal);outline-offset:2px}.switch__input:active:not(:disabled){filter:brightness(1.2)}.switch__input:disabled{opacity:.7}',""]);let n=(0,s.iv)([r.toString()])}};
//# sourceMappingURL=476.67faa1bd02f2479c.js.map