if("function"==typeof registerPaint){class t{static get inputProperties(){return["--dot-size","--dot-spacing","--dot-color"]}parseProps(t){const o=t.get("--dot-size"),e=t.get("--dot-spacing"),i=t.get("--dot-color"),r=t=>t instanceof CSSUnparsedValue;return{dotSize:r(o)?parseInt(o.toString(),10)||3:o.value,dotSpacing:r(e)?parseInt(e.toString(),10)||6:e.value,dotColor:r(i)?i.toString().trim()||"#d2d6db":i.toString()}}paint(t,o,e){const{dotSize:i,dotSpacing:r,dotColor:n}=this.parseProps(e),a=i/2,s=Math.ceil((o.height-a)/(i+r)),d=Math.ceil((o.width-a)/(i+r));t.fillStyle=n;for(let o=0;o