try{(function(){let a=window;if(a.CSS&&CSS.supports&&CSS.supports("color","color-mix(in srgb, red, blue)"))return;let b=document,c=b.documentElement,d=(a,b)=>{let c=0;for(let d=b;d{let c=[],d=0,e=0;for(let f=0;fa.trim())},f=null,g=(a,d=0)=>{let e=a.trim().toLowerCase();if("transparent"===e)return[0,0,0,0];let h=/^#([0-9a-f]{3,8})$/.exec(e);if(h){let a=h[1];if((3===a.length||4===a.length)&&(a=a.split("").map(a=>a+a).join("")),6!==a.length&&8!==a.length)return null;let b=b=>parseInt(a.slice(b,b+2),16);return[b(0),b(2),b(4),8===a.length?b(6)/255:1]}if(h=/^rgba?$([^)]*)$$/.exec(e)){let a=h[1].split(/[\s,/]+/).filter(Boolean);if(a.length<3)return null;let b=a=>a.endsWith("%")?255*parseFloat(a)/100:parseFloat(a),c=void 0===a[3]?1:a[3].endsWith("%")?parseFloat(a[3])/100:parseFloat(a[3]);return[b(a[0]),b(a[1]),b(a[2]),c]}if(d>0)return null;let i=(f||((f=b.createElement("i")).style.display="none",c.appendChild(f)),f.style.color="",f.style.color=e,f.style.color?getComputedStyle(f).color:"");return i&&/^rgba?$/.test(i)?g(i,1):null},h=a=>{let b=e(a,",");if(3!==b.length)return null;let c=a=>{let b=/^(.*\S)\s+(-?[\d.]+)%$/.exec(a)||/^(.*$)(-?[\d.]+)%$/.exec(a);return b?[b[1],parseFloat(b[2])]:(b=/^(-?[\d.]+)%\s+(.*)$/.exec(a))?[b[2],parseFloat(b[1])]:[a,NaN]},[d,f]=c(b[1]),[h,i]=c(b[2]),j=f,k=i;isNaN(j)&&isNaN(k)?j=k=50:isNaN(j)?j=100-k:isNaN(k)&&(k=100-j);let l=j+k,m=g(d),n=g(h);if(l<=0||!m||!n)return null;let o=j/l,p=k/l,q=m[3]*o+n[3]*p,r=a=>0===q?0:Math.round((m[a]*m[3]*o+n[a]*n[3]*p)/q),s=[r(0),r(1),r(2)];return l<100&&(q*=l/100),`rgba(${s[0]}, ${s[1]}, ${s[2]}, ${+q.toFixed(4)})`},i=(a,b)=>{let c=a,f=0;for(let a=c.indexOf("var(");-1!==a&&f++<200;a=c.indexOf("var(")){let f=d(c,a+3);if(-1===f)return null;let g=c.slice(a+4,f),h=e(g,","),i=b(h[0]).trim(),j=h.length>1?g.slice(g.indexOf(",")+1).trim():"";c=c.slice(0,a)+" "+(i||j)+" "+c.slice(f+1)}c=c.replace(/$\s+/g,"(").replace(/\s+$/g,")").replace(/\s*,\s*/g,", ").replace(/\s{2,}/g," ").trim();for(let a=c.lastIndexOf("color-mix(");-1!==a&&f++<400;a=c.lastIndexOf("color-mix(")){let b=d(c,a+9);if(-1===b)return null;let e=h(c.slice(a+10,b));if(!e)return null;c=c.slice(0,a)+e+c.slice(b+1)}return c},j=a=>{let b=getComputedStyle(a);return a=>"currentcolor"===a?b.color:b.getPropertyValue(a)},k=/\s*!important\s*$/i,l=a=>{let b=a.getAttribute("style");if(!b||-1===b.indexOf("color-mix("))return;let c=j(a);e(b,";").forEach(b=>{let d=b.indexOf(":");if(d<1||-1===b.indexOf("color-mix("))return;let e=b.slice(d+1).trim(),f=i(e.replace(k,""),c);f&&a.style.setProperty(b.slice(0,d).trim(),f,k.test(e)?"important":"")})},m=b.createElement("style");m.setAttribute("data-color-mix-fallback","");let n=null,o=(a,b,c)=>{for(let d=0;d{p=!1,s&&(s=!1,(()=>{let a=[],d=j(c);for(let c=0;c{p||(p=!0,(a.requestAnimationFrame||setTimeout)(r))},u=a=>-1!==(a.getAttribute("style")||"").indexOf("color-mix("),v=a=>{1!==a.nodeType||(("STYLE"===a.tagName||"LINK"===a.tagName||a.querySelector("style,link"))&&(s=!0),u(a)&&q.push(a),a.querySelectorAll("[style]").forEach(a=>{u(a)&&q.push(a)}))};new MutationObserver(a=>{let b=q.length,d=s;for(let b=0;b{s=!0,t()};return b.addEventListener("load",a=>{"LINK"===a.target.tagName&&w()},!0),a.addEventListener("load",w),v(c),t(),i})()}catch(e){}

Edge cases and gotchas

Edge cases and gotchas