<div class="p-5 flex flex-col bg-card border border-card-line shadow-2xs rounded-xl"> <!-- Header --> <div class="flex justify-between"> <div> <h2 class="inline-block font-medium text-foreground"> All time referrals </h2> <p class="text-2xl font-semibold text-foreground"> 6,136 </p> </div> <a class="text-sm text-primary decoration-2 hover:underline font-medium focus:outline-hidden focus:underline" href="#"> Full reports </a> </div> <!-- End Header --> <!-- Apex Line Chart --> <div id="hs-all-time-earnings-line-charts" class="min-h-54 md:min-h-79 mt-5"></div> </div> <link rel="stylesheet" href="../../../assets/vendor/apexcharts/dist/apexcharts.css"> <style> .apexcharts-tooltip.apexcharts-theme-light { background-color: transparent !important; border: none !important; box-shadow: none !important; } .apexcharts-xaxistooltip { background: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; } .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-primary-600) !important; } </style> <script> (function () { const html = document.documentElement; const appearance = localStorage.getItem("hs_theme") || "default"; const resolvedAppearance = appearance === "auto" ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default") : appearance; const colorTheme = localStorage.getItem("hs-clipboard-theme") || "default"; const brand = localStorage.getItem("hs-clipboard-brand"); const font = localStorage.getItem("hs-clipboard-font"); html.classList.toggle("dark", resolvedAppearance === "dark"); html.setAttribute("data-theme", `theme-${colorTheme}`); if (brand) html.setAttribute("data-brand", brand); if (font) html.setAttribute("data-font", font); })(); </script> <script src="../../../assets/vendor/lodash/lodash.min.js"></script> <script src="../../../assets/vendor/apexcharts/dist/apexcharts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/culori@4.0.2/bundled/culori.umd.min.js"></script> <script> !function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var t=a();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,()=>(()=>{var e={8710(e){var a,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,n={};((e,a)=>{for(var r in a)t(e,r,{get:a[r],enumerable:!0})})(n,{a98:()=>dl,average:()=>We,averageAngle:()=>Je,averageNumber:()=>Ge,blend:()=>Yr,blerp:()=>ae,clampChroma:()=>Co,clampGamut:()=>Xo,clampRgb:()=>Oo,colorsNamed:()=>h,convertA98ToXyz65:()=>he,convertCubehelixToRgb:()=>Le,convertDlchToLab65:()=>va,convertHsiToRgb:()=>ya,convertHslToRgb:()=>wa,convertHsvToRgb:()=>Ra,convertHwbToRgb:()=>Ha,convertItpToXyz65:()=>Fa,convertJabToJch:()=>lt,convertJabToRgb:()=>rt,convertJabToXyz65:()=>at,convertJchToJab:()=>nt,convertLab65ToDlch:()=>ca,convertLab65ToRgb:()=>na,convertLab65ToXyz65:()=>la,convertLabToLch:()=>Ye,convertLabToRgb:()=>bt,convertLabToXyz50:()=>st,convertLchToLab:()=>Ke,convertLchuvToLuv:()=>Tt,convertLrgbToOklab:()=>Et,convertLrgbToRgb:()=>ce,convertLuvToLchuv:()=>$t,convertLuvToXyz50:()=>Ot,convertOkhslToOklab:()=>Yt,convertOkhsvToOklab:()=>Zt,convertOklabToLrgb:()=>Nt,convertOklabToOkhsl:()=>Bt,convertOklabToOkhsv:()=>Vt,convertOklabToRgb:()=>_t,convertP3ToXyz65:()=>rr,convertProphotoToXyz50:()=>dr,convertRec2020ToXyz65:()=>gr,convertRgbToCubehelix:()=>Re,convertRgbToHsi:()=>xa,convertRgbToHsl:()=>ka,convertRgbToHsv:()=>La,convertRgbToHwb:()=>Oa,convertRgbToJab:()=>tt,convertRgbToLab:()=>Mt,convertRgbToLab65:()=>da,convertRgbToLrgb:()=>ue,convertRgbToOklab:()=>At,convertRgbToXyb:()=>xr,convertRgbToXyz50:()=>vt,convertRgbToXyz65:()=>be,convertRgbToYiq:()=>qr,convertXybToRgb:()=>wr,convertXyz50ToLab:()=>gt,convertXyz50ToLuv:()=>Lt,convertXyz50ToProphoto:()=>ir,convertXyz50ToRgb:()=>ut,convertXyz50ToXyz65:()=>Pr,convertXyz65ToA98:()=>pe,convertXyz65ToItp:()=>Ba,convertXyz65ToJab:()=>Za,convertXyz65ToLab65:()=>ha,convertXyz65ToP3:()=>or,convertXyz65ToRec2020:()=>br,convertXyz65ToRgb:()=>ge,convertXyz65ToXyz50:()=>Tr,convertYiqToRgb:()=>Rr,converter:()=>x,cubehelix:()=>pl,differenceCie76:()=>Ce,differenceCie94:()=>Se,differenceCiede2000:()=>Ee,differenceCmc:()=>Ae,differenceEuclidean:()=>Xe,differenceHueChroma:()=>Oe,differenceHueNaive:()=>He,differenceHueSaturation:()=>je,differenceHyab:()=>Ne,differenceItp:()=>De,differenceKotsarenkoRamos:()=>_e,displayable:()=>jo,dlab:()=>sl,dlch:()=>ul,easingGamma:()=>To,easingInOutSine:()=>nl,easingMidpoint:()=>to,easingSmootherstep:()=>ll,easingSmoothstep:()=>rl,easingSmoothstepInverse:()=>ol,filterBrightness:()=>Do,filterContrast:()=>Jo,filterDeficiencyDeuter:()=>al,filterDeficiencyProt:()=>el,filterDeficiencyTrit:()=>tl,filterGrayscale:()=>Wo,filterHueRotate:()=>Yo,filterInvert:()=>Bo,filterSaturate:()=>Fo,filterSepia:()=>Go,fixupAlpha:()=>le,fixupHueDecreasing:()=>we,fixupHueIncreasing:()=>ze,fixupHueLonger:()=>xe,fixupHueShorter:()=>ye,formatCss:()=>Dr,formatHex:()=>Jr,formatHex8:()=>Gr,formatHsl:()=>Wr,formatRgb:()=>Fr,getMode:()=>I,hsi:()=>bl,hsl:()=>vl,hsv:()=>cl,hwb:()=>gl,inGamut:()=>Ho,interpolate:()=>io,interpolateWith:()=>ho,interpolateWithPremultipliedAlpha:()=>po,interpolatorLinear:()=>oe,interpolatorPiecewise:()=>re,interpolatorSplineBasis:()=>bo,interpolatorSplineBasisClosed:()=>vo,interpolatorSplineMonotone:()=>wo,interpolatorSplineMonotone2:()=>ko,interpolatorSplineMonotoneClosed:()=>$o,interpolatorSplineNatural:()=>go,interpolatorSplineNaturalClosed:()=>Mo,itp:()=>Ml,jab:()=>fl,jch:()=>ml,lab:()=>yl,lab65:()=>xl,lch:()=>zl,lch65:()=>wl,lchuv:()=>kl,lerp:()=>U,lrgb:()=>$l,luv:()=>Tl,mapAlphaDivide:()=>Qr,mapAlphaMultiply:()=>Zr,mapTransferGamma:()=>eo,mapTransferLinear:()=>Ur,mapper:()=>Vr,modeA98:()=>Me,modeCubehelix:()=>Be,modeDlab:()=>fa,modeDlch:()=>ma,modeHsi:()=>za,modeHsl:()=>qa,modeHsv:()=>ja,modeHwb:()=>Ca,modeItp:()=>Ya,modeJab:()=>ot,modeJch:()=>it,modeLab:()=>mt,modeLab65:()=>yt,modeLch:()=>wt,modeLch65:()=>kt,modeLchuv:()=>Xt,modeLrgb:()=>Ct,modeLuv:()=>St,modeOkhsl:()=>Kt,modeOkhsv:()=>Qt,modeOklab:()=>er,modeOklch:()=>tr,modeP3:()=>lr,modeProphoto:()=>pr,modeRec2020:()=>Mr,modeRgb:()=>ne,modeXyb:()=>kr,modeXyz50:()=>$r,modeXyz65:()=>Ir,modeYiq:()=>Lr,nearest:()=>Eo,okhsl:()=>Pl,okhsv:()=>Il,oklab:()=>ql,oklch:()=>Rl,p3:()=>Ll,parse:()=>V,parseHex:()=>s,parseHsl:()=>Ia,parseHslLegacy:()=>Pa,parseHwb:()=>Xa,parseLab:()=>ft,parseLch:()=>zt,parseNamed:()=>d,parseOklab:()=>Ut,parseOklch:()=>ar,parseRgb:()=>Z,parseRgbLegacy:()=>m,parseTransparent:()=>Q,prophoto:()=>jl,random:()=>Kr,rec2020:()=>Hl,removeParser:()=>R,rgb:()=>Ol,round:()=>jr,samples:()=>Po,serializeHex:()=>Er,serializeHex8:()=>Ar,serializeHsl:()=>_r,serializeRgb:()=>Nr,toGamut:()=>So,trilerp:()=>te,unlerp:()=>ee,useMode:()=>P,useParser:()=>q,wcagContrast:()=>hl,wcagLuminance:()=>il,xyb:()=>Xl,xyz50:()=>Cl,xyz65:()=>Sl,yiq:()=>El}),e.exports=(a=n,((e,a,n,i)=>{if(a&&"object"==typeof a||"function"==typeof a)for(let h of o(a))l.call(e,h)||h===n||t(e,h,{get:()=>a[h],enumerable:!(i=r(a,h))||i.enumerable});return e})(t({},"__esModule",{value:!0}),a));var i=(e,a)=>{if("number"==typeof e)return 3===a?{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|240&e)/255,b:(15&e|e<<4&240)/255}:4===a?{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|240&e)/255,alpha:(15&e|e<<4&240)/255}:6===a?{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(255&e)/255}:8===a?{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(255&e)/255}:void 0},h={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},d=e=>i(h[e.toLowerCase()],6),p=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,s=e=>{let a;return(a=e.match(p))?i(parseInt(a[1],16),a[1].length):void 0},u="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",b=`${u}%`,v=`(?:${u}%|${u})`,c=`(?:${u}(deg|grad|rad|turn)|${u})`,g="\\s*,\\s*",M=(new RegExp("^"+`(?:${u}%|${u}|none)`+"$"),new RegExp(`^rgba?\\(\\s*${u}${g}${u}${g}${u}\\s*(?:,\\s*${v}\\s*)?\\)$`)),f=new RegExp(`^rgba?\\(\\s*${b}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),m=e=>{let a,t={mode:"rgb"};if(a=e.match(M))void 0!==a[1]&&(t.r=a[1]/255),void 0!==a[2]&&(t.g=a[2]/255),void 0!==a[3]&&(t.b=a[3]/255);else{if(!(a=e.match(f)))return;void 0!==a[1]&&(t.r=a[1]/100),void 0!==a[2]&&(t.g=a[2]/100),void 0!==a[3]&&(t.b=a[3]/100)}return void 0!==a[4]?t.alpha=Math.max(0,Math.min(1,a[4]/100)):void 0!==a[5]&&(t.alpha=Math.max(0,Math.min(1,+a[5]))),t},y=(e,a)=>void 0===e?void 0:"object"!=typeof e?V(e):void 0!==e.mode?e:a?{...e,mode:a}:void 0,x=(e="rgb")=>a=>void 0!==(a=y(a,e))?a.mode===e?a:z[a.mode][e]?z[a.mode][e](a):"rgb"===e?z[a.mode].rgb(a):z.rgb[e](z[a.mode].rgb(a)):void 0,z={},w={},k=[],$={},T=e=>e,P=e=>(z[e.mode]={...z[e.mode],...e.toMode},Object.keys(e.fromMode||{}).forEach(a=>{z[a]||(z[a]={}),z[a][e.mode]=e.fromMode[a]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(a=>{if(void 0===e.ranges[a]&&(e.ranges[a]=[0,1]),!e.interpolate[a])throw new Error(`Missing interpolator for: ${a}`);"function"==typeof e.interpolate[a]&&(e.interpolate[a]={use:e.interpolate[a]}),e.interpolate[a].fixup||(e.interpolate[a].fixup=T)}),w[e.mode]=e,(e.parse||[]).forEach(a=>{q(a,e.mode)}),x(e.mode)),I=e=>w[e],q=(e,a)=>{if("string"==typeof e){if(!a)throw new Error("'mode' required when 'parser' is a string");$[e]=a}else"function"==typeof e&&k.indexOf(e)<0&&k.push(e)},R=e=>{if("string"==typeof e)delete $[e];else if("function"==typeof e){const a=k.indexOf(e);a>0&&k.splice(a,1)}},L=/[^\x00-\x7F]|[a-zA-Z_]/,j=/[^\x00-\x7F]|[-\w]/,H="function",O="ident",X="number",C="percentage",S=")",E="none",A="hue",N="alpha",_=0;function D(e){let a=e[_],t=e[_+1];return"-"===a||"+"===a?/\d/.test(t)||"."===t&&/\d/.test(e[_+2]):/\d/.test("."===a?t:a)}function J(e){if(_>=e.length)return!1;let a=e[_];if(L.test(a))return!0;if("-"===a){if(e.length-_<2)return!1;let a=e[_+1];return!("-"!==a&&!L.test(a))}return!1}var G={deg:1,rad:180/Math.PI,grad:.9,turn:360};function F(e){let a="";if("-"!==e[_]&&"+"!==e[_]||(a+=e[_++]),a+=W(e),"."===e[_]&&/\d/.test(e[_+1])&&(a+=e[_++]+W(e)),"e"!==e[_]&&"E"!==e[_]||("-"!==e[_+1]&&"+"!==e[_+1]||!/\d/.test(e[_+2])?/\d/.test(e[_+1])&&(a+=e[_++]+W(e)):a+=e[_++]+e[_++]+W(e)),J(e)){let t=B(e);return"deg"===t||"rad"===t||"turn"===t||"grad"===t?{type:A,value:a*G[t]}:void 0}return"%"===e[_]?(_++,{type:C,value:+a}):{type:X,value:+a}}function W(e){let a="";for(;/\d/.test(e[_]);)a+=e[_++];return a}function B(e){let a="";for(;_<e.length&&j.test(e[_]);)a+=e[_++];return a}function Y(e){let a=B(e);return"("===e[_]?(_++,{type:H,value:a}):"none"===a?{type:E,value:void 0}:{type:O,value:a}}function K(e,a){const t=[];let r;for(;e._i<e.length;)if(r=e[e._i++],r.type===E||r.type===X||r.type===N||r.type===C||a&&r.type===A)t.push(r);else{if(r.type!==S)return;if(e._i<e.length)return}if(!(t.length<3||t.length>4)){if(4===t.length){if(t[3].type!==N)return;t[3]=t[3].value}return 3===t.length&&t.push({type:E,value:void 0}),t.every(e=>e.type!==N)?t:void 0}}var V=e=>{if("string"!=typeof e)return;const a=function(e=""){let a,t=e.trim(),r=[];for(_=0;_<t.length;)if(a=t[_++],"\n"!==a&&"\t"!==a&&" "!==a){if(","===a)return;if(")"!==a){if("+"===a){if(_--,D(t)){r.push(F(t));continue}return}if("-"===a){if(_--,D(t)){r.push(F(t));continue}if(J(t)){r.push({type:O,value:B(t)});continue}return}if("."===a){if(_--,D(t)){r.push(F(t));continue}return}if("/"===a){for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;let e;if(D(t)&&(e=F(t),e.type!==A)){r.push({type:N,value:e});continue}if(J(t)&&"none"===B(t)){r.push({type:N,value:{type:E,value:void 0}});continue}return}if(/\d/.test(a))_--,r.push(F(t));else{if(!L.test(a))return;_--,r.push(Y(t))}}else r.push({type:S})}else for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;return r}(e),t=a?function(e,a){e._i=0;let t=e[e._i++];if(!t||t.type!==H)return;let r=K(e,a);return r?(r.unshift(t.value),r):void 0}(a,!0):void 0;let r,o=0,l=k.length;for(;o<l;)if(void 0!==(r=k[o++](e,t)))return r;return a?function(e){e._i=0;let a=e[e._i++];if(!a||a.type!==H||"color"!==a.value)return;if(a=e[e._i++],a.type!==O)return;const t=$[a.value];if(!t)return;const r={mode:t},o=K(e,!1);if(!o)return;const l=I(t).channels;for(let e,a,t=0;t<l.length;t++)e=o[t],a=l[t],e.type!==E&&(r[a]=e.type===X?e.value:e.value/100,"alpha"===a&&(r[a]=Math.max(0,Math.min(1,r[a]))));return r}(a):void 0};var Z=function(e,a){if(!a||"rgb"!==a[0]&&"rgba"!==a[0])return;const t={mode:"rgb"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.r=r.type===X?r.value/255:r.value/100),o.type!==E&&(t.g=o.type===X?o.value/255:o.value/100),l.type!==E&&(t.b=l.type===X?l.value/255:l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},Q=e=>"transparent"===e?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,U=(e,a,t)=>e+t*(a-e),ee=(e,a,t)=>(t-e)/(a-e),ae=(e,a,t,r,o,l)=>U(U(e,a,o),U(t,r,o),l),te=(e,a,t,r,o,l,n,i,h,d,p)=>U(ae(e,a,t,r,h,d),ae(o,l,n,i,h,d),p),re=e=>a=>{let t=(e=>{let a=[];for(let t=0;t<e.length-1;t++){let r=e[t],o=e[t+1];void 0===r&&void 0===o?a.push(void 0):void 0!==r&&void 0!==o?a.push([r,o]):a.push(void 0!==r?[r,r]:[o,o])}return a})(a);return a=>{let r=a*t.length,o=a>=1?t.length-1:Math.max(Math.floor(r),0),l=t[o];return void 0===l?void 0:e(l[0],l[1],r-o)}},oe=re(U),le=e=>{let a=!1,t=e.map(e=>void 0!==e?(a=!0,e):1);return a?t:e},ne={mode:"rgb",channels:["r","g","b","alpha"],parse:[Z,s,m,d,Q,"srgb"],serialize:"srgb",interpolate:{r:oe,g:oe,b:oe,alpha:{use:oe,fixup:le}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},ie=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),he=e=>{let a=ie(e.r),t=ie(e.g),r=ie(e.b),o={mode:"xyz65",x:.5766690429101305*a+.1855582379065463*t+.1882286462349947*r,y:.297344975250536*a+.6273635662554661*t+.0752914584939979*r,z:.0270313613864123*a+.0706888525358272*t+.9913375368376386*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},de=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),pe=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"a98",r:de(2.0415879038107465*e-.5650069742788597*a-.3447313507783297*t),g:de(-.9692436362808798*e+1.8759675015077206*a+.0415550574071756*t),b:de(.0134442806320312*e-.1183623922310184*a+1.0151749943912058*t)};return void 0!==r&&(o.alpha=r),o},se=(e=0)=>{const a=Math.abs(e);return a<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((a+.055)/1.055,2.4)},ue=({r:e,g:a,b:t,alpha:r})=>{let o={mode:"lrgb",r:se(e),g:se(a),b:se(t)};return void 0!==r&&(o.alpha=r),o},be=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.4123907992659593*a+.357584339383878*t+.1804807884018343*r,y:.2126390058715102*a+.715168678767756*t+.0721923153607337*r,z:.0193308187155918*a+.119194779794626*t+.9505321522496607*r};return void 0!==o&&(l.alpha=o),l},ve=(e=0)=>{const a=Math.abs(e);return a>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(a,1/2.4)-.055):12.92*e},ce=({r:e,g:a,b:t,alpha:r},o="rgb")=>{let l={mode:o,r:ve(e),g:ve(a),b:ve(t)};return void 0!==r&&(l.alpha=r),l},ge=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.2409699419045226*e-1.537383177570094*a-.4986107602930034*t,g:-.9692436362808796*e+1.8759675015077204*a+.0415550574071756*t,b:.0556300796969936*e-.2039769588889765*a+1.0569715142428784*t});return void 0!==r&&(o.alpha=r),o},Me={...ne,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>pe(be(e)),xyz65:pe},toMode:{rgb:e=>ge(he(e)),xyz65:he}},fe=e=>(e%=360)<0?e+360:e,me=(e,a)=>e.map((t,r,o)=>{if(void 0===t)return t;let l=fe(t);return 0===r||void 0===e[r-1]?l:a(l-fe(o[r-1]))}).reduce((e,a)=>e.length&&void 0!==a&&void 0!==e[e.length-1]?(e.push(a+e[e.length-1]),e):(e.push(a),e),[]),ye=e=>me(e,e=>Math.abs(e)<=180?e:e-360*Math.sign(e)),xe=e=>me(e,e=>Math.abs(e)>=180||0===e?e:e-360*Math.sign(e)),ze=e=>me(e,e=>e>=0?e:e+360),we=e=>me(e,e=>e<=0?e:e-360),ke=[-.14861,1.78277,-.29227,-.90649,1.97294,0],$e=Math.PI/180,Te=180/Math.PI,Pe=ke[3]*ke[4],Ie=ke[1]*ke[4],qe=ke[1]*ke[2]-ke[0]*ke[3],Re=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(qe*t+e*Pe-a*Ie)/(qe+Pe-Ie),l=t-o,n=(ke[4]*(a-o)-ke[2]*l)/ke[3],i={mode:"cubehelix",l:o,s:0===o||1===o?void 0:Math.sqrt(l*l+n*n)/(ke[4]*o*(1-o))};return i.s&&(i.h=Math.atan2(n,l)*Te-120),void 0!==r&&(i.alpha=r),i},Le=({h:e,s:a,l:t,alpha:r})=>{let o={mode:"rgb"};e=(void 0===e?0:e+120)*$e,void 0===t&&(t=0);let l=void 0===a?0:a*t*(1-t),n=Math.cos(e),i=Math.sin(e);return o.r=t+l*(ke[0]*n+ke[1]*i),o.g=t+l*(ke[2]*n+ke[3]*i),o.b=t+l*(ke[4]*n+ke[5]*i),void 0!==r&&(o.alpha=r),o},je=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.s||!a.s)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*a.s)*o},He=(e,a)=>{if(void 0===e.h||void 0===a.h)return 0;let t=fe(e.h),r=fe(a.h);return Math.abs(r-t)>180?t-(r-360*Math.sign(r-t)):r-t},Oe=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.c||!a.c)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*a.c)*o},Xe=(e="rgb",a=[1,1,1,0])=>{let t=I(e),r=t.channels,o=t.difference,l=x(e);return(e,t)=>{let n=l(e),i=l(t);return Math.sqrt(r.reduce((e,t,r)=>{let l=o[t]?o[t](n,i):n[t]-i[t];return e+(a[r]||0)*Math.pow(isNaN(l)?0:l,2)},0))}},Ce=()=>Xe("lab65"),Se=(e=1,a=.045,t=.015)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=Math.sqrt(b*b+v*v),g=Math.pow(h-u,2),M=Math.pow(s-c,2),f=Math.pow(d-b,2)+Math.pow(p-v,2)-M;return Math.sqrt(g/Math.pow(e,2)+M/Math.pow(1+a*s,2)+f/Math.pow(1+t*s,2))}},Ee=(e=1,a=1,t=1)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=(s+Math.sqrt(b*b+v*v))/2,g=.5*(1-Math.sqrt(Math.pow(c,7)/(Math.pow(c,7)+Math.pow(25,7)))),M=d*(1+g),f=b*(1+g),m=Math.sqrt(M*M+p*p),y=Math.sqrt(f*f+v*v),x=Math.abs(M)+Math.abs(p)===0?0:Math.atan2(p,M);x+=2*(x<0)*Math.PI;let z=Math.abs(f)+Math.abs(v)===0?0:Math.atan2(v,f);z+=2*(z<0)*Math.PI;let w=u-h,k=y-m,$=m*y===0?0:z-x;$-=2*($>Math.PI)*Math.PI,$+=2*($<-Math.PI)*Math.PI;let T,P=2*Math.sqrt(m*y)*Math.sin($/2),I=(h+u)/2,q=(m+y)/2;m*y===0?T=x+z:(T=(x+z)/2,T-=(Math.abs(x-z)>Math.PI)*Math.PI,T+=2*(T<0)*Math.PI);let R=Math.pow(I-50,2),L=1-.17*Math.cos(T-Math.PI/6)+.24*Math.cos(2*T)+.32*Math.cos(3*T+Math.PI/30)-.2*Math.cos(4*T-63*Math.PI/180),j=1+.015*R/Math.sqrt(20+R),H=1+.045*q,O=1+.015*q*L,X=30*Math.PI/180*Math.exp(-1*Math.pow((180/Math.PI*T-275)/25,2)),C=2*Math.sqrt(Math.pow(q,7)/(Math.pow(q,7)+Math.pow(25,7))),S=-1*Math.sin(2*X)*C;return Math.sqrt(Math.pow(w/(e*j),2)+Math.pow(k/(a*H),2)+Math.pow(P/(t*O),2)+S*k/(a*H)*P/(t*O))}},Ae=(e=1,a=1)=>{let t=x("lab65");return(r,o)=>{let l=t(r),n=l.l,i=l.a,h=l.b,d=Math.sqrt(i*i+h*h),p=Math.atan2(h,i);p+=2*Math.PI*(p<0);let s=t(o),u=s.l,b=s.a,v=s.b,c=Math.sqrt(b*b+v*v),g=Math.pow(n-u,2),M=Math.pow(d-c,2),f=Math.pow(i-b,2)+Math.pow(h-v,2)-M,m=Math.sqrt(Math.pow(d,4)/(Math.pow(d,4)+1900)),y=n<16?.511:.040975*n/(1+.01765*n),x=.0638*d/(1+.0131*d)+.638,z=x*(m*(p>=164/180*Math.PI&&p<=345/180*Math.PI?.56+Math.abs(.2*Math.cos(p+168/180*Math.PI)):.36+Math.abs(.4*Math.cos(p+35/180*Math.PI)))+1-m);return Math.sqrt(g/Math.pow(e*y,2)+M/Math.pow(a*x,2)+f/Math.pow(z,2))}},Ne=()=>{let e=x("lab65");return(a,t)=>{let r=e(a),o=e(t),l=r.l-o.l,n=r.a-o.a,i=r.b-o.b;return Math.abs(l)+Math.sqrt(n*n+i*i)}},_e=()=>Xe("yiq",[.5053,.299,.1957]),De=()=>Xe("itp",[518400,129600,518400]),Je=e=>{let a=e.reduce((e,a)=>{if(void 0!==a){let t=a*Math.PI/180;e.sin+=Math.sin(t),e.cos+=Math.cos(t)}return e},{sin:0,cos:0}),t=180*Math.atan2(a.sin,a.cos)/Math.PI;return t<0?360+t:t},Ge=e=>{let a=e.filter(e=>void 0!==e);return a.length?a.reduce((e,a)=>e+a,0)/a.length:void 0},Fe=e=>"function"==typeof e;function We(e,a="rgb",t){let r=I(a),o=e.map(x(a));return r.channels.reduce((e,a)=>{let l=o.map(e=>e[a]).filter(e=>void 0!==e);if(l.length){let o;o=Fe(t)?t:t&&Fe(t[a])?t[a]:r.average&&Fe(r.average[a])?r.average[a]:Ge,e[a]=o(l,a)}return e},{mode:a})}var Be={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Re},toMode:{rgb:Le},interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}},Ye=({l:e,a,b:t,alpha:r},o="lch")=>{void 0===a&&(a=0),void 0===t&&(t=0);let l=Math.sqrt(a*a+t*t),n={mode:o,l:e,c:l};return l&&(n.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(n.alpha=r),n},Ke=({l:e,c:a,h:t,alpha:r},o="lab")=>{void 0===t&&(t=0);let l={mode:o,l:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(l.alpha=r),l},Ve=Math.pow(29,3)/Math.pow(3,3),Ze=Math.pow(6,3)/Math.pow(29,3),Qe=.3457/.3585,Ue=1,ea=.2958/.3585,aa=.3127/.329,ta=1,ra=.3583/.329,oa=(Math.pow(29,3),Math.pow(3,3),Math.pow(6,3),Math.pow(29,3),e=>Math.pow(e,3)>Ze?Math.pow(e,3):(116*e-16)/Ve),la=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz65",x:oa(a/500+o)*aa,y:oa(o)*ta,z:oa(l)*ra};return void 0!==r&&(n.alpha=r),n},na=e=>ge(la(e)),ia=e=>e>Ze?Math.cbrt(e):(Ve*e+16)/116,ha=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ia(e/aa),l=ia(a/ta),n={mode:"lab65",l:116*l-16,a:500*(o-l),b:200*(l-ia(t/ra))};return void 0!==r&&(n.alpha=r),n},da=e=>{let a=ha(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},pa=26/180*Math.PI,sa=Math.cos(pa),ua=Math.sin(pa),ba=100/Math.log(1.39),va=({l:e,c:a,h:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"lab65",l:(Math.exp(1*e/ba)-1)/.0039},l=(Math.exp(.0435*a*1*1)-1)/.075,n=l*Math.cos(t/180*Math.PI-pa),i=l*Math.sin(t/180*Math.PI-pa);return o.a=n*sa-i/.83*ua,o.b=n*ua+i/.83*sa,void 0!==r&&(o.alpha=r),o},ca=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=a*sa+t*ua,l=.83*(t*sa-a*ua),n=Math.sqrt(o*o+l*l),i={mode:"dlch",l:ba/1*Math.log(1+.0039*e),c:Math.log(1+.075*n)/.0435};return i.c&&(i.h=fe((Math.atan2(l,o)+pa)/Math.PI*180)),void 0!==r&&(i.alpha=r),i},ga=e=>va(Ye(e,"dlch")),Ma=e=>Ke(ca(e),"dlab"),fa={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:ga,rgb:e=>na(ga(e))},fromMode:{lab65:Ma,rgb:e=>Ma(da(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},ma={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:va,dlab:e=>Ke(e,"dlab"),rgb:e=>na(va(e))},fromMode:{lab65:ca,dlab:e=>Ye(e,"dlch"),rgb:e=>ca(da(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:oe,c:oe,h:{use:oe,fixup:ye},alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}};function ya({h:e,s:a,i:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1-a)};break;case 1:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1+a*(3/(2-l)-1)),b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t*(1+a*(3/(2-l)-1)),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;case 3:o={r:t*(1-a),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1+a*(3/(2-l)-1))};break;case 4:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3/(2-l)-1))};break;case 5:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function xa({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsi",s:e+a+t===0?0:1-3*l/(e+a+t),i:(e+a+t)/3};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var za={mode:"hsi",toMode:{rgb:ya},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:xa},channels:["h","s","i","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,i:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function wa({h:e,s:a,l:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=t+a*(t<.5?t:1-t),n=l-2*(l-t)*Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:l,g:n,b:2*t-l};break;case 1:o={r:n,g:l,b:2*t-l};break;case 2:o={r:2*t-l,g:l,b:n};break;case 3:o={r:2*t-l,g:n,b:l};break;case 4:o={r:n,g:2*t-l,b:l};break;case 5:o={r:l,g:2*t-l,b:n};break;default:o={r:2*t-l,g:2*t-l,b:2*t-l}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function ka({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsl",s:o===l?0:(o-l)/(1-Math.abs(o+l-1)),l:.5*(o+l)};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var $a=(e,a)=>{switch(a){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return 360*e}},Ta=new RegExp(`^hsla?\\(\\s*${c}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),Pa=e=>{let a=e.match(Ta);if(!a)return;let t={mode:"hsl"};return void 0!==a[3]?t.h=+a[3]:void 0!==a[1]&&void 0!==a[2]&&(t.h=$a(a[1],a[2])),void 0!==a[4]&&(t.s=Math.min(Math.max(0,a[4]/100),1)),void 0!==a[5]&&(t.l=Math.min(Math.max(0,a[5]/100),1)),void 0!==a[6]?t.alpha=Math.max(0,Math.min(1,a[6]/100)):void 0!==a[7]&&(t.alpha=Math.max(0,Math.min(1,+a[7]))),t};var Ia=function(e,a){if(!a||"hsl"!==a[0]&&"hsla"!==a[0])return;const t={mode:"hsl"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.s=o.value/100}if(l.type!==E){if(l.type===A)return;t.l=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},qa={mode:"hsl",toMode:{rgb:wa},fromMode:{rgb:ka},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Ia,Pa],serialize:e=>`hsl(${void 0!==e.h?e.h:"none"} ${void 0!==e.s?100*e.s+"%":"none"} ${void 0!==e.l?100*e.l+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ra({h:e,s:a,v:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t,g:t*(1-a*l),b:t*(1-a)};break;case 1:o={r:t*(1-a*l),g:t,b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t,b:t*(1-a*l)};break;case 3:o={r:t*(1-a),g:t*(1-a*l),b:t};break;case 4:o={r:t*(1-a*l),g:t*(1-a),b:t};break;case 5:o={r:t,g:t*(1-a),b:t*(1-a*l)};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function La({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsv",s:0===o?0:1-l/o,v:o};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var ja={mode:"hsv",toMode:{rgb:Ra},parse:["--hsv"],serialize:"--hsv",fromMode:{rgb:La},channels:["h","s","v","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,v:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ha({h:e,w:a,b:t,alpha:r}){if(void 0===a&&(a=0),void 0===t&&(t=0),a+t>1){let e=a+t;a/=e,t/=e}return Ra({h:e,s:1===t?1:1-a/(1-t),v:1-t,alpha:r})}function Oa(e){let a=La(e);if(void 0===a)return;let t=void 0!==a.s?a.s:0,r=void 0!==a.v?a.v:0,o={mode:"hwb",w:(1-t)*r,b:1-r};return void 0!==a.h&&(o.h=a.h),void 0!==a.alpha&&(o.alpha=a.alpha),o}var Xa=function(e,a){if(!a||"hwb"!==a[0])return;const t={mode:"hwb"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.w=o.value/100}if(l.type!==E){if(l.type===A)return;t.b=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},Ca={mode:"hwb",toMode:{rgb:Ha},fromMode:{rgb:Oa},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Xa],serialize:e=>`hwb(${void 0!==e.h?e.h:"none"} ${void 0!==e.w?100*e.w+"%":"none"} ${void 0!==e.b?100*e.b+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},w:oe,b:oe,alpha:{use:oe,fixup:le}},difference:{h:He},average:{h:Je}},Sa=.1593017578125,Ea=78.84375,Aa=.8359375,Na=18.8515625,_a=18.6875;function Da(e){if(e<0)return 0;const a=Math.pow(e,1/Ea);return 1e4*Math.pow(Math.max(0,a-Aa)/(Na-_a*a),1/Sa)}function Ja(e){if(e<0)return 0;const a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),Ea)}var Ga=e=>Math.max(e/203,0),Fa=({i:e,t:a,p:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=Da(e+.008609037037932761*a+.11102962500302593*t),l=Da(e-.00860903703793275*a-.11102962500302599*t),n=Da(e+.5600313357106791*a-.32062717498731885*t),i={mode:"xyz65",x:Ga(2.070152218389422*o-1.3263473389671556*l+.2066510476294051*n),y:Ga(.3647385209748074*o+.680566024947227*l-.0453045459220346*n),z:Ga(-.049747207535812*o-.0492609666966138*l+1.1880659249923042*n)};return void 0!==r&&(i.alpha=r),i},Wa=(e=0)=>Math.max(203*e,0),Ba=({x:e,y:a,z:t,alpha:r})=>{const o=Wa(e),l=Wa(a),n=Wa(t),i=Ja(.3592832590121217*o+.6976051147779502*l-.0358915932320289*n),h=Ja(-.1920808463704995*o+1.1004767970374323*l+.0753748658519118*n),d=Ja(.0070797844607477*o+.0748396662186366*l+.8433265453898765*n),p={mode:"itp",i:.5*i+.5*h,t:1.61376953125*i-3.323486328125*h+1.709716796875*d,p:4.378173828125*i-4.24560546875*h-.132568359375*d};return void 0!==r&&(p.alpha=r),p},Ya={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Fa,rgb:e=>ge(Fa(e))},fromMode:{xyz65:Ba,rgb:e=>Ba(be(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:oe,t:oe,p:oe,alpha:{use:oe,fixup:le}}},Ka=e=>{if(e<0)return 0;let a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),134.03437499999998)},Va=(e=0)=>Math.max(203*e,0),Za=({x:e,y:a,z:t,alpha:r})=>{e=Va(e),a=Va(a);let o=1.15*e-.15*(t=Va(t)),l=.66*a+.34*e,n=Ka(.41478972*o+.579999*l+.014648*t),i=Ka(-.20151*o+1.120649*l+.0531008*t),h=Ka(-.0166008*o+.2648*l+.6684799*t),d=(n+i)/2,p={mode:"jab",j:.44*d/(1-.56*d)-16295499532821565e-27,a:3.524*n-4.066708*i+.542708*h,b:.199076*n+1.096799*i-1.295875*h};return void 0!==r&&(p.alpha=r),p},Qa=16295499532821565e-27,Ua=e=>{if(e<0)return 0;let a=Math.pow(e,.007460772656268216);return 1e4*Math.pow((Aa-a)/(_a*a-Na),1/Sa)},et=e=>e/203,at=({j:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+Qa)/(.44+.56*(e+Qa)),l=Ua(o+.13860504*a+.058047316*t),n=Ua(o-.13860504*a-.058047316*t),i=Ua(o-.096019242*a-.8118919*t),h={mode:"xyz65",x:et(1.661373024652174*l-.914523081304348*n+.23136208173913045*i),y:et(-.3250758611844533*l+1.571847026732543*n-.21825383453227928*i),z:et(-.090982811*l-.31272829*n+1.5227666*i)};return void 0!==r&&(h.alpha=r),h},tt=e=>{let a=Za(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},rt=e=>ge(at(e)),ot={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:tt,xyz65:Za},toMode:{rgb:rt,xyz65:at},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},lt=({j:e,a,b:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"jch",j:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},nt=({j:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"jab",j:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},it={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:nt,rgb:e=>rt(nt(e))},fromMode:{rgb:e=>lt(tt(e)),jab:lt},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,j:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},ht=Math.pow(29,3)/Math.pow(3,3),dt=Math.pow(6,3)/Math.pow(29,3),pt=e=>Math.pow(e,3)>dt?Math.pow(e,3):(116*e-16)/ht,st=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz50",x:pt(a/500+o)*Qe,y:pt(o)*Ue,z:pt(l)*ea};return void 0!==r&&(n.alpha=r),n},ut=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.1341359569958707*e-1.6173863321612538*a-.4906619460083532*t,g:-.978795502912089*e+1.916254567259524*a+.03344273116131949*t,b:.07195537988411677*e-.2289768264158322*a+1.405386058324125*t});return void 0!==r&&(o.alpha=r),o},bt=e=>ut(st(e)),vt=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz50",x:.436065742824811*a+.3851514688337912*t+.14307845442264197*r,y:.22249319175623702*a+.7168870538238823*t+.06061979053616537*r,z:.013923904500943465*a+.09708128566574634*t+.7140993584005155*r};return void 0!==o&&(l.alpha=o),l},ct=e=>e>dt?Math.cbrt(e):(ht*e+16)/116,gt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ct(e/Qe),l=ct(a/Ue),n={mode:"lab",l:116*l-16,a:500*(o-l),b:200*(l-ct(t/ea))};return void 0!==r&&(n.alpha=r),n},Mt=e=>{let a=gt(vt(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a};var ft=function(e,a){if(!a||"lab"!==a[0])return;const t={mode:"lab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.value),100)),o.type!==E&&(t.a=o.type===X?o.value:125*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:125*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},mt={mode:"lab",toMode:{xyz50:st,rgb:bt},fromMode:{xyz50:gt,rgb:Mt},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-125,125],b:[-125,125]},parse:[ft],serialize:e=>`lab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},yt={...mt,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:la,rgb:na},fromMode:{xyz65:ha,rgb:da},ranges:{l:[0,100],a:[-125,125],b:[-125,125]}};var xt,zt=function(e,a){if(!a||"lch"!==a[0])return;const t={mode:"lch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.value),100)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:150*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},wt={mode:"lch",toMode:{lab:Ke,rgb:e=>bt(Ke(e))},fromMode:{rgb:e=>Ye(Mt(e)),lab:Ye},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[zt],serialize:e=>`lch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},kt={...wt,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Ke(e,"lab65"),rgb:e=>na(Ke(e,"lab65"))},fromMode:{rgb:e=>Ye(da(e),"lch65"),lab65:e=>Ye(e,"lch65")},ranges:{l:[0,100],c:[0,150],h:[0,360]}},$t=({l:e,u:a,v:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"lchuv",l:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},Tt=({l:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"luv",l:e,u:a?a*Math.cos(t/180*Math.PI):0,v:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},Pt=(e,a,t)=>4*e/(e+15*a+3*t),It=(e,a,t)=>9*a/(e+15*a+3*t),qt=Pt(Qe,Ue,ea),Rt=It(Qe,Ue,ea),Lt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(l=a/Ue)<=dt?ht*l:116*Math.cbrt(l)-16;var l;let n=Pt(e,a,t),i=It(e,a,t);isFinite(n)&&isFinite(i)?(n=13*o*(n-qt),i=13*o*(i-Rt)):o=n=i=0;let h={mode:"luv",l:o,u:n,v:i};return void 0!==r&&(h.alpha=r),h},jt=4*(xt=Qe)/(xt+15*Ue+3*ea),Ht=((e,a,t)=>9*a/(e+15*a+3*t))(Qe,Ue,ea),Ot=({l:e,u:a,v:t,alpha:r})=>{if(void 0===e&&(e=0),0===e)return{mode:"xyz50",x:0,y:0,z:0};void 0===a&&(a=0),void 0===t&&(t=0);let o=a/(13*e)+jt,l=t/(13*e)+Ht,n=Ue*(e<=8?e/ht:Math.pow((e+16)/116,3)),i={mode:"xyz50",x:n*(9*o)/(4*l),y:n,z:n*(12-3*o-20*l)/(4*l)};return void 0!==r&&(i.alpha=r),i},Xt={mode:"lchuv",toMode:{luv:Tt,rgb:e=>ut(Ot(Tt(e)))},fromMode:{rgb:e=>$t(Lt(vt(e))),luv:$t},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},Ct={...ne,mode:"lrgb",toMode:{rgb:ce},fromMode:{rgb:ue},parse:["srgb-linear"],serialize:"srgb-linear"},St={mode:"luv",toMode:{xyz50:Ot,rgb:e=>ut(Ot(e))},fromMode:{xyz50:Lt,rgb:e=>Lt(vt(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:oe,u:oe,v:oe,alpha:{use:oe,fixup:le}}},Et=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.cbrt(.412221469470763*e+.5363325372617348*a+.0514459932675022*t),l=Math.cbrt(.2119034958178252*e+.6806995506452344*a+.1073969535369406*t),n=Math.cbrt(.0883024591900564*e+.2817188391361215*a+.6299787016738222*t),i={mode:"oklab",l:.210454268309314*o+.7936177747023054*l-.0040720430116193*n,a:1.9779985324311684*o-2.42859224204858*l+.450593709617411*n,b:.0259040424655478*o+.7827717124575296*l-.8086757549230774*n};return void 0!==r&&(i.alpha=r),i},At=e=>{let a=Et(ue(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},Nt=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.pow(e+.3963377773761749*a+.2158037573099136*t,3),l=Math.pow(e-.1055613458156586*a-.0638541728258133*t,3),n=Math.pow(e-.0894841775298119*a-1.2914855480194092*t,3),i={mode:"lrgb",r:4.076741636075957*o-3.3077115392580616*l+.2309699031821044*n,g:-1.2684379732850317*o+2.6097573492876887*l-.3413193760026573*n,b:-.0041960761386756*o-.7034186179359362*l+1.7076146940746117*n};return void 0!==r&&(i.alpha=r),i},_t=e=>ce(Nt(e));function Dt(e){const a=.206,t=1.206/1.03;return.5*(t*e-a+Math.sqrt((t*e-a)*(t*e-a)+.12*t*e))}function Jt(e){return(e*e+.206*e)/(1.206/1.03*(e+.03))}function Gt(e,a){let t=function(e,a){let t,r,o,l,n,i,h,d;-1.88170328*e-.80936493*a>1?(t=1.19086277,r=1.76576728,o=.59662641,l=.75515197,n=.56771245,i=4.0767416621,h=-3.3077115913,d=.2309699292):1.81444104*e-1.19445276*a>1?(t=.73956515,r=-.45954404,o=.08285427,l=.1254107,n=.14503204,i=-1.2684380046,h=2.6097574011,d=-.3413193965):(t=1.35733652,r=-.00915799,o=-1.1513021,l=-.50559606,n=.00692167,i=-.0041960863,h=-.7034186147,d=1.707614701);let p=t+r*e+o*a+l*e*e+n*e*a,s=.3963377774*e+.2158037573*a,u=-.1055613458*e-.0638541728*a,b=-.0894841775*e-1.291485548*a;{let e=1+p*s,a=1+p*u,t=1+p*b,r=i*(e*e*e)+h*(a*a*a)+d*(t*t*t),o=i*(3*s*e*e)+h*(3*u*a*a)+d*(3*b*t*t);p-=r*o/(o*o-.5*r*(i*(6*s*s*e)+h*(6*u*u*a)+d*(6*b*b*t)))}return p}(e,a),r=Nt({l:1,a:t*e,b:t*a}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b));return[o,o*t]}function Ft(e,a,t=null){t||(t=Gt(e,a));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,a,t){let r=Gt(a,t),o=function(e,a,t,r,o,l=null){let n;if(l||(l=Gt(e,a)),(t-o)*l[1]-(l[0]-o)*r<=0)n=l[1]*o/(r*l[0]+l[1]*(o-t));else{n=l[1]*(o-1)/(r*(l[0]-1)+l[1]*(o-t));{let l=t-o,i=.3963377774*e+.2158037573*a,h=-.1055613458*e-.0638541728*a,d=-.0894841775*e-1.291485548*a,p=l+r*i,s=l+r*h,u=l+r*d;{let e=o*(1-n)+n*t,a=n*r,l=e+a*i,b=e+a*h,v=e+a*d,c=l*l*l,g=b*b*b,M=v*v*v,f=3*p*l*l,m=3*s*b*b,y=3*u*v*v,x=6*p*p*l,z=6*s*s*b,w=6*u*u*v,k=4.0767416621*c-3.3077115913*g+.2309699292*M-1,$=4.0767416621*f-3.3077115913*m+.2309699292*y,T=$/($*$-.5*k*(4.0767416621*x-3.3077115913*z+.2309699292*w)),P=-k*T,I=-1.2684380046*c+2.6097574011*g-.3413193965*M-1,q=-1.2684380046*f+2.6097574011*m-.3413193965*y,R=q/(q*q-.5*I*(-1.2684380046*x+2.6097574011*z-.3413193965*w)),L=-I*R,j=-.0041960863*c-.7034186147*g+1.707614701*M-1,H=-.0041960863*f-.7034186147*m+1.707614701*y,O=H/(H*H-.5*j*(-.0041960863*x-.7034186147*z+1.707614701*w)),X=-j*O;P=T>=0?P:1e6,L=R>=0?L:1e6,X=O>=0?X:1e6,n+=Math.min(P,Math.min(L,X))}}}return n}(a,t,e,1,e,r),l=Ft(a,t,r),n=e*(.11516993+1/(7.4477897+4.1590124*t+a*(1.75198401*t-2.19557347+a*(-2.13704948-10.02301043*t+a*(5.38770819*t-4.24894561+4.69891013*a))))),i=(1-e)*(.11239642+1/(1.6132032-.68124379*t+a*(.40370612+.90148123*t+a*(.6122399*t-.27087943+a*(.00299215-.45399568*t-.14661872*a))))),h=.9*(o/Math.min(e*l[0],(1-e)*l[1]))*Math.sqrt(Math.sqrt(1/(1/(n*n*n*n)+1/(i*i*i*i))));return n=.4*e,i=.8*(1-e),[Math.sqrt(1/(1/(n*n)+1/(i*i))),h,o]}function Bt(e){const a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o={mode:"okhsl",l:Dt(a)};void 0!==e.alpha&&(o.alpha=e.alpha);let l=Math.sqrt(t*t+r*r);if(!l)return o.s=0,o;let n,[i,h,d]=Wt(a,t/l,r/l);if(l<h){let e=0,a=.8*i;n=.8*((l-e)/(a+(1-a/h)*(l-e)))}else{let e=.2*h*h*1.25*1.25/i;n=.8+.2*((l-h)/(e+(1-e/(d-h))*(l-h)))}return n&&(o.s=n,o.h=fe(180*Math.atan2(r,t)/Math.PI)),o}function Yt(e){let a=void 0!==e.h?e.h:0,t=void 0!==e.s?e.s:0,r=void 0!==e.l?e.l:0;const o={mode:"oklab",l:Jt(r)};if(void 0!==e.alpha&&(o.alpha=e.alpha),!t||1===r)return o.a=o.b=0,o;let l,n,i,h,d=Math.cos(a/180*Math.PI),p=Math.sin(a/180*Math.PI),[s,u,b]=Wt(o.l,d,p);t<.8?(l=1.25*t,n=0,i=.8*s,h=1-i/u):(l=5*(t-.8),n=u,i=.2*u*u*1.25*1.25/s,h=1-i/(b-u));let v=n+l*i/(1-h*l);return o.a=v*d,o.b=v*p,o}var Kt={...qa,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:Bt,rgb:e=>Bt(At(e))},toMode:{oklab:Yt,rgb:e=>_t(Yt(e))}};function Vt(e){let a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o=Math.sqrt(t*t+r*r),l=o?t/o:1,n=o?r/o:1,[i,h]=Ft(l,n),d=1-.5/i,p=h/(o+a*h),s=p*a,u=p*o,b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0));a/=g,o=o/g*Dt(a)/a,a=Dt(a);const M={mode:"okhsv",s:o?(.5+h)*u/(.5*h+h*d*u):0,v:a?a/s:0};return M.s&&(M.h=fe(180*Math.atan2(r,t)/Math.PI)),void 0!==e.alpha&&(M.alpha=e.alpha),M}function Zt(e){const a={mode:"oklab"};void 0!==e.alpha&&(a.alpha=e.alpha);const t=void 0!==e.h?e.h:0,r=void 0!==e.s?e.s:0,o=void 0!==e.v?e.v:0,l=Math.cos(t/180*Math.PI),n=Math.sin(t/180*Math.PI),[i,h]=Ft(l,n),d=.5,p=1-d/i,s=1-r*d/(d+h-h*p*r),u=r*h*d/(d+h-h*p*r),b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0)),M=Jt(o*s),f=u*M/s;return a.l=M*g,a.a=f*l*g,a.b=f*n*g,a}var Qt={...ja,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:Vt,rgb:e=>Vt(At(e))},toMode:{oklab:Zt,rgb:e=>_t(Zt(e))}};var Ut=function(e,a){if(!a||"oklab"!==a[0])return;const t={mode:"oklab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)),o.type!==E&&(t.a=o.type===X?o.value:.4*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:.4*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},er={...mt,mode:"oklab",toMode:{lrgb:Nt,rgb:_t},fromMode:{lrgb:Et,rgb:At},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Ut],serialize:e=>`oklab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`};var ar=function(e,a){if(!a||"oklch"!==a[0])return;const t={mode:"oklch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:.4*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},tr={...wt,mode:"oklch",toMode:{oklab:e=>Ke(e,"oklab"),rgb:e=>_t(Ke(e,"oklab"))},fromMode:{rgb:e=>Ye(At(e),"oklch"),oklab:e=>Ye(e,"oklch")},parse:[ar],serialize:e=>`oklch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}},rr=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.486570948648216*a+.265667693169093*t+.1982172852343625*r,y:.2289745640697487*a+.6917385218365062*t+.079286914093745*r,z:0*a+.0451133818589026*t+1.043944368900976*r};return void 0!==o&&(l.alpha=o),l},or=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:2.4934969119414263*e-.9313836179191242*a-.402710784450717*t,g:-.8294889695615749*e+1.7626640603183465*a+.0236246858419436*t,b:.0358458302437845*e-.0761723892680418*a+.9568845240076871*t},"p3");return void 0!==r&&(o.alpha=r),o},lr={...ne,mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>or(be(e)),xyz65:or},toMode:{rgb:e=>ge(rr(e)),xyz65:rr}},nr=e=>{let a=Math.abs(e);return a>=1/512?Math.sign(e)*Math.pow(a,1/1.8):16*e},ir=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"prophoto",r:nr(1.3457868816471585*e-.2555720873797946*a-.0511018649755453*t),g:nr(-.5446307051249019*e+1.5082477428451466*a+.0205274474364214*t),b:nr(0*e+0*a+1.2119675456389452*t)};return void 0!==r&&(o.alpha=r),o},hr=(e=0)=>{let a=Math.abs(e);return a>=16/512?Math.sign(e)*Math.pow(a,1.8):e/16},dr=e=>{let a=hr(e.r),t=hr(e.g),r=hr(e.b),o={mode:"xyz50",x:.7977666449006423*a+.1351812974005331*t+.0313477341283922*r,y:.2880748288194013*a+.7118352342418731*t+899369387256e-16*r,z:0*a+0*t+.8251046025104602*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},pr={...ne,mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:ir,rgb:e=>ir(vt(e))},toMode:{xyz50:dr,rgb:e=>ut(dr(e))}},sr=1.09929682680944,ur=e=>{const a=Math.abs(e);return a>.018053968510807?(Math.sign(e)||1)*(sr*Math.pow(a,.45)-(sr-1)):4.5*e},br=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"rec2020",r:ur(1.7166511879712683*e-.3556707837763925*a-.2533662813736599*t),g:ur(-.6666843518324893*e+1.6164812366349395*a+.0157685458139111*t),b:ur(.0176398574453108*e-.0427706132578085*a+.9421031212354739*t)};return void 0!==r&&(o.alpha=r),o},vr=1.09929682680944,cr=(e=0)=>{let a=Math.abs(e);return a<.08124285829863151?e/4.5:(Math.sign(e)||1)*Math.pow((a+vr-1)/vr,1/.45)},gr=e=>{let a=cr(e.r),t=cr(e.g),r=cr(e.b),o={mode:"xyz65",x:.6369580483012911*a+.1446169035862083*t+.1688809751641721*r,y:.262700212011267*a+.6779980715188708*t+.059301716469862*r,z:0*a+.0280726930490874*t+1.0609850577107909*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},Mr={...ne,mode:"rec2020",fromMode:{xyz65:br,rgb:e=>br(be(e))},toMode:{xyz65:gr,rgb:e=>ge(gr(e))},parse:["rec2020"],serialize:"rec2020"},fr=.0037930732552754493,mr=Math.cbrt(fr),yr=e=>Math.cbrt(e)-mr,xr=e=>{const{r:a,g:t,b:r,alpha:o}=ue(e),l=yr(.3*a+.622*t+.078*r+fr),n=yr(.23*a+.692*t+.078*r+fr),i={mode:"xyb",x:(l-n)/2,y:(l+n)/2,b:yr(.2434226892454782*a+.2047674442449682*t+.5518098665095535*r+fr)-(l+n)/2};return void 0!==o&&(i.alpha=o),i},zr=e=>Math.pow(e+mr,3),wr=({x:e,y:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=zr(e+a)-fr,l=zr(a-e)-fr,n=zr(t+a)-fr,i=ce({r:11.031566904639861*o-9.866943908131562*l-.16462299650829934*n,g:-3.2541473810744237*o+4.418770377582723*l-.16462299650829934*n,b:-3.6588512867136815*o+2.7129230459360922*l+1.9459282407775895*n});return void 0!==r&&(i.alpha=r),i},kr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:wr},fromMode:{rgb:xr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:oe,y:oe,b:oe,alpha:{use:oe,fixup:le}}},$r={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:ut,lab:gt},fromMode:{rgb:vt,lab:st},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},Tr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz50",x:1.0479298208405488*a+.0229467933410191*t-.0501922295431356*r,y:.0296278156881593*a+.990434484573249*t-.0170738250293851*r,z:-.0092430581525912*a+.0150551448965779*t+.7518742899580008*r};return void 0!==o&&(l.alpha=o),l},Pr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz65",x:.9554734527042182*a-.0230985368742614*t+.0632593086610217*r,y:-.0283697069632081*a+1.0099954580058226*t+.021041398966943*r,z:.0123140016883199*a-.0205076964334779*t+1.3303659366080753*r};return void 0!==o&&(l.alpha=o),l},Ir={mode:"xyz65",toMode:{rgb:ge,xyz50:Tr},fromMode:{rgb:be,xyz50:Pr},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},qr=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"yiq",y:.29889531*e+.58662247*a+.11448223*t,i:.59597799*e-.2741761*a-.32180189*t,q:.21147017*e-.52261711*a+.31114694*t};return void 0!==r&&(o.alpha=r),o},Rr=({y:e,i:a,q:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"rgb",r:e+.95608445*a+.6208885*t,g:e-.27137664*a-.6486059*t,b:e-1.10561724*a+1.70250126*t};return void 0!==r&&(o.alpha=r),o},Lr={mode:"yiq",toMode:{rgb:Rr},fromMode:{rgb:qr},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:oe,i:oe,q:oe,alpha:{use:oe,fixup:le}}},jr=(e=4)=>a=>"number"==typeof a?((e,a)=>Math.round(e*(a=Math.pow(10,a)))/a)(a,e):a,Hr=jr(2),Or=e=>Math.max(0,Math.min(1,e||0)),Xr=e=>Math.round(255*Or(e)),Cr=x("rgb"),Sr=x("hsl"),Er=e=>{if(void 0===e)return;return"#"+(1<<24|Xr(e.r)<<16|Xr(e.g)<<8|Xr(e.b)).toString(16).slice(1)},Ar=e=>{if(void 0===e)return;let a=Xr(void 0!==e.alpha?e.alpha:1);return Er(e)+(256|a).toString(16).slice(1)},Nr=e=>{if(void 0===e)return;let a=Xr(e.r),t=Xr(e.g),r=Xr(e.b);return void 0===e.alpha||1===e.alpha?`rgb(${a}, ${t}, ${r})`:`rgba(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},_r=e=>{if(void 0===e)return;const a=Hr(e.h||0),t=Hr(100*Or(e.s))+"%",r=Hr(100*Or(e.l))+"%";return void 0===e.alpha||1===e.alpha?`hsl(${a}, ${t}, ${r})`:`hsla(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},Dr=e=>{const a=y(e);if(!a)return;const t=I(a.mode);if(!t.serialize||"string"==typeof t.serialize){let e=`color(${t.serialize||`--${a.mode}`} `;return t.channels.forEach((t,r)=>{"alpha"!==t&&(e+=(r?" ":"")+(void 0!==a[t]?a[t]:"none"))}),void 0!==a.alpha&&a.alpha<1&&(e+=` / ${a.alpha}`),e+")"}return"function"==typeof t.serialize?t.serialize(a):void 0},Jr=e=>Er(Cr(e)),Gr=e=>Ar(Cr(e)),Fr=e=>Nr(Cr(e)),Wr=e=>_r(Sr(e)),Br={normal:(e,a)=>a,multiply:(e,a)=>e*a,screen:(e,a)=>e+a-e*a,"hard-light":(e,a)=>a<.5?2*e*a:2*a*(1-e)-1,overlay:(e,a)=>e<.5?2*a*e:2*e*(1-a)-1,darken:(e,a)=>Math.min(e,a),lighten:(e,a)=>Math.max(e,a),"color-dodge":(e,a)=>0===e?0:1===a?1:Math.min(1,e/(1-a)),"color-burn":(e,a)=>1===e?1:0===a?0:1-Math.min(1,(1-e)/a),"soft-light":(e,a)=>a<.5?e-(1-2*a)*e*(1-e):e+(2*a-1)*((e<.25?((16*e-12)*e+4)*e:Math.sqrt(e))-e),difference:(e,a)=>Math.abs(e-a),exclusion:(e,a)=>e+a-2*e*a},Yr=(e,a="normal",t="rgb")=>{let r="function"==typeof a?a:Br[a],o=x(t),l=I(t).channels;return e.map(e=>{let a=o(e);return void 0===a.alpha&&(a.alpha=1),a}).reduce((e,a)=>{if(void 0===e)return a;let o=a.alpha+e.alpha*(1-a.alpha);return l.reduce((t,l)=>("alpha"!==l&&(0===o?t[l]=0:(t[l]=a.alpha*(1-e.alpha)*a[l]+a.alpha*e.alpha*r(e[l],a[l])+(1-a.alpha)*e.alpha*e[l],t[l]=Math.max(0,Math.min(1,t[l]/o)))),t),{mode:t,alpha:o})})},Kr=(e="rgb",a={})=>{let t=I(e),r=(e=>Object.keys(e).reduce((a,t)=>{let r=e[t];return a[t]=Array.isArray(r)?r:[r,r],a},{}))(a);return t.channels.reduce((e,a)=>((r.alpha||"alpha"!==a)&&(e[a]=(([e,a])=>e+Math.random()*(a-e))(r[a]||t.ranges[a])),e),{mode:e})},Vr=(e,a="rgb",t=!1)=>{let r=a?I(a).channels:null,o=a?x(a):y;return l=>{let n=o(l);if(!n)return;let i=(r||I(n.mode).channels).reduce((t,r)=>{let o=e(n[r],r,n,a);return void 0===o||isNaN(o)||(t[r]=o),t},{mode:n.mode});if(!t)return i;let h=y(l);return h&&h.mode!==i.mode?x(h.mode)(i):i}},Zr=(e,a,t)=>"alpha"!==a?(e||0)*(void 0!==t.alpha?t.alpha:1):e,Qr=(e,a,t)=>"alpha"!==a&&0!==t.alpha?(e||0)/(void 0!==t.alpha?t.alpha:1):e,Ur=(e=1,a=0)=>(t,r)=>"alpha"!==r?t*e+a:t,eo=(e=1,a=1,t=0)=>(r,o)=>"alpha"!==o?e*Math.pow(r,a)+t:r,ao=e=>{void 0===e[0]&&(e[0]=0),void 0===e[e.length-1]&&(e[e.length-1]=1);let a,t,r,o,l=1;for(;l<e.length;){if(void 0===e[l]){for(t=l,r=e[l-1],a=l;void 0===e[a];)a++;for(o=(e[a]-r)/(a-l+1);l<a;)e[l]=r+(l+1-t)*o,l++}else e[l]<e[l-1]&&(e[l]=e[l-1]);l++}return e},to=(e=.5)=>a=>e<=0?1:e>=1?0:Math.pow(a,Math.log(.5)/Math.log(e)),ro=e=>"function"==typeof e,oo=e=>e&&"object"==typeof e,lo=e=>"number"==typeof e,no=(e,a="rgb",t,r)=>{let o=I(a),l=x(a),n=[],i=[],h={};e.forEach(e=>{Array.isArray(e)?(n.push(l(e[0])),i.push(e[1])):lo(e)||ro(e)?h[i.length]=e:(n.push(l(e)),i.push(void 0))}),ao(i);let d=o.channels.reduce((e,a)=>{let r;return r=oo(t)&&oo(t[a])&&t[a].fixup?t[a].fixup:oo(o.interpolate[a])&&o.interpolate[a].fixup?o.interpolate[a].fixup:e=>e,e[a]=r(n.map(e=>e[a])),e},{});if(r){let e=n.map((e,t)=>o.channels.reduce((e,a)=>(e[a]=d[a][t],e),{mode:a}));d=o.channels.reduce((t,o)=>(t[o]=e.map(e=>{let t=r(e[o],o,e,a);return isNaN(t)?void 0:t}),t),{})}let p=o.channels.reduce((e,a)=>{let r;return ro(t)?r=t:oo(t)&&ro(t[a])?r=t[a]:oo(t)&&oo(t[a])&&t[a].use?r=t[a].use:ro(o.interpolate[a])?r=o.interpolate[a]:oo(o.interpolate[a])&&(r=o.interpolate[a].use),e[a]=r(d[a]),e},{}),s=n.length-1;return e=>{if((e=Math.min(Math.max(0,e),1))<=i[0])return n[0];if(e>i[s])return n[s];let t=0;for(;i[t]<e;)t++;let r=i[t-1],l=i[t]-r,d=(e-r)/l,u=h[t]||h[0];void 0!==u&&(lo(u)&&(u=to((u-r)/l)),d=u(d));let b=(t-1+d)/s;return o.channels.reduce((e,a)=>{let t=p[a](b);return void 0!==t&&(e[a]=t),e},{mode:a})}},io=(e,a="rgb",t)=>no(e,a,t),ho=(e,a)=>(t,r="rgb",o)=>{let l=a?Vr(a,r):void 0,n=no(t,r,o,e);return l?e=>l(n(e)):n},po=ho(Zr,Qr),so=(e,a)=>(e+a)%a,uo=(e,a,t,r,o)=>{let l=o*o,n=l*o;return((1-3*o+3*l-n)*e+(4-6*l+3*n)*a+(1+3*o+3*l-3*n)*t+n*r)/6},bo=e=>a=>{let t=e.length-1,r=a>=1?t-1:Math.max(0,Math.floor(a*t));return uo(r>0?e[r-1]:2*e[r]-e[r+1],e[r],e[r+1],r<t-1?e[r+2]:2*e[r+1]-e[r],(a-r/t)*t)},vo=e=>a=>{const t=e.length-1,r=Math.floor(a*t);return uo(e[so(r-1,e.length)],e[so(r,e.length)],e[so(r+1,e.length)],e[so(r+2,e.length)],(a-r/t)*t)},co=e=>{let a,t=e.length-1,r=new Array(t),o=new Array(t),l=new Array(t);for(r[1]=1/4,o[1]=(6*e[1]-e[0])/4,a=2;a<t;++a)r[a]=1/(4-r[a-1]),o[a]=(6*e[a]-(a==t-1?e[t]:0)-o[a-1])*r[a];for(l[0]=e[0],l[t]=e[t],t-1>0&&(l[t-1]=o[t-1]),a=t-2;a>0;--a)l[a]=o[a]-r[a]*l[a+1];return l},go=e=>bo(co(e)),Mo=e=>vo(co(e)),fo=Math.sign,mo=Math.min,yo=Math.abs,xo=e=>{let a=e.length-1,t=[],r=[],o=[];for(let l=0;l<a;l++)t.push((e[l+1]-e[l])*a),r.push(l>0?.5*(e[l+1]-e[l-1])*a:void 0),o.push(l>0?(fo(t[l-1])+fo(t[l]))*mo(yo(t[l-1]),yo(t[l]),.5*yo(r[l])):void 0);return[t,r,o]},zo=(e,a,t)=>{let r=e.length-1,o=r*r;return l=>{let n;n=l>=1?r-1:Math.max(0,Math.floor(l*r));let i=l-n/r,h=i*i,d=h*i;return(a[n]+a[n+1]-2*t[n])*o*d+(3*t[n]-2*a[n]-a[n+1])*r*h+a[n]*i+e[n]}},wo=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,,r]=xo(e);return r[0]=t[0],r[a]=t[a-1],zo(e,r,t)},ko=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,r,o]=xo(e);return r[0]=(2*e[1]-1.5*e[0]-.5*e[2])*a,r[a]=(1.5*e[a]-2*e[a-1]+.5*e[a-2])*a,o[0]=r[0]*t[0]<=0?0:yo(r[0])>2*yo(t[0])?2*t[0]:r[0],o[a]=r[a]*t[a-1]<=0?0:yo(r[a])>2*yo(t[a-1])?2*t[a-1]:r[a],zo(e,o,t)},$o=e=>{let a=e.length-1,[t,r,o]=xo(e);r[0]=.5*(e[1]-e[a])*a,r[a]=.5*(e[0]-e[a-1])*a;let l=(e[0]-e[a])*a,n=l;return o[0]=(fo(l)+fo(t[0]))*mo(yo(l),yo(t[0]),.5*yo(r[0])),o[a]=(fo(t[a-1])+fo(n))*mo(yo(t[a-1]),yo(n),.5*yo(r[a])),zo(e,o,t)},To=(e=1)=>1===e?e=>e:a=>Math.pow(a,e),Po=(e=2,a=1)=>{let t=To(a);if(e<2)return e<1?[]:[t(.5)];let r=[];for(let a=0;a<e;a++)r.push(t(a/(e-1)));return r},Io=x("rgb"),qo=e=>{const a={mode:e.mode,r:Math.max(0,Math.min(void 0!==e.r?e.r:0,1)),g:Math.max(0,Math.min(void 0!==e.g?e.g:0,1)),b:Math.max(0,Math.min(void 0!==e.b?e.b:0,1))};return void 0!==e.alpha&&(a.alpha=e.alpha),a},Ro=e=>qo(Io(e)),Lo=e=>void 0!==e&&(void 0===e.r||e.r>=0&&e.r<=1)&&(void 0===e.g||e.g>=0&&e.g<=1)&&(void 0===e.b||e.b>=0&&e.b<=1);function jo(e){return Lo(Io(e))}function Ho(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>!0;const t=x("string"==typeof a?a:e);return e=>Lo(t(e))}function Oo(e){if(void 0===(e=y(e))||jo(e))return e;return x(e.mode)(Ro(e))}function Xo(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>y(e);const t="string"==typeof a?a:e,r=x(t),o=Ho(t);return e=>{const a=y(e);if(!a)return;const t=r(a);if(o(t))return a;const l=qo(t);return a.mode===l.mode?l:x(a.mode)(l)}}function Co(e,a="lch",t="rgb"){e=y(e);let r="rgb"===t?jo:Ho(t),o="rgb"===t?Ro:Xo(t);if(void 0===e||r(e))return e;let l=x(e.mode);e=x(a)(e);let n={...e,c:0};if(!r(n))return l(o(n));let i=0,h=void 0!==e.c?e.c:0,d=I(a).ranges.c,p=(d[1]-d[0])/Math.pow(2,13),s=n.c;for(;h-i>p;)n.c=i+.5*(h-i),r(n)?(s=n.c,i=n.c):h=n.c;return l(r(n)?n:{...n,c:s})}function So(e="rgb",a="oklch",t=Xe("oklch"),r=.02){const o=x(e),l=I(e);if(!l.gamut)return e=>o(e);const n=Ho(e),i=Xo(e),h=x(a),{ranges:d}=I(a);if(!d.l||!d.c)throw new Error("LCH-like space expected");return a=>{if(void 0===(a=y(a)))return;const p={...h(a)};if(void 0===p.l&&(p.l=0),void 0===p.c&&(p.c=0),p.l>=d.l[1]){const t={...l.white,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(p.l<=d.l[0]){const t={...l.black,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(n(p))return o(p);let s=0,u=p.c,b=(d.c[1]-d.c[0])/4e3,v=i(p);for(;u-s>b;)p.c=.5*(s+u),v=i(p),n(p)||t&&r>0&&t(p,v)<=r?s=p.c:u=p.c;return o(n(p)?p:v)}}var Eo=(e,a=Xe(),t=e=>e)=>{let r=e.map((e,a)=>({color:t(e),i:a}));return(t,o=1,l=1/0)=>(isFinite(o)&&(o=Math.max(1,Math.min(o,r.length-1))),r.forEach(e=>{e.d=a(t,e.color)}),r.sort((e,a)=>e.d-a.d).slice(0,o).filter(e=>e.d<l).map(a=>e[a.i]))},Ao=e=>Math.max(e,0),No=e=>Math.max(Math.min(e,1),0),_o=(e,a,t=!1)=>{let r=x(a),o=I(a).channels;return l=>{let n=r(l);if(!n)return;let i,h={mode:a},d=o.length;for(let a=0;a<e.length;a++)i=o[Math.floor(a/d)],void 0!==n[i]&&(h[i]=(h[i]||0)+e[a]*(n[o[a%d]]||0));if(!t)return h;let p=y(l);return p&&h.mode!==p.mode?x(p.mode)(h):h}},Do=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t),a,!0)},Jo=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t,(1-t)/2),a,!0)},Go=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.393+.607*a,.769-.769*a,.189-.189*a,0,.349-.349*a,.686+.314*a,.168-.168*a,0,.272-.272*a,.534-.534*a,.131+.869*a,0,0,0,0,1]})(e),a,!0),Fo=(e=1,a="rgb")=>_o((e=>{let a=Ao(e);return[.213+.787*a,.715-.715*a,.072-.072*a,0,.213-.213*a,.715+.285*a,.072-.072*a,0,.213-.213*a,.715-.715*a,.072+.928*a,0,0,0,0,1]})(e),a,!0),Wo=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.2126+.7874*a,.7152-.7152*a,.0722-.0722*a,0,.2126-.2126*a,.7152+.2848*a,.0722-.0722*a,0,.2126-.2126*a,.7152-.7152*a,.0722+.9278*a,0,0,0,0,1]})(e),a,!0),Bo=(e=1,a="rgb")=>{let t=No(e);return Vr((e,a)=>"alpha"===a?e:((e,a,t)=>void 0===e||void 0===a?void 0:e+t*(a-e))(t,1-t,e),a,!0)},Yo=(e=0,a="rgb")=>_o((e=>{let a=Math.PI*e/180,t=Math.cos(a),r=Math.sin(a);return[.213+.787*t-.213*r,.715-.715*t-.715*r,.072-.072*t+.928*r,0,.213-.213*t+.143*r,.715+.285*t+.14*r,.072-.072*t-.283*r,0,.213-.213*t-.787*r,.715-.715*t+.715*r,.072+.928*t+.072*r,0,0,0,0,1]})(e),a,!0),Ko=x("rgb"),Vo=[[1,0,-0,0,1,0,-0,-0,1],[.856167,.182038,-.038205,.029342,.955115,.015544,-.00288,-.001563,1.004443],[.734766,.334872,-.069637,.05184,.919198,.028963,-.004928,-.004209,1.009137],[.630323,.465641,-.095964,.069181,.890046,.040773,-.006308,-.007724,1.014032],[.539009,.579343,-.118352,.082546,.866121,.051332,-.007136,-.011959,1.019095],[.458064,.679578,-.137642,.092785,.846313,.060902,-.007494,-.016807,1.024301],[.38545,.769005,-.154455,.100526,.829802,.069673,-.007442,-.02219,1.029632],[.319627,.849633,-.169261,.106241,.815969,.07779,-.007025,-.028051,1.035076],[.259411,.923008,-.18242,.110296,.80434,.085364,-.006276,-.034346,1.040622],[.203876,.990338,-.194214,.112975,.794542,.092483,-.005222,-.041043,1.046265],[.152286,1.052583,-.204868,.114503,.786281,.099216,-.003882,-.048116,1.051998]],Zo=[[1,0,-0,0,1,0,-0,-0,1],[.866435,.177704,-.044139,.049567,.939063,.01137,-.003453,.007233,.99622],[.760729,.319078,-.079807,.090568,.889315,.020117,-.006027,.013325,.992702],[.675425,.43385,-.109275,.125303,.847755,.026942,-.00795,.018572,.989378],[.605511,.52856,-.134071,.155318,.812366,.032316,-.009376,.023176,.9862],[.547494,.607765,-.155259,.181692,.781742,.036566,-.01041,.027275,.983136],[.498864,.674741,-.173604,.205199,.754872,.039929,-.011131,.030969,.980162],[.457771,.731899,-.18967,.226409,.731012,.042579,-.011595,.034333,.977261],[.422823,.781057,-.203881,.245752,.709602,.044646,-.011843,.037423,.974421],[.392952,.82361,-.216562,.263559,.69021,.046232,-.01191,.040281,.97163],[.367322,.860646,-.227968,.280085,.672501,.047413,-.01182,.04294,.968881]],Qo=[[1,0,-0,0,1,0,-0,-0,1],[.92667,.092514,-.019184,.021191,.964503,.014306,.008437,.054813,.93675],[.89572,.13333,-.02905,.029997,.9454,.024603,.013027,.104707,.882266],[.905871,.127791,-.033662,.026856,.941251,.031893,.01341,.148296,.838294],[.948035,.08949,-.037526,.014364,.946792,.038844,.010853,.193991,.795156],[1.017277,.027029,-.044306,-.006113,.958479,.047634,.006379,.248708,.744913],[1.104996,-.046633,-.058363,-.032137,.971635,.060503,.001336,.317922,.680742],[1.193214,-.109812,-.083402,-.058496,.97941,.079086,-.002346,.403492,.598854],[1.257728,-.139648,-.118081,-.078003,.975409,.102594,-.003316,.501214,.502102],[1.278864,-.125333,-.153531,-.084748,.957674,.127074,-989e-6,.601151,.399838],[1.255528,-.076749,-.178779,-.078411,.930809,.147602,.004733,.691367,.3039]],Uo=(e,a)=>{let t=Math.max(0,Math.min(1,a)),r=Math.round(t/.1),o=Math.round(t%.1),l=e[r];if(o>0&&r<e.length-1){let a=e[r+1];l=l.map((e,t)=>U(l[t],a[t],o))}return e=>{let a=y(e);if(void 0===a)return;let{r:t,g:r,b:o}=Ko(a),n={mode:"rgb",r:l[0]*t+l[1]*r+l[2]*o,g:l[3]*t+l[4]*r+l[5]*o,b:l[6]*t+l[7]*r+l[8]*o};return void 0!==a.alpha&&(n.alpha=a.alpha),x(a.mode)(n)}},el=(e=1)=>Uo(Vo,e),al=(e=1)=>Uo(Zo,e),tl=(e=1)=>Uo(Qo,e),rl=e=>e*e*(3-2*e),ol=e=>.5-Math.sin(Math.asin(1-2*e)/3),ll=e=>e*e*e*(e*(6*e-15)+10),nl=e=>(1-Math.cos(e*Math.PI))/2;function il(e){let a=x("lrgb")(e);return.2126*a.r+.7152*a.g+.0722*a.b}function hl(e,a){let t=il(e),r=il(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}var dl=P(Me),pl=P(Be),sl=P(fa),ul=P(ma),bl=P(za),vl=P(qa),cl=P(ja),gl=P(Ca),Ml=P(Ya),fl=P(ot),ml=P(it),yl=P(mt),xl=P(yt),zl=P(wt),wl=P(kt),kl=P(Xt),$l=P(Ct),Tl=P(St),Pl=P(Kt),Il=P(Qt),ql=P(er),Rl=P(tr),Ll=P(lr),jl=P(pr),Hl=P(Mr),Ol=P(ne),Xl=P(kr),Cl=P($r),Sl=P(Ir),El=P(Lr)}},a={};function t(r){var o=a[r];if(void 0!==o)return o.exports;var l=a[r]={exports:{}};return e[r](l,l.exports,t),l.exports}var r={};return(()=>{"use strict";var e=r; /* * * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2026 Preline Labs Ltd. */Object.defineProperty(e,"__esModule",{value:!0}),e.varToColor=function(e,t){if(e.startsWith("#")||e.startsWith("rgba"))return e;const r=t||document.documentElement;return function(e){const t=(0,a.parse)(e),r=(0,a.clampChroma)(t,"oklch");return(0,a.formatHex)(r)}(getComputedStyle(r).getPropertyValue(e).trim())};const a=t(8710)})(),r})()); </script> <script> !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("ApexCharts"));else if("function"==typeof define&&define.amd)define(["ApexCharts"],t);else{var s="object"==typeof exports?t(require("ApexCharts")):t(e.ApexCharts);for(var a in s)("object"==typeof exports?exports:e)[a]=s[a]}}(self,e=>(()=>{"use strict";var t={4024(e,t,s){ /* * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2024 Preline Labs Ltd. */ var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.buildChart=function(e,t,s,a){const l=document.querySelector(e);let n=null;if(!l)return!1;const o=l.closest('[role="tabpanel"]');let i=null;Array.from(document.querySelector("html").classList).forEach(e=>{["dark","light","default"].includes(e)&&(i=e)});const d=(e=i||localStorage.getItem("hs_theme"))=>"dark"===e||"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?window._.merge(t("dark"),"function"==typeof a?a():a):window._.merge(t("light"),"function"==typeof s?s():s);if(l){let e=!0;n=new r.default(l,d()),n.render(),setTimeout(()=>{e=!1},100);let t=!1;const s=t=>{e||(n.updateOptions(d(t.detail)),window.dispatchEvent(new Event("resize")))},a=e=>{var t;let a;const r=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:document.querySelector("html");Array.from(r.classList).forEach(e=>{["dark","light","default"].includes(e)&&(a=e)}),s({detail:a||localStorage.getItem("hs_theme")})},i=e=>{const t=e.detail;t&&t.isClipboardInit||a(t)},p=s=>{if(t)return;const r=s.detail,n=null==r?void 0:r.target;n&&l&&n.contains(l)&&(t=!0,e?setTimeout(()=>a(r),120):a(r))};window.addEventListener("on-hs-appearance-change",s),window.addEventListener("on-hs-color-theme-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-font-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-brand-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-clipboard-init-progress",p),o&&o.addEventListener("on-hs-appearance-change",s)}return n},t.buildHeatmapTooltip=function(e,t){const{mode:s,valuePrefix:a="$",valuePostfix:r="",divider:l="",wrapperClasses:n="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:o="",markerClasses:i="w-2.5! h-2.5! me-1.5!",markerStyles:d="",markerExtClasses:p="rounded-xs!",valueClasses:c="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:u=""}=t,{dataPointIndex:x,seriesIndex:h,series:g}=e,{name:v}=e.ctx.opts.series[h],$=`${a}${g[h][x]}${r}`;return`<div class="${"dark"===s?"dark ":""}${n} ${o}">\n <div class="apexcharts-tooltip-series-group flex!">\n\t\t\t<span class="apexcharts-tooltip-marker ${i} ${p}" style="${d}"></span>\n <span class="flex items-center">\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${c} ${u}">${v}${l}</span>\n </div>\n </div>\n </span>\n\t\t\t<span class="apexcharts-tooltip-text-y-value ${c} ${u}">${$}</span>\n </div>\n </div>`},t.buildTooltip=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasTextLabel:o=!1,invertGroup:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="text-xs",seriesExtClasses:x="",titleClasses:h="font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{colors:C}=e.w.globals,E=e.ctx.opts.series;let S="";return E.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof E[s].data[k]?E[s].data[k]:e.series[s][k]),p=E[s].name,c=i?{left:`${o?p:""}${d}`,right:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`}:{left:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`,right:`${o?p:""}${d}`},h=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${c.left}</span>`;S+=`<div class="apexcharts-tooltip-series-group !flex ${o?"justify-between!":""} order-${s+1} ${u} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${C[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${c.right}</span>\n </div>\n </div>\n </span>\n ${h}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">${s}</div>\n ${S}\n </div>`},t.buildTooltipCompareTwo=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=S[s].altValue||null,c=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${P} ${o||""}</span>`,h=p||`<span class="apexcharts-tooltip-text-y-value ${m} ${f}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}${d}</span>`;j+=`<div class="apexcharts-tooltip-series-group ${u} !flex order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n ${h}\n </div>\n </div>\n </span>\n ${i?c:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipCompareTwoAlt=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}</span>`;j+=`<div class="apexcharts-tooltip-series-group !flex ${u} order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text text-xs">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${P} ${o||""}${d}</span>\n </div>\n </div>\n </span>\n ${i?p:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipForDonut=function({series:e,seriesIndex:t,w:s},a){const{globals:r}=s,{colors:l}=r;return`<div class="apexcharts-tooltip-series-group" style="background-color: ${l[t]}; display: block;">\n <div class="apexcharts-tooltip-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n </div>\n </div>\n </div>`},t.fullBarHoverEffect=function(e,{shadowClasses:t="fill-gray-200"}={}){var s;const a=e.el.querySelector(".apexcharts-grid"),r=e.el.querySelector("svg");if(!a||!r)return;const l=(null===(s=e.w.config.xaxis)||void 0===s?void 0:s.categories)||[];if(0===l.length)return;let n=null,o=!1,i=!1;function d(){n&&o&&!i&&(i=!0,n.classList.remove("opacity-100"),null==n||n.remove(),n=null,o=!1,i=!1)}r.addEventListener("mousemove",s=>{const r=a.getBoundingClientRect();if(s.clientX<r.left||s.clientX>r.right||s.clientY<r.top||s.clientY>r.bottom)return void d();const p=(s.clientX-r.left)/r.width,c=Math.floor(p*l.length);c<0||c>=l.length?d():function(s){var a;const r=e.el.querySelector(".apexcharts-bar-series");if(!r)return;const l=r.querySelectorAll("path")[s];if(!l)return;const d=l.getBBox(),p=d.x,c=d.y,u=d.width;c<=0||(n||(n=document.createElementNS("http://www.w3.org/2000/svg","rect"),n.setAttribute("y","0"),n.setAttribute("class",t),null===(a=l.parentNode)||void 0===a||a.insertBefore(n,l)),n.setAttribute("x",p.toString()),n.setAttribute("width",u.toString()),n.setAttribute("height",c.toString()),requestAnimationFrame(()=>{null==n||n.classList.add("opacity-100")}),o=!0,i=!1)}(c)}),r.addEventListener("mouseleave",d)},t.cssVarToValue=function(e,t=document.documentElement){const s=getComputedStyle(t).getPropertyValue(e);return s?s.trim():null};const r=a(s(3157))},3157(t){t.exports=e}},s={};var a=function e(a){var r=s[a];if(void 0!==r)return r.exports;var l=s[a]={exports:{}};return t[a].call(l.exports,l,l.exports,e),l.exports}(4024);return a})()); </script> <script> window.addEventListener("message", (event) => { const data = event.data || {}; if (!data.type) return false; if (data.type === "hs:color-theme-change") { window.dispatchEvent(new CustomEvent("on-hs-color-theme-change", { detail: { target: document.documentElement, value: data.value } })); } }); </script> <script> window.addEventListener('load', () => { // Apex Total Sales Chart (function () { buildChart('#hs-all-time-earnings-line-charts', (mode) => ({ chart: { height: 300, type: 'area', toolbar: { show: false }, zoom: { enabled: false } }, series: [ { name: 'Referrals', data: [200, 20, 140, 50, 380, 300, 400, 450, 450, 700, 670, 670] } ], legend: { show: false }, dataLabels: { enabled: false }, stroke: { curve: 'smooth', width: 2 }, fill: { type: 'gradient', gradient: { type: 'vertical', shadeIntensity: 1, opacityFrom: 0.2, opacityTo: 0.8 } }, xaxis: { type: 'category', tickPlacement: 'on', categories: [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], axisBorder: { show: false }, axisTicks: { show: false }, crosshairs: { stroke: { dashArray: 0 }, dropShadow: { show: false } }, tooltip: { enabled: false }, labels: { style: { colors: varToColor('--chart-colors-xaxis-labels'), fontSize: '13px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (title) => title ? title.slice(0, 3) : title } }, yaxis: { labels: { align: 'left', minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels'), fontSize: '12px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (value) => value >= 1000 ? `${value / 1000}k` : value } }, tooltip: { y: { formatter: (value) => `$${value >= 1000 ? `${value / 1000}k` : value}` }, custom: function (props) { const { categories } = props.ctx.opts.xaxis; const { dataPointIndex } = props; const title = categories[dataPointIndex]; const newTitle = `${title}`; return buildTooltip(props, { title: newTitle, mode, valuePrefix: '', hasCategory: false, hasTextLabel: true, wrapperExtClasses: 'min-w-32.5', labelDivider: ':', labelExtClasses: 'ms-2' }); } }, responsive: [{ breakpoint: 568, options: { chart: { height: 200 }, labels: { style: { colors: varToColor('--chart-colors-labels'), fontSize: '11px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, offsetX: -2, formatter: (title) => title.slice(0, 3) }, yaxis: { labels: { align: 'left', minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels'), fontSize: '11px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (value) => value >= 1000 ? `${value / 1000}k` : value } } }, }] }), () => ({ colors: [varToColor('--chart-colors-primary-hex')], fill: { gradient: { shadeIntensity: .1, opacityFrom: .5, opacityTo: 0, stops: [50, 100, 100, 100] } }, grid: { strokeDashArray: 2, borderColor: varToColor('--chart-colors-grid-border') }, xaxis: { labels: { style: { colors: varToColor('--chart-colors-xaxis-labels'), } } }, yaxis: { labels: { style: { colors: varToColor('--chart-colors-yaxis-labels'), } } } }), () => ({ colors: [varToColor('--chart-colors-primary-hex-inverse')], fill: { gradient: { shadeIntensity: .1, opacityFrom: .5, opacityTo: 0, stops: [50, 100, 100, 100] } }, grid: { strokeDashArray: 2, borderColor: varToColor('--chart-colors-grid-border-inverse') }, xaxis: { labels: { style: { colors: varToColor('--chart-colors-xaxis-labels-inverse'), } } }, yaxis: { labels: { style: { colors: varToColor('--chart-colors-yaxis-labels-inverse'), } } } })); })(); }); </script>

<div class="p-5 flex flex-col bg-card border border-card-line shadow-2xs rounded-xl"> <!-- Header --> <div class="mb-6 flex flex-wrap justify-between items-center gap-3"> <div> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex"> <button id="hs-pro-dnic" type="button" class="py-2 px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg bg-layer border border-layer-line text-layer-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg> 25 Jul, 2023 - 25 Aug, 2023 <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-79.5 sm:w-159 transition-[opacity,margin] duration opacity-0 hidden z-50 bg-dropdown border border-dropdown-line rounded-xl shadow-xl" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic"> <!-- Calendar --> <div class="sm:flex"> <!-- Calendar --> <div class="p-3 space-y-0.5"> <!-- Months --> <div class="grid grid-cols-5 items-center gap-x-3 mx-1.5 pb-3"> <!-- Prev Button --> <div class="col-span-1"> <button type="button" class="size-8 flex justify-center items-center text-foreground hover:bg-muted-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-muted-focus" aria-label="Previous"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="col-span-3 flex justify-center items-center gap-x-1"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex text-nowrap w-full cursor-pointer text-start font-medium text-foreground hover:text-primary-hover focus:outline-hidden focus:text-primary-focus before:absolute before:inset-0 before:z-1", "dropdownClasses": "mt-2 z-50 w-32 max-h-72 p-1 space-y-0.5 overflow-hidden overflow-y-auto bg-select border border-layer-line rounded-xl shadow-xl [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb", "optionClasses": "p-2 w-full text-sm text-select-item-foreground cursor-pointer hover:bg-select-item-hover rounded-md focus:outline-hidden focus:bg-select-item-focus", "optionTemplate": "<div class=\"flex justify-between items-center w-full\"><span data-title></span><span class=\"hidden hs-selected:block\"><svg class=\"shrink-0 size-3.5 text-foreground\" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="text-foreground">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex text-nowrap w-full cursor-pointer text-start font-medium text-foreground hover:text-primary-hover focus:outline-hidden focus:text-primary-focus before:absolute before:inset-0 before:z-1", "dropdownClasses": "mt-2 z-50 w-20 max-h-72 p-1 space-y-0.5 overflow-hidden overflow-y-auto bg-select border border-layer-line rounded-xl shadow-xl [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb", "optionClasses": "p-2 w-full text-sm text-select-item-foreground cursor-pointer hover:bg-select-item-hover rounded-md focus:outline-hidden focus:bg-select-item-focus", "optionTemplate": "<div class=\"flex justify-between items-center w-full\"><span data-title></span><span class=\"hidden hs-selected:block\"><svg class=\"shrink-0 size-3.5 text-foreground\" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="col-span-1 flex justify-end"> <button type="button" class="opacity-0 pointer-events-none size-8 flex justify-center items-center text-foreground hover:bg-muted-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-muted-focus" aria-label="Next"> <svg class="shrink-0 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex pb-1.5"> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Mo </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Tu </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> We </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Th </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Fr </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Sa </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus" disabled> 26 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus" disabled> 27 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus" disabled> 28 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus" disabled> 29 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus" disabled> 30 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 1 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 2 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 3 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 4 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 5 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 6 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 7 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 8 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 9 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 10 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 11 </button> </div> <div > <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 12 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 13 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 14 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 15 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 16 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 17 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 18 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 19 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 20 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 21 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 22 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 23 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 24 </button> </div> <div class="bg-surface rounded-s-full"> <button type="button" class="m-px size-10 flex justify-center items-center bg-primary border-[1.5px] border-transparent text-sm font-medium text-primary-foreground hover:border-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus"> 25 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 26 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 27 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 28 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 29 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 30 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 31 </button> </div> <div class="bg-linear-to-r from-surface"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 1 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 2 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 3 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 4 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 5 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 6 </button> </div> </div> <!-- Days --> </div> <!-- Calendar --> <div class="p-3 space-y-0.5"> <!-- Months --> <div class="grid grid-cols-5 items-center gap-x-3 mx-1.5 pb-3"> <!-- Prev Button --> <div class="col-span-1"> <button type="button" class="opacity-0 pointer-events-none size-8 flex justify-center items-center text-foreground hover:bg-muted-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-muted-focus" aria-label="Previous"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="col-span-3 flex justify-center items-center gap-x-1"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex text-nowrap w-full cursor-pointer text-start font-medium text-foreground hover:text-primary-hover focus:outline-hidden focus:text-primary-focus before:absolute before:inset-0 before:z-1", "dropdownClasses": "mt-2 z-50 w-32 max-h-72 p-1 space-y-0.5 overflow-hidden overflow-y-auto bg-select border border-layer-line rounded-xl shadow-xl [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb", "optionClasses": "p-2 w-full text-sm text-select-item-foreground cursor-pointer hover:bg-select-item-hover rounded-md focus:outline-hidden focus:bg-select-item-focus", "optionTemplate": "<div class=\"flex justify-between items-center w-full\"><span data-title></span><span class=\"hidden hs-selected:block\"><svg class=\"shrink-0 size-3.5 text-foreground\" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="text-foreground">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex text-nowrap w-full cursor-pointer text-start font-medium text-foreground hover:text-primary-hover focus:outline-hidden focus:text-primary-focus before:absolute before:inset-0 before:z-1", "dropdownClasses": "mt-2 z-50 w-20 max-h-72 p-1 space-y-0.5 overflow-hidden overflow-y-auto bg-select border border-layer-line rounded-xl shadow-xl [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb", "optionClasses": "p-2 w-full text-sm text-select-item-foreground cursor-pointer hover:bg-select-item-hover rounded-md focus:outline-hidden focus:bg-select-item-focus", "optionTemplate": "<div class=\"flex justify-between items-center w-full\"><span data-title></span><span class=\"hidden hs-selected:block\"><svg class=\"shrink-0 size-3.5 text-foreground\" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="col-span-1 flex justify-end"> <button type="button" class="size-8 flex justify-center items-center text-foreground hover:bg-muted-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-muted-focus" aria-label="Next"> <svg class="shrink-0 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex pb-1.5"> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Mo </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Tu </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> We </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Th </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Fr </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Sa </span> <span class="m-px w-10 block text-center text-sm text-muted-foreground-1"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div class="bg-linear-to-l from-surface"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 31 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus"> 1 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus"> 2 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus"> 3 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus"> 4 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 5 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 6 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 7 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 8 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 9 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 10 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 11 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 12 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 13 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 14 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 15 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 16 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 17 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 18 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 19 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 20 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 21 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 22 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 23 </button> </div> <div class="bg-surface first:rounded-s-full last:rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 24 </button> </div> <div class="bg-surface rounded-e-full"> <button type="button" class="m-px size-10 flex justify-center items-center bg-primary border-[1.5px] border-transparent text-sm font-medium text-primary-foreground hover:border-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus"> 25 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 26 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 27 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 28 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 29 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 30 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground rounded-full hover:border-primary-hover hover:text-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:text-primary-focus"> 31 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 1 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 2 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 3 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 4 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 5 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 6 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 7 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 8 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 9 </button> </div> <div> <button type="button" class="m-px size-10 flex justify-center items-center border-[1.5px] border-transparent text-sm text-foreground hover:border-primary-hover hover:text-primary-hover rounded-full disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-surface-focus" disabled> 10 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <!-- Button Group --> <div class="flex items-center py-3 px-4 justify-end border-t border-dropdown-divider gap-x-2"> <button type="button" class="py-2 px-3 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg bg-layer border border-layer-line text-foreground shadow-2xs hover:bg-layer-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-layer-focus"> Cancel </button> <button type="button" class="py-2 px-3 inline-flex justify-center items-center gap-x-2 text-xs font-medium rounded-lg border-[1.5px] border-transparent bg-primary text-primary-foreground hover:bg-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:border-primary-focus focus:ring-1 focus:ring-primary-focus"> Apply </button> </div> <!-- End Button Group --> </div> </div> <!-- End Calendar Dropdown --> </div> <!-- End Col --> <div> <!-- Legend Indicator --> <div class="flex flex-wrap justify-end items-center gap-4"> <div class="inline-flex items-center"> <span class="size-2.5 inline-block bg-chart-primary rounded-xs me-2"></span> <span class="text-[13px] text-muted-foreground-2"> Chosen period </span> </div> <div class="inline-flex items-center"> <span class="size-2.5 inline-block bg-chart-7 rounded-xs me-2"></span> <span class="text-[13px] text-muted-foreground-2"> Last period </span> </div> </div> <!-- End Legend Indicator --> </div> <!-- End Col --> </div> <!-- End Header --> <!-- Apex Line Chart --> <div id="hs-total-discounts-line-chart" class="min-h-79 "></div> </div> <link rel="stylesheet" href="../../../assets/vendor/apexcharts/dist/apexcharts.css"> <style> .apexcharts-tooltip.apexcharts-theme-light { background-color: transparent !important; border: none !important; box-shadow: none !important; } .apexcharts-xaxistooltip { background: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; } .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-primary-600) !important; } </style> <script> (function () { const html = document.documentElement; const appearance = localStorage.getItem("hs_theme") || "default"; const resolvedAppearance = appearance === "auto" ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default") : appearance; const colorTheme = localStorage.getItem("hs-clipboard-theme") || "default"; const brand = localStorage.getItem("hs-clipboard-brand"); const font = localStorage.getItem("hs-clipboard-font"); html.classList.toggle("dark", resolvedAppearance === "dark"); html.setAttribute("data-theme", `theme-${colorTheme}`); if (brand) html.setAttribute("data-brand", brand); if (font) html.setAttribute("data-font", font); })(); </script> <script src="../../../assets/vendor/lodash/lodash.min.js"></script> <script src="../../../assets/vendor/apexcharts/dist/apexcharts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/culori@4.0.2/bundled/culori.umd.min.js"></script> <script> !function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var t=a();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,()=>(()=>{var e={8710(e){var a,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,n={};((e,a)=>{for(var r in a)t(e,r,{get:a[r],enumerable:!0})})(n,{a98:()=>dl,average:()=>We,averageAngle:()=>Je,averageNumber:()=>Ge,blend:()=>Yr,blerp:()=>ae,clampChroma:()=>Co,clampGamut:()=>Xo,clampRgb:()=>Oo,colorsNamed:()=>h,convertA98ToXyz65:()=>he,convertCubehelixToRgb:()=>Le,convertDlchToLab65:()=>va,convertHsiToRgb:()=>ya,convertHslToRgb:()=>wa,convertHsvToRgb:()=>Ra,convertHwbToRgb:()=>Ha,convertItpToXyz65:()=>Fa,convertJabToJch:()=>lt,convertJabToRgb:()=>rt,convertJabToXyz65:()=>at,convertJchToJab:()=>nt,convertLab65ToDlch:()=>ca,convertLab65ToRgb:()=>na,convertLab65ToXyz65:()=>la,convertLabToLch:()=>Ye,convertLabToRgb:()=>bt,convertLabToXyz50:()=>st,convertLchToLab:()=>Ke,convertLchuvToLuv:()=>Tt,convertLrgbToOklab:()=>Et,convertLrgbToRgb:()=>ce,convertLuvToLchuv:()=>$t,convertLuvToXyz50:()=>Ot,convertOkhslToOklab:()=>Yt,convertOkhsvToOklab:()=>Zt,convertOklabToLrgb:()=>Nt,convertOklabToOkhsl:()=>Bt,convertOklabToOkhsv:()=>Vt,convertOklabToRgb:()=>_t,convertP3ToXyz65:()=>rr,convertProphotoToXyz50:()=>dr,convertRec2020ToXyz65:()=>gr,convertRgbToCubehelix:()=>Re,convertRgbToHsi:()=>xa,convertRgbToHsl:()=>ka,convertRgbToHsv:()=>La,convertRgbToHwb:()=>Oa,convertRgbToJab:()=>tt,convertRgbToLab:()=>Mt,convertRgbToLab65:()=>da,convertRgbToLrgb:()=>ue,convertRgbToOklab:()=>At,convertRgbToXyb:()=>xr,convertRgbToXyz50:()=>vt,convertRgbToXyz65:()=>be,convertRgbToYiq:()=>qr,convertXybToRgb:()=>wr,convertXyz50ToLab:()=>gt,convertXyz50ToLuv:()=>Lt,convertXyz50ToProphoto:()=>ir,convertXyz50ToRgb:()=>ut,convertXyz50ToXyz65:()=>Pr,convertXyz65ToA98:()=>pe,convertXyz65ToItp:()=>Ba,convertXyz65ToJab:()=>Za,convertXyz65ToLab65:()=>ha,convertXyz65ToP3:()=>or,convertXyz65ToRec2020:()=>br,convertXyz65ToRgb:()=>ge,convertXyz65ToXyz50:()=>Tr,convertYiqToRgb:()=>Rr,converter:()=>x,cubehelix:()=>pl,differenceCie76:()=>Ce,differenceCie94:()=>Se,differenceCiede2000:()=>Ee,differenceCmc:()=>Ae,differenceEuclidean:()=>Xe,differenceHueChroma:()=>Oe,differenceHueNaive:()=>He,differenceHueSaturation:()=>je,differenceHyab:()=>Ne,differenceItp:()=>De,differenceKotsarenkoRamos:()=>_e,displayable:()=>jo,dlab:()=>sl,dlch:()=>ul,easingGamma:()=>To,easingInOutSine:()=>nl,easingMidpoint:()=>to,easingSmootherstep:()=>ll,easingSmoothstep:()=>rl,easingSmoothstepInverse:()=>ol,filterBrightness:()=>Do,filterContrast:()=>Jo,filterDeficiencyDeuter:()=>al,filterDeficiencyProt:()=>el,filterDeficiencyTrit:()=>tl,filterGrayscale:()=>Wo,filterHueRotate:()=>Yo,filterInvert:()=>Bo,filterSaturate:()=>Fo,filterSepia:()=>Go,fixupAlpha:()=>le,fixupHueDecreasing:()=>we,fixupHueIncreasing:()=>ze,fixupHueLonger:()=>xe,fixupHueShorter:()=>ye,formatCss:()=>Dr,formatHex:()=>Jr,formatHex8:()=>Gr,formatHsl:()=>Wr,formatRgb:()=>Fr,getMode:()=>I,hsi:()=>bl,hsl:()=>vl,hsv:()=>cl,hwb:()=>gl,inGamut:()=>Ho,interpolate:()=>io,interpolateWith:()=>ho,interpolateWithPremultipliedAlpha:()=>po,interpolatorLinear:()=>oe,interpolatorPiecewise:()=>re,interpolatorSplineBasis:()=>bo,interpolatorSplineBasisClosed:()=>vo,interpolatorSplineMonotone:()=>wo,interpolatorSplineMonotone2:()=>ko,interpolatorSplineMonotoneClosed:()=>$o,interpolatorSplineNatural:()=>go,interpolatorSplineNaturalClosed:()=>Mo,itp:()=>Ml,jab:()=>fl,jch:()=>ml,lab:()=>yl,lab65:()=>xl,lch:()=>zl,lch65:()=>wl,lchuv:()=>kl,lerp:()=>U,lrgb:()=>$l,luv:()=>Tl,mapAlphaDivide:()=>Qr,mapAlphaMultiply:()=>Zr,mapTransferGamma:()=>eo,mapTransferLinear:()=>Ur,mapper:()=>Vr,modeA98:()=>Me,modeCubehelix:()=>Be,modeDlab:()=>fa,modeDlch:()=>ma,modeHsi:()=>za,modeHsl:()=>qa,modeHsv:()=>ja,modeHwb:()=>Ca,modeItp:()=>Ya,modeJab:()=>ot,modeJch:()=>it,modeLab:()=>mt,modeLab65:()=>yt,modeLch:()=>wt,modeLch65:()=>kt,modeLchuv:()=>Xt,modeLrgb:()=>Ct,modeLuv:()=>St,modeOkhsl:()=>Kt,modeOkhsv:()=>Qt,modeOklab:()=>er,modeOklch:()=>tr,modeP3:()=>lr,modeProphoto:()=>pr,modeRec2020:()=>Mr,modeRgb:()=>ne,modeXyb:()=>kr,modeXyz50:()=>$r,modeXyz65:()=>Ir,modeYiq:()=>Lr,nearest:()=>Eo,okhsl:()=>Pl,okhsv:()=>Il,oklab:()=>ql,oklch:()=>Rl,p3:()=>Ll,parse:()=>V,parseHex:()=>s,parseHsl:()=>Ia,parseHslLegacy:()=>Pa,parseHwb:()=>Xa,parseLab:()=>ft,parseLch:()=>zt,parseNamed:()=>d,parseOklab:()=>Ut,parseOklch:()=>ar,parseRgb:()=>Z,parseRgbLegacy:()=>m,parseTransparent:()=>Q,prophoto:()=>jl,random:()=>Kr,rec2020:()=>Hl,removeParser:()=>R,rgb:()=>Ol,round:()=>jr,samples:()=>Po,serializeHex:()=>Er,serializeHex8:()=>Ar,serializeHsl:()=>_r,serializeRgb:()=>Nr,toGamut:()=>So,trilerp:()=>te,unlerp:()=>ee,useMode:()=>P,useParser:()=>q,wcagContrast:()=>hl,wcagLuminance:()=>il,xyb:()=>Xl,xyz50:()=>Cl,xyz65:()=>Sl,yiq:()=>El}),e.exports=(a=n,((e,a,n,i)=>{if(a&&"object"==typeof a||"function"==typeof a)for(let h of o(a))l.call(e,h)||h===n||t(e,h,{get:()=>a[h],enumerable:!(i=r(a,h))||i.enumerable});return e})(t({},"__esModule",{value:!0}),a));var i=(e,a)=>{if("number"==typeof e)return 3===a?{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|240&e)/255,b:(15&e|e<<4&240)/255}:4===a?{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|240&e)/255,alpha:(15&e|e<<4&240)/255}:6===a?{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(255&e)/255}:8===a?{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(255&e)/255}:void 0},h={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},d=e=>i(h[e.toLowerCase()],6),p=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,s=e=>{let a;return(a=e.match(p))?i(parseInt(a[1],16),a[1].length):void 0},u="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",b=`${u}%`,v=`(?:${u}%|${u})`,c=`(?:${u}(deg|grad|rad|turn)|${u})`,g="\\s*,\\s*",M=(new RegExp("^"+`(?:${u}%|${u}|none)`+"$"),new RegExp(`^rgba?\\(\\s*${u}${g}${u}${g}${u}\\s*(?:,\\s*${v}\\s*)?\\)$`)),f=new RegExp(`^rgba?\\(\\s*${b}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),m=e=>{let a,t={mode:"rgb"};if(a=e.match(M))void 0!==a[1]&&(t.r=a[1]/255),void 0!==a[2]&&(t.g=a[2]/255),void 0!==a[3]&&(t.b=a[3]/255);else{if(!(a=e.match(f)))return;void 0!==a[1]&&(t.r=a[1]/100),void 0!==a[2]&&(t.g=a[2]/100),void 0!==a[3]&&(t.b=a[3]/100)}return void 0!==a[4]?t.alpha=Math.max(0,Math.min(1,a[4]/100)):void 0!==a[5]&&(t.alpha=Math.max(0,Math.min(1,+a[5]))),t},y=(e,a)=>void 0===e?void 0:"object"!=typeof e?V(e):void 0!==e.mode?e:a?{...e,mode:a}:void 0,x=(e="rgb")=>a=>void 0!==(a=y(a,e))?a.mode===e?a:z[a.mode][e]?z[a.mode][e](a):"rgb"===e?z[a.mode].rgb(a):z.rgb[e](z[a.mode].rgb(a)):void 0,z={},w={},k=[],$={},T=e=>e,P=e=>(z[e.mode]={...z[e.mode],...e.toMode},Object.keys(e.fromMode||{}).forEach(a=>{z[a]||(z[a]={}),z[a][e.mode]=e.fromMode[a]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(a=>{if(void 0===e.ranges[a]&&(e.ranges[a]=[0,1]),!e.interpolate[a])throw new Error(`Missing interpolator for: ${a}`);"function"==typeof e.interpolate[a]&&(e.interpolate[a]={use:e.interpolate[a]}),e.interpolate[a].fixup||(e.interpolate[a].fixup=T)}),w[e.mode]=e,(e.parse||[]).forEach(a=>{q(a,e.mode)}),x(e.mode)),I=e=>w[e],q=(e,a)=>{if("string"==typeof e){if(!a)throw new Error("'mode' required when 'parser' is a string");$[e]=a}else"function"==typeof e&&k.indexOf(e)<0&&k.push(e)},R=e=>{if("string"==typeof e)delete $[e];else if("function"==typeof e){const a=k.indexOf(e);a>0&&k.splice(a,1)}},L=/[^\x00-\x7F]|[a-zA-Z_]/,j=/[^\x00-\x7F]|[-\w]/,H="function",O="ident",X="number",C="percentage",S=")",E="none",A="hue",N="alpha",_=0;function D(e){let a=e[_],t=e[_+1];return"-"===a||"+"===a?/\d/.test(t)||"."===t&&/\d/.test(e[_+2]):/\d/.test("."===a?t:a)}function J(e){if(_>=e.length)return!1;let a=e[_];if(L.test(a))return!0;if("-"===a){if(e.length-_<2)return!1;let a=e[_+1];return!("-"!==a&&!L.test(a))}return!1}var G={deg:1,rad:180/Math.PI,grad:.9,turn:360};function F(e){let a="";if("-"!==e[_]&&"+"!==e[_]||(a+=e[_++]),a+=W(e),"."===e[_]&&/\d/.test(e[_+1])&&(a+=e[_++]+W(e)),"e"!==e[_]&&"E"!==e[_]||("-"!==e[_+1]&&"+"!==e[_+1]||!/\d/.test(e[_+2])?/\d/.test(e[_+1])&&(a+=e[_++]+W(e)):a+=e[_++]+e[_++]+W(e)),J(e)){let t=B(e);return"deg"===t||"rad"===t||"turn"===t||"grad"===t?{type:A,value:a*G[t]}:void 0}return"%"===e[_]?(_++,{type:C,value:+a}):{type:X,value:+a}}function W(e){let a="";for(;/\d/.test(e[_]);)a+=e[_++];return a}function B(e){let a="";for(;_<e.length&&j.test(e[_]);)a+=e[_++];return a}function Y(e){let a=B(e);return"("===e[_]?(_++,{type:H,value:a}):"none"===a?{type:E,value:void 0}:{type:O,value:a}}function K(e,a){const t=[];let r;for(;e._i<e.length;)if(r=e[e._i++],r.type===E||r.type===X||r.type===N||r.type===C||a&&r.type===A)t.push(r);else{if(r.type!==S)return;if(e._i<e.length)return}if(!(t.length<3||t.length>4)){if(4===t.length){if(t[3].type!==N)return;t[3]=t[3].value}return 3===t.length&&t.push({type:E,value:void 0}),t.every(e=>e.type!==N)?t:void 0}}var V=e=>{if("string"!=typeof e)return;const a=function(e=""){let a,t=e.trim(),r=[];for(_=0;_<t.length;)if(a=t[_++],"\n"!==a&&"\t"!==a&&" "!==a){if(","===a)return;if(")"!==a){if("+"===a){if(_--,D(t)){r.push(F(t));continue}return}if("-"===a){if(_--,D(t)){r.push(F(t));continue}if(J(t)){r.push({type:O,value:B(t)});continue}return}if("."===a){if(_--,D(t)){r.push(F(t));continue}return}if("/"===a){for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;let e;if(D(t)&&(e=F(t),e.type!==A)){r.push({type:N,value:e});continue}if(J(t)&&"none"===B(t)){r.push({type:N,value:{type:E,value:void 0}});continue}return}if(/\d/.test(a))_--,r.push(F(t));else{if(!L.test(a))return;_--,r.push(Y(t))}}else r.push({type:S})}else for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;return r}(e),t=a?function(e,a){e._i=0;let t=e[e._i++];if(!t||t.type!==H)return;let r=K(e,a);return r?(r.unshift(t.value),r):void 0}(a,!0):void 0;let r,o=0,l=k.length;for(;o<l;)if(void 0!==(r=k[o++](e,t)))return r;return a?function(e){e._i=0;let a=e[e._i++];if(!a||a.type!==H||"color"!==a.value)return;if(a=e[e._i++],a.type!==O)return;const t=$[a.value];if(!t)return;const r={mode:t},o=K(e,!1);if(!o)return;const l=I(t).channels;for(let e,a,t=0;t<l.length;t++)e=o[t],a=l[t],e.type!==E&&(r[a]=e.type===X?e.value:e.value/100,"alpha"===a&&(r[a]=Math.max(0,Math.min(1,r[a]))));return r}(a):void 0};var Z=function(e,a){if(!a||"rgb"!==a[0]&&"rgba"!==a[0])return;const t={mode:"rgb"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.r=r.type===X?r.value/255:r.value/100),o.type!==E&&(t.g=o.type===X?o.value/255:o.value/100),l.type!==E&&(t.b=l.type===X?l.value/255:l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},Q=e=>"transparent"===e?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,U=(e,a,t)=>e+t*(a-e),ee=(e,a,t)=>(t-e)/(a-e),ae=(e,a,t,r,o,l)=>U(U(e,a,o),U(t,r,o),l),te=(e,a,t,r,o,l,n,i,h,d,p)=>U(ae(e,a,t,r,h,d),ae(o,l,n,i,h,d),p),re=e=>a=>{let t=(e=>{let a=[];for(let t=0;t<e.length-1;t++){let r=e[t],o=e[t+1];void 0===r&&void 0===o?a.push(void 0):void 0!==r&&void 0!==o?a.push([r,o]):a.push(void 0!==r?[r,r]:[o,o])}return a})(a);return a=>{let r=a*t.length,o=a>=1?t.length-1:Math.max(Math.floor(r),0),l=t[o];return void 0===l?void 0:e(l[0],l[1],r-o)}},oe=re(U),le=e=>{let a=!1,t=e.map(e=>void 0!==e?(a=!0,e):1);return a?t:e},ne={mode:"rgb",channels:["r","g","b","alpha"],parse:[Z,s,m,d,Q,"srgb"],serialize:"srgb",interpolate:{r:oe,g:oe,b:oe,alpha:{use:oe,fixup:le}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},ie=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),he=e=>{let a=ie(e.r),t=ie(e.g),r=ie(e.b),o={mode:"xyz65",x:.5766690429101305*a+.1855582379065463*t+.1882286462349947*r,y:.297344975250536*a+.6273635662554661*t+.0752914584939979*r,z:.0270313613864123*a+.0706888525358272*t+.9913375368376386*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},de=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),pe=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"a98",r:de(2.0415879038107465*e-.5650069742788597*a-.3447313507783297*t),g:de(-.9692436362808798*e+1.8759675015077206*a+.0415550574071756*t),b:de(.0134442806320312*e-.1183623922310184*a+1.0151749943912058*t)};return void 0!==r&&(o.alpha=r),o},se=(e=0)=>{const a=Math.abs(e);return a<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((a+.055)/1.055,2.4)},ue=({r:e,g:a,b:t,alpha:r})=>{let o={mode:"lrgb",r:se(e),g:se(a),b:se(t)};return void 0!==r&&(o.alpha=r),o},be=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.4123907992659593*a+.357584339383878*t+.1804807884018343*r,y:.2126390058715102*a+.715168678767756*t+.0721923153607337*r,z:.0193308187155918*a+.119194779794626*t+.9505321522496607*r};return void 0!==o&&(l.alpha=o),l},ve=(e=0)=>{const a=Math.abs(e);return a>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(a,1/2.4)-.055):12.92*e},ce=({r:e,g:a,b:t,alpha:r},o="rgb")=>{let l={mode:o,r:ve(e),g:ve(a),b:ve(t)};return void 0!==r&&(l.alpha=r),l},ge=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.2409699419045226*e-1.537383177570094*a-.4986107602930034*t,g:-.9692436362808796*e+1.8759675015077204*a+.0415550574071756*t,b:.0556300796969936*e-.2039769588889765*a+1.0569715142428784*t});return void 0!==r&&(o.alpha=r),o},Me={...ne,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>pe(be(e)),xyz65:pe},toMode:{rgb:e=>ge(he(e)),xyz65:he}},fe=e=>(e%=360)<0?e+360:e,me=(e,a)=>e.map((t,r,o)=>{if(void 0===t)return t;let l=fe(t);return 0===r||void 0===e[r-1]?l:a(l-fe(o[r-1]))}).reduce((e,a)=>e.length&&void 0!==a&&void 0!==e[e.length-1]?(e.push(a+e[e.length-1]),e):(e.push(a),e),[]),ye=e=>me(e,e=>Math.abs(e)<=180?e:e-360*Math.sign(e)),xe=e=>me(e,e=>Math.abs(e)>=180||0===e?e:e-360*Math.sign(e)),ze=e=>me(e,e=>e>=0?e:e+360),we=e=>me(e,e=>e<=0?e:e-360),ke=[-.14861,1.78277,-.29227,-.90649,1.97294,0],$e=Math.PI/180,Te=180/Math.PI,Pe=ke[3]*ke[4],Ie=ke[1]*ke[4],qe=ke[1]*ke[2]-ke[0]*ke[3],Re=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(qe*t+e*Pe-a*Ie)/(qe+Pe-Ie),l=t-o,n=(ke[4]*(a-o)-ke[2]*l)/ke[3],i={mode:"cubehelix",l:o,s:0===o||1===o?void 0:Math.sqrt(l*l+n*n)/(ke[4]*o*(1-o))};return i.s&&(i.h=Math.atan2(n,l)*Te-120),void 0!==r&&(i.alpha=r),i},Le=({h:e,s:a,l:t,alpha:r})=>{let o={mode:"rgb"};e=(void 0===e?0:e+120)*$e,void 0===t&&(t=0);let l=void 0===a?0:a*t*(1-t),n=Math.cos(e),i=Math.sin(e);return o.r=t+l*(ke[0]*n+ke[1]*i),o.g=t+l*(ke[2]*n+ke[3]*i),o.b=t+l*(ke[4]*n+ke[5]*i),void 0!==r&&(o.alpha=r),o},je=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.s||!a.s)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*a.s)*o},He=(e,a)=>{if(void 0===e.h||void 0===a.h)return 0;let t=fe(e.h),r=fe(a.h);return Math.abs(r-t)>180?t-(r-360*Math.sign(r-t)):r-t},Oe=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.c||!a.c)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*a.c)*o},Xe=(e="rgb",a=[1,1,1,0])=>{let t=I(e),r=t.channels,o=t.difference,l=x(e);return(e,t)=>{let n=l(e),i=l(t);return Math.sqrt(r.reduce((e,t,r)=>{let l=o[t]?o[t](n,i):n[t]-i[t];return e+(a[r]||0)*Math.pow(isNaN(l)?0:l,2)},0))}},Ce=()=>Xe("lab65"),Se=(e=1,a=.045,t=.015)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=Math.sqrt(b*b+v*v),g=Math.pow(h-u,2),M=Math.pow(s-c,2),f=Math.pow(d-b,2)+Math.pow(p-v,2)-M;return Math.sqrt(g/Math.pow(e,2)+M/Math.pow(1+a*s,2)+f/Math.pow(1+t*s,2))}},Ee=(e=1,a=1,t=1)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=(s+Math.sqrt(b*b+v*v))/2,g=.5*(1-Math.sqrt(Math.pow(c,7)/(Math.pow(c,7)+Math.pow(25,7)))),M=d*(1+g),f=b*(1+g),m=Math.sqrt(M*M+p*p),y=Math.sqrt(f*f+v*v),x=Math.abs(M)+Math.abs(p)===0?0:Math.atan2(p,M);x+=2*(x<0)*Math.PI;let z=Math.abs(f)+Math.abs(v)===0?0:Math.atan2(v,f);z+=2*(z<0)*Math.PI;let w=u-h,k=y-m,$=m*y===0?0:z-x;$-=2*($>Math.PI)*Math.PI,$+=2*($<-Math.PI)*Math.PI;let T,P=2*Math.sqrt(m*y)*Math.sin($/2),I=(h+u)/2,q=(m+y)/2;m*y===0?T=x+z:(T=(x+z)/2,T-=(Math.abs(x-z)>Math.PI)*Math.PI,T+=2*(T<0)*Math.PI);let R=Math.pow(I-50,2),L=1-.17*Math.cos(T-Math.PI/6)+.24*Math.cos(2*T)+.32*Math.cos(3*T+Math.PI/30)-.2*Math.cos(4*T-63*Math.PI/180),j=1+.015*R/Math.sqrt(20+R),H=1+.045*q,O=1+.015*q*L,X=30*Math.PI/180*Math.exp(-1*Math.pow((180/Math.PI*T-275)/25,2)),C=2*Math.sqrt(Math.pow(q,7)/(Math.pow(q,7)+Math.pow(25,7))),S=-1*Math.sin(2*X)*C;return Math.sqrt(Math.pow(w/(e*j),2)+Math.pow(k/(a*H),2)+Math.pow(P/(t*O),2)+S*k/(a*H)*P/(t*O))}},Ae=(e=1,a=1)=>{let t=x("lab65");return(r,o)=>{let l=t(r),n=l.l,i=l.a,h=l.b,d=Math.sqrt(i*i+h*h),p=Math.atan2(h,i);p+=2*Math.PI*(p<0);let s=t(o),u=s.l,b=s.a,v=s.b,c=Math.sqrt(b*b+v*v),g=Math.pow(n-u,2),M=Math.pow(d-c,2),f=Math.pow(i-b,2)+Math.pow(h-v,2)-M,m=Math.sqrt(Math.pow(d,4)/(Math.pow(d,4)+1900)),y=n<16?.511:.040975*n/(1+.01765*n),x=.0638*d/(1+.0131*d)+.638,z=x*(m*(p>=164/180*Math.PI&&p<=345/180*Math.PI?.56+Math.abs(.2*Math.cos(p+168/180*Math.PI)):.36+Math.abs(.4*Math.cos(p+35/180*Math.PI)))+1-m);return Math.sqrt(g/Math.pow(e*y,2)+M/Math.pow(a*x,2)+f/Math.pow(z,2))}},Ne=()=>{let e=x("lab65");return(a,t)=>{let r=e(a),o=e(t),l=r.l-o.l,n=r.a-o.a,i=r.b-o.b;return Math.abs(l)+Math.sqrt(n*n+i*i)}},_e=()=>Xe("yiq",[.5053,.299,.1957]),De=()=>Xe("itp",[518400,129600,518400]),Je=e=>{let a=e.reduce((e,a)=>{if(void 0!==a){let t=a*Math.PI/180;e.sin+=Math.sin(t),e.cos+=Math.cos(t)}return e},{sin:0,cos:0}),t=180*Math.atan2(a.sin,a.cos)/Math.PI;return t<0?360+t:t},Ge=e=>{let a=e.filter(e=>void 0!==e);return a.length?a.reduce((e,a)=>e+a,0)/a.length:void 0},Fe=e=>"function"==typeof e;function We(e,a="rgb",t){let r=I(a),o=e.map(x(a));return r.channels.reduce((e,a)=>{let l=o.map(e=>e[a]).filter(e=>void 0!==e);if(l.length){let o;o=Fe(t)?t:t&&Fe(t[a])?t[a]:r.average&&Fe(r.average[a])?r.average[a]:Ge,e[a]=o(l,a)}return e},{mode:a})}var Be={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Re},toMode:{rgb:Le},interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}},Ye=({l:e,a,b:t,alpha:r},o="lch")=>{void 0===a&&(a=0),void 0===t&&(t=0);let l=Math.sqrt(a*a+t*t),n={mode:o,l:e,c:l};return l&&(n.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(n.alpha=r),n},Ke=({l:e,c:a,h:t,alpha:r},o="lab")=>{void 0===t&&(t=0);let l={mode:o,l:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(l.alpha=r),l},Ve=Math.pow(29,3)/Math.pow(3,3),Ze=Math.pow(6,3)/Math.pow(29,3),Qe=.3457/.3585,Ue=1,ea=.2958/.3585,aa=.3127/.329,ta=1,ra=.3583/.329,oa=(Math.pow(29,3),Math.pow(3,3),Math.pow(6,3),Math.pow(29,3),e=>Math.pow(e,3)>Ze?Math.pow(e,3):(116*e-16)/Ve),la=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz65",x:oa(a/500+o)*aa,y:oa(o)*ta,z:oa(l)*ra};return void 0!==r&&(n.alpha=r),n},na=e=>ge(la(e)),ia=e=>e>Ze?Math.cbrt(e):(Ve*e+16)/116,ha=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ia(e/aa),l=ia(a/ta),n={mode:"lab65",l:116*l-16,a:500*(o-l),b:200*(l-ia(t/ra))};return void 0!==r&&(n.alpha=r),n},da=e=>{let a=ha(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},pa=26/180*Math.PI,sa=Math.cos(pa),ua=Math.sin(pa),ba=100/Math.log(1.39),va=({l:e,c:a,h:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"lab65",l:(Math.exp(1*e/ba)-1)/.0039},l=(Math.exp(.0435*a*1*1)-1)/.075,n=l*Math.cos(t/180*Math.PI-pa),i=l*Math.sin(t/180*Math.PI-pa);return o.a=n*sa-i/.83*ua,o.b=n*ua+i/.83*sa,void 0!==r&&(o.alpha=r),o},ca=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=a*sa+t*ua,l=.83*(t*sa-a*ua),n=Math.sqrt(o*o+l*l),i={mode:"dlch",l:ba/1*Math.log(1+.0039*e),c:Math.log(1+.075*n)/.0435};return i.c&&(i.h=fe((Math.atan2(l,o)+pa)/Math.PI*180)),void 0!==r&&(i.alpha=r),i},ga=e=>va(Ye(e,"dlch")),Ma=e=>Ke(ca(e),"dlab"),fa={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:ga,rgb:e=>na(ga(e))},fromMode:{lab65:Ma,rgb:e=>Ma(da(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},ma={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:va,dlab:e=>Ke(e,"dlab"),rgb:e=>na(va(e))},fromMode:{lab65:ca,dlab:e=>Ye(e,"dlch"),rgb:e=>ca(da(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:oe,c:oe,h:{use:oe,fixup:ye},alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}};function ya({h:e,s:a,i:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1-a)};break;case 1:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1+a*(3/(2-l)-1)),b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t*(1+a*(3/(2-l)-1)),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;case 3:o={r:t*(1-a),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1+a*(3/(2-l)-1))};break;case 4:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3/(2-l)-1))};break;case 5:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function xa({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsi",s:e+a+t===0?0:1-3*l/(e+a+t),i:(e+a+t)/3};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var za={mode:"hsi",toMode:{rgb:ya},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:xa},channels:["h","s","i","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,i:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function wa({h:e,s:a,l:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=t+a*(t<.5?t:1-t),n=l-2*(l-t)*Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:l,g:n,b:2*t-l};break;case 1:o={r:n,g:l,b:2*t-l};break;case 2:o={r:2*t-l,g:l,b:n};break;case 3:o={r:2*t-l,g:n,b:l};break;case 4:o={r:n,g:2*t-l,b:l};break;case 5:o={r:l,g:2*t-l,b:n};break;default:o={r:2*t-l,g:2*t-l,b:2*t-l}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function ka({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsl",s:o===l?0:(o-l)/(1-Math.abs(o+l-1)),l:.5*(o+l)};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var $a=(e,a)=>{switch(a){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return 360*e}},Ta=new RegExp(`^hsla?\\(\\s*${c}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),Pa=e=>{let a=e.match(Ta);if(!a)return;let t={mode:"hsl"};return void 0!==a[3]?t.h=+a[3]:void 0!==a[1]&&void 0!==a[2]&&(t.h=$a(a[1],a[2])),void 0!==a[4]&&(t.s=Math.min(Math.max(0,a[4]/100),1)),void 0!==a[5]&&(t.l=Math.min(Math.max(0,a[5]/100),1)),void 0!==a[6]?t.alpha=Math.max(0,Math.min(1,a[6]/100)):void 0!==a[7]&&(t.alpha=Math.max(0,Math.min(1,+a[7]))),t};var Ia=function(e,a){if(!a||"hsl"!==a[0]&&"hsla"!==a[0])return;const t={mode:"hsl"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.s=o.value/100}if(l.type!==E){if(l.type===A)return;t.l=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},qa={mode:"hsl",toMode:{rgb:wa},fromMode:{rgb:ka},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Ia,Pa],serialize:e=>`hsl(${void 0!==e.h?e.h:"none"} ${void 0!==e.s?100*e.s+"%":"none"} ${void 0!==e.l?100*e.l+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ra({h:e,s:a,v:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t,g:t*(1-a*l),b:t*(1-a)};break;case 1:o={r:t*(1-a*l),g:t,b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t,b:t*(1-a*l)};break;case 3:o={r:t*(1-a),g:t*(1-a*l),b:t};break;case 4:o={r:t*(1-a*l),g:t*(1-a),b:t};break;case 5:o={r:t,g:t*(1-a),b:t*(1-a*l)};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function La({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsv",s:0===o?0:1-l/o,v:o};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var ja={mode:"hsv",toMode:{rgb:Ra},parse:["--hsv"],serialize:"--hsv",fromMode:{rgb:La},channels:["h","s","v","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,v:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ha({h:e,w:a,b:t,alpha:r}){if(void 0===a&&(a=0),void 0===t&&(t=0),a+t>1){let e=a+t;a/=e,t/=e}return Ra({h:e,s:1===t?1:1-a/(1-t),v:1-t,alpha:r})}function Oa(e){let a=La(e);if(void 0===a)return;let t=void 0!==a.s?a.s:0,r=void 0!==a.v?a.v:0,o={mode:"hwb",w:(1-t)*r,b:1-r};return void 0!==a.h&&(o.h=a.h),void 0!==a.alpha&&(o.alpha=a.alpha),o}var Xa=function(e,a){if(!a||"hwb"!==a[0])return;const t={mode:"hwb"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.w=o.value/100}if(l.type!==E){if(l.type===A)return;t.b=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},Ca={mode:"hwb",toMode:{rgb:Ha},fromMode:{rgb:Oa},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Xa],serialize:e=>`hwb(${void 0!==e.h?e.h:"none"} ${void 0!==e.w?100*e.w+"%":"none"} ${void 0!==e.b?100*e.b+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},w:oe,b:oe,alpha:{use:oe,fixup:le}},difference:{h:He},average:{h:Je}},Sa=.1593017578125,Ea=78.84375,Aa=.8359375,Na=18.8515625,_a=18.6875;function Da(e){if(e<0)return 0;const a=Math.pow(e,1/Ea);return 1e4*Math.pow(Math.max(0,a-Aa)/(Na-_a*a),1/Sa)}function Ja(e){if(e<0)return 0;const a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),Ea)}var Ga=e=>Math.max(e/203,0),Fa=({i:e,t:a,p:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=Da(e+.008609037037932761*a+.11102962500302593*t),l=Da(e-.00860903703793275*a-.11102962500302599*t),n=Da(e+.5600313357106791*a-.32062717498731885*t),i={mode:"xyz65",x:Ga(2.070152218389422*o-1.3263473389671556*l+.2066510476294051*n),y:Ga(.3647385209748074*o+.680566024947227*l-.0453045459220346*n),z:Ga(-.049747207535812*o-.0492609666966138*l+1.1880659249923042*n)};return void 0!==r&&(i.alpha=r),i},Wa=(e=0)=>Math.max(203*e,0),Ba=({x:e,y:a,z:t,alpha:r})=>{const o=Wa(e),l=Wa(a),n=Wa(t),i=Ja(.3592832590121217*o+.6976051147779502*l-.0358915932320289*n),h=Ja(-.1920808463704995*o+1.1004767970374323*l+.0753748658519118*n),d=Ja(.0070797844607477*o+.0748396662186366*l+.8433265453898765*n),p={mode:"itp",i:.5*i+.5*h,t:1.61376953125*i-3.323486328125*h+1.709716796875*d,p:4.378173828125*i-4.24560546875*h-.132568359375*d};return void 0!==r&&(p.alpha=r),p},Ya={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Fa,rgb:e=>ge(Fa(e))},fromMode:{xyz65:Ba,rgb:e=>Ba(be(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:oe,t:oe,p:oe,alpha:{use:oe,fixup:le}}},Ka=e=>{if(e<0)return 0;let a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),134.03437499999998)},Va=(e=0)=>Math.max(203*e,0),Za=({x:e,y:a,z:t,alpha:r})=>{e=Va(e),a=Va(a);let o=1.15*e-.15*(t=Va(t)),l=.66*a+.34*e,n=Ka(.41478972*o+.579999*l+.014648*t),i=Ka(-.20151*o+1.120649*l+.0531008*t),h=Ka(-.0166008*o+.2648*l+.6684799*t),d=(n+i)/2,p={mode:"jab",j:.44*d/(1-.56*d)-16295499532821565e-27,a:3.524*n-4.066708*i+.542708*h,b:.199076*n+1.096799*i-1.295875*h};return void 0!==r&&(p.alpha=r),p},Qa=16295499532821565e-27,Ua=e=>{if(e<0)return 0;let a=Math.pow(e,.007460772656268216);return 1e4*Math.pow((Aa-a)/(_a*a-Na),1/Sa)},et=e=>e/203,at=({j:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+Qa)/(.44+.56*(e+Qa)),l=Ua(o+.13860504*a+.058047316*t),n=Ua(o-.13860504*a-.058047316*t),i=Ua(o-.096019242*a-.8118919*t),h={mode:"xyz65",x:et(1.661373024652174*l-.914523081304348*n+.23136208173913045*i),y:et(-.3250758611844533*l+1.571847026732543*n-.21825383453227928*i),z:et(-.090982811*l-.31272829*n+1.5227666*i)};return void 0!==r&&(h.alpha=r),h},tt=e=>{let a=Za(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},rt=e=>ge(at(e)),ot={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:tt,xyz65:Za},toMode:{rgb:rt,xyz65:at},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},lt=({j:e,a,b:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"jch",j:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},nt=({j:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"jab",j:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},it={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:nt,rgb:e=>rt(nt(e))},fromMode:{rgb:e=>lt(tt(e)),jab:lt},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,j:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},ht=Math.pow(29,3)/Math.pow(3,3),dt=Math.pow(6,3)/Math.pow(29,3),pt=e=>Math.pow(e,3)>dt?Math.pow(e,3):(116*e-16)/ht,st=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz50",x:pt(a/500+o)*Qe,y:pt(o)*Ue,z:pt(l)*ea};return void 0!==r&&(n.alpha=r),n},ut=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.1341359569958707*e-1.6173863321612538*a-.4906619460083532*t,g:-.978795502912089*e+1.916254567259524*a+.03344273116131949*t,b:.07195537988411677*e-.2289768264158322*a+1.405386058324125*t});return void 0!==r&&(o.alpha=r),o},bt=e=>ut(st(e)),vt=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz50",x:.436065742824811*a+.3851514688337912*t+.14307845442264197*r,y:.22249319175623702*a+.7168870538238823*t+.06061979053616537*r,z:.013923904500943465*a+.09708128566574634*t+.7140993584005155*r};return void 0!==o&&(l.alpha=o),l},ct=e=>e>dt?Math.cbrt(e):(ht*e+16)/116,gt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ct(e/Qe),l=ct(a/Ue),n={mode:"lab",l:116*l-16,a:500*(o-l),b:200*(l-ct(t/ea))};return void 0!==r&&(n.alpha=r),n},Mt=e=>{let a=gt(vt(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a};var ft=function(e,a){if(!a||"lab"!==a[0])return;const t={mode:"lab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.value),100)),o.type!==E&&(t.a=o.type===X?o.value:125*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:125*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},mt={mode:"lab",toMode:{xyz50:st,rgb:bt},fromMode:{xyz50:gt,rgb:Mt},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-125,125],b:[-125,125]},parse:[ft],serialize:e=>`lab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},yt={...mt,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:la,rgb:na},fromMode:{xyz65:ha,rgb:da},ranges:{l:[0,100],a:[-125,125],b:[-125,125]}};var xt,zt=function(e,a){if(!a||"lch"!==a[0])return;const t={mode:"lch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.value),100)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:150*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},wt={mode:"lch",toMode:{lab:Ke,rgb:e=>bt(Ke(e))},fromMode:{rgb:e=>Ye(Mt(e)),lab:Ye},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[zt],serialize:e=>`lch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},kt={...wt,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Ke(e,"lab65"),rgb:e=>na(Ke(e,"lab65"))},fromMode:{rgb:e=>Ye(da(e),"lch65"),lab65:e=>Ye(e,"lch65")},ranges:{l:[0,100],c:[0,150],h:[0,360]}},$t=({l:e,u:a,v:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"lchuv",l:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},Tt=({l:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"luv",l:e,u:a?a*Math.cos(t/180*Math.PI):0,v:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},Pt=(e,a,t)=>4*e/(e+15*a+3*t),It=(e,a,t)=>9*a/(e+15*a+3*t),qt=Pt(Qe,Ue,ea),Rt=It(Qe,Ue,ea),Lt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(l=a/Ue)<=dt?ht*l:116*Math.cbrt(l)-16;var l;let n=Pt(e,a,t),i=It(e,a,t);isFinite(n)&&isFinite(i)?(n=13*o*(n-qt),i=13*o*(i-Rt)):o=n=i=0;let h={mode:"luv",l:o,u:n,v:i};return void 0!==r&&(h.alpha=r),h},jt=4*(xt=Qe)/(xt+15*Ue+3*ea),Ht=((e,a,t)=>9*a/(e+15*a+3*t))(Qe,Ue,ea),Ot=({l:e,u:a,v:t,alpha:r})=>{if(void 0===e&&(e=0),0===e)return{mode:"xyz50",x:0,y:0,z:0};void 0===a&&(a=0),void 0===t&&(t=0);let o=a/(13*e)+jt,l=t/(13*e)+Ht,n=Ue*(e<=8?e/ht:Math.pow((e+16)/116,3)),i={mode:"xyz50",x:n*(9*o)/(4*l),y:n,z:n*(12-3*o-20*l)/(4*l)};return void 0!==r&&(i.alpha=r),i},Xt={mode:"lchuv",toMode:{luv:Tt,rgb:e=>ut(Ot(Tt(e)))},fromMode:{rgb:e=>$t(Lt(vt(e))),luv:$t},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},Ct={...ne,mode:"lrgb",toMode:{rgb:ce},fromMode:{rgb:ue},parse:["srgb-linear"],serialize:"srgb-linear"},St={mode:"luv",toMode:{xyz50:Ot,rgb:e=>ut(Ot(e))},fromMode:{xyz50:Lt,rgb:e=>Lt(vt(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:oe,u:oe,v:oe,alpha:{use:oe,fixup:le}}},Et=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.cbrt(.412221469470763*e+.5363325372617348*a+.0514459932675022*t),l=Math.cbrt(.2119034958178252*e+.6806995506452344*a+.1073969535369406*t),n=Math.cbrt(.0883024591900564*e+.2817188391361215*a+.6299787016738222*t),i={mode:"oklab",l:.210454268309314*o+.7936177747023054*l-.0040720430116193*n,a:1.9779985324311684*o-2.42859224204858*l+.450593709617411*n,b:.0259040424655478*o+.7827717124575296*l-.8086757549230774*n};return void 0!==r&&(i.alpha=r),i},At=e=>{let a=Et(ue(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},Nt=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.pow(e+.3963377773761749*a+.2158037573099136*t,3),l=Math.pow(e-.1055613458156586*a-.0638541728258133*t,3),n=Math.pow(e-.0894841775298119*a-1.2914855480194092*t,3),i={mode:"lrgb",r:4.076741636075957*o-3.3077115392580616*l+.2309699031821044*n,g:-1.2684379732850317*o+2.6097573492876887*l-.3413193760026573*n,b:-.0041960761386756*o-.7034186179359362*l+1.7076146940746117*n};return void 0!==r&&(i.alpha=r),i},_t=e=>ce(Nt(e));function Dt(e){const a=.206,t=1.206/1.03;return.5*(t*e-a+Math.sqrt((t*e-a)*(t*e-a)+.12*t*e))}function Jt(e){return(e*e+.206*e)/(1.206/1.03*(e+.03))}function Gt(e,a){let t=function(e,a){let t,r,o,l,n,i,h,d;-1.88170328*e-.80936493*a>1?(t=1.19086277,r=1.76576728,o=.59662641,l=.75515197,n=.56771245,i=4.0767416621,h=-3.3077115913,d=.2309699292):1.81444104*e-1.19445276*a>1?(t=.73956515,r=-.45954404,o=.08285427,l=.1254107,n=.14503204,i=-1.2684380046,h=2.6097574011,d=-.3413193965):(t=1.35733652,r=-.00915799,o=-1.1513021,l=-.50559606,n=.00692167,i=-.0041960863,h=-.7034186147,d=1.707614701);let p=t+r*e+o*a+l*e*e+n*e*a,s=.3963377774*e+.2158037573*a,u=-.1055613458*e-.0638541728*a,b=-.0894841775*e-1.291485548*a;{let e=1+p*s,a=1+p*u,t=1+p*b,r=i*(e*e*e)+h*(a*a*a)+d*(t*t*t),o=i*(3*s*e*e)+h*(3*u*a*a)+d*(3*b*t*t);p-=r*o/(o*o-.5*r*(i*(6*s*s*e)+h*(6*u*u*a)+d*(6*b*b*t)))}return p}(e,a),r=Nt({l:1,a:t*e,b:t*a}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b));return[o,o*t]}function Ft(e,a,t=null){t||(t=Gt(e,a));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,a,t){let r=Gt(a,t),o=function(e,a,t,r,o,l=null){let n;if(l||(l=Gt(e,a)),(t-o)*l[1]-(l[0]-o)*r<=0)n=l[1]*o/(r*l[0]+l[1]*(o-t));else{n=l[1]*(o-1)/(r*(l[0]-1)+l[1]*(o-t));{let l=t-o,i=.3963377774*e+.2158037573*a,h=-.1055613458*e-.0638541728*a,d=-.0894841775*e-1.291485548*a,p=l+r*i,s=l+r*h,u=l+r*d;{let e=o*(1-n)+n*t,a=n*r,l=e+a*i,b=e+a*h,v=e+a*d,c=l*l*l,g=b*b*b,M=v*v*v,f=3*p*l*l,m=3*s*b*b,y=3*u*v*v,x=6*p*p*l,z=6*s*s*b,w=6*u*u*v,k=4.0767416621*c-3.3077115913*g+.2309699292*M-1,$=4.0767416621*f-3.3077115913*m+.2309699292*y,T=$/($*$-.5*k*(4.0767416621*x-3.3077115913*z+.2309699292*w)),P=-k*T,I=-1.2684380046*c+2.6097574011*g-.3413193965*M-1,q=-1.2684380046*f+2.6097574011*m-.3413193965*y,R=q/(q*q-.5*I*(-1.2684380046*x+2.6097574011*z-.3413193965*w)),L=-I*R,j=-.0041960863*c-.7034186147*g+1.707614701*M-1,H=-.0041960863*f-.7034186147*m+1.707614701*y,O=H/(H*H-.5*j*(-.0041960863*x-.7034186147*z+1.707614701*w)),X=-j*O;P=T>=0?P:1e6,L=R>=0?L:1e6,X=O>=0?X:1e6,n+=Math.min(P,Math.min(L,X))}}}return n}(a,t,e,1,e,r),l=Ft(a,t,r),n=e*(.11516993+1/(7.4477897+4.1590124*t+a*(1.75198401*t-2.19557347+a*(-2.13704948-10.02301043*t+a*(5.38770819*t-4.24894561+4.69891013*a))))),i=(1-e)*(.11239642+1/(1.6132032-.68124379*t+a*(.40370612+.90148123*t+a*(.6122399*t-.27087943+a*(.00299215-.45399568*t-.14661872*a))))),h=.9*(o/Math.min(e*l[0],(1-e)*l[1]))*Math.sqrt(Math.sqrt(1/(1/(n*n*n*n)+1/(i*i*i*i))));return n=.4*e,i=.8*(1-e),[Math.sqrt(1/(1/(n*n)+1/(i*i))),h,o]}function Bt(e){const a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o={mode:"okhsl",l:Dt(a)};void 0!==e.alpha&&(o.alpha=e.alpha);let l=Math.sqrt(t*t+r*r);if(!l)return o.s=0,o;let n,[i,h,d]=Wt(a,t/l,r/l);if(l<h){let e=0,a=.8*i;n=.8*((l-e)/(a+(1-a/h)*(l-e)))}else{let e=.2*h*h*1.25*1.25/i;n=.8+.2*((l-h)/(e+(1-e/(d-h))*(l-h)))}return n&&(o.s=n,o.h=fe(180*Math.atan2(r,t)/Math.PI)),o}function Yt(e){let a=void 0!==e.h?e.h:0,t=void 0!==e.s?e.s:0,r=void 0!==e.l?e.l:0;const o={mode:"oklab",l:Jt(r)};if(void 0!==e.alpha&&(o.alpha=e.alpha),!t||1===r)return o.a=o.b=0,o;let l,n,i,h,d=Math.cos(a/180*Math.PI),p=Math.sin(a/180*Math.PI),[s,u,b]=Wt(o.l,d,p);t<.8?(l=1.25*t,n=0,i=.8*s,h=1-i/u):(l=5*(t-.8),n=u,i=.2*u*u*1.25*1.25/s,h=1-i/(b-u));let v=n+l*i/(1-h*l);return o.a=v*d,o.b=v*p,o}var Kt={...qa,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:Bt,rgb:e=>Bt(At(e))},toMode:{oklab:Yt,rgb:e=>_t(Yt(e))}};function Vt(e){let a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o=Math.sqrt(t*t+r*r),l=o?t/o:1,n=o?r/o:1,[i,h]=Ft(l,n),d=1-.5/i,p=h/(o+a*h),s=p*a,u=p*o,b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0));a/=g,o=o/g*Dt(a)/a,a=Dt(a);const M={mode:"okhsv",s:o?(.5+h)*u/(.5*h+h*d*u):0,v:a?a/s:0};return M.s&&(M.h=fe(180*Math.atan2(r,t)/Math.PI)),void 0!==e.alpha&&(M.alpha=e.alpha),M}function Zt(e){const a={mode:"oklab"};void 0!==e.alpha&&(a.alpha=e.alpha);const t=void 0!==e.h?e.h:0,r=void 0!==e.s?e.s:0,o=void 0!==e.v?e.v:0,l=Math.cos(t/180*Math.PI),n=Math.sin(t/180*Math.PI),[i,h]=Ft(l,n),d=.5,p=1-d/i,s=1-r*d/(d+h-h*p*r),u=r*h*d/(d+h-h*p*r),b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0)),M=Jt(o*s),f=u*M/s;return a.l=M*g,a.a=f*l*g,a.b=f*n*g,a}var Qt={...ja,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:Vt,rgb:e=>Vt(At(e))},toMode:{oklab:Zt,rgb:e=>_t(Zt(e))}};var Ut=function(e,a){if(!a||"oklab"!==a[0])return;const t={mode:"oklab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)),o.type!==E&&(t.a=o.type===X?o.value:.4*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:.4*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},er={...mt,mode:"oklab",toMode:{lrgb:Nt,rgb:_t},fromMode:{lrgb:Et,rgb:At},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Ut],serialize:e=>`oklab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`};var ar=function(e,a){if(!a||"oklch"!==a[0])return;const t={mode:"oklch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:.4*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},tr={...wt,mode:"oklch",toMode:{oklab:e=>Ke(e,"oklab"),rgb:e=>_t(Ke(e,"oklab"))},fromMode:{rgb:e=>Ye(At(e),"oklch"),oklab:e=>Ye(e,"oklch")},parse:[ar],serialize:e=>`oklch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}},rr=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.486570948648216*a+.265667693169093*t+.1982172852343625*r,y:.2289745640697487*a+.6917385218365062*t+.079286914093745*r,z:0*a+.0451133818589026*t+1.043944368900976*r};return void 0!==o&&(l.alpha=o),l},or=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:2.4934969119414263*e-.9313836179191242*a-.402710784450717*t,g:-.8294889695615749*e+1.7626640603183465*a+.0236246858419436*t,b:.0358458302437845*e-.0761723892680418*a+.9568845240076871*t},"p3");return void 0!==r&&(o.alpha=r),o},lr={...ne,mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>or(be(e)),xyz65:or},toMode:{rgb:e=>ge(rr(e)),xyz65:rr}},nr=e=>{let a=Math.abs(e);return a>=1/512?Math.sign(e)*Math.pow(a,1/1.8):16*e},ir=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"prophoto",r:nr(1.3457868816471585*e-.2555720873797946*a-.0511018649755453*t),g:nr(-.5446307051249019*e+1.5082477428451466*a+.0205274474364214*t),b:nr(0*e+0*a+1.2119675456389452*t)};return void 0!==r&&(o.alpha=r),o},hr=(e=0)=>{let a=Math.abs(e);return a>=16/512?Math.sign(e)*Math.pow(a,1.8):e/16},dr=e=>{let a=hr(e.r),t=hr(e.g),r=hr(e.b),o={mode:"xyz50",x:.7977666449006423*a+.1351812974005331*t+.0313477341283922*r,y:.2880748288194013*a+.7118352342418731*t+899369387256e-16*r,z:0*a+0*t+.8251046025104602*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},pr={...ne,mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:ir,rgb:e=>ir(vt(e))},toMode:{xyz50:dr,rgb:e=>ut(dr(e))}},sr=1.09929682680944,ur=e=>{const a=Math.abs(e);return a>.018053968510807?(Math.sign(e)||1)*(sr*Math.pow(a,.45)-(sr-1)):4.5*e},br=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"rec2020",r:ur(1.7166511879712683*e-.3556707837763925*a-.2533662813736599*t),g:ur(-.6666843518324893*e+1.6164812366349395*a+.0157685458139111*t),b:ur(.0176398574453108*e-.0427706132578085*a+.9421031212354739*t)};return void 0!==r&&(o.alpha=r),o},vr=1.09929682680944,cr=(e=0)=>{let a=Math.abs(e);return a<.08124285829863151?e/4.5:(Math.sign(e)||1)*Math.pow((a+vr-1)/vr,1/.45)},gr=e=>{let a=cr(e.r),t=cr(e.g),r=cr(e.b),o={mode:"xyz65",x:.6369580483012911*a+.1446169035862083*t+.1688809751641721*r,y:.262700212011267*a+.6779980715188708*t+.059301716469862*r,z:0*a+.0280726930490874*t+1.0609850577107909*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},Mr={...ne,mode:"rec2020",fromMode:{xyz65:br,rgb:e=>br(be(e))},toMode:{xyz65:gr,rgb:e=>ge(gr(e))},parse:["rec2020"],serialize:"rec2020"},fr=.0037930732552754493,mr=Math.cbrt(fr),yr=e=>Math.cbrt(e)-mr,xr=e=>{const{r:a,g:t,b:r,alpha:o}=ue(e),l=yr(.3*a+.622*t+.078*r+fr),n=yr(.23*a+.692*t+.078*r+fr),i={mode:"xyb",x:(l-n)/2,y:(l+n)/2,b:yr(.2434226892454782*a+.2047674442449682*t+.5518098665095535*r+fr)-(l+n)/2};return void 0!==o&&(i.alpha=o),i},zr=e=>Math.pow(e+mr,3),wr=({x:e,y:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=zr(e+a)-fr,l=zr(a-e)-fr,n=zr(t+a)-fr,i=ce({r:11.031566904639861*o-9.866943908131562*l-.16462299650829934*n,g:-3.2541473810744237*o+4.418770377582723*l-.16462299650829934*n,b:-3.6588512867136815*o+2.7129230459360922*l+1.9459282407775895*n});return void 0!==r&&(i.alpha=r),i},kr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:wr},fromMode:{rgb:xr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:oe,y:oe,b:oe,alpha:{use:oe,fixup:le}}},$r={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:ut,lab:gt},fromMode:{rgb:vt,lab:st},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},Tr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz50",x:1.0479298208405488*a+.0229467933410191*t-.0501922295431356*r,y:.0296278156881593*a+.990434484573249*t-.0170738250293851*r,z:-.0092430581525912*a+.0150551448965779*t+.7518742899580008*r};return void 0!==o&&(l.alpha=o),l},Pr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz65",x:.9554734527042182*a-.0230985368742614*t+.0632593086610217*r,y:-.0283697069632081*a+1.0099954580058226*t+.021041398966943*r,z:.0123140016883199*a-.0205076964334779*t+1.3303659366080753*r};return void 0!==o&&(l.alpha=o),l},Ir={mode:"xyz65",toMode:{rgb:ge,xyz50:Tr},fromMode:{rgb:be,xyz50:Pr},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},qr=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"yiq",y:.29889531*e+.58662247*a+.11448223*t,i:.59597799*e-.2741761*a-.32180189*t,q:.21147017*e-.52261711*a+.31114694*t};return void 0!==r&&(o.alpha=r),o},Rr=({y:e,i:a,q:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"rgb",r:e+.95608445*a+.6208885*t,g:e-.27137664*a-.6486059*t,b:e-1.10561724*a+1.70250126*t};return void 0!==r&&(o.alpha=r),o},Lr={mode:"yiq",toMode:{rgb:Rr},fromMode:{rgb:qr},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:oe,i:oe,q:oe,alpha:{use:oe,fixup:le}}},jr=(e=4)=>a=>"number"==typeof a?((e,a)=>Math.round(e*(a=Math.pow(10,a)))/a)(a,e):a,Hr=jr(2),Or=e=>Math.max(0,Math.min(1,e||0)),Xr=e=>Math.round(255*Or(e)),Cr=x("rgb"),Sr=x("hsl"),Er=e=>{if(void 0===e)return;return"#"+(1<<24|Xr(e.r)<<16|Xr(e.g)<<8|Xr(e.b)).toString(16).slice(1)},Ar=e=>{if(void 0===e)return;let a=Xr(void 0!==e.alpha?e.alpha:1);return Er(e)+(256|a).toString(16).slice(1)},Nr=e=>{if(void 0===e)return;let a=Xr(e.r),t=Xr(e.g),r=Xr(e.b);return void 0===e.alpha||1===e.alpha?`rgb(${a}, ${t}, ${r})`:`rgba(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},_r=e=>{if(void 0===e)return;const a=Hr(e.h||0),t=Hr(100*Or(e.s))+"%",r=Hr(100*Or(e.l))+"%";return void 0===e.alpha||1===e.alpha?`hsl(${a}, ${t}, ${r})`:`hsla(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},Dr=e=>{const a=y(e);if(!a)return;const t=I(a.mode);if(!t.serialize||"string"==typeof t.serialize){let e=`color(${t.serialize||`--${a.mode}`} `;return t.channels.forEach((t,r)=>{"alpha"!==t&&(e+=(r?" ":"")+(void 0!==a[t]?a[t]:"none"))}),void 0!==a.alpha&&a.alpha<1&&(e+=` / ${a.alpha}`),e+")"}return"function"==typeof t.serialize?t.serialize(a):void 0},Jr=e=>Er(Cr(e)),Gr=e=>Ar(Cr(e)),Fr=e=>Nr(Cr(e)),Wr=e=>_r(Sr(e)),Br={normal:(e,a)=>a,multiply:(e,a)=>e*a,screen:(e,a)=>e+a-e*a,"hard-light":(e,a)=>a<.5?2*e*a:2*a*(1-e)-1,overlay:(e,a)=>e<.5?2*a*e:2*e*(1-a)-1,darken:(e,a)=>Math.min(e,a),lighten:(e,a)=>Math.max(e,a),"color-dodge":(e,a)=>0===e?0:1===a?1:Math.min(1,e/(1-a)),"color-burn":(e,a)=>1===e?1:0===a?0:1-Math.min(1,(1-e)/a),"soft-light":(e,a)=>a<.5?e-(1-2*a)*e*(1-e):e+(2*a-1)*((e<.25?((16*e-12)*e+4)*e:Math.sqrt(e))-e),difference:(e,a)=>Math.abs(e-a),exclusion:(e,a)=>e+a-2*e*a},Yr=(e,a="normal",t="rgb")=>{let r="function"==typeof a?a:Br[a],o=x(t),l=I(t).channels;return e.map(e=>{let a=o(e);return void 0===a.alpha&&(a.alpha=1),a}).reduce((e,a)=>{if(void 0===e)return a;let o=a.alpha+e.alpha*(1-a.alpha);return l.reduce((t,l)=>("alpha"!==l&&(0===o?t[l]=0:(t[l]=a.alpha*(1-e.alpha)*a[l]+a.alpha*e.alpha*r(e[l],a[l])+(1-a.alpha)*e.alpha*e[l],t[l]=Math.max(0,Math.min(1,t[l]/o)))),t),{mode:t,alpha:o})})},Kr=(e="rgb",a={})=>{let t=I(e),r=(e=>Object.keys(e).reduce((a,t)=>{let r=e[t];return a[t]=Array.isArray(r)?r:[r,r],a},{}))(a);return t.channels.reduce((e,a)=>((r.alpha||"alpha"!==a)&&(e[a]=(([e,a])=>e+Math.random()*(a-e))(r[a]||t.ranges[a])),e),{mode:e})},Vr=(e,a="rgb",t=!1)=>{let r=a?I(a).channels:null,o=a?x(a):y;return l=>{let n=o(l);if(!n)return;let i=(r||I(n.mode).channels).reduce((t,r)=>{let o=e(n[r],r,n,a);return void 0===o||isNaN(o)||(t[r]=o),t},{mode:n.mode});if(!t)return i;let h=y(l);return h&&h.mode!==i.mode?x(h.mode)(i):i}},Zr=(e,a,t)=>"alpha"!==a?(e||0)*(void 0!==t.alpha?t.alpha:1):e,Qr=(e,a,t)=>"alpha"!==a&&0!==t.alpha?(e||0)/(void 0!==t.alpha?t.alpha:1):e,Ur=(e=1,a=0)=>(t,r)=>"alpha"!==r?t*e+a:t,eo=(e=1,a=1,t=0)=>(r,o)=>"alpha"!==o?e*Math.pow(r,a)+t:r,ao=e=>{void 0===e[0]&&(e[0]=0),void 0===e[e.length-1]&&(e[e.length-1]=1);let a,t,r,o,l=1;for(;l<e.length;){if(void 0===e[l]){for(t=l,r=e[l-1],a=l;void 0===e[a];)a++;for(o=(e[a]-r)/(a-l+1);l<a;)e[l]=r+(l+1-t)*o,l++}else e[l]<e[l-1]&&(e[l]=e[l-1]);l++}return e},to=(e=.5)=>a=>e<=0?1:e>=1?0:Math.pow(a,Math.log(.5)/Math.log(e)),ro=e=>"function"==typeof e,oo=e=>e&&"object"==typeof e,lo=e=>"number"==typeof e,no=(e,a="rgb",t,r)=>{let o=I(a),l=x(a),n=[],i=[],h={};e.forEach(e=>{Array.isArray(e)?(n.push(l(e[0])),i.push(e[1])):lo(e)||ro(e)?h[i.length]=e:(n.push(l(e)),i.push(void 0))}),ao(i);let d=o.channels.reduce((e,a)=>{let r;return r=oo(t)&&oo(t[a])&&t[a].fixup?t[a].fixup:oo(o.interpolate[a])&&o.interpolate[a].fixup?o.interpolate[a].fixup:e=>e,e[a]=r(n.map(e=>e[a])),e},{});if(r){let e=n.map((e,t)=>o.channels.reduce((e,a)=>(e[a]=d[a][t],e),{mode:a}));d=o.channels.reduce((t,o)=>(t[o]=e.map(e=>{let t=r(e[o],o,e,a);return isNaN(t)?void 0:t}),t),{})}let p=o.channels.reduce((e,a)=>{let r;return ro(t)?r=t:oo(t)&&ro(t[a])?r=t[a]:oo(t)&&oo(t[a])&&t[a].use?r=t[a].use:ro(o.interpolate[a])?r=o.interpolate[a]:oo(o.interpolate[a])&&(r=o.interpolate[a].use),e[a]=r(d[a]),e},{}),s=n.length-1;return e=>{if((e=Math.min(Math.max(0,e),1))<=i[0])return n[0];if(e>i[s])return n[s];let t=0;for(;i[t]<e;)t++;let r=i[t-1],l=i[t]-r,d=(e-r)/l,u=h[t]||h[0];void 0!==u&&(lo(u)&&(u=to((u-r)/l)),d=u(d));let b=(t-1+d)/s;return o.channels.reduce((e,a)=>{let t=p[a](b);return void 0!==t&&(e[a]=t),e},{mode:a})}},io=(e,a="rgb",t)=>no(e,a,t),ho=(e,a)=>(t,r="rgb",o)=>{let l=a?Vr(a,r):void 0,n=no(t,r,o,e);return l?e=>l(n(e)):n},po=ho(Zr,Qr),so=(e,a)=>(e+a)%a,uo=(e,a,t,r,o)=>{let l=o*o,n=l*o;return((1-3*o+3*l-n)*e+(4-6*l+3*n)*a+(1+3*o+3*l-3*n)*t+n*r)/6},bo=e=>a=>{let t=e.length-1,r=a>=1?t-1:Math.max(0,Math.floor(a*t));return uo(r>0?e[r-1]:2*e[r]-e[r+1],e[r],e[r+1],r<t-1?e[r+2]:2*e[r+1]-e[r],(a-r/t)*t)},vo=e=>a=>{const t=e.length-1,r=Math.floor(a*t);return uo(e[so(r-1,e.length)],e[so(r,e.length)],e[so(r+1,e.length)],e[so(r+2,e.length)],(a-r/t)*t)},co=e=>{let a,t=e.length-1,r=new Array(t),o=new Array(t),l=new Array(t);for(r[1]=1/4,o[1]=(6*e[1]-e[0])/4,a=2;a<t;++a)r[a]=1/(4-r[a-1]),o[a]=(6*e[a]-(a==t-1?e[t]:0)-o[a-1])*r[a];for(l[0]=e[0],l[t]=e[t],t-1>0&&(l[t-1]=o[t-1]),a=t-2;a>0;--a)l[a]=o[a]-r[a]*l[a+1];return l},go=e=>bo(co(e)),Mo=e=>vo(co(e)),fo=Math.sign,mo=Math.min,yo=Math.abs,xo=e=>{let a=e.length-1,t=[],r=[],o=[];for(let l=0;l<a;l++)t.push((e[l+1]-e[l])*a),r.push(l>0?.5*(e[l+1]-e[l-1])*a:void 0),o.push(l>0?(fo(t[l-1])+fo(t[l]))*mo(yo(t[l-1]),yo(t[l]),.5*yo(r[l])):void 0);return[t,r,o]},zo=(e,a,t)=>{let r=e.length-1,o=r*r;return l=>{let n;n=l>=1?r-1:Math.max(0,Math.floor(l*r));let i=l-n/r,h=i*i,d=h*i;return(a[n]+a[n+1]-2*t[n])*o*d+(3*t[n]-2*a[n]-a[n+1])*r*h+a[n]*i+e[n]}},wo=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,,r]=xo(e);return r[0]=t[0],r[a]=t[a-1],zo(e,r,t)},ko=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,r,o]=xo(e);return r[0]=(2*e[1]-1.5*e[0]-.5*e[2])*a,r[a]=(1.5*e[a]-2*e[a-1]+.5*e[a-2])*a,o[0]=r[0]*t[0]<=0?0:yo(r[0])>2*yo(t[0])?2*t[0]:r[0],o[a]=r[a]*t[a-1]<=0?0:yo(r[a])>2*yo(t[a-1])?2*t[a-1]:r[a],zo(e,o,t)},$o=e=>{let a=e.length-1,[t,r,o]=xo(e);r[0]=.5*(e[1]-e[a])*a,r[a]=.5*(e[0]-e[a-1])*a;let l=(e[0]-e[a])*a,n=l;return o[0]=(fo(l)+fo(t[0]))*mo(yo(l),yo(t[0]),.5*yo(r[0])),o[a]=(fo(t[a-1])+fo(n))*mo(yo(t[a-1]),yo(n),.5*yo(r[a])),zo(e,o,t)},To=(e=1)=>1===e?e=>e:a=>Math.pow(a,e),Po=(e=2,a=1)=>{let t=To(a);if(e<2)return e<1?[]:[t(.5)];let r=[];for(let a=0;a<e;a++)r.push(t(a/(e-1)));return r},Io=x("rgb"),qo=e=>{const a={mode:e.mode,r:Math.max(0,Math.min(void 0!==e.r?e.r:0,1)),g:Math.max(0,Math.min(void 0!==e.g?e.g:0,1)),b:Math.max(0,Math.min(void 0!==e.b?e.b:0,1))};return void 0!==e.alpha&&(a.alpha=e.alpha),a},Ro=e=>qo(Io(e)),Lo=e=>void 0!==e&&(void 0===e.r||e.r>=0&&e.r<=1)&&(void 0===e.g||e.g>=0&&e.g<=1)&&(void 0===e.b||e.b>=0&&e.b<=1);function jo(e){return Lo(Io(e))}function Ho(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>!0;const t=x("string"==typeof a?a:e);return e=>Lo(t(e))}function Oo(e){if(void 0===(e=y(e))||jo(e))return e;return x(e.mode)(Ro(e))}function Xo(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>y(e);const t="string"==typeof a?a:e,r=x(t),o=Ho(t);return e=>{const a=y(e);if(!a)return;const t=r(a);if(o(t))return a;const l=qo(t);return a.mode===l.mode?l:x(a.mode)(l)}}function Co(e,a="lch",t="rgb"){e=y(e);let r="rgb"===t?jo:Ho(t),o="rgb"===t?Ro:Xo(t);if(void 0===e||r(e))return e;let l=x(e.mode);e=x(a)(e);let n={...e,c:0};if(!r(n))return l(o(n));let i=0,h=void 0!==e.c?e.c:0,d=I(a).ranges.c,p=(d[1]-d[0])/Math.pow(2,13),s=n.c;for(;h-i>p;)n.c=i+.5*(h-i),r(n)?(s=n.c,i=n.c):h=n.c;return l(r(n)?n:{...n,c:s})}function So(e="rgb",a="oklch",t=Xe("oklch"),r=.02){const o=x(e),l=I(e);if(!l.gamut)return e=>o(e);const n=Ho(e),i=Xo(e),h=x(a),{ranges:d}=I(a);if(!d.l||!d.c)throw new Error("LCH-like space expected");return a=>{if(void 0===(a=y(a)))return;const p={...h(a)};if(void 0===p.l&&(p.l=0),void 0===p.c&&(p.c=0),p.l>=d.l[1]){const t={...l.white,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(p.l<=d.l[0]){const t={...l.black,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(n(p))return o(p);let s=0,u=p.c,b=(d.c[1]-d.c[0])/4e3,v=i(p);for(;u-s>b;)p.c=.5*(s+u),v=i(p),n(p)||t&&r>0&&t(p,v)<=r?s=p.c:u=p.c;return o(n(p)?p:v)}}var Eo=(e,a=Xe(),t=e=>e)=>{let r=e.map((e,a)=>({color:t(e),i:a}));return(t,o=1,l=1/0)=>(isFinite(o)&&(o=Math.max(1,Math.min(o,r.length-1))),r.forEach(e=>{e.d=a(t,e.color)}),r.sort((e,a)=>e.d-a.d).slice(0,o).filter(e=>e.d<l).map(a=>e[a.i]))},Ao=e=>Math.max(e,0),No=e=>Math.max(Math.min(e,1),0),_o=(e,a,t=!1)=>{let r=x(a),o=I(a).channels;return l=>{let n=r(l);if(!n)return;let i,h={mode:a},d=o.length;for(let a=0;a<e.length;a++)i=o[Math.floor(a/d)],void 0!==n[i]&&(h[i]=(h[i]||0)+e[a]*(n[o[a%d]]||0));if(!t)return h;let p=y(l);return p&&h.mode!==p.mode?x(p.mode)(h):h}},Do=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t),a,!0)},Jo=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t,(1-t)/2),a,!0)},Go=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.393+.607*a,.769-.769*a,.189-.189*a,0,.349-.349*a,.686+.314*a,.168-.168*a,0,.272-.272*a,.534-.534*a,.131+.869*a,0,0,0,0,1]})(e),a,!0),Fo=(e=1,a="rgb")=>_o((e=>{let a=Ao(e);return[.213+.787*a,.715-.715*a,.072-.072*a,0,.213-.213*a,.715+.285*a,.072-.072*a,0,.213-.213*a,.715-.715*a,.072+.928*a,0,0,0,0,1]})(e),a,!0),Wo=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.2126+.7874*a,.7152-.7152*a,.0722-.0722*a,0,.2126-.2126*a,.7152+.2848*a,.0722-.0722*a,0,.2126-.2126*a,.7152-.7152*a,.0722+.9278*a,0,0,0,0,1]})(e),a,!0),Bo=(e=1,a="rgb")=>{let t=No(e);return Vr((e,a)=>"alpha"===a?e:((e,a,t)=>void 0===e||void 0===a?void 0:e+t*(a-e))(t,1-t,e),a,!0)},Yo=(e=0,a="rgb")=>_o((e=>{let a=Math.PI*e/180,t=Math.cos(a),r=Math.sin(a);return[.213+.787*t-.213*r,.715-.715*t-.715*r,.072-.072*t+.928*r,0,.213-.213*t+.143*r,.715+.285*t+.14*r,.072-.072*t-.283*r,0,.213-.213*t-.787*r,.715-.715*t+.715*r,.072+.928*t+.072*r,0,0,0,0,1]})(e),a,!0),Ko=x("rgb"),Vo=[[1,0,-0,0,1,0,-0,-0,1],[.856167,.182038,-.038205,.029342,.955115,.015544,-.00288,-.001563,1.004443],[.734766,.334872,-.069637,.05184,.919198,.028963,-.004928,-.004209,1.009137],[.630323,.465641,-.095964,.069181,.890046,.040773,-.006308,-.007724,1.014032],[.539009,.579343,-.118352,.082546,.866121,.051332,-.007136,-.011959,1.019095],[.458064,.679578,-.137642,.092785,.846313,.060902,-.007494,-.016807,1.024301],[.38545,.769005,-.154455,.100526,.829802,.069673,-.007442,-.02219,1.029632],[.319627,.849633,-.169261,.106241,.815969,.07779,-.007025,-.028051,1.035076],[.259411,.923008,-.18242,.110296,.80434,.085364,-.006276,-.034346,1.040622],[.203876,.990338,-.194214,.112975,.794542,.092483,-.005222,-.041043,1.046265],[.152286,1.052583,-.204868,.114503,.786281,.099216,-.003882,-.048116,1.051998]],Zo=[[1,0,-0,0,1,0,-0,-0,1],[.866435,.177704,-.044139,.049567,.939063,.01137,-.003453,.007233,.99622],[.760729,.319078,-.079807,.090568,.889315,.020117,-.006027,.013325,.992702],[.675425,.43385,-.109275,.125303,.847755,.026942,-.00795,.018572,.989378],[.605511,.52856,-.134071,.155318,.812366,.032316,-.009376,.023176,.9862],[.547494,.607765,-.155259,.181692,.781742,.036566,-.01041,.027275,.983136],[.498864,.674741,-.173604,.205199,.754872,.039929,-.011131,.030969,.980162],[.457771,.731899,-.18967,.226409,.731012,.042579,-.011595,.034333,.977261],[.422823,.781057,-.203881,.245752,.709602,.044646,-.011843,.037423,.974421],[.392952,.82361,-.216562,.263559,.69021,.046232,-.01191,.040281,.97163],[.367322,.860646,-.227968,.280085,.672501,.047413,-.01182,.04294,.968881]],Qo=[[1,0,-0,0,1,0,-0,-0,1],[.92667,.092514,-.019184,.021191,.964503,.014306,.008437,.054813,.93675],[.89572,.13333,-.02905,.029997,.9454,.024603,.013027,.104707,.882266],[.905871,.127791,-.033662,.026856,.941251,.031893,.01341,.148296,.838294],[.948035,.08949,-.037526,.014364,.946792,.038844,.010853,.193991,.795156],[1.017277,.027029,-.044306,-.006113,.958479,.047634,.006379,.248708,.744913],[1.104996,-.046633,-.058363,-.032137,.971635,.060503,.001336,.317922,.680742],[1.193214,-.109812,-.083402,-.058496,.97941,.079086,-.002346,.403492,.598854],[1.257728,-.139648,-.118081,-.078003,.975409,.102594,-.003316,.501214,.502102],[1.278864,-.125333,-.153531,-.084748,.957674,.127074,-989e-6,.601151,.399838],[1.255528,-.076749,-.178779,-.078411,.930809,.147602,.004733,.691367,.3039]],Uo=(e,a)=>{let t=Math.max(0,Math.min(1,a)),r=Math.round(t/.1),o=Math.round(t%.1),l=e[r];if(o>0&&r<e.length-1){let a=e[r+1];l=l.map((e,t)=>U(l[t],a[t],o))}return e=>{let a=y(e);if(void 0===a)return;let{r:t,g:r,b:o}=Ko(a),n={mode:"rgb",r:l[0]*t+l[1]*r+l[2]*o,g:l[3]*t+l[4]*r+l[5]*o,b:l[6]*t+l[7]*r+l[8]*o};return void 0!==a.alpha&&(n.alpha=a.alpha),x(a.mode)(n)}},el=(e=1)=>Uo(Vo,e),al=(e=1)=>Uo(Zo,e),tl=(e=1)=>Uo(Qo,e),rl=e=>e*e*(3-2*e),ol=e=>.5-Math.sin(Math.asin(1-2*e)/3),ll=e=>e*e*e*(e*(6*e-15)+10),nl=e=>(1-Math.cos(e*Math.PI))/2;function il(e){let a=x("lrgb")(e);return.2126*a.r+.7152*a.g+.0722*a.b}function hl(e,a){let t=il(e),r=il(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}var dl=P(Me),pl=P(Be),sl=P(fa),ul=P(ma),bl=P(za),vl=P(qa),cl=P(ja),gl=P(Ca),Ml=P(Ya),fl=P(ot),ml=P(it),yl=P(mt),xl=P(yt),zl=P(wt),wl=P(kt),kl=P(Xt),$l=P(Ct),Tl=P(St),Pl=P(Kt),Il=P(Qt),ql=P(er),Rl=P(tr),Ll=P(lr),jl=P(pr),Hl=P(Mr),Ol=P(ne),Xl=P(kr),Cl=P($r),Sl=P(Ir),El=P(Lr)}},a={};function t(r){var o=a[r];if(void 0!==o)return o.exports;var l=a[r]={exports:{}};return e[r](l,l.exports,t),l.exports}var r={};return(()=>{"use strict";var e=r; /* * * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2026 Preline Labs Ltd. */Object.defineProperty(e,"__esModule",{value:!0}),e.varToColor=function(e,t){if(e.startsWith("#")||e.startsWith("rgba"))return e;const r=t||document.documentElement;return function(e){const t=(0,a.parse)(e),r=(0,a.clampChroma)(t,"oklch");return(0,a.formatHex)(r)}(getComputedStyle(r).getPropertyValue(e).trim())};const a=t(8710)})(),r})()); </script> <script> !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("ApexCharts"));else if("function"==typeof define&&define.amd)define(["ApexCharts"],t);else{var s="object"==typeof exports?t(require("ApexCharts")):t(e.ApexCharts);for(var a in s)("object"==typeof exports?exports:e)[a]=s[a]}}(self,e=>(()=>{"use strict";var t={4024(e,t,s){ /* * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2024 Preline Labs Ltd. */ var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.buildChart=function(e,t,s,a){const l=document.querySelector(e);let n=null;if(!l)return!1;const o=l.closest('[role="tabpanel"]');let i=null;Array.from(document.querySelector("html").classList).forEach(e=>{["dark","light","default"].includes(e)&&(i=e)});const d=(e=i||localStorage.getItem("hs_theme"))=>"dark"===e||"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?window._.merge(t("dark"),"function"==typeof a?a():a):window._.merge(t("light"),"function"==typeof s?s():s);if(l){let e=!0;n=new r.default(l,d()),n.render(),setTimeout(()=>{e=!1},100);let t=!1;const s=t=>{e||(n.updateOptions(d(t.detail)),window.dispatchEvent(new Event("resize")))},a=e=>{var t;let a;const r=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:document.querySelector("html");Array.from(r.classList).forEach(e=>{["dark","light","default"].includes(e)&&(a=e)}),s({detail:a||localStorage.getItem("hs_theme")})},i=e=>{const t=e.detail;t&&t.isClipboardInit||a(t)},p=s=>{if(t)return;const r=s.detail,n=null==r?void 0:r.target;n&&l&&n.contains(l)&&(t=!0,e?setTimeout(()=>a(r),120):a(r))};window.addEventListener("on-hs-appearance-change",s),window.addEventListener("on-hs-color-theme-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-font-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-brand-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-clipboard-init-progress",p),o&&o.addEventListener("on-hs-appearance-change",s)}return n},t.buildHeatmapTooltip=function(e,t){const{mode:s,valuePrefix:a="$",valuePostfix:r="",divider:l="",wrapperClasses:n="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:o="",markerClasses:i="w-2.5! h-2.5! me-1.5!",markerStyles:d="",markerExtClasses:p="rounded-xs!",valueClasses:c="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:u=""}=t,{dataPointIndex:x,seriesIndex:h,series:g}=e,{name:v}=e.ctx.opts.series[h],$=`${a}${g[h][x]}${r}`;return`<div class="${"dark"===s?"dark ":""}${n} ${o}">\n <div class="apexcharts-tooltip-series-group flex!">\n\t\t\t<span class="apexcharts-tooltip-marker ${i} ${p}" style="${d}"></span>\n <span class="flex items-center">\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${c} ${u}">${v}${l}</span>\n </div>\n </div>\n </span>\n\t\t\t<span class="apexcharts-tooltip-text-y-value ${c} ${u}">${$}</span>\n </div>\n </div>`},t.buildTooltip=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasTextLabel:o=!1,invertGroup:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="text-xs",seriesExtClasses:x="",titleClasses:h="font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{colors:C}=e.w.globals,E=e.ctx.opts.series;let S="";return E.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof E[s].data[k]?E[s].data[k]:e.series[s][k]),p=E[s].name,c=i?{left:`${o?p:""}${d}`,right:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`}:{left:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`,right:`${o?p:""}${d}`},h=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${c.left}</span>`;S+=`<div class="apexcharts-tooltip-series-group !flex ${o?"justify-between!":""} order-${s+1} ${u} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${C[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${c.right}</span>\n </div>\n </div>\n </span>\n ${h}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">${s}</div>\n ${S}\n </div>`},t.buildTooltipCompareTwo=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=S[s].altValue||null,c=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${P} ${o||""}</span>`,h=p||`<span class="apexcharts-tooltip-text-y-value ${m} ${f}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}${d}</span>`;j+=`<div class="apexcharts-tooltip-series-group ${u} !flex order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n ${h}\n </div>\n </div>\n </span>\n ${i?c:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipCompareTwoAlt=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}</span>`;j+=`<div class="apexcharts-tooltip-series-group !flex ${u} order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text text-xs">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${P} ${o||""}${d}</span>\n </div>\n </div>\n </span>\n ${i?p:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipForDonut=function({series:e,seriesIndex:t,w:s},a){const{globals:r}=s,{colors:l}=r;return`<div class="apexcharts-tooltip-series-group" style="background-color: ${l[t]}; display: block;">\n <div class="apexcharts-tooltip-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n </div>\n </div>\n </div>`},t.fullBarHoverEffect=function(e,{shadowClasses:t="fill-gray-200"}={}){var s;const a=e.el.querySelector(".apexcharts-grid"),r=e.el.querySelector("svg");if(!a||!r)return;const l=(null===(s=e.w.config.xaxis)||void 0===s?void 0:s.categories)||[];if(0===l.length)return;let n=null,o=!1,i=!1;function d(){n&&o&&!i&&(i=!0,n.classList.remove("opacity-100"),null==n||n.remove(),n=null,o=!1,i=!1)}r.addEventListener("mousemove",s=>{const r=a.getBoundingClientRect();if(s.clientX<r.left||s.clientX>r.right||s.clientY<r.top||s.clientY>r.bottom)return void d();const p=(s.clientX-r.left)/r.width,c=Math.floor(p*l.length);c<0||c>=l.length?d():function(s){var a;const r=e.el.querySelector(".apexcharts-bar-series");if(!r)return;const l=r.querySelectorAll("path")[s];if(!l)return;const d=l.getBBox(),p=d.x,c=d.y,u=d.width;c<=0||(n||(n=document.createElementNS("http://www.w3.org/2000/svg","rect"),n.setAttribute("y","0"),n.setAttribute("class",t),null===(a=l.parentNode)||void 0===a||a.insertBefore(n,l)),n.setAttribute("x",p.toString()),n.setAttribute("width",u.toString()),n.setAttribute("height",c.toString()),requestAnimationFrame(()=>{null==n||n.classList.add("opacity-100")}),o=!0,i=!1)}(c)}),r.addEventListener("mouseleave",d)},t.cssVarToValue=function(e,t=document.documentElement){const s=getComputedStyle(t).getPropertyValue(e);return s?s.trim():null};const r=a(s(3157))},3157(t){t.exports=e}},s={};var a=function e(a){var r=s[a];if(void 0!==r)return r.exports;var l=s[a]={exports:{}};return t[a].call(l.exports,l,l.exports,e),l.exports}(4024);return a})()); </script> <script> window.addEventListener("message", (event) => { const data = event.data || {}; if (!data.type) return false; if (data.type === "hs:color-theme-change") { window.dispatchEvent(new CustomEvent("on-hs-color-theme-change", { detail: { target: document.documentElement, value: data.value } })); } }); </script> <script> // Apex Line Chart (function () { window.addEventListener('load', () => { const areaCharts = [ { id: '#hs-total-discounts-line-chart', series: [ { name: '2023', data: [180, 510, 600, 380, 880, 500, 400, 520, 880, 800, 600, 700] }, { name: '2022', data: [270, 380, 600, 770, 400, 500, 490, 290, 420, 270, 420, 500] } ] }, { id: '#hs-new-discounts-line-chart', series: [ { name: '2023', data: [400, 520, 880, 800, 600, 700, 180, 510, 600, 380, 880, 500] }, { name: '2022', data: [500, 490, 290, 420, 270, 420, 500, 270, 380, 600, 770, 400] } ] }, { id: '#hs-amount-discounts-line-chart', series: [ { name: '2023', data: [380, 880, 500, 400, 520, 180, 510, 600, 880, 800, 600, 700] }, { name: '2022', data: [600, 770, 400, 500, 490, 290, 270, 380, 420, 270, 420, 500] } ] } ]; const initializedCharts = []; areaCharts.forEach(({ id, series }, i) => { initializedCharts.push({ id, chart: buildChart(id, (mode) => ({ chart: { height: 300, type: 'area', toolbar: { show: false }, zoom: { enabled: false } }, series, legend: { show: false }, dataLabels: { enabled: false }, animations: { enabled: true }, stroke: { curve: 'smooth', width: 2 }, fill: { type: 'gradient', gradient: { type: 'vertical', shadeIntensity: 1, opacityFrom: 0.2, opacityTo: 0.8 } }, xaxis: { type: 'category', tickPlacement: 'on', categories: [ '25 July', '28 July', '31 July', '1 July', '3 July', '6 July', '9 July', '12 August', '15 August', '18 August', '21 August', '25 August' ], axisBorder: { show: false }, axisTicks: { show: false }, crosshairs: { stroke: { dashArray: 0 }, dropShadow: { show: false } }, tooltip: { enabled: false }, labels: { style: { colors: varToColor('--chart-colors-xaxis-labels'), fontSize: '13px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (title) => { let t = title; if (t) { const newT = t.split(' '); t = `${newT[0]} ${newT[1].slice(0, 3)}`; } return t; } } }, yaxis: { labels: { align: 'left', minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels'), fontSize: '12px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (value) => value >= 1000 ? `${value / 1000}k` : value } }, tooltip: { y: { formatter: (value) => `$${value >= 1000 ? `${value / 1000}k` : value}` }, custom: function (props) { return buildTooltipCompareTwo(props, { title: 'Total redemptions', mode, hasTextLabel: true, valuePrefix: '', isValueDivided: false, wrapperExtClasses: 'min-w-48' }); } }, responsive: [{ breakpoint: 568, options: { chart: { height: 300 }, labels: { style: { colors: varToColor('--chart-colors-labels'), fontSize: '11px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, offsetX: -2, formatter: (title) => title.slice(0, 3) }, yaxis: { labels: { align: 'left', minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels'), fontSize: '11px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (value) => value >= 1000 ? `${value / 1000}k` : value } }, }, }] }), () => ({ colors: [varToColor('--chart-colors-primary-hex'), varToColor('--chart-colors-chart-7-hex')], fill: { gradient: { shadeIntensity: .1, opacityFrom: .5, opacityTo: 0, stops: [50, 100, 100, 100] } }, grid: { strokeDashArray: 2, borderColor: varToColor('--chart-colors-grid-border') }, xaxis: { labels: { style: { colors: varToColor('--chart-colors-xaxis-labels'), } } }, yaxis: { labels: { style: { colors: varToColor('--chart-colors-yaxis-labels'), } } } }), () => ({ colors: [varToColor('--chart-colors-primary-hex-inverse'), varToColor('--chart-colors-chart-7-hex-inverse')], fill: { gradient: { shadeIntensity: .1, opacityFrom: .5, opacityTo: 0, stops: [50, 100, 100, 100] } }, grid: { strokeDashArray: 2, borderColor: varToColor('--chart-colors-grid-border-inverse') }, xaxis: { labels: { style: { colors: varToColor('--chart-colors-xaxis-labels-inverse'), } } }, yaxis: { labels: { style: { colors: varToColor('--chart-colors-yaxis-labels-inverse'), } } } })) }); }); // Animation on tab change const tabs = HSTabs.getInstance('#hs-charts-tabs'); if (tabs) { tabs.on('change', ({ el }) => { const associatedChart = el.getAttribute('data-hs-associated-chart'); const { chart } = initializedCharts.find(({ id }) => id === associatedChart); const { series } = areaCharts.find(({ id }) => id === associatedChart); if (chart) chart.updateSeries(series); }); } }); })(); </script>

<!-- Card --> <div class="flex flex-col bg-inverse/10 border border-line-inverse/30 backdrop-blur-lg rounded-2xl"> <div class="p-4 pb-0"> <div class="mb-5 flex justify-between items-center gap-3"> <svg class="shrink-0 size-6 text-foreground-inverse" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h.01"/><path d="M2 8.82a15 15 0 0 1 20 0"/><path d="M5 12.859a10 10 0 0 1 14 0"/><path d="M8.5 16.429a5 5 0 0 1 7 0"/></svg> <div> <span class="block text-xl text-foreground-inverse"> 0.38<span class="ms-0.5 text-xs text-foreground-inverse/70">kWh</span> </span> </div> </div> <div class="mb-5"> <p class="text-sm text-foreground-inverse/60"> Wi-Fi </p> <p class="text-foreground-inverse"> Starlink Internet </p> </div> <!-- Grid --> <div class="flex justify-between gap-3"> <div class="text-start"> <span class="block text-sm text-foreground-inverse/90"> Min </span> <span class="block text-xs text-foreground-inverse/70"> 75 W </span> <span class="block text-xs text-foreground-inverse/70"> 05:29 am </span> </div> <!-- End Col --> <div class="text-end"> <span class="block text-sm text-foreground-inverse/90"> Max </span> <span class="block text-xs text-foreground-inverse/70"> 0.38 W </span> <span class="block text-xs text-foreground-inverse/70"> 04.29 pm </span> </div> <!-- End Col --> </div> <!-- End Grid --> </div> <!-- Apex Bar Chart --> <div id="hs-pro-shach1" class="min-h-14 w-full px-1 -mb-4"></div> <div class="p-4 pt-0"> <div class="flex items-center gap-2.5"> <span class="flex shrink-0 justify-center items-center size-8.5 border border-line-inverse/20 rounded-lg"> <svg class="shrink-0 size-5 text-foreground-inverse" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 14 4-4"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/></svg> </span> <div class="grow"> <div class="flex flex-wrap justify-between items-center gap-x-2.5"> <p class="text-xs text-foreground-inverse/70"> Active </p> <p class="text-xs text-foreground-inverse/70"> Speed ~ 1GB </p> </div> </div> </div> </div> </div> <!-- End Card --> <link rel="stylesheet" href="../../../assets/vendor/apexcharts/dist/apexcharts.css"> <style> .apexcharts-tooltip.apexcharts-theme-light { background-color: transparent !important; border: none !important; box-shadow: none !important; } .apexcharts-xaxistooltip { background: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; } .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-primary-600) !important; } </style> <script> (function () { const html = document.documentElement; const appearance = localStorage.getItem("hs_theme") || "default"; const resolvedAppearance = appearance === "auto" ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default") : appearance; const colorTheme = localStorage.getItem("hs-clipboard-theme") || "default"; const brand = localStorage.getItem("hs-clipboard-brand"); const font = localStorage.getItem("hs-clipboard-font"); html.classList.toggle("dark", resolvedAppearance === "dark"); html.setAttribute("data-theme", `theme-${colorTheme}`); if (brand) html.setAttribute("data-brand", brand); if (font) html.setAttribute("data-font", font); })(); </script> <script src="../../../assets/vendor/lodash/lodash.min.js"></script> <script src="../../../assets/vendor/apexcharts/dist/apexcharts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/culori@4.0.2/bundled/culori.umd.min.js"></script> <script> !function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var t=a();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,()=>(()=>{var e={8710(e){var a,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,n={};((e,a)=>{for(var r in a)t(e,r,{get:a[r],enumerable:!0})})(n,{a98:()=>dl,average:()=>We,averageAngle:()=>Je,averageNumber:()=>Ge,blend:()=>Yr,blerp:()=>ae,clampChroma:()=>Co,clampGamut:()=>Xo,clampRgb:()=>Oo,colorsNamed:()=>h,convertA98ToXyz65:()=>he,convertCubehelixToRgb:()=>Le,convertDlchToLab65:()=>va,convertHsiToRgb:()=>ya,convertHslToRgb:()=>wa,convertHsvToRgb:()=>Ra,convertHwbToRgb:()=>Ha,convertItpToXyz65:()=>Fa,convertJabToJch:()=>lt,convertJabToRgb:()=>rt,convertJabToXyz65:()=>at,convertJchToJab:()=>nt,convertLab65ToDlch:()=>ca,convertLab65ToRgb:()=>na,convertLab65ToXyz65:()=>la,convertLabToLch:()=>Ye,convertLabToRgb:()=>bt,convertLabToXyz50:()=>st,convertLchToLab:()=>Ke,convertLchuvToLuv:()=>Tt,convertLrgbToOklab:()=>Et,convertLrgbToRgb:()=>ce,convertLuvToLchuv:()=>$t,convertLuvToXyz50:()=>Ot,convertOkhslToOklab:()=>Yt,convertOkhsvToOklab:()=>Zt,convertOklabToLrgb:()=>Nt,convertOklabToOkhsl:()=>Bt,convertOklabToOkhsv:()=>Vt,convertOklabToRgb:()=>_t,convertP3ToXyz65:()=>rr,convertProphotoToXyz50:()=>dr,convertRec2020ToXyz65:()=>gr,convertRgbToCubehelix:()=>Re,convertRgbToHsi:()=>xa,convertRgbToHsl:()=>ka,convertRgbToHsv:()=>La,convertRgbToHwb:()=>Oa,convertRgbToJab:()=>tt,convertRgbToLab:()=>Mt,convertRgbToLab65:()=>da,convertRgbToLrgb:()=>ue,convertRgbToOklab:()=>At,convertRgbToXyb:()=>xr,convertRgbToXyz50:()=>vt,convertRgbToXyz65:()=>be,convertRgbToYiq:()=>qr,convertXybToRgb:()=>wr,convertXyz50ToLab:()=>gt,convertXyz50ToLuv:()=>Lt,convertXyz50ToProphoto:()=>ir,convertXyz50ToRgb:()=>ut,convertXyz50ToXyz65:()=>Pr,convertXyz65ToA98:()=>pe,convertXyz65ToItp:()=>Ba,convertXyz65ToJab:()=>Za,convertXyz65ToLab65:()=>ha,convertXyz65ToP3:()=>or,convertXyz65ToRec2020:()=>br,convertXyz65ToRgb:()=>ge,convertXyz65ToXyz50:()=>Tr,convertYiqToRgb:()=>Rr,converter:()=>x,cubehelix:()=>pl,differenceCie76:()=>Ce,differenceCie94:()=>Se,differenceCiede2000:()=>Ee,differenceCmc:()=>Ae,differenceEuclidean:()=>Xe,differenceHueChroma:()=>Oe,differenceHueNaive:()=>He,differenceHueSaturation:()=>je,differenceHyab:()=>Ne,differenceItp:()=>De,differenceKotsarenkoRamos:()=>_e,displayable:()=>jo,dlab:()=>sl,dlch:()=>ul,easingGamma:()=>To,easingInOutSine:()=>nl,easingMidpoint:()=>to,easingSmootherstep:()=>ll,easingSmoothstep:()=>rl,easingSmoothstepInverse:()=>ol,filterBrightness:()=>Do,filterContrast:()=>Jo,filterDeficiencyDeuter:()=>al,filterDeficiencyProt:()=>el,filterDeficiencyTrit:()=>tl,filterGrayscale:()=>Wo,filterHueRotate:()=>Yo,filterInvert:()=>Bo,filterSaturate:()=>Fo,filterSepia:()=>Go,fixupAlpha:()=>le,fixupHueDecreasing:()=>we,fixupHueIncreasing:()=>ze,fixupHueLonger:()=>xe,fixupHueShorter:()=>ye,formatCss:()=>Dr,formatHex:()=>Jr,formatHex8:()=>Gr,formatHsl:()=>Wr,formatRgb:()=>Fr,getMode:()=>I,hsi:()=>bl,hsl:()=>vl,hsv:()=>cl,hwb:()=>gl,inGamut:()=>Ho,interpolate:()=>io,interpolateWith:()=>ho,interpolateWithPremultipliedAlpha:()=>po,interpolatorLinear:()=>oe,interpolatorPiecewise:()=>re,interpolatorSplineBasis:()=>bo,interpolatorSplineBasisClosed:()=>vo,interpolatorSplineMonotone:()=>wo,interpolatorSplineMonotone2:()=>ko,interpolatorSplineMonotoneClosed:()=>$o,interpolatorSplineNatural:()=>go,interpolatorSplineNaturalClosed:()=>Mo,itp:()=>Ml,jab:()=>fl,jch:()=>ml,lab:()=>yl,lab65:()=>xl,lch:()=>zl,lch65:()=>wl,lchuv:()=>kl,lerp:()=>U,lrgb:()=>$l,luv:()=>Tl,mapAlphaDivide:()=>Qr,mapAlphaMultiply:()=>Zr,mapTransferGamma:()=>eo,mapTransferLinear:()=>Ur,mapper:()=>Vr,modeA98:()=>Me,modeCubehelix:()=>Be,modeDlab:()=>fa,modeDlch:()=>ma,modeHsi:()=>za,modeHsl:()=>qa,modeHsv:()=>ja,modeHwb:()=>Ca,modeItp:()=>Ya,modeJab:()=>ot,modeJch:()=>it,modeLab:()=>mt,modeLab65:()=>yt,modeLch:()=>wt,modeLch65:()=>kt,modeLchuv:()=>Xt,modeLrgb:()=>Ct,modeLuv:()=>St,modeOkhsl:()=>Kt,modeOkhsv:()=>Qt,modeOklab:()=>er,modeOklch:()=>tr,modeP3:()=>lr,modeProphoto:()=>pr,modeRec2020:()=>Mr,modeRgb:()=>ne,modeXyb:()=>kr,modeXyz50:()=>$r,modeXyz65:()=>Ir,modeYiq:()=>Lr,nearest:()=>Eo,okhsl:()=>Pl,okhsv:()=>Il,oklab:()=>ql,oklch:()=>Rl,p3:()=>Ll,parse:()=>V,parseHex:()=>s,parseHsl:()=>Ia,parseHslLegacy:()=>Pa,parseHwb:()=>Xa,parseLab:()=>ft,parseLch:()=>zt,parseNamed:()=>d,parseOklab:()=>Ut,parseOklch:()=>ar,parseRgb:()=>Z,parseRgbLegacy:()=>m,parseTransparent:()=>Q,prophoto:()=>jl,random:()=>Kr,rec2020:()=>Hl,removeParser:()=>R,rgb:()=>Ol,round:()=>jr,samples:()=>Po,serializeHex:()=>Er,serializeHex8:()=>Ar,serializeHsl:()=>_r,serializeRgb:()=>Nr,toGamut:()=>So,trilerp:()=>te,unlerp:()=>ee,useMode:()=>P,useParser:()=>q,wcagContrast:()=>hl,wcagLuminance:()=>il,xyb:()=>Xl,xyz50:()=>Cl,xyz65:()=>Sl,yiq:()=>El}),e.exports=(a=n,((e,a,n,i)=>{if(a&&"object"==typeof a||"function"==typeof a)for(let h of o(a))l.call(e,h)||h===n||t(e,h,{get:()=>a[h],enumerable:!(i=r(a,h))||i.enumerable});return e})(t({},"__esModule",{value:!0}),a));var i=(e,a)=>{if("number"==typeof e)return 3===a?{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|240&e)/255,b:(15&e|e<<4&240)/255}:4===a?{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|240&e)/255,alpha:(15&e|e<<4&240)/255}:6===a?{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(255&e)/255}:8===a?{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(255&e)/255}:void 0},h={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},d=e=>i(h[e.toLowerCase()],6),p=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,s=e=>{let a;return(a=e.match(p))?i(parseInt(a[1],16),a[1].length):void 0},u="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",b=`${u}%`,v=`(?:${u}%|${u})`,c=`(?:${u}(deg|grad|rad|turn)|${u})`,g="\\s*,\\s*",M=(new RegExp("^"+`(?:${u}%|${u}|none)`+"$"),new RegExp(`^rgba?\\(\\s*${u}${g}${u}${g}${u}\\s*(?:,\\s*${v}\\s*)?\\)$`)),f=new RegExp(`^rgba?\\(\\s*${b}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),m=e=>{let a,t={mode:"rgb"};if(a=e.match(M))void 0!==a[1]&&(t.r=a[1]/255),void 0!==a[2]&&(t.g=a[2]/255),void 0!==a[3]&&(t.b=a[3]/255);else{if(!(a=e.match(f)))return;void 0!==a[1]&&(t.r=a[1]/100),void 0!==a[2]&&(t.g=a[2]/100),void 0!==a[3]&&(t.b=a[3]/100)}return void 0!==a[4]?t.alpha=Math.max(0,Math.min(1,a[4]/100)):void 0!==a[5]&&(t.alpha=Math.max(0,Math.min(1,+a[5]))),t},y=(e,a)=>void 0===e?void 0:"object"!=typeof e?V(e):void 0!==e.mode?e:a?{...e,mode:a}:void 0,x=(e="rgb")=>a=>void 0!==(a=y(a,e))?a.mode===e?a:z[a.mode][e]?z[a.mode][e](a):"rgb"===e?z[a.mode].rgb(a):z.rgb[e](z[a.mode].rgb(a)):void 0,z={},w={},k=[],$={},T=e=>e,P=e=>(z[e.mode]={...z[e.mode],...e.toMode},Object.keys(e.fromMode||{}).forEach(a=>{z[a]||(z[a]={}),z[a][e.mode]=e.fromMode[a]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(a=>{if(void 0===e.ranges[a]&&(e.ranges[a]=[0,1]),!e.interpolate[a])throw new Error(`Missing interpolator for: ${a}`);"function"==typeof e.interpolate[a]&&(e.interpolate[a]={use:e.interpolate[a]}),e.interpolate[a].fixup||(e.interpolate[a].fixup=T)}),w[e.mode]=e,(e.parse||[]).forEach(a=>{q(a,e.mode)}),x(e.mode)),I=e=>w[e],q=(e,a)=>{if("string"==typeof e){if(!a)throw new Error("'mode' required when 'parser' is a string");$[e]=a}else"function"==typeof e&&k.indexOf(e)<0&&k.push(e)},R=e=>{if("string"==typeof e)delete $[e];else if("function"==typeof e){const a=k.indexOf(e);a>0&&k.splice(a,1)}},L=/[^\x00-\x7F]|[a-zA-Z_]/,j=/[^\x00-\x7F]|[-\w]/,H="function",O="ident",X="number",C="percentage",S=")",E="none",A="hue",N="alpha",_=0;function D(e){let a=e[_],t=e[_+1];return"-"===a||"+"===a?/\d/.test(t)||"."===t&&/\d/.test(e[_+2]):/\d/.test("."===a?t:a)}function J(e){if(_>=e.length)return!1;let a=e[_];if(L.test(a))return!0;if("-"===a){if(e.length-_<2)return!1;let a=e[_+1];return!("-"!==a&&!L.test(a))}return!1}var G={deg:1,rad:180/Math.PI,grad:.9,turn:360};function F(e){let a="";if("-"!==e[_]&&"+"!==e[_]||(a+=e[_++]),a+=W(e),"."===e[_]&&/\d/.test(e[_+1])&&(a+=e[_++]+W(e)),"e"!==e[_]&&"E"!==e[_]||("-"!==e[_+1]&&"+"!==e[_+1]||!/\d/.test(e[_+2])?/\d/.test(e[_+1])&&(a+=e[_++]+W(e)):a+=e[_++]+e[_++]+W(e)),J(e)){let t=B(e);return"deg"===t||"rad"===t||"turn"===t||"grad"===t?{type:A,value:a*G[t]}:void 0}return"%"===e[_]?(_++,{type:C,value:+a}):{type:X,value:+a}}function W(e){let a="";for(;/\d/.test(e[_]);)a+=e[_++];return a}function B(e){let a="";for(;_<e.length&&j.test(e[_]);)a+=e[_++];return a}function Y(e){let a=B(e);return"("===e[_]?(_++,{type:H,value:a}):"none"===a?{type:E,value:void 0}:{type:O,value:a}}function K(e,a){const t=[];let r;for(;e._i<e.length;)if(r=e[e._i++],r.type===E||r.type===X||r.type===N||r.type===C||a&&r.type===A)t.push(r);else{if(r.type!==S)return;if(e._i<e.length)return}if(!(t.length<3||t.length>4)){if(4===t.length){if(t[3].type!==N)return;t[3]=t[3].value}return 3===t.length&&t.push({type:E,value:void 0}),t.every(e=>e.type!==N)?t:void 0}}var V=e=>{if("string"!=typeof e)return;const a=function(e=""){let a,t=e.trim(),r=[];for(_=0;_<t.length;)if(a=t[_++],"\n"!==a&&"\t"!==a&&" "!==a){if(","===a)return;if(")"!==a){if("+"===a){if(_--,D(t)){r.push(F(t));continue}return}if("-"===a){if(_--,D(t)){r.push(F(t));continue}if(J(t)){r.push({type:O,value:B(t)});continue}return}if("."===a){if(_--,D(t)){r.push(F(t));continue}return}if("/"===a){for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;let e;if(D(t)&&(e=F(t),e.type!==A)){r.push({type:N,value:e});continue}if(J(t)&&"none"===B(t)){r.push({type:N,value:{type:E,value:void 0}});continue}return}if(/\d/.test(a))_--,r.push(F(t));else{if(!L.test(a))return;_--,r.push(Y(t))}}else r.push({type:S})}else for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;return r}(e),t=a?function(e,a){e._i=0;let t=e[e._i++];if(!t||t.type!==H)return;let r=K(e,a);return r?(r.unshift(t.value),r):void 0}(a,!0):void 0;let r,o=0,l=k.length;for(;o<l;)if(void 0!==(r=k[o++](e,t)))return r;return a?function(e){e._i=0;let a=e[e._i++];if(!a||a.type!==H||"color"!==a.value)return;if(a=e[e._i++],a.type!==O)return;const t=$[a.value];if(!t)return;const r={mode:t},o=K(e,!1);if(!o)return;const l=I(t).channels;for(let e,a,t=0;t<l.length;t++)e=o[t],a=l[t],e.type!==E&&(r[a]=e.type===X?e.value:e.value/100,"alpha"===a&&(r[a]=Math.max(0,Math.min(1,r[a]))));return r}(a):void 0};var Z=function(e,a){if(!a||"rgb"!==a[0]&&"rgba"!==a[0])return;const t={mode:"rgb"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.r=r.type===X?r.value/255:r.value/100),o.type!==E&&(t.g=o.type===X?o.value/255:o.value/100),l.type!==E&&(t.b=l.type===X?l.value/255:l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},Q=e=>"transparent"===e?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,U=(e,a,t)=>e+t*(a-e),ee=(e,a,t)=>(t-e)/(a-e),ae=(e,a,t,r,o,l)=>U(U(e,a,o),U(t,r,o),l),te=(e,a,t,r,o,l,n,i,h,d,p)=>U(ae(e,a,t,r,h,d),ae(o,l,n,i,h,d),p),re=e=>a=>{let t=(e=>{let a=[];for(let t=0;t<e.length-1;t++){let r=e[t],o=e[t+1];void 0===r&&void 0===o?a.push(void 0):void 0!==r&&void 0!==o?a.push([r,o]):a.push(void 0!==r?[r,r]:[o,o])}return a})(a);return a=>{let r=a*t.length,o=a>=1?t.length-1:Math.max(Math.floor(r),0),l=t[o];return void 0===l?void 0:e(l[0],l[1],r-o)}},oe=re(U),le=e=>{let a=!1,t=e.map(e=>void 0!==e?(a=!0,e):1);return a?t:e},ne={mode:"rgb",channels:["r","g","b","alpha"],parse:[Z,s,m,d,Q,"srgb"],serialize:"srgb",interpolate:{r:oe,g:oe,b:oe,alpha:{use:oe,fixup:le}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},ie=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),he=e=>{let a=ie(e.r),t=ie(e.g),r=ie(e.b),o={mode:"xyz65",x:.5766690429101305*a+.1855582379065463*t+.1882286462349947*r,y:.297344975250536*a+.6273635662554661*t+.0752914584939979*r,z:.0270313613864123*a+.0706888525358272*t+.9913375368376386*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},de=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),pe=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"a98",r:de(2.0415879038107465*e-.5650069742788597*a-.3447313507783297*t),g:de(-.9692436362808798*e+1.8759675015077206*a+.0415550574071756*t),b:de(.0134442806320312*e-.1183623922310184*a+1.0151749943912058*t)};return void 0!==r&&(o.alpha=r),o},se=(e=0)=>{const a=Math.abs(e);return a<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((a+.055)/1.055,2.4)},ue=({r:e,g:a,b:t,alpha:r})=>{let o={mode:"lrgb",r:se(e),g:se(a),b:se(t)};return void 0!==r&&(o.alpha=r),o},be=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.4123907992659593*a+.357584339383878*t+.1804807884018343*r,y:.2126390058715102*a+.715168678767756*t+.0721923153607337*r,z:.0193308187155918*a+.119194779794626*t+.9505321522496607*r};return void 0!==o&&(l.alpha=o),l},ve=(e=0)=>{const a=Math.abs(e);return a>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(a,1/2.4)-.055):12.92*e},ce=({r:e,g:a,b:t,alpha:r},o="rgb")=>{let l={mode:o,r:ve(e),g:ve(a),b:ve(t)};return void 0!==r&&(l.alpha=r),l},ge=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.2409699419045226*e-1.537383177570094*a-.4986107602930034*t,g:-.9692436362808796*e+1.8759675015077204*a+.0415550574071756*t,b:.0556300796969936*e-.2039769588889765*a+1.0569715142428784*t});return void 0!==r&&(o.alpha=r),o},Me={...ne,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>pe(be(e)),xyz65:pe},toMode:{rgb:e=>ge(he(e)),xyz65:he}},fe=e=>(e%=360)<0?e+360:e,me=(e,a)=>e.map((t,r,o)=>{if(void 0===t)return t;let l=fe(t);return 0===r||void 0===e[r-1]?l:a(l-fe(o[r-1]))}).reduce((e,a)=>e.length&&void 0!==a&&void 0!==e[e.length-1]?(e.push(a+e[e.length-1]),e):(e.push(a),e),[]),ye=e=>me(e,e=>Math.abs(e)<=180?e:e-360*Math.sign(e)),xe=e=>me(e,e=>Math.abs(e)>=180||0===e?e:e-360*Math.sign(e)),ze=e=>me(e,e=>e>=0?e:e+360),we=e=>me(e,e=>e<=0?e:e-360),ke=[-.14861,1.78277,-.29227,-.90649,1.97294,0],$e=Math.PI/180,Te=180/Math.PI,Pe=ke[3]*ke[4],Ie=ke[1]*ke[4],qe=ke[1]*ke[2]-ke[0]*ke[3],Re=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(qe*t+e*Pe-a*Ie)/(qe+Pe-Ie),l=t-o,n=(ke[4]*(a-o)-ke[2]*l)/ke[3],i={mode:"cubehelix",l:o,s:0===o||1===o?void 0:Math.sqrt(l*l+n*n)/(ke[4]*o*(1-o))};return i.s&&(i.h=Math.atan2(n,l)*Te-120),void 0!==r&&(i.alpha=r),i},Le=({h:e,s:a,l:t,alpha:r})=>{let o={mode:"rgb"};e=(void 0===e?0:e+120)*$e,void 0===t&&(t=0);let l=void 0===a?0:a*t*(1-t),n=Math.cos(e),i=Math.sin(e);return o.r=t+l*(ke[0]*n+ke[1]*i),o.g=t+l*(ke[2]*n+ke[3]*i),o.b=t+l*(ke[4]*n+ke[5]*i),void 0!==r&&(o.alpha=r),o},je=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.s||!a.s)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*a.s)*o},He=(e,a)=>{if(void 0===e.h||void 0===a.h)return 0;let t=fe(e.h),r=fe(a.h);return Math.abs(r-t)>180?t-(r-360*Math.sign(r-t)):r-t},Oe=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.c||!a.c)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*a.c)*o},Xe=(e="rgb",a=[1,1,1,0])=>{let t=I(e),r=t.channels,o=t.difference,l=x(e);return(e,t)=>{let n=l(e),i=l(t);return Math.sqrt(r.reduce((e,t,r)=>{let l=o[t]?o[t](n,i):n[t]-i[t];return e+(a[r]||0)*Math.pow(isNaN(l)?0:l,2)},0))}},Ce=()=>Xe("lab65"),Se=(e=1,a=.045,t=.015)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=Math.sqrt(b*b+v*v),g=Math.pow(h-u,2),M=Math.pow(s-c,2),f=Math.pow(d-b,2)+Math.pow(p-v,2)-M;return Math.sqrt(g/Math.pow(e,2)+M/Math.pow(1+a*s,2)+f/Math.pow(1+t*s,2))}},Ee=(e=1,a=1,t=1)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=(s+Math.sqrt(b*b+v*v))/2,g=.5*(1-Math.sqrt(Math.pow(c,7)/(Math.pow(c,7)+Math.pow(25,7)))),M=d*(1+g),f=b*(1+g),m=Math.sqrt(M*M+p*p),y=Math.sqrt(f*f+v*v),x=Math.abs(M)+Math.abs(p)===0?0:Math.atan2(p,M);x+=2*(x<0)*Math.PI;let z=Math.abs(f)+Math.abs(v)===0?0:Math.atan2(v,f);z+=2*(z<0)*Math.PI;let w=u-h,k=y-m,$=m*y===0?0:z-x;$-=2*($>Math.PI)*Math.PI,$+=2*($<-Math.PI)*Math.PI;let T,P=2*Math.sqrt(m*y)*Math.sin($/2),I=(h+u)/2,q=(m+y)/2;m*y===0?T=x+z:(T=(x+z)/2,T-=(Math.abs(x-z)>Math.PI)*Math.PI,T+=2*(T<0)*Math.PI);let R=Math.pow(I-50,2),L=1-.17*Math.cos(T-Math.PI/6)+.24*Math.cos(2*T)+.32*Math.cos(3*T+Math.PI/30)-.2*Math.cos(4*T-63*Math.PI/180),j=1+.015*R/Math.sqrt(20+R),H=1+.045*q,O=1+.015*q*L,X=30*Math.PI/180*Math.exp(-1*Math.pow((180/Math.PI*T-275)/25,2)),C=2*Math.sqrt(Math.pow(q,7)/(Math.pow(q,7)+Math.pow(25,7))),S=-1*Math.sin(2*X)*C;return Math.sqrt(Math.pow(w/(e*j),2)+Math.pow(k/(a*H),2)+Math.pow(P/(t*O),2)+S*k/(a*H)*P/(t*O))}},Ae=(e=1,a=1)=>{let t=x("lab65");return(r,o)=>{let l=t(r),n=l.l,i=l.a,h=l.b,d=Math.sqrt(i*i+h*h),p=Math.atan2(h,i);p+=2*Math.PI*(p<0);let s=t(o),u=s.l,b=s.a,v=s.b,c=Math.sqrt(b*b+v*v),g=Math.pow(n-u,2),M=Math.pow(d-c,2),f=Math.pow(i-b,2)+Math.pow(h-v,2)-M,m=Math.sqrt(Math.pow(d,4)/(Math.pow(d,4)+1900)),y=n<16?.511:.040975*n/(1+.01765*n),x=.0638*d/(1+.0131*d)+.638,z=x*(m*(p>=164/180*Math.PI&&p<=345/180*Math.PI?.56+Math.abs(.2*Math.cos(p+168/180*Math.PI)):.36+Math.abs(.4*Math.cos(p+35/180*Math.PI)))+1-m);return Math.sqrt(g/Math.pow(e*y,2)+M/Math.pow(a*x,2)+f/Math.pow(z,2))}},Ne=()=>{let e=x("lab65");return(a,t)=>{let r=e(a),o=e(t),l=r.l-o.l,n=r.a-o.a,i=r.b-o.b;return Math.abs(l)+Math.sqrt(n*n+i*i)}},_e=()=>Xe("yiq",[.5053,.299,.1957]),De=()=>Xe("itp",[518400,129600,518400]),Je=e=>{let a=e.reduce((e,a)=>{if(void 0!==a){let t=a*Math.PI/180;e.sin+=Math.sin(t),e.cos+=Math.cos(t)}return e},{sin:0,cos:0}),t=180*Math.atan2(a.sin,a.cos)/Math.PI;return t<0?360+t:t},Ge=e=>{let a=e.filter(e=>void 0!==e);return a.length?a.reduce((e,a)=>e+a,0)/a.length:void 0},Fe=e=>"function"==typeof e;function We(e,a="rgb",t){let r=I(a),o=e.map(x(a));return r.channels.reduce((e,a)=>{let l=o.map(e=>e[a]).filter(e=>void 0!==e);if(l.length){let o;o=Fe(t)?t:t&&Fe(t[a])?t[a]:r.average&&Fe(r.average[a])?r.average[a]:Ge,e[a]=o(l,a)}return e},{mode:a})}var Be={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Re},toMode:{rgb:Le},interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}},Ye=({l:e,a,b:t,alpha:r},o="lch")=>{void 0===a&&(a=0),void 0===t&&(t=0);let l=Math.sqrt(a*a+t*t),n={mode:o,l:e,c:l};return l&&(n.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(n.alpha=r),n},Ke=({l:e,c:a,h:t,alpha:r},o="lab")=>{void 0===t&&(t=0);let l={mode:o,l:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(l.alpha=r),l},Ve=Math.pow(29,3)/Math.pow(3,3),Ze=Math.pow(6,3)/Math.pow(29,3),Qe=.3457/.3585,Ue=1,ea=.2958/.3585,aa=.3127/.329,ta=1,ra=.3583/.329,oa=(Math.pow(29,3),Math.pow(3,3),Math.pow(6,3),Math.pow(29,3),e=>Math.pow(e,3)>Ze?Math.pow(e,3):(116*e-16)/Ve),la=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz65",x:oa(a/500+o)*aa,y:oa(o)*ta,z:oa(l)*ra};return void 0!==r&&(n.alpha=r),n},na=e=>ge(la(e)),ia=e=>e>Ze?Math.cbrt(e):(Ve*e+16)/116,ha=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ia(e/aa),l=ia(a/ta),n={mode:"lab65",l:116*l-16,a:500*(o-l),b:200*(l-ia(t/ra))};return void 0!==r&&(n.alpha=r),n},da=e=>{let a=ha(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},pa=26/180*Math.PI,sa=Math.cos(pa),ua=Math.sin(pa),ba=100/Math.log(1.39),va=({l:e,c:a,h:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"lab65",l:(Math.exp(1*e/ba)-1)/.0039},l=(Math.exp(.0435*a*1*1)-1)/.075,n=l*Math.cos(t/180*Math.PI-pa),i=l*Math.sin(t/180*Math.PI-pa);return o.a=n*sa-i/.83*ua,o.b=n*ua+i/.83*sa,void 0!==r&&(o.alpha=r),o},ca=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=a*sa+t*ua,l=.83*(t*sa-a*ua),n=Math.sqrt(o*o+l*l),i={mode:"dlch",l:ba/1*Math.log(1+.0039*e),c:Math.log(1+.075*n)/.0435};return i.c&&(i.h=fe((Math.atan2(l,o)+pa)/Math.PI*180)),void 0!==r&&(i.alpha=r),i},ga=e=>va(Ye(e,"dlch")),Ma=e=>Ke(ca(e),"dlab"),fa={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:ga,rgb:e=>na(ga(e))},fromMode:{lab65:Ma,rgb:e=>Ma(da(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},ma={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:va,dlab:e=>Ke(e,"dlab"),rgb:e=>na(va(e))},fromMode:{lab65:ca,dlab:e=>Ye(e,"dlch"),rgb:e=>ca(da(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:oe,c:oe,h:{use:oe,fixup:ye},alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}};function ya({h:e,s:a,i:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1-a)};break;case 1:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1+a*(3/(2-l)-1)),b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t*(1+a*(3/(2-l)-1)),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;case 3:o={r:t*(1-a),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1+a*(3/(2-l)-1))};break;case 4:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3/(2-l)-1))};break;case 5:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function xa({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsi",s:e+a+t===0?0:1-3*l/(e+a+t),i:(e+a+t)/3};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var za={mode:"hsi",toMode:{rgb:ya},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:xa},channels:["h","s","i","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,i:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function wa({h:e,s:a,l:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=t+a*(t<.5?t:1-t),n=l-2*(l-t)*Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:l,g:n,b:2*t-l};break;case 1:o={r:n,g:l,b:2*t-l};break;case 2:o={r:2*t-l,g:l,b:n};break;case 3:o={r:2*t-l,g:n,b:l};break;case 4:o={r:n,g:2*t-l,b:l};break;case 5:o={r:l,g:2*t-l,b:n};break;default:o={r:2*t-l,g:2*t-l,b:2*t-l}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function ka({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsl",s:o===l?0:(o-l)/(1-Math.abs(o+l-1)),l:.5*(o+l)};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var $a=(e,a)=>{switch(a){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return 360*e}},Ta=new RegExp(`^hsla?\\(\\s*${c}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),Pa=e=>{let a=e.match(Ta);if(!a)return;let t={mode:"hsl"};return void 0!==a[3]?t.h=+a[3]:void 0!==a[1]&&void 0!==a[2]&&(t.h=$a(a[1],a[2])),void 0!==a[4]&&(t.s=Math.min(Math.max(0,a[4]/100),1)),void 0!==a[5]&&(t.l=Math.min(Math.max(0,a[5]/100),1)),void 0!==a[6]?t.alpha=Math.max(0,Math.min(1,a[6]/100)):void 0!==a[7]&&(t.alpha=Math.max(0,Math.min(1,+a[7]))),t};var Ia=function(e,a){if(!a||"hsl"!==a[0]&&"hsla"!==a[0])return;const t={mode:"hsl"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.s=o.value/100}if(l.type!==E){if(l.type===A)return;t.l=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},qa={mode:"hsl",toMode:{rgb:wa},fromMode:{rgb:ka},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Ia,Pa],serialize:e=>`hsl(${void 0!==e.h?e.h:"none"} ${void 0!==e.s?100*e.s+"%":"none"} ${void 0!==e.l?100*e.l+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ra({h:e,s:a,v:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t,g:t*(1-a*l),b:t*(1-a)};break;case 1:o={r:t*(1-a*l),g:t,b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t,b:t*(1-a*l)};break;case 3:o={r:t*(1-a),g:t*(1-a*l),b:t};break;case 4:o={r:t*(1-a*l),g:t*(1-a),b:t};break;case 5:o={r:t,g:t*(1-a),b:t*(1-a*l)};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function La({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsv",s:0===o?0:1-l/o,v:o};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var ja={mode:"hsv",toMode:{rgb:Ra},parse:["--hsv"],serialize:"--hsv",fromMode:{rgb:La},channels:["h","s","v","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,v:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ha({h:e,w:a,b:t,alpha:r}){if(void 0===a&&(a=0),void 0===t&&(t=0),a+t>1){let e=a+t;a/=e,t/=e}return Ra({h:e,s:1===t?1:1-a/(1-t),v:1-t,alpha:r})}function Oa(e){let a=La(e);if(void 0===a)return;let t=void 0!==a.s?a.s:0,r=void 0!==a.v?a.v:0,o={mode:"hwb",w:(1-t)*r,b:1-r};return void 0!==a.h&&(o.h=a.h),void 0!==a.alpha&&(o.alpha=a.alpha),o}var Xa=function(e,a){if(!a||"hwb"!==a[0])return;const t={mode:"hwb"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.w=o.value/100}if(l.type!==E){if(l.type===A)return;t.b=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},Ca={mode:"hwb",toMode:{rgb:Ha},fromMode:{rgb:Oa},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Xa],serialize:e=>`hwb(${void 0!==e.h?e.h:"none"} ${void 0!==e.w?100*e.w+"%":"none"} ${void 0!==e.b?100*e.b+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},w:oe,b:oe,alpha:{use:oe,fixup:le}},difference:{h:He},average:{h:Je}},Sa=.1593017578125,Ea=78.84375,Aa=.8359375,Na=18.8515625,_a=18.6875;function Da(e){if(e<0)return 0;const a=Math.pow(e,1/Ea);return 1e4*Math.pow(Math.max(0,a-Aa)/(Na-_a*a),1/Sa)}function Ja(e){if(e<0)return 0;const a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),Ea)}var Ga=e=>Math.max(e/203,0),Fa=({i:e,t:a,p:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=Da(e+.008609037037932761*a+.11102962500302593*t),l=Da(e-.00860903703793275*a-.11102962500302599*t),n=Da(e+.5600313357106791*a-.32062717498731885*t),i={mode:"xyz65",x:Ga(2.070152218389422*o-1.3263473389671556*l+.2066510476294051*n),y:Ga(.3647385209748074*o+.680566024947227*l-.0453045459220346*n),z:Ga(-.049747207535812*o-.0492609666966138*l+1.1880659249923042*n)};return void 0!==r&&(i.alpha=r),i},Wa=(e=0)=>Math.max(203*e,0),Ba=({x:e,y:a,z:t,alpha:r})=>{const o=Wa(e),l=Wa(a),n=Wa(t),i=Ja(.3592832590121217*o+.6976051147779502*l-.0358915932320289*n),h=Ja(-.1920808463704995*o+1.1004767970374323*l+.0753748658519118*n),d=Ja(.0070797844607477*o+.0748396662186366*l+.8433265453898765*n),p={mode:"itp",i:.5*i+.5*h,t:1.61376953125*i-3.323486328125*h+1.709716796875*d,p:4.378173828125*i-4.24560546875*h-.132568359375*d};return void 0!==r&&(p.alpha=r),p},Ya={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Fa,rgb:e=>ge(Fa(e))},fromMode:{xyz65:Ba,rgb:e=>Ba(be(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:oe,t:oe,p:oe,alpha:{use:oe,fixup:le}}},Ka=e=>{if(e<0)return 0;let a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),134.03437499999998)},Va=(e=0)=>Math.max(203*e,0),Za=({x:e,y:a,z:t,alpha:r})=>{e=Va(e),a=Va(a);let o=1.15*e-.15*(t=Va(t)),l=.66*a+.34*e,n=Ka(.41478972*o+.579999*l+.014648*t),i=Ka(-.20151*o+1.120649*l+.0531008*t),h=Ka(-.0166008*o+.2648*l+.6684799*t),d=(n+i)/2,p={mode:"jab",j:.44*d/(1-.56*d)-16295499532821565e-27,a:3.524*n-4.066708*i+.542708*h,b:.199076*n+1.096799*i-1.295875*h};return void 0!==r&&(p.alpha=r),p},Qa=16295499532821565e-27,Ua=e=>{if(e<0)return 0;let a=Math.pow(e,.007460772656268216);return 1e4*Math.pow((Aa-a)/(_a*a-Na),1/Sa)},et=e=>e/203,at=({j:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+Qa)/(.44+.56*(e+Qa)),l=Ua(o+.13860504*a+.058047316*t),n=Ua(o-.13860504*a-.058047316*t),i=Ua(o-.096019242*a-.8118919*t),h={mode:"xyz65",x:et(1.661373024652174*l-.914523081304348*n+.23136208173913045*i),y:et(-.3250758611844533*l+1.571847026732543*n-.21825383453227928*i),z:et(-.090982811*l-.31272829*n+1.5227666*i)};return void 0!==r&&(h.alpha=r),h},tt=e=>{let a=Za(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},rt=e=>ge(at(e)),ot={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:tt,xyz65:Za},toMode:{rgb:rt,xyz65:at},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},lt=({j:e,a,b:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"jch",j:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},nt=({j:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"jab",j:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},it={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:nt,rgb:e=>rt(nt(e))},fromMode:{rgb:e=>lt(tt(e)),jab:lt},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,j:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},ht=Math.pow(29,3)/Math.pow(3,3),dt=Math.pow(6,3)/Math.pow(29,3),pt=e=>Math.pow(e,3)>dt?Math.pow(e,3):(116*e-16)/ht,st=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz50",x:pt(a/500+o)*Qe,y:pt(o)*Ue,z:pt(l)*ea};return void 0!==r&&(n.alpha=r),n},ut=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.1341359569958707*e-1.6173863321612538*a-.4906619460083532*t,g:-.978795502912089*e+1.916254567259524*a+.03344273116131949*t,b:.07195537988411677*e-.2289768264158322*a+1.405386058324125*t});return void 0!==r&&(o.alpha=r),o},bt=e=>ut(st(e)),vt=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz50",x:.436065742824811*a+.3851514688337912*t+.14307845442264197*r,y:.22249319175623702*a+.7168870538238823*t+.06061979053616537*r,z:.013923904500943465*a+.09708128566574634*t+.7140993584005155*r};return void 0!==o&&(l.alpha=o),l},ct=e=>e>dt?Math.cbrt(e):(ht*e+16)/116,gt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ct(e/Qe),l=ct(a/Ue),n={mode:"lab",l:116*l-16,a:500*(o-l),b:200*(l-ct(t/ea))};return void 0!==r&&(n.alpha=r),n},Mt=e=>{let a=gt(vt(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a};var ft=function(e,a){if(!a||"lab"!==a[0])return;const t={mode:"lab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.value),100)),o.type!==E&&(t.a=o.type===X?o.value:125*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:125*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},mt={mode:"lab",toMode:{xyz50:st,rgb:bt},fromMode:{xyz50:gt,rgb:Mt},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-125,125],b:[-125,125]},parse:[ft],serialize:e=>`lab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},yt={...mt,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:la,rgb:na},fromMode:{xyz65:ha,rgb:da},ranges:{l:[0,100],a:[-125,125],b:[-125,125]}};var xt,zt=function(e,a){if(!a||"lch"!==a[0])return;const t={mode:"lch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.value),100)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:150*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},wt={mode:"lch",toMode:{lab:Ke,rgb:e=>bt(Ke(e))},fromMode:{rgb:e=>Ye(Mt(e)),lab:Ye},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[zt],serialize:e=>`lch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},kt={...wt,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Ke(e,"lab65"),rgb:e=>na(Ke(e,"lab65"))},fromMode:{rgb:e=>Ye(da(e),"lch65"),lab65:e=>Ye(e,"lch65")},ranges:{l:[0,100],c:[0,150],h:[0,360]}},$t=({l:e,u:a,v:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"lchuv",l:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},Tt=({l:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"luv",l:e,u:a?a*Math.cos(t/180*Math.PI):0,v:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},Pt=(e,a,t)=>4*e/(e+15*a+3*t),It=(e,a,t)=>9*a/(e+15*a+3*t),qt=Pt(Qe,Ue,ea),Rt=It(Qe,Ue,ea),Lt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(l=a/Ue)<=dt?ht*l:116*Math.cbrt(l)-16;var l;let n=Pt(e,a,t),i=It(e,a,t);isFinite(n)&&isFinite(i)?(n=13*o*(n-qt),i=13*o*(i-Rt)):o=n=i=0;let h={mode:"luv",l:o,u:n,v:i};return void 0!==r&&(h.alpha=r),h},jt=4*(xt=Qe)/(xt+15*Ue+3*ea),Ht=((e,a,t)=>9*a/(e+15*a+3*t))(Qe,Ue,ea),Ot=({l:e,u:a,v:t,alpha:r})=>{if(void 0===e&&(e=0),0===e)return{mode:"xyz50",x:0,y:0,z:0};void 0===a&&(a=0),void 0===t&&(t=0);let o=a/(13*e)+jt,l=t/(13*e)+Ht,n=Ue*(e<=8?e/ht:Math.pow((e+16)/116,3)),i={mode:"xyz50",x:n*(9*o)/(4*l),y:n,z:n*(12-3*o-20*l)/(4*l)};return void 0!==r&&(i.alpha=r),i},Xt={mode:"lchuv",toMode:{luv:Tt,rgb:e=>ut(Ot(Tt(e)))},fromMode:{rgb:e=>$t(Lt(vt(e))),luv:$t},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},Ct={...ne,mode:"lrgb",toMode:{rgb:ce},fromMode:{rgb:ue},parse:["srgb-linear"],serialize:"srgb-linear"},St={mode:"luv",toMode:{xyz50:Ot,rgb:e=>ut(Ot(e))},fromMode:{xyz50:Lt,rgb:e=>Lt(vt(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:oe,u:oe,v:oe,alpha:{use:oe,fixup:le}}},Et=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.cbrt(.412221469470763*e+.5363325372617348*a+.0514459932675022*t),l=Math.cbrt(.2119034958178252*e+.6806995506452344*a+.1073969535369406*t),n=Math.cbrt(.0883024591900564*e+.2817188391361215*a+.6299787016738222*t),i={mode:"oklab",l:.210454268309314*o+.7936177747023054*l-.0040720430116193*n,a:1.9779985324311684*o-2.42859224204858*l+.450593709617411*n,b:.0259040424655478*o+.7827717124575296*l-.8086757549230774*n};return void 0!==r&&(i.alpha=r),i},At=e=>{let a=Et(ue(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},Nt=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.pow(e+.3963377773761749*a+.2158037573099136*t,3),l=Math.pow(e-.1055613458156586*a-.0638541728258133*t,3),n=Math.pow(e-.0894841775298119*a-1.2914855480194092*t,3),i={mode:"lrgb",r:4.076741636075957*o-3.3077115392580616*l+.2309699031821044*n,g:-1.2684379732850317*o+2.6097573492876887*l-.3413193760026573*n,b:-.0041960761386756*o-.7034186179359362*l+1.7076146940746117*n};return void 0!==r&&(i.alpha=r),i},_t=e=>ce(Nt(e));function Dt(e){const a=.206,t=1.206/1.03;return.5*(t*e-a+Math.sqrt((t*e-a)*(t*e-a)+.12*t*e))}function Jt(e){return(e*e+.206*e)/(1.206/1.03*(e+.03))}function Gt(e,a){let t=function(e,a){let t,r,o,l,n,i,h,d;-1.88170328*e-.80936493*a>1?(t=1.19086277,r=1.76576728,o=.59662641,l=.75515197,n=.56771245,i=4.0767416621,h=-3.3077115913,d=.2309699292):1.81444104*e-1.19445276*a>1?(t=.73956515,r=-.45954404,o=.08285427,l=.1254107,n=.14503204,i=-1.2684380046,h=2.6097574011,d=-.3413193965):(t=1.35733652,r=-.00915799,o=-1.1513021,l=-.50559606,n=.00692167,i=-.0041960863,h=-.7034186147,d=1.707614701);let p=t+r*e+o*a+l*e*e+n*e*a,s=.3963377774*e+.2158037573*a,u=-.1055613458*e-.0638541728*a,b=-.0894841775*e-1.291485548*a;{let e=1+p*s,a=1+p*u,t=1+p*b,r=i*(e*e*e)+h*(a*a*a)+d*(t*t*t),o=i*(3*s*e*e)+h*(3*u*a*a)+d*(3*b*t*t);p-=r*o/(o*o-.5*r*(i*(6*s*s*e)+h*(6*u*u*a)+d*(6*b*b*t)))}return p}(e,a),r=Nt({l:1,a:t*e,b:t*a}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b));return[o,o*t]}function Ft(e,a,t=null){t||(t=Gt(e,a));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,a,t){let r=Gt(a,t),o=function(e,a,t,r,o,l=null){let n;if(l||(l=Gt(e,a)),(t-o)*l[1]-(l[0]-o)*r<=0)n=l[1]*o/(r*l[0]+l[1]*(o-t));else{n=l[1]*(o-1)/(r*(l[0]-1)+l[1]*(o-t));{let l=t-o,i=.3963377774*e+.2158037573*a,h=-.1055613458*e-.0638541728*a,d=-.0894841775*e-1.291485548*a,p=l+r*i,s=l+r*h,u=l+r*d;{let e=o*(1-n)+n*t,a=n*r,l=e+a*i,b=e+a*h,v=e+a*d,c=l*l*l,g=b*b*b,M=v*v*v,f=3*p*l*l,m=3*s*b*b,y=3*u*v*v,x=6*p*p*l,z=6*s*s*b,w=6*u*u*v,k=4.0767416621*c-3.3077115913*g+.2309699292*M-1,$=4.0767416621*f-3.3077115913*m+.2309699292*y,T=$/($*$-.5*k*(4.0767416621*x-3.3077115913*z+.2309699292*w)),P=-k*T,I=-1.2684380046*c+2.6097574011*g-.3413193965*M-1,q=-1.2684380046*f+2.6097574011*m-.3413193965*y,R=q/(q*q-.5*I*(-1.2684380046*x+2.6097574011*z-.3413193965*w)),L=-I*R,j=-.0041960863*c-.7034186147*g+1.707614701*M-1,H=-.0041960863*f-.7034186147*m+1.707614701*y,O=H/(H*H-.5*j*(-.0041960863*x-.7034186147*z+1.707614701*w)),X=-j*O;P=T>=0?P:1e6,L=R>=0?L:1e6,X=O>=0?X:1e6,n+=Math.min(P,Math.min(L,X))}}}return n}(a,t,e,1,e,r),l=Ft(a,t,r),n=e*(.11516993+1/(7.4477897+4.1590124*t+a*(1.75198401*t-2.19557347+a*(-2.13704948-10.02301043*t+a*(5.38770819*t-4.24894561+4.69891013*a))))),i=(1-e)*(.11239642+1/(1.6132032-.68124379*t+a*(.40370612+.90148123*t+a*(.6122399*t-.27087943+a*(.00299215-.45399568*t-.14661872*a))))),h=.9*(o/Math.min(e*l[0],(1-e)*l[1]))*Math.sqrt(Math.sqrt(1/(1/(n*n*n*n)+1/(i*i*i*i))));return n=.4*e,i=.8*(1-e),[Math.sqrt(1/(1/(n*n)+1/(i*i))),h,o]}function Bt(e){const a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o={mode:"okhsl",l:Dt(a)};void 0!==e.alpha&&(o.alpha=e.alpha);let l=Math.sqrt(t*t+r*r);if(!l)return o.s=0,o;let n,[i,h,d]=Wt(a,t/l,r/l);if(l<h){let e=0,a=.8*i;n=.8*((l-e)/(a+(1-a/h)*(l-e)))}else{let e=.2*h*h*1.25*1.25/i;n=.8+.2*((l-h)/(e+(1-e/(d-h))*(l-h)))}return n&&(o.s=n,o.h=fe(180*Math.atan2(r,t)/Math.PI)),o}function Yt(e){let a=void 0!==e.h?e.h:0,t=void 0!==e.s?e.s:0,r=void 0!==e.l?e.l:0;const o={mode:"oklab",l:Jt(r)};if(void 0!==e.alpha&&(o.alpha=e.alpha),!t||1===r)return o.a=o.b=0,o;let l,n,i,h,d=Math.cos(a/180*Math.PI),p=Math.sin(a/180*Math.PI),[s,u,b]=Wt(o.l,d,p);t<.8?(l=1.25*t,n=0,i=.8*s,h=1-i/u):(l=5*(t-.8),n=u,i=.2*u*u*1.25*1.25/s,h=1-i/(b-u));let v=n+l*i/(1-h*l);return o.a=v*d,o.b=v*p,o}var Kt={...qa,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:Bt,rgb:e=>Bt(At(e))},toMode:{oklab:Yt,rgb:e=>_t(Yt(e))}};function Vt(e){let a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o=Math.sqrt(t*t+r*r),l=o?t/o:1,n=o?r/o:1,[i,h]=Ft(l,n),d=1-.5/i,p=h/(o+a*h),s=p*a,u=p*o,b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0));a/=g,o=o/g*Dt(a)/a,a=Dt(a);const M={mode:"okhsv",s:o?(.5+h)*u/(.5*h+h*d*u):0,v:a?a/s:0};return M.s&&(M.h=fe(180*Math.atan2(r,t)/Math.PI)),void 0!==e.alpha&&(M.alpha=e.alpha),M}function Zt(e){const a={mode:"oklab"};void 0!==e.alpha&&(a.alpha=e.alpha);const t=void 0!==e.h?e.h:0,r=void 0!==e.s?e.s:0,o=void 0!==e.v?e.v:0,l=Math.cos(t/180*Math.PI),n=Math.sin(t/180*Math.PI),[i,h]=Ft(l,n),d=.5,p=1-d/i,s=1-r*d/(d+h-h*p*r),u=r*h*d/(d+h-h*p*r),b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0)),M=Jt(o*s),f=u*M/s;return a.l=M*g,a.a=f*l*g,a.b=f*n*g,a}var Qt={...ja,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:Vt,rgb:e=>Vt(At(e))},toMode:{oklab:Zt,rgb:e=>_t(Zt(e))}};var Ut=function(e,a){if(!a||"oklab"!==a[0])return;const t={mode:"oklab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)),o.type!==E&&(t.a=o.type===X?o.value:.4*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:.4*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},er={...mt,mode:"oklab",toMode:{lrgb:Nt,rgb:_t},fromMode:{lrgb:Et,rgb:At},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Ut],serialize:e=>`oklab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`};var ar=function(e,a){if(!a||"oklch"!==a[0])return;const t={mode:"oklch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:.4*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},tr={...wt,mode:"oklch",toMode:{oklab:e=>Ke(e,"oklab"),rgb:e=>_t(Ke(e,"oklab"))},fromMode:{rgb:e=>Ye(At(e),"oklch"),oklab:e=>Ye(e,"oklch")},parse:[ar],serialize:e=>`oklch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}},rr=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.486570948648216*a+.265667693169093*t+.1982172852343625*r,y:.2289745640697487*a+.6917385218365062*t+.079286914093745*r,z:0*a+.0451133818589026*t+1.043944368900976*r};return void 0!==o&&(l.alpha=o),l},or=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:2.4934969119414263*e-.9313836179191242*a-.402710784450717*t,g:-.8294889695615749*e+1.7626640603183465*a+.0236246858419436*t,b:.0358458302437845*e-.0761723892680418*a+.9568845240076871*t},"p3");return void 0!==r&&(o.alpha=r),o},lr={...ne,mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>or(be(e)),xyz65:or},toMode:{rgb:e=>ge(rr(e)),xyz65:rr}},nr=e=>{let a=Math.abs(e);return a>=1/512?Math.sign(e)*Math.pow(a,1/1.8):16*e},ir=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"prophoto",r:nr(1.3457868816471585*e-.2555720873797946*a-.0511018649755453*t),g:nr(-.5446307051249019*e+1.5082477428451466*a+.0205274474364214*t),b:nr(0*e+0*a+1.2119675456389452*t)};return void 0!==r&&(o.alpha=r),o},hr=(e=0)=>{let a=Math.abs(e);return a>=16/512?Math.sign(e)*Math.pow(a,1.8):e/16},dr=e=>{let a=hr(e.r),t=hr(e.g),r=hr(e.b),o={mode:"xyz50",x:.7977666449006423*a+.1351812974005331*t+.0313477341283922*r,y:.2880748288194013*a+.7118352342418731*t+899369387256e-16*r,z:0*a+0*t+.8251046025104602*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},pr={...ne,mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:ir,rgb:e=>ir(vt(e))},toMode:{xyz50:dr,rgb:e=>ut(dr(e))}},sr=1.09929682680944,ur=e=>{const a=Math.abs(e);return a>.018053968510807?(Math.sign(e)||1)*(sr*Math.pow(a,.45)-(sr-1)):4.5*e},br=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"rec2020",r:ur(1.7166511879712683*e-.3556707837763925*a-.2533662813736599*t),g:ur(-.6666843518324893*e+1.6164812366349395*a+.0157685458139111*t),b:ur(.0176398574453108*e-.0427706132578085*a+.9421031212354739*t)};return void 0!==r&&(o.alpha=r),o},vr=1.09929682680944,cr=(e=0)=>{let a=Math.abs(e);return a<.08124285829863151?e/4.5:(Math.sign(e)||1)*Math.pow((a+vr-1)/vr,1/.45)},gr=e=>{let a=cr(e.r),t=cr(e.g),r=cr(e.b),o={mode:"xyz65",x:.6369580483012911*a+.1446169035862083*t+.1688809751641721*r,y:.262700212011267*a+.6779980715188708*t+.059301716469862*r,z:0*a+.0280726930490874*t+1.0609850577107909*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},Mr={...ne,mode:"rec2020",fromMode:{xyz65:br,rgb:e=>br(be(e))},toMode:{xyz65:gr,rgb:e=>ge(gr(e))},parse:["rec2020"],serialize:"rec2020"},fr=.0037930732552754493,mr=Math.cbrt(fr),yr=e=>Math.cbrt(e)-mr,xr=e=>{const{r:a,g:t,b:r,alpha:o}=ue(e),l=yr(.3*a+.622*t+.078*r+fr),n=yr(.23*a+.692*t+.078*r+fr),i={mode:"xyb",x:(l-n)/2,y:(l+n)/2,b:yr(.2434226892454782*a+.2047674442449682*t+.5518098665095535*r+fr)-(l+n)/2};return void 0!==o&&(i.alpha=o),i},zr=e=>Math.pow(e+mr,3),wr=({x:e,y:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=zr(e+a)-fr,l=zr(a-e)-fr,n=zr(t+a)-fr,i=ce({r:11.031566904639861*o-9.866943908131562*l-.16462299650829934*n,g:-3.2541473810744237*o+4.418770377582723*l-.16462299650829934*n,b:-3.6588512867136815*o+2.7129230459360922*l+1.9459282407775895*n});return void 0!==r&&(i.alpha=r),i},kr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:wr},fromMode:{rgb:xr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:oe,y:oe,b:oe,alpha:{use:oe,fixup:le}}},$r={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:ut,lab:gt},fromMode:{rgb:vt,lab:st},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},Tr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz50",x:1.0479298208405488*a+.0229467933410191*t-.0501922295431356*r,y:.0296278156881593*a+.990434484573249*t-.0170738250293851*r,z:-.0092430581525912*a+.0150551448965779*t+.7518742899580008*r};return void 0!==o&&(l.alpha=o),l},Pr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz65",x:.9554734527042182*a-.0230985368742614*t+.0632593086610217*r,y:-.0283697069632081*a+1.0099954580058226*t+.021041398966943*r,z:.0123140016883199*a-.0205076964334779*t+1.3303659366080753*r};return void 0!==o&&(l.alpha=o),l},Ir={mode:"xyz65",toMode:{rgb:ge,xyz50:Tr},fromMode:{rgb:be,xyz50:Pr},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},qr=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"yiq",y:.29889531*e+.58662247*a+.11448223*t,i:.59597799*e-.2741761*a-.32180189*t,q:.21147017*e-.52261711*a+.31114694*t};return void 0!==r&&(o.alpha=r),o},Rr=({y:e,i:a,q:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"rgb",r:e+.95608445*a+.6208885*t,g:e-.27137664*a-.6486059*t,b:e-1.10561724*a+1.70250126*t};return void 0!==r&&(o.alpha=r),o},Lr={mode:"yiq",toMode:{rgb:Rr},fromMode:{rgb:qr},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:oe,i:oe,q:oe,alpha:{use:oe,fixup:le}}},jr=(e=4)=>a=>"number"==typeof a?((e,a)=>Math.round(e*(a=Math.pow(10,a)))/a)(a,e):a,Hr=jr(2),Or=e=>Math.max(0,Math.min(1,e||0)),Xr=e=>Math.round(255*Or(e)),Cr=x("rgb"),Sr=x("hsl"),Er=e=>{if(void 0===e)return;return"#"+(1<<24|Xr(e.r)<<16|Xr(e.g)<<8|Xr(e.b)).toString(16).slice(1)},Ar=e=>{if(void 0===e)return;let a=Xr(void 0!==e.alpha?e.alpha:1);return Er(e)+(256|a).toString(16).slice(1)},Nr=e=>{if(void 0===e)return;let a=Xr(e.r),t=Xr(e.g),r=Xr(e.b);return void 0===e.alpha||1===e.alpha?`rgb(${a}, ${t}, ${r})`:`rgba(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},_r=e=>{if(void 0===e)return;const a=Hr(e.h||0),t=Hr(100*Or(e.s))+"%",r=Hr(100*Or(e.l))+"%";return void 0===e.alpha||1===e.alpha?`hsl(${a}, ${t}, ${r})`:`hsla(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},Dr=e=>{const a=y(e);if(!a)return;const t=I(a.mode);if(!t.serialize||"string"==typeof t.serialize){let e=`color(${t.serialize||`--${a.mode}`} `;return t.channels.forEach((t,r)=>{"alpha"!==t&&(e+=(r?" ":"")+(void 0!==a[t]?a[t]:"none"))}),void 0!==a.alpha&&a.alpha<1&&(e+=` / ${a.alpha}`),e+")"}return"function"==typeof t.serialize?t.serialize(a):void 0},Jr=e=>Er(Cr(e)),Gr=e=>Ar(Cr(e)),Fr=e=>Nr(Cr(e)),Wr=e=>_r(Sr(e)),Br={normal:(e,a)=>a,multiply:(e,a)=>e*a,screen:(e,a)=>e+a-e*a,"hard-light":(e,a)=>a<.5?2*e*a:2*a*(1-e)-1,overlay:(e,a)=>e<.5?2*a*e:2*e*(1-a)-1,darken:(e,a)=>Math.min(e,a),lighten:(e,a)=>Math.max(e,a),"color-dodge":(e,a)=>0===e?0:1===a?1:Math.min(1,e/(1-a)),"color-burn":(e,a)=>1===e?1:0===a?0:1-Math.min(1,(1-e)/a),"soft-light":(e,a)=>a<.5?e-(1-2*a)*e*(1-e):e+(2*a-1)*((e<.25?((16*e-12)*e+4)*e:Math.sqrt(e))-e),difference:(e,a)=>Math.abs(e-a),exclusion:(e,a)=>e+a-2*e*a},Yr=(e,a="normal",t="rgb")=>{let r="function"==typeof a?a:Br[a],o=x(t),l=I(t).channels;return e.map(e=>{let a=o(e);return void 0===a.alpha&&(a.alpha=1),a}).reduce((e,a)=>{if(void 0===e)return a;let o=a.alpha+e.alpha*(1-a.alpha);return l.reduce((t,l)=>("alpha"!==l&&(0===o?t[l]=0:(t[l]=a.alpha*(1-e.alpha)*a[l]+a.alpha*e.alpha*r(e[l],a[l])+(1-a.alpha)*e.alpha*e[l],t[l]=Math.max(0,Math.min(1,t[l]/o)))),t),{mode:t,alpha:o})})},Kr=(e="rgb",a={})=>{let t=I(e),r=(e=>Object.keys(e).reduce((a,t)=>{let r=e[t];return a[t]=Array.isArray(r)?r:[r,r],a},{}))(a);return t.channels.reduce((e,a)=>((r.alpha||"alpha"!==a)&&(e[a]=(([e,a])=>e+Math.random()*(a-e))(r[a]||t.ranges[a])),e),{mode:e})},Vr=(e,a="rgb",t=!1)=>{let r=a?I(a).channels:null,o=a?x(a):y;return l=>{let n=o(l);if(!n)return;let i=(r||I(n.mode).channels).reduce((t,r)=>{let o=e(n[r],r,n,a);return void 0===o||isNaN(o)||(t[r]=o),t},{mode:n.mode});if(!t)return i;let h=y(l);return h&&h.mode!==i.mode?x(h.mode)(i):i}},Zr=(e,a,t)=>"alpha"!==a?(e||0)*(void 0!==t.alpha?t.alpha:1):e,Qr=(e,a,t)=>"alpha"!==a&&0!==t.alpha?(e||0)/(void 0!==t.alpha?t.alpha:1):e,Ur=(e=1,a=0)=>(t,r)=>"alpha"!==r?t*e+a:t,eo=(e=1,a=1,t=0)=>(r,o)=>"alpha"!==o?e*Math.pow(r,a)+t:r,ao=e=>{void 0===e[0]&&(e[0]=0),void 0===e[e.length-1]&&(e[e.length-1]=1);let a,t,r,o,l=1;for(;l<e.length;){if(void 0===e[l]){for(t=l,r=e[l-1],a=l;void 0===e[a];)a++;for(o=(e[a]-r)/(a-l+1);l<a;)e[l]=r+(l+1-t)*o,l++}else e[l]<e[l-1]&&(e[l]=e[l-1]);l++}return e},to=(e=.5)=>a=>e<=0?1:e>=1?0:Math.pow(a,Math.log(.5)/Math.log(e)),ro=e=>"function"==typeof e,oo=e=>e&&"object"==typeof e,lo=e=>"number"==typeof e,no=(e,a="rgb",t,r)=>{let o=I(a),l=x(a),n=[],i=[],h={};e.forEach(e=>{Array.isArray(e)?(n.push(l(e[0])),i.push(e[1])):lo(e)||ro(e)?h[i.length]=e:(n.push(l(e)),i.push(void 0))}),ao(i);let d=o.channels.reduce((e,a)=>{let r;return r=oo(t)&&oo(t[a])&&t[a].fixup?t[a].fixup:oo(o.interpolate[a])&&o.interpolate[a].fixup?o.interpolate[a].fixup:e=>e,e[a]=r(n.map(e=>e[a])),e},{});if(r){let e=n.map((e,t)=>o.channels.reduce((e,a)=>(e[a]=d[a][t],e),{mode:a}));d=o.channels.reduce((t,o)=>(t[o]=e.map(e=>{let t=r(e[o],o,e,a);return isNaN(t)?void 0:t}),t),{})}let p=o.channels.reduce((e,a)=>{let r;return ro(t)?r=t:oo(t)&&ro(t[a])?r=t[a]:oo(t)&&oo(t[a])&&t[a].use?r=t[a].use:ro(o.interpolate[a])?r=o.interpolate[a]:oo(o.interpolate[a])&&(r=o.interpolate[a].use),e[a]=r(d[a]),e},{}),s=n.length-1;return e=>{if((e=Math.min(Math.max(0,e),1))<=i[0])return n[0];if(e>i[s])return n[s];let t=0;for(;i[t]<e;)t++;let r=i[t-1],l=i[t]-r,d=(e-r)/l,u=h[t]||h[0];void 0!==u&&(lo(u)&&(u=to((u-r)/l)),d=u(d));let b=(t-1+d)/s;return o.channels.reduce((e,a)=>{let t=p[a](b);return void 0!==t&&(e[a]=t),e},{mode:a})}},io=(e,a="rgb",t)=>no(e,a,t),ho=(e,a)=>(t,r="rgb",o)=>{let l=a?Vr(a,r):void 0,n=no(t,r,o,e);return l?e=>l(n(e)):n},po=ho(Zr,Qr),so=(e,a)=>(e+a)%a,uo=(e,a,t,r,o)=>{let l=o*o,n=l*o;return((1-3*o+3*l-n)*e+(4-6*l+3*n)*a+(1+3*o+3*l-3*n)*t+n*r)/6},bo=e=>a=>{let t=e.length-1,r=a>=1?t-1:Math.max(0,Math.floor(a*t));return uo(r>0?e[r-1]:2*e[r]-e[r+1],e[r],e[r+1],r<t-1?e[r+2]:2*e[r+1]-e[r],(a-r/t)*t)},vo=e=>a=>{const t=e.length-1,r=Math.floor(a*t);return uo(e[so(r-1,e.length)],e[so(r,e.length)],e[so(r+1,e.length)],e[so(r+2,e.length)],(a-r/t)*t)},co=e=>{let a,t=e.length-1,r=new Array(t),o=new Array(t),l=new Array(t);for(r[1]=1/4,o[1]=(6*e[1]-e[0])/4,a=2;a<t;++a)r[a]=1/(4-r[a-1]),o[a]=(6*e[a]-(a==t-1?e[t]:0)-o[a-1])*r[a];for(l[0]=e[0],l[t]=e[t],t-1>0&&(l[t-1]=o[t-1]),a=t-2;a>0;--a)l[a]=o[a]-r[a]*l[a+1];return l},go=e=>bo(co(e)),Mo=e=>vo(co(e)),fo=Math.sign,mo=Math.min,yo=Math.abs,xo=e=>{let a=e.length-1,t=[],r=[],o=[];for(let l=0;l<a;l++)t.push((e[l+1]-e[l])*a),r.push(l>0?.5*(e[l+1]-e[l-1])*a:void 0),o.push(l>0?(fo(t[l-1])+fo(t[l]))*mo(yo(t[l-1]),yo(t[l]),.5*yo(r[l])):void 0);return[t,r,o]},zo=(e,a,t)=>{let r=e.length-1,o=r*r;return l=>{let n;n=l>=1?r-1:Math.max(0,Math.floor(l*r));let i=l-n/r,h=i*i,d=h*i;return(a[n]+a[n+1]-2*t[n])*o*d+(3*t[n]-2*a[n]-a[n+1])*r*h+a[n]*i+e[n]}},wo=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,,r]=xo(e);return r[0]=t[0],r[a]=t[a-1],zo(e,r,t)},ko=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,r,o]=xo(e);return r[0]=(2*e[1]-1.5*e[0]-.5*e[2])*a,r[a]=(1.5*e[a]-2*e[a-1]+.5*e[a-2])*a,o[0]=r[0]*t[0]<=0?0:yo(r[0])>2*yo(t[0])?2*t[0]:r[0],o[a]=r[a]*t[a-1]<=0?0:yo(r[a])>2*yo(t[a-1])?2*t[a-1]:r[a],zo(e,o,t)},$o=e=>{let a=e.length-1,[t,r,o]=xo(e);r[0]=.5*(e[1]-e[a])*a,r[a]=.5*(e[0]-e[a-1])*a;let l=(e[0]-e[a])*a,n=l;return o[0]=(fo(l)+fo(t[0]))*mo(yo(l),yo(t[0]),.5*yo(r[0])),o[a]=(fo(t[a-1])+fo(n))*mo(yo(t[a-1]),yo(n),.5*yo(r[a])),zo(e,o,t)},To=(e=1)=>1===e?e=>e:a=>Math.pow(a,e),Po=(e=2,a=1)=>{let t=To(a);if(e<2)return e<1?[]:[t(.5)];let r=[];for(let a=0;a<e;a++)r.push(t(a/(e-1)));return r},Io=x("rgb"),qo=e=>{const a={mode:e.mode,r:Math.max(0,Math.min(void 0!==e.r?e.r:0,1)),g:Math.max(0,Math.min(void 0!==e.g?e.g:0,1)),b:Math.max(0,Math.min(void 0!==e.b?e.b:0,1))};return void 0!==e.alpha&&(a.alpha=e.alpha),a},Ro=e=>qo(Io(e)),Lo=e=>void 0!==e&&(void 0===e.r||e.r>=0&&e.r<=1)&&(void 0===e.g||e.g>=0&&e.g<=1)&&(void 0===e.b||e.b>=0&&e.b<=1);function jo(e){return Lo(Io(e))}function Ho(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>!0;const t=x("string"==typeof a?a:e);return e=>Lo(t(e))}function Oo(e){if(void 0===(e=y(e))||jo(e))return e;return x(e.mode)(Ro(e))}function Xo(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>y(e);const t="string"==typeof a?a:e,r=x(t),o=Ho(t);return e=>{const a=y(e);if(!a)return;const t=r(a);if(o(t))return a;const l=qo(t);return a.mode===l.mode?l:x(a.mode)(l)}}function Co(e,a="lch",t="rgb"){e=y(e);let r="rgb"===t?jo:Ho(t),o="rgb"===t?Ro:Xo(t);if(void 0===e||r(e))return e;let l=x(e.mode);e=x(a)(e);let n={...e,c:0};if(!r(n))return l(o(n));let i=0,h=void 0!==e.c?e.c:0,d=I(a).ranges.c,p=(d[1]-d[0])/Math.pow(2,13),s=n.c;for(;h-i>p;)n.c=i+.5*(h-i),r(n)?(s=n.c,i=n.c):h=n.c;return l(r(n)?n:{...n,c:s})}function So(e="rgb",a="oklch",t=Xe("oklch"),r=.02){const o=x(e),l=I(e);if(!l.gamut)return e=>o(e);const n=Ho(e),i=Xo(e),h=x(a),{ranges:d}=I(a);if(!d.l||!d.c)throw new Error("LCH-like space expected");return a=>{if(void 0===(a=y(a)))return;const p={...h(a)};if(void 0===p.l&&(p.l=0),void 0===p.c&&(p.c=0),p.l>=d.l[1]){const t={...l.white,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(p.l<=d.l[0]){const t={...l.black,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(n(p))return o(p);let s=0,u=p.c,b=(d.c[1]-d.c[0])/4e3,v=i(p);for(;u-s>b;)p.c=.5*(s+u),v=i(p),n(p)||t&&r>0&&t(p,v)<=r?s=p.c:u=p.c;return o(n(p)?p:v)}}var Eo=(e,a=Xe(),t=e=>e)=>{let r=e.map((e,a)=>({color:t(e),i:a}));return(t,o=1,l=1/0)=>(isFinite(o)&&(o=Math.max(1,Math.min(o,r.length-1))),r.forEach(e=>{e.d=a(t,e.color)}),r.sort((e,a)=>e.d-a.d).slice(0,o).filter(e=>e.d<l).map(a=>e[a.i]))},Ao=e=>Math.max(e,0),No=e=>Math.max(Math.min(e,1),0),_o=(e,a,t=!1)=>{let r=x(a),o=I(a).channels;return l=>{let n=r(l);if(!n)return;let i,h={mode:a},d=o.length;for(let a=0;a<e.length;a++)i=o[Math.floor(a/d)],void 0!==n[i]&&(h[i]=(h[i]||0)+e[a]*(n[o[a%d]]||0));if(!t)return h;let p=y(l);return p&&h.mode!==p.mode?x(p.mode)(h):h}},Do=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t),a,!0)},Jo=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t,(1-t)/2),a,!0)},Go=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.393+.607*a,.769-.769*a,.189-.189*a,0,.349-.349*a,.686+.314*a,.168-.168*a,0,.272-.272*a,.534-.534*a,.131+.869*a,0,0,0,0,1]})(e),a,!0),Fo=(e=1,a="rgb")=>_o((e=>{let a=Ao(e);return[.213+.787*a,.715-.715*a,.072-.072*a,0,.213-.213*a,.715+.285*a,.072-.072*a,0,.213-.213*a,.715-.715*a,.072+.928*a,0,0,0,0,1]})(e),a,!0),Wo=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.2126+.7874*a,.7152-.7152*a,.0722-.0722*a,0,.2126-.2126*a,.7152+.2848*a,.0722-.0722*a,0,.2126-.2126*a,.7152-.7152*a,.0722+.9278*a,0,0,0,0,1]})(e),a,!0),Bo=(e=1,a="rgb")=>{let t=No(e);return Vr((e,a)=>"alpha"===a?e:((e,a,t)=>void 0===e||void 0===a?void 0:e+t*(a-e))(t,1-t,e),a,!0)},Yo=(e=0,a="rgb")=>_o((e=>{let a=Math.PI*e/180,t=Math.cos(a),r=Math.sin(a);return[.213+.787*t-.213*r,.715-.715*t-.715*r,.072-.072*t+.928*r,0,.213-.213*t+.143*r,.715+.285*t+.14*r,.072-.072*t-.283*r,0,.213-.213*t-.787*r,.715-.715*t+.715*r,.072+.928*t+.072*r,0,0,0,0,1]})(e),a,!0),Ko=x("rgb"),Vo=[[1,0,-0,0,1,0,-0,-0,1],[.856167,.182038,-.038205,.029342,.955115,.015544,-.00288,-.001563,1.004443],[.734766,.334872,-.069637,.05184,.919198,.028963,-.004928,-.004209,1.009137],[.630323,.465641,-.095964,.069181,.890046,.040773,-.006308,-.007724,1.014032],[.539009,.579343,-.118352,.082546,.866121,.051332,-.007136,-.011959,1.019095],[.458064,.679578,-.137642,.092785,.846313,.060902,-.007494,-.016807,1.024301],[.38545,.769005,-.154455,.100526,.829802,.069673,-.007442,-.02219,1.029632],[.319627,.849633,-.169261,.106241,.815969,.07779,-.007025,-.028051,1.035076],[.259411,.923008,-.18242,.110296,.80434,.085364,-.006276,-.034346,1.040622],[.203876,.990338,-.194214,.112975,.794542,.092483,-.005222,-.041043,1.046265],[.152286,1.052583,-.204868,.114503,.786281,.099216,-.003882,-.048116,1.051998]],Zo=[[1,0,-0,0,1,0,-0,-0,1],[.866435,.177704,-.044139,.049567,.939063,.01137,-.003453,.007233,.99622],[.760729,.319078,-.079807,.090568,.889315,.020117,-.006027,.013325,.992702],[.675425,.43385,-.109275,.125303,.847755,.026942,-.00795,.018572,.989378],[.605511,.52856,-.134071,.155318,.812366,.032316,-.009376,.023176,.9862],[.547494,.607765,-.155259,.181692,.781742,.036566,-.01041,.027275,.983136],[.498864,.674741,-.173604,.205199,.754872,.039929,-.011131,.030969,.980162],[.457771,.731899,-.18967,.226409,.731012,.042579,-.011595,.034333,.977261],[.422823,.781057,-.203881,.245752,.709602,.044646,-.011843,.037423,.974421],[.392952,.82361,-.216562,.263559,.69021,.046232,-.01191,.040281,.97163],[.367322,.860646,-.227968,.280085,.672501,.047413,-.01182,.04294,.968881]],Qo=[[1,0,-0,0,1,0,-0,-0,1],[.92667,.092514,-.019184,.021191,.964503,.014306,.008437,.054813,.93675],[.89572,.13333,-.02905,.029997,.9454,.024603,.013027,.104707,.882266],[.905871,.127791,-.033662,.026856,.941251,.031893,.01341,.148296,.838294],[.948035,.08949,-.037526,.014364,.946792,.038844,.010853,.193991,.795156],[1.017277,.027029,-.044306,-.006113,.958479,.047634,.006379,.248708,.744913],[1.104996,-.046633,-.058363,-.032137,.971635,.060503,.001336,.317922,.680742],[1.193214,-.109812,-.083402,-.058496,.97941,.079086,-.002346,.403492,.598854],[1.257728,-.139648,-.118081,-.078003,.975409,.102594,-.003316,.501214,.502102],[1.278864,-.125333,-.153531,-.084748,.957674,.127074,-989e-6,.601151,.399838],[1.255528,-.076749,-.178779,-.078411,.930809,.147602,.004733,.691367,.3039]],Uo=(e,a)=>{let t=Math.max(0,Math.min(1,a)),r=Math.round(t/.1),o=Math.round(t%.1),l=e[r];if(o>0&&r<e.length-1){let a=e[r+1];l=l.map((e,t)=>U(l[t],a[t],o))}return e=>{let a=y(e);if(void 0===a)return;let{r:t,g:r,b:o}=Ko(a),n={mode:"rgb",r:l[0]*t+l[1]*r+l[2]*o,g:l[3]*t+l[4]*r+l[5]*o,b:l[6]*t+l[7]*r+l[8]*o};return void 0!==a.alpha&&(n.alpha=a.alpha),x(a.mode)(n)}},el=(e=1)=>Uo(Vo,e),al=(e=1)=>Uo(Zo,e),tl=(e=1)=>Uo(Qo,e),rl=e=>e*e*(3-2*e),ol=e=>.5-Math.sin(Math.asin(1-2*e)/3),ll=e=>e*e*e*(e*(6*e-15)+10),nl=e=>(1-Math.cos(e*Math.PI))/2;function il(e){let a=x("lrgb")(e);return.2126*a.r+.7152*a.g+.0722*a.b}function hl(e,a){let t=il(e),r=il(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}var dl=P(Me),pl=P(Be),sl=P(fa),ul=P(ma),bl=P(za),vl=P(qa),cl=P(ja),gl=P(Ca),Ml=P(Ya),fl=P(ot),ml=P(it),yl=P(mt),xl=P(yt),zl=P(wt),wl=P(kt),kl=P(Xt),$l=P(Ct),Tl=P(St),Pl=P(Kt),Il=P(Qt),ql=P(er),Rl=P(tr),Ll=P(lr),jl=P(pr),Hl=P(Mr),Ol=P(ne),Xl=P(kr),Cl=P($r),Sl=P(Ir),El=P(Lr)}},a={};function t(r){var o=a[r];if(void 0!==o)return o.exports;var l=a[r]={exports:{}};return e[r](l,l.exports,t),l.exports}var r={};return(()=>{"use strict";var e=r; /* * * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2026 Preline Labs Ltd. */Object.defineProperty(e,"__esModule",{value:!0}),e.varToColor=function(e,t){if(e.startsWith("#")||e.startsWith("rgba"))return e;const r=t||document.documentElement;return function(e){const t=(0,a.parse)(e),r=(0,a.clampChroma)(t,"oklch");return(0,a.formatHex)(r)}(getComputedStyle(r).getPropertyValue(e).trim())};const a=t(8710)})(),r})()); </script> <script> !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("ApexCharts"));else if("function"==typeof define&&define.amd)define(["ApexCharts"],t);else{var s="object"==typeof exports?t(require("ApexCharts")):t(e.ApexCharts);for(var a in s)("object"==typeof exports?exports:e)[a]=s[a]}}(self,e=>(()=>{"use strict";var t={4024(e,t,s){ /* * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2024 Preline Labs Ltd. */ var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.buildChart=function(e,t,s,a){const l=document.querySelector(e);let n=null;if(!l)return!1;const o=l.closest('[role="tabpanel"]');let i=null;Array.from(document.querySelector("html").classList).forEach(e=>{["dark","light","default"].includes(e)&&(i=e)});const d=(e=i||localStorage.getItem("hs_theme"))=>"dark"===e||"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?window._.merge(t("dark"),"function"==typeof a?a():a):window._.merge(t("light"),"function"==typeof s?s():s);if(l){let e=!0;n=new r.default(l,d()),n.render(),setTimeout(()=>{e=!1},100);let t=!1;const s=t=>{e||(n.updateOptions(d(t.detail)),window.dispatchEvent(new Event("resize")))},a=e=>{var t;let a;const r=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:document.querySelector("html");Array.from(r.classList).forEach(e=>{["dark","light","default"].includes(e)&&(a=e)}),s({detail:a||localStorage.getItem("hs_theme")})},i=e=>{const t=e.detail;t&&t.isClipboardInit||a(t)},p=s=>{if(t)return;const r=s.detail,n=null==r?void 0:r.target;n&&l&&n.contains(l)&&(t=!0,e?setTimeout(()=>a(r),120):a(r))};window.addEventListener("on-hs-appearance-change",s),window.addEventListener("on-hs-color-theme-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-font-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-brand-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-clipboard-init-progress",p),o&&o.addEventListener("on-hs-appearance-change",s)}return n},t.buildHeatmapTooltip=function(e,t){const{mode:s,valuePrefix:a="$",valuePostfix:r="",divider:l="",wrapperClasses:n="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:o="",markerClasses:i="w-2.5! h-2.5! me-1.5!",markerStyles:d="",markerExtClasses:p="rounded-xs!",valueClasses:c="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:u=""}=t,{dataPointIndex:x,seriesIndex:h,series:g}=e,{name:v}=e.ctx.opts.series[h],$=`${a}${g[h][x]}${r}`;return`<div class="${"dark"===s?"dark ":""}${n} ${o}">\n <div class="apexcharts-tooltip-series-group flex!">\n\t\t\t<span class="apexcharts-tooltip-marker ${i} ${p}" style="${d}"></span>\n <span class="flex items-center">\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${c} ${u}">${v}${l}</span>\n </div>\n </div>\n </span>\n\t\t\t<span class="apexcharts-tooltip-text-y-value ${c} ${u}">${$}</span>\n </div>\n </div>`},t.buildTooltip=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasTextLabel:o=!1,invertGroup:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="text-xs",seriesExtClasses:x="",titleClasses:h="font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{colors:C}=e.w.globals,E=e.ctx.opts.series;let S="";return E.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof E[s].data[k]?E[s].data[k]:e.series[s][k]),p=E[s].name,c=i?{left:`${o?p:""}${d}`,right:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`}:{left:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`,right:`${o?p:""}${d}`},h=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${c.left}</span>`;S+=`<div class="apexcharts-tooltip-series-group !flex ${o?"justify-between!":""} order-${s+1} ${u} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${C[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${c.right}</span>\n </div>\n </div>\n </span>\n ${h}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">${s}</div>\n ${S}\n </div>`},t.buildTooltipCompareTwo=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=S[s].altValue||null,c=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${P} ${o||""}</span>`,h=p||`<span class="apexcharts-tooltip-text-y-value ${m} ${f}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}${d}</span>`;j+=`<div class="apexcharts-tooltip-series-group ${u} !flex order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n ${h}\n </div>\n </div>\n </span>\n ${i?c:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipCompareTwoAlt=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}</span>`;j+=`<div class="apexcharts-tooltip-series-group !flex ${u} order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text text-xs">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${P} ${o||""}${d}</span>\n </div>\n </div>\n </span>\n ${i?p:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipForDonut=function({series:e,seriesIndex:t,w:s},a){const{globals:r}=s,{colors:l}=r;return`<div class="apexcharts-tooltip-series-group" style="background-color: ${l[t]}; display: block;">\n <div class="apexcharts-tooltip-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n </div>\n </div>\n </div>`},t.fullBarHoverEffect=function(e,{shadowClasses:t="fill-gray-200"}={}){var s;const a=e.el.querySelector(".apexcharts-grid"),r=e.el.querySelector("svg");if(!a||!r)return;const l=(null===(s=e.w.config.xaxis)||void 0===s?void 0:s.categories)||[];if(0===l.length)return;let n=null,o=!1,i=!1;function d(){n&&o&&!i&&(i=!0,n.classList.remove("opacity-100"),null==n||n.remove(),n=null,o=!1,i=!1)}r.addEventListener("mousemove",s=>{const r=a.getBoundingClientRect();if(s.clientX<r.left||s.clientX>r.right||s.clientY<r.top||s.clientY>r.bottom)return void d();const p=(s.clientX-r.left)/r.width,c=Math.floor(p*l.length);c<0||c>=l.length?d():function(s){var a;const r=e.el.querySelector(".apexcharts-bar-series");if(!r)return;const l=r.querySelectorAll("path")[s];if(!l)return;const d=l.getBBox(),p=d.x,c=d.y,u=d.width;c<=0||(n||(n=document.createElementNS("http://www.w3.org/2000/svg","rect"),n.setAttribute("y","0"),n.setAttribute("class",t),null===(a=l.parentNode)||void 0===a||a.insertBefore(n,l)),n.setAttribute("x",p.toString()),n.setAttribute("width",u.toString()),n.setAttribute("height",c.toString()),requestAnimationFrame(()=>{null==n||n.classList.add("opacity-100")}),o=!0,i=!1)}(c)}),r.addEventListener("mouseleave",d)},t.cssVarToValue=function(e,t=document.documentElement){const s=getComputedStyle(t).getPropertyValue(e);return s?s.trim():null};const r=a(s(3157))},3157(t){t.exports=e}},s={};var a=function e(a){var r=s[a];if(void 0!==r)return r.exports;var l=s[a]={exports:{}};return t[a].call(l.exports,l,l.exports,e),l.exports}(4024);return a})()); </script> <script> window.addEventListener("message", (event) => { const data = event.data || {}; if (!data.type) return false; if (data.type === "hs:color-theme-change") { window.dispatchEvent(new CustomEvent("on-hs-color-theme-change", { detail: { target: document.documentElement, value: data.value } })); } }); </script> <script> window.addEventListener('load', () => { // Apex Single Bar Charts (function () { buildChart('#hs-pro-smpc', (mode) => ({ chart: { type: 'bar', height: 300, toolbar: { show: false }, zoom: { enabled: false } }, series: [ { name: 'Power consuption', data: [23000, 44000, 55000, 57000, 56000, 61000, 58000, 63000, 60000, 66000, 34000, 78000] } ], plotOptions: { bar: { horizontal: false, columnWidth: '16px', borderRadius: 7 } }, legend: { show: false }, dataLabels: { enabled: false }, stroke: { show: true, width: 1, colors: ['transparent'] }, xaxis: { categories: [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], axisBorder: { show: false }, axisTicks: { show: false }, crosshairs: { show: false }, labels: { style: { colors: 'rgba(255,255,255,.6)', fontSize: '13px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, offsetX: -2, formatter: (title) => title.slice(0, 3) } }, yaxis: { labels: { align: 'left', minWidth: 0, maxWidth: 140, style: { colors: 'rgba(255,255,255,.6)', fontSize: '13px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (value) => value >= 1000 ? `${value / 1000}kWh` : value } }, tooltip: { y: { formatter: (value) => `${value >= 1000 ? `${value / 1000}kWh` : value}` }, custom: function (props) { const { categories } = props.ctx.opts.xaxis; const { dataPointIndex } = props; const title = categories[dataPointIndex]; const newTitle = `${title}`; return buildTooltip(props, { title: newTitle, mode, valuePrefix: '', hasTextLabel: true, markerClasses: 'hidden!', wrapperExtClasses: 'min-w-28', labelDivider: ':', labelExtClasses: 'ms-2', thousandsShortName: 'kWh' }); } }, responsive: [{ breakpoint: 568, options: { chart: { height: 300 }, plotOptions: { bar: { columnWidth: '14px', borderRadius: 3 } }, stroke: { width: 8 }, labels: { style: { colors: 'rgba(255,255,255,.6)', fontSize: '11px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, offsetX: -2, formatter: (title) => title.slice(0, 3) }, yaxis: { labels: { align: 'left', minWidth: 0, maxWidth: 140, style: { colors: 'rgba(255,255,255,.6)', fontSize: '11px', fontFamily: cssVarToValue('--font-sans'), fontWeight: 400 }, formatter: (value) => value >= 1000 ? `${value / 1000}kWh` : value } }, }, }] }), () => ({ colors: [varToColor('--chart-colors-chart-inverse')], xaxis: { labels: { style: { colors: 'rgba(255,255,255,.6)', } } }, yaxis: { labels: { style: { colors: 'rgba(255,255,255,.6)', } } }, grid: { borderColor: 'rgba(255,255,255,.2)', } }), () => ({ colors: [varToColor('--chart-colors-chart-inverse')], xaxis: { labels: { style: { colors: 'rgba(255,255,255,.6)', } } }, yaxis: { labels: { style: { colors: 'rgba(255,255,255,.6)', } } }, grid: { borderColor: 'rgba(255,255,255,.2)', } })); })(); }); </script>

<!-- Line Charts in Card --> <div class="flex flex-col bg-card border border-card-line shadow-xs rounded-xl"> <!-- Header --> <div class="p-5 pb-4 grid grid-cols-2 items-center gap-x-4"> <div> <h2 class="inline-block font-semibold text-lg text-foreground"> Age </h2> </div> <!-- End Col --> <div class="flex justify-end items-center gap-x-1"> <!-- Download Dropdown --> <div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dbrachddts" type="button" class="size-8.5 inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-muted-foreground-1 hover:bg-muted-hover focus:outline-hidden focus:bg-muted-focus disabled:opacity-50 disabled:pointer-events-none" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </button> <!-- Download Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-60 transition-[opacity,margin] duration opacity-0 hidden z-20 bg-dropdown border border-dropdown-line rounded-xl shadow-xl" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dbrachddts"> <div class="p-1"> <div class="py-2 px-3"> <span class="block font-semibold text-foreground"> Download Report </span> <span class="block text-xs text-muted-foreground-1"> Select Options </span> </div> <div class="m-2 border-t border-dropdown-divider"></div> <div class="py-1 px-2"> <div class="flex items-center bg-surface rounded-xl p-1"> <label for="hs-pro-dbrachddtsts1" class="relative py-1.5 px-3 w-full cursor-pointer text-center text-sm text-foreground rounded-lg has-checked:bg-layer has-checked:shadow-2xs"> <svg class="relative z-10 me-1.5 inline-block align-middle shrink-0 size-4" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="fill-foreground" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="fill-foreground" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="fill-foreground" fill="currentColor"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="fill-foreground" fill="currentColor"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg><span class="relative z-10 align-middle">Excel</span> <input type="radio" name="hs-pro-dbrachddtsts" class="hidden" id="hs-pro-dbrachddtsts1" checked > </label> <label for="hs-pro-dbrachddtsts2" class="relative py-1.5 px-3 w-full cursor-pointer text-center text-sm text-foreground rounded-lg has-checked:bg-layer has-checked:shadow-2xs"> <svg class="relative z-10 me-1.5 inline-block align-middle shrink-0 size-4" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.6141 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 12.3359L31.9364 8.86395V3.24228C31.9364 2.89158 31.797 2.55523 31.549 2.30725C31.3011 2.05926 30.9647 1.91994 30.6141 1.91994Z" fill="#41A5EE"/><path d="M31.9364 8.86395H8.12839V15.8079L20.0324 19.2799L31.9364 15.8079V8.86395Z" fill="#2B7CD3"/><path d="M31.9364 15.8079H8.12839V22.7519L20.0324 26.2239L31.9364 22.7519V15.8079Z" fill="#185ABD"/><path d="M31.9364 22.752H8.12839V28.3736C8.12839 28.7244 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.696 9.45071 29.696H30.6141C30.9647 29.696 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7244 31.9364 28.3736V22.752Z" fill="#103F91"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="fill-foreground" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="fill-foreground" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="fill-foreground" fill="currentColor"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="fill-foreground" fill="currentColor"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16401 23.7439 0.827669 23.6047 0.579687 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579687 8.25922C0.827669 8.01122 1.16401 7.87194 1.51472 7.87194Z" fill="#185ABD"/><path d="M12.0468 20.7679H10.2612L8.17801 13.9231L5.99558 20.7679H4.20998L2.22598 10.8479H4.01158L5.40038 17.7919L7.48358 11.0463H8.97161L10.9556 17.7919L12.3444 10.8479H14.0308L12.0468 20.7679Z" fill="white"/></svg><span class="relative z-10 align-middle">Word</span> <input type="radio" name="hs-pro-dbrachddtsts" class="hidden" id="hs-pro-dbrachddtsts2" > </label> </div> </div> <div class="m-2 border-t border-dropdown-divider"></div> <div class="flex justify-between items-center py-2 px-3 cursor-pointer rounded-lg hover:bg-dropdown-item-hover"> <label for="hs-pro-dbrachddtss1" class="flex flex-1 items-center gap-x-3 cursor-pointer text-sm text-foreground"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>Section name </label> <input type="checkbox" class="shrink-0 size-4 bg-transparent border-line-3 rounded-sm shadow-2xs text-primary focus:ring-0 focus:ring-offset-0 checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-dbrachddtss1" checked > </div> <div class="flex justify-between items-center py-2 px-3 cursor-pointer rounded-lg hover:bg-dropdown-item-hover"> <label for="hs-pro-dbrachddtss2" class="flex flex-1 items-center gap-x-3 cursor-pointer text-sm text-foreground"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 22h2a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v3"/><polyline points="14 2 14 8 20 8"/><path d="M4.04 11.71a5.84 5.84 0 1 0 8.2 8.29"/><path d="M13.83 16A5.83 5.83 0 0 0 8 10.17V16h5.83Z"/></svg>Comparison stats </label> <input type="checkbox" class="shrink-0 size-4 bg-transparent border-line-3 rounded-sm shadow-2xs text-primary focus:ring-0 focus:ring-offset-0 checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-dbrachddtss2" checked > </div> <div class="flex justify-between items-center py-2 px-3 cursor-pointer rounded-lg hover:bg-dropdown-item-hover"> <label for="hs-pro-dbrachddtss3" class="flex flex-1 items-center gap-x-3 cursor-pointer text-sm text-foreground"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/></svg>Legend indicator </label> <input type="checkbox" class="shrink-0 size-4 bg-transparent border-line-3 rounded-sm shadow-2xs text-primary focus:ring-0 focus:ring-offset-0 checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-dbrachddtss3" checked > </div> <div class="my-1 border-t border-dropdown-divider"></div> <button type="button" class="w-full py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg bg-primary border border-primary-line text-primary-foreground hover:bg-primary-hover disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-primary-focus"> Download </button> </div> </div> <!-- End Download Dropdown --> </div> <!-- End Download Dropdown --> <!-- Download Dropdown --> <div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dbrachmd" type="button" class="size-8.5 inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-muted-foreground-1 hover:bg-muted-hover focus:outline-hidden focus:bg-muted-focus disabled:opacity-50 disabled:pointer-events-none" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <!-- Download Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-48 transition-[opacity,margin] duration opacity-0 hidden z-10 bg-dropdown border border-dropdown-line rounded-xl shadow-xl" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dbrachmd"> <div class="p-1"> <button type="button" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:outline-hidden focus:bg-dropdown-item-focus disabled:opacity-50 disabled:pointer-events-none"> <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> Share reports </button> <button type="button" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:outline-hidden focus:bg-dropdown-item-focus disabled:opacity-50 disabled:pointer-events-none"> <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg> View in fullscreen </button> <button type="button" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:outline-hidden focus:bg-dropdown-item-focus disabled:opacity-50 disabled:pointer-events-none"> <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3h6l6 18h6"/><path d="M14 3h7"/></svg> Connect other apps </button> <div class="my-1 border-t border-dropdown-divider"></div> <button type="button" class="w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:outline-hidden focus:bg-dropdown-item-focus disabled:opacity-50 disabled:pointer-events-none"> <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><line x1="9" x2="15" y1="10" y2="10"/><line x1="12" x2="12" y1="7" y2="13"/></svg> Submit Feedback </button> </div> </div> <!-- End Download Dropdown --> </div> <!-- End Download Dropdown --> </div> <!-- End Col --> </div> <!-- End Header --> <!-- Body --> <div class="h-full p-5 pt-0 space-y-4"> <div class="w-full"> <!-- Apex Lines Chart --> <div id="hs-age-lines-chart" class="min-h-70 "></div> </div> <!-- Legend Indicator --> <div class="flex justify-center items-center gap-x-4 mt-6"> <div class="inline-flex items-center"> <span class="shrink-0 size-2.5 inline-block bg-chart-primary rounded-xs me-2.5"></span> <span class="text-sm text-foreground"> 18-25 </span> </div> <div class="inline-flex items-center"> <span class="shrink-0 size-2.5 inline-block bg-chart-6 rounded-xs me-2.5"></span> <span class="text-sm text-foreground"> 25-40 </span> </div> <div class="inline-flex items-center"> <span class="shrink-0 size-2.5 inline-block bg-chart-9 rounded-xs me-2.5"></span> <span class="text-sm text-foreground"> 40+ </span> </div> </div> <!-- End Legend Indicator --> </div> <!-- End Body --> <!-- Footer --> <div class="text-center border-t border-card-footer"> <a class="p-3 flex justify-center items-center gap-x-2 text-sm text-primary rounded-b-lg hover:text-primary-hover focus:outline-hidden focus:decoration-2 focus:underline focus:text-primary-focus" href="#"> View full reports </a> </div> <!-- End Footer --> </div> <!-- End Line Charts in Card --> <link rel="stylesheet" href="../../../assets/vendor/apexcharts/dist/apexcharts.css"> <style> .apexcharts-tooltip.apexcharts-theme-light { background-color: transparent !important; border: none !important; box-shadow: none !important; } .apexcharts-xaxistooltip { background: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; } .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-primary-600) !important; } </style> <script> (function () { const html = document.documentElement; const appearance = localStorage.getItem("hs_theme") || "default"; const resolvedAppearance = appearance === "auto" ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default") : appearance; const colorTheme = localStorage.getItem("hs-clipboard-theme") || "default"; const brand = localStorage.getItem("hs-clipboard-brand"); const font = localStorage.getItem("hs-clipboard-font"); html.classList.toggle("dark", resolvedAppearance === "dark"); html.setAttribute("data-theme", `theme-${colorTheme}`); if (brand) html.setAttribute("data-brand", brand); if (font) html.setAttribute("data-font", font); })(); </script> <script src="../../../assets/vendor/lodash/lodash.min.js"></script> <script src="../../../assets/vendor/apexcharts/dist/apexcharts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/culori@4.0.2/bundled/culori.umd.min.js"></script> <script> !function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var t=a();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,()=>(()=>{var e={8710(e){var a,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,n={};((e,a)=>{for(var r in a)t(e,r,{get:a[r],enumerable:!0})})(n,{a98:()=>dl,average:()=>We,averageAngle:()=>Je,averageNumber:()=>Ge,blend:()=>Yr,blerp:()=>ae,clampChroma:()=>Co,clampGamut:()=>Xo,clampRgb:()=>Oo,colorsNamed:()=>h,convertA98ToXyz65:()=>he,convertCubehelixToRgb:()=>Le,convertDlchToLab65:()=>va,convertHsiToRgb:()=>ya,convertHslToRgb:()=>wa,convertHsvToRgb:()=>Ra,convertHwbToRgb:()=>Ha,convertItpToXyz65:()=>Fa,convertJabToJch:()=>lt,convertJabToRgb:()=>rt,convertJabToXyz65:()=>at,convertJchToJab:()=>nt,convertLab65ToDlch:()=>ca,convertLab65ToRgb:()=>na,convertLab65ToXyz65:()=>la,convertLabToLch:()=>Ye,convertLabToRgb:()=>bt,convertLabToXyz50:()=>st,convertLchToLab:()=>Ke,convertLchuvToLuv:()=>Tt,convertLrgbToOklab:()=>Et,convertLrgbToRgb:()=>ce,convertLuvToLchuv:()=>$t,convertLuvToXyz50:()=>Ot,convertOkhslToOklab:()=>Yt,convertOkhsvToOklab:()=>Zt,convertOklabToLrgb:()=>Nt,convertOklabToOkhsl:()=>Bt,convertOklabToOkhsv:()=>Vt,convertOklabToRgb:()=>_t,convertP3ToXyz65:()=>rr,convertProphotoToXyz50:()=>dr,convertRec2020ToXyz65:()=>gr,convertRgbToCubehelix:()=>Re,convertRgbToHsi:()=>xa,convertRgbToHsl:()=>ka,convertRgbToHsv:()=>La,convertRgbToHwb:()=>Oa,convertRgbToJab:()=>tt,convertRgbToLab:()=>Mt,convertRgbToLab65:()=>da,convertRgbToLrgb:()=>ue,convertRgbToOklab:()=>At,convertRgbToXyb:()=>xr,convertRgbToXyz50:()=>vt,convertRgbToXyz65:()=>be,convertRgbToYiq:()=>qr,convertXybToRgb:()=>wr,convertXyz50ToLab:()=>gt,convertXyz50ToLuv:()=>Lt,convertXyz50ToProphoto:()=>ir,convertXyz50ToRgb:()=>ut,convertXyz50ToXyz65:()=>Pr,convertXyz65ToA98:()=>pe,convertXyz65ToItp:()=>Ba,convertXyz65ToJab:()=>Za,convertXyz65ToLab65:()=>ha,convertXyz65ToP3:()=>or,convertXyz65ToRec2020:()=>br,convertXyz65ToRgb:()=>ge,convertXyz65ToXyz50:()=>Tr,convertYiqToRgb:()=>Rr,converter:()=>x,cubehelix:()=>pl,differenceCie76:()=>Ce,differenceCie94:()=>Se,differenceCiede2000:()=>Ee,differenceCmc:()=>Ae,differenceEuclidean:()=>Xe,differenceHueChroma:()=>Oe,differenceHueNaive:()=>He,differenceHueSaturation:()=>je,differenceHyab:()=>Ne,differenceItp:()=>De,differenceKotsarenkoRamos:()=>_e,displayable:()=>jo,dlab:()=>sl,dlch:()=>ul,easingGamma:()=>To,easingInOutSine:()=>nl,easingMidpoint:()=>to,easingSmootherstep:()=>ll,easingSmoothstep:()=>rl,easingSmoothstepInverse:()=>ol,filterBrightness:()=>Do,filterContrast:()=>Jo,filterDeficiencyDeuter:()=>al,filterDeficiencyProt:()=>el,filterDeficiencyTrit:()=>tl,filterGrayscale:()=>Wo,filterHueRotate:()=>Yo,filterInvert:()=>Bo,filterSaturate:()=>Fo,filterSepia:()=>Go,fixupAlpha:()=>le,fixupHueDecreasing:()=>we,fixupHueIncreasing:()=>ze,fixupHueLonger:()=>xe,fixupHueShorter:()=>ye,formatCss:()=>Dr,formatHex:()=>Jr,formatHex8:()=>Gr,formatHsl:()=>Wr,formatRgb:()=>Fr,getMode:()=>I,hsi:()=>bl,hsl:()=>vl,hsv:()=>cl,hwb:()=>gl,inGamut:()=>Ho,interpolate:()=>io,interpolateWith:()=>ho,interpolateWithPremultipliedAlpha:()=>po,interpolatorLinear:()=>oe,interpolatorPiecewise:()=>re,interpolatorSplineBasis:()=>bo,interpolatorSplineBasisClosed:()=>vo,interpolatorSplineMonotone:()=>wo,interpolatorSplineMonotone2:()=>ko,interpolatorSplineMonotoneClosed:()=>$o,interpolatorSplineNatural:()=>go,interpolatorSplineNaturalClosed:()=>Mo,itp:()=>Ml,jab:()=>fl,jch:()=>ml,lab:()=>yl,lab65:()=>xl,lch:()=>zl,lch65:()=>wl,lchuv:()=>kl,lerp:()=>U,lrgb:()=>$l,luv:()=>Tl,mapAlphaDivide:()=>Qr,mapAlphaMultiply:()=>Zr,mapTransferGamma:()=>eo,mapTransferLinear:()=>Ur,mapper:()=>Vr,modeA98:()=>Me,modeCubehelix:()=>Be,modeDlab:()=>fa,modeDlch:()=>ma,modeHsi:()=>za,modeHsl:()=>qa,modeHsv:()=>ja,modeHwb:()=>Ca,modeItp:()=>Ya,modeJab:()=>ot,modeJch:()=>it,modeLab:()=>mt,modeLab65:()=>yt,modeLch:()=>wt,modeLch65:()=>kt,modeLchuv:()=>Xt,modeLrgb:()=>Ct,modeLuv:()=>St,modeOkhsl:()=>Kt,modeOkhsv:()=>Qt,modeOklab:()=>er,modeOklch:()=>tr,modeP3:()=>lr,modeProphoto:()=>pr,modeRec2020:()=>Mr,modeRgb:()=>ne,modeXyb:()=>kr,modeXyz50:()=>$r,modeXyz65:()=>Ir,modeYiq:()=>Lr,nearest:()=>Eo,okhsl:()=>Pl,okhsv:()=>Il,oklab:()=>ql,oklch:()=>Rl,p3:()=>Ll,parse:()=>V,parseHex:()=>s,parseHsl:()=>Ia,parseHslLegacy:()=>Pa,parseHwb:()=>Xa,parseLab:()=>ft,parseLch:()=>zt,parseNamed:()=>d,parseOklab:()=>Ut,parseOklch:()=>ar,parseRgb:()=>Z,parseRgbLegacy:()=>m,parseTransparent:()=>Q,prophoto:()=>jl,random:()=>Kr,rec2020:()=>Hl,removeParser:()=>R,rgb:()=>Ol,round:()=>jr,samples:()=>Po,serializeHex:()=>Er,serializeHex8:()=>Ar,serializeHsl:()=>_r,serializeRgb:()=>Nr,toGamut:()=>So,trilerp:()=>te,unlerp:()=>ee,useMode:()=>P,useParser:()=>q,wcagContrast:()=>hl,wcagLuminance:()=>il,xyb:()=>Xl,xyz50:()=>Cl,xyz65:()=>Sl,yiq:()=>El}),e.exports=(a=n,((e,a,n,i)=>{if(a&&"object"==typeof a||"function"==typeof a)for(let h of o(a))l.call(e,h)||h===n||t(e,h,{get:()=>a[h],enumerable:!(i=r(a,h))||i.enumerable});return e})(t({},"__esModule",{value:!0}),a));var i=(e,a)=>{if("number"==typeof e)return 3===a?{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|240&e)/255,b:(15&e|e<<4&240)/255}:4===a?{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|240&e)/255,alpha:(15&e|e<<4&240)/255}:6===a?{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(255&e)/255}:8===a?{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(255&e)/255}:void 0},h={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},d=e=>i(h[e.toLowerCase()],6),p=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,s=e=>{let a;return(a=e.match(p))?i(parseInt(a[1],16),a[1].length):void 0},u="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",b=`${u}%`,v=`(?:${u}%|${u})`,c=`(?:${u}(deg|grad|rad|turn)|${u})`,g="\\s*,\\s*",M=(new RegExp("^"+`(?:${u}%|${u}|none)`+"$"),new RegExp(`^rgba?\\(\\s*${u}${g}${u}${g}${u}\\s*(?:,\\s*${v}\\s*)?\\)$`)),f=new RegExp(`^rgba?\\(\\s*${b}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),m=e=>{let a,t={mode:"rgb"};if(a=e.match(M))void 0!==a[1]&&(t.r=a[1]/255),void 0!==a[2]&&(t.g=a[2]/255),void 0!==a[3]&&(t.b=a[3]/255);else{if(!(a=e.match(f)))return;void 0!==a[1]&&(t.r=a[1]/100),void 0!==a[2]&&(t.g=a[2]/100),void 0!==a[3]&&(t.b=a[3]/100)}return void 0!==a[4]?t.alpha=Math.max(0,Math.min(1,a[4]/100)):void 0!==a[5]&&(t.alpha=Math.max(0,Math.min(1,+a[5]))),t},y=(e,a)=>void 0===e?void 0:"object"!=typeof e?V(e):void 0!==e.mode?e:a?{...e,mode:a}:void 0,x=(e="rgb")=>a=>void 0!==(a=y(a,e))?a.mode===e?a:z[a.mode][e]?z[a.mode][e](a):"rgb"===e?z[a.mode].rgb(a):z.rgb[e](z[a.mode].rgb(a)):void 0,z={},w={},k=[],$={},T=e=>e,P=e=>(z[e.mode]={...z[e.mode],...e.toMode},Object.keys(e.fromMode||{}).forEach(a=>{z[a]||(z[a]={}),z[a][e.mode]=e.fromMode[a]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(a=>{if(void 0===e.ranges[a]&&(e.ranges[a]=[0,1]),!e.interpolate[a])throw new Error(`Missing interpolator for: ${a}`);"function"==typeof e.interpolate[a]&&(e.interpolate[a]={use:e.interpolate[a]}),e.interpolate[a].fixup||(e.interpolate[a].fixup=T)}),w[e.mode]=e,(e.parse||[]).forEach(a=>{q(a,e.mode)}),x(e.mode)),I=e=>w[e],q=(e,a)=>{if("string"==typeof e){if(!a)throw new Error("'mode' required when 'parser' is a string");$[e]=a}else"function"==typeof e&&k.indexOf(e)<0&&k.push(e)},R=e=>{if("string"==typeof e)delete $[e];else if("function"==typeof e){const a=k.indexOf(e);a>0&&k.splice(a,1)}},L=/[^\x00-\x7F]|[a-zA-Z_]/,j=/[^\x00-\x7F]|[-\w]/,H="function",O="ident",X="number",C="percentage",S=")",E="none",A="hue",N="alpha",_=0;function D(e){let a=e[_],t=e[_+1];return"-"===a||"+"===a?/\d/.test(t)||"."===t&&/\d/.test(e[_+2]):/\d/.test("."===a?t:a)}function J(e){if(_>=e.length)return!1;let a=e[_];if(L.test(a))return!0;if("-"===a){if(e.length-_<2)return!1;let a=e[_+1];return!("-"!==a&&!L.test(a))}return!1}var G={deg:1,rad:180/Math.PI,grad:.9,turn:360};function F(e){let a="";if("-"!==e[_]&&"+"!==e[_]||(a+=e[_++]),a+=W(e),"."===e[_]&&/\d/.test(e[_+1])&&(a+=e[_++]+W(e)),"e"!==e[_]&&"E"!==e[_]||("-"!==e[_+1]&&"+"!==e[_+1]||!/\d/.test(e[_+2])?/\d/.test(e[_+1])&&(a+=e[_++]+W(e)):a+=e[_++]+e[_++]+W(e)),J(e)){let t=B(e);return"deg"===t||"rad"===t||"turn"===t||"grad"===t?{type:A,value:a*G[t]}:void 0}return"%"===e[_]?(_++,{type:C,value:+a}):{type:X,value:+a}}function W(e){let a="";for(;/\d/.test(e[_]);)a+=e[_++];return a}function B(e){let a="";for(;_<e.length&&j.test(e[_]);)a+=e[_++];return a}function Y(e){let a=B(e);return"("===e[_]?(_++,{type:H,value:a}):"none"===a?{type:E,value:void 0}:{type:O,value:a}}function K(e,a){const t=[];let r;for(;e._i<e.length;)if(r=e[e._i++],r.type===E||r.type===X||r.type===N||r.type===C||a&&r.type===A)t.push(r);else{if(r.type!==S)return;if(e._i<e.length)return}if(!(t.length<3||t.length>4)){if(4===t.length){if(t[3].type!==N)return;t[3]=t[3].value}return 3===t.length&&t.push({type:E,value:void 0}),t.every(e=>e.type!==N)?t:void 0}}var V=e=>{if("string"!=typeof e)return;const a=function(e=""){let a,t=e.trim(),r=[];for(_=0;_<t.length;)if(a=t[_++],"\n"!==a&&"\t"!==a&&" "!==a){if(","===a)return;if(")"!==a){if("+"===a){if(_--,D(t)){r.push(F(t));continue}return}if("-"===a){if(_--,D(t)){r.push(F(t));continue}if(J(t)){r.push({type:O,value:B(t)});continue}return}if("."===a){if(_--,D(t)){r.push(F(t));continue}return}if("/"===a){for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;let e;if(D(t)&&(e=F(t),e.type!==A)){r.push({type:N,value:e});continue}if(J(t)&&"none"===B(t)){r.push({type:N,value:{type:E,value:void 0}});continue}return}if(/\d/.test(a))_--,r.push(F(t));else{if(!L.test(a))return;_--,r.push(Y(t))}}else r.push({type:S})}else for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;return r}(e),t=a?function(e,a){e._i=0;let t=e[e._i++];if(!t||t.type!==H)return;let r=K(e,a);return r?(r.unshift(t.value),r):void 0}(a,!0):void 0;let r,o=0,l=k.length;for(;o<l;)if(void 0!==(r=k[o++](e,t)))return r;return a?function(e){e._i=0;let a=e[e._i++];if(!a||a.type!==H||"color"!==a.value)return;if(a=e[e._i++],a.type!==O)return;const t=$[a.value];if(!t)return;const r={mode:t},o=K(e,!1);if(!o)return;const l=I(t).channels;for(let e,a,t=0;t<l.length;t++)e=o[t],a=l[t],e.type!==E&&(r[a]=e.type===X?e.value:e.value/100,"alpha"===a&&(r[a]=Math.max(0,Math.min(1,r[a]))));return r}(a):void 0};var Z=function(e,a){if(!a||"rgb"!==a[0]&&"rgba"!==a[0])return;const t={mode:"rgb"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.r=r.type===X?r.value/255:r.value/100),o.type!==E&&(t.g=o.type===X?o.value/255:o.value/100),l.type!==E&&(t.b=l.type===X?l.value/255:l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},Q=e=>"transparent"===e?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,U=(e,a,t)=>e+t*(a-e),ee=(e,a,t)=>(t-e)/(a-e),ae=(e,a,t,r,o,l)=>U(U(e,a,o),U(t,r,o),l),te=(e,a,t,r,o,l,n,i,h,d,p)=>U(ae(e,a,t,r,h,d),ae(o,l,n,i,h,d),p),re=e=>a=>{let t=(e=>{let a=[];for(let t=0;t<e.length-1;t++){let r=e[t],o=e[t+1];void 0===r&&void 0===o?a.push(void 0):void 0!==r&&void 0!==o?a.push([r,o]):a.push(void 0!==r?[r,r]:[o,o])}return a})(a);return a=>{let r=a*t.length,o=a>=1?t.length-1:Math.max(Math.floor(r),0),l=t[o];return void 0===l?void 0:e(l[0],l[1],r-o)}},oe=re(U),le=e=>{let a=!1,t=e.map(e=>void 0!==e?(a=!0,e):1);return a?t:e},ne={mode:"rgb",channels:["r","g","b","alpha"],parse:[Z,s,m,d,Q,"srgb"],serialize:"srgb",interpolate:{r:oe,g:oe,b:oe,alpha:{use:oe,fixup:le}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},ie=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),he=e=>{let a=ie(e.r),t=ie(e.g),r=ie(e.b),o={mode:"xyz65",x:.5766690429101305*a+.1855582379065463*t+.1882286462349947*r,y:.297344975250536*a+.6273635662554661*t+.0752914584939979*r,z:.0270313613864123*a+.0706888525358272*t+.9913375368376386*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},de=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),pe=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"a98",r:de(2.0415879038107465*e-.5650069742788597*a-.3447313507783297*t),g:de(-.9692436362808798*e+1.8759675015077206*a+.0415550574071756*t),b:de(.0134442806320312*e-.1183623922310184*a+1.0151749943912058*t)};return void 0!==r&&(o.alpha=r),o},se=(e=0)=>{const a=Math.abs(e);return a<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((a+.055)/1.055,2.4)},ue=({r:e,g:a,b:t,alpha:r})=>{let o={mode:"lrgb",r:se(e),g:se(a),b:se(t)};return void 0!==r&&(o.alpha=r),o},be=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.4123907992659593*a+.357584339383878*t+.1804807884018343*r,y:.2126390058715102*a+.715168678767756*t+.0721923153607337*r,z:.0193308187155918*a+.119194779794626*t+.9505321522496607*r};return void 0!==o&&(l.alpha=o),l},ve=(e=0)=>{const a=Math.abs(e);return a>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(a,1/2.4)-.055):12.92*e},ce=({r:e,g:a,b:t,alpha:r},o="rgb")=>{let l={mode:o,r:ve(e),g:ve(a),b:ve(t)};return void 0!==r&&(l.alpha=r),l},ge=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.2409699419045226*e-1.537383177570094*a-.4986107602930034*t,g:-.9692436362808796*e+1.8759675015077204*a+.0415550574071756*t,b:.0556300796969936*e-.2039769588889765*a+1.0569715142428784*t});return void 0!==r&&(o.alpha=r),o},Me={...ne,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>pe(be(e)),xyz65:pe},toMode:{rgb:e=>ge(he(e)),xyz65:he}},fe=e=>(e%=360)<0?e+360:e,me=(e,a)=>e.map((t,r,o)=>{if(void 0===t)return t;let l=fe(t);return 0===r||void 0===e[r-1]?l:a(l-fe(o[r-1]))}).reduce((e,a)=>e.length&&void 0!==a&&void 0!==e[e.length-1]?(e.push(a+e[e.length-1]),e):(e.push(a),e),[]),ye=e=>me(e,e=>Math.abs(e)<=180?e:e-360*Math.sign(e)),xe=e=>me(e,e=>Math.abs(e)>=180||0===e?e:e-360*Math.sign(e)),ze=e=>me(e,e=>e>=0?e:e+360),we=e=>me(e,e=>e<=0?e:e-360),ke=[-.14861,1.78277,-.29227,-.90649,1.97294,0],$e=Math.PI/180,Te=180/Math.PI,Pe=ke[3]*ke[4],Ie=ke[1]*ke[4],qe=ke[1]*ke[2]-ke[0]*ke[3],Re=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(qe*t+e*Pe-a*Ie)/(qe+Pe-Ie),l=t-o,n=(ke[4]*(a-o)-ke[2]*l)/ke[3],i={mode:"cubehelix",l:o,s:0===o||1===o?void 0:Math.sqrt(l*l+n*n)/(ke[4]*o*(1-o))};return i.s&&(i.h=Math.atan2(n,l)*Te-120),void 0!==r&&(i.alpha=r),i},Le=({h:e,s:a,l:t,alpha:r})=>{let o={mode:"rgb"};e=(void 0===e?0:e+120)*$e,void 0===t&&(t=0);let l=void 0===a?0:a*t*(1-t),n=Math.cos(e),i=Math.sin(e);return o.r=t+l*(ke[0]*n+ke[1]*i),o.g=t+l*(ke[2]*n+ke[3]*i),o.b=t+l*(ke[4]*n+ke[5]*i),void 0!==r&&(o.alpha=r),o},je=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.s||!a.s)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*a.s)*o},He=(e,a)=>{if(void 0===e.h||void 0===a.h)return 0;let t=fe(e.h),r=fe(a.h);return Math.abs(r-t)>180?t-(r-360*Math.sign(r-t)):r-t},Oe=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.c||!a.c)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*a.c)*o},Xe=(e="rgb",a=[1,1,1,0])=>{let t=I(e),r=t.channels,o=t.difference,l=x(e);return(e,t)=>{let n=l(e),i=l(t);return Math.sqrt(r.reduce((e,t,r)=>{let l=o[t]?o[t](n,i):n[t]-i[t];return e+(a[r]||0)*Math.pow(isNaN(l)?0:l,2)},0))}},Ce=()=>Xe("lab65"),Se=(e=1,a=.045,t=.015)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=Math.sqrt(b*b+v*v),g=Math.pow(h-u,2),M=Math.pow(s-c,2),f=Math.pow(d-b,2)+Math.pow(p-v,2)-M;return Math.sqrt(g/Math.pow(e,2)+M/Math.pow(1+a*s,2)+f/Math.pow(1+t*s,2))}},Ee=(e=1,a=1,t=1)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=(s+Math.sqrt(b*b+v*v))/2,g=.5*(1-Math.sqrt(Math.pow(c,7)/(Math.pow(c,7)+Math.pow(25,7)))),M=d*(1+g),f=b*(1+g),m=Math.sqrt(M*M+p*p),y=Math.sqrt(f*f+v*v),x=Math.abs(M)+Math.abs(p)===0?0:Math.atan2(p,M);x+=2*(x<0)*Math.PI;let z=Math.abs(f)+Math.abs(v)===0?0:Math.atan2(v,f);z+=2*(z<0)*Math.PI;let w=u-h,k=y-m,$=m*y===0?0:z-x;$-=2*($>Math.PI)*Math.PI,$+=2*($<-Math.PI)*Math.PI;let T,P=2*Math.sqrt(m*y)*Math.sin($/2),I=(h+u)/2,q=(m+y)/2;m*y===0?T=x+z:(T=(x+z)/2,T-=(Math.abs(x-z)>Math.PI)*Math.PI,T+=2*(T<0)*Math.PI);let R=Math.pow(I-50,2),L=1-.17*Math.cos(T-Math.PI/6)+.24*Math.cos(2*T)+.32*Math.cos(3*T+Math.PI/30)-.2*Math.cos(4*T-63*Math.PI/180),j=1+.015*R/Math.sqrt(20+R),H=1+.045*q,O=1+.015*q*L,X=30*Math.PI/180*Math.exp(-1*Math.pow((180/Math.PI*T-275)/25,2)),C=2*Math.sqrt(Math.pow(q,7)/(Math.pow(q,7)+Math.pow(25,7))),S=-1*Math.sin(2*X)*C;return Math.sqrt(Math.pow(w/(e*j),2)+Math.pow(k/(a*H),2)+Math.pow(P/(t*O),2)+S*k/(a*H)*P/(t*O))}},Ae=(e=1,a=1)=>{let t=x("lab65");return(r,o)=>{let l=t(r),n=l.l,i=l.a,h=l.b,d=Math.sqrt(i*i+h*h),p=Math.atan2(h,i);p+=2*Math.PI*(p<0);let s=t(o),u=s.l,b=s.a,v=s.b,c=Math.sqrt(b*b+v*v),g=Math.pow(n-u,2),M=Math.pow(d-c,2),f=Math.pow(i-b,2)+Math.pow(h-v,2)-M,m=Math.sqrt(Math.pow(d,4)/(Math.pow(d,4)+1900)),y=n<16?.511:.040975*n/(1+.01765*n),x=.0638*d/(1+.0131*d)+.638,z=x*(m*(p>=164/180*Math.PI&&p<=345/180*Math.PI?.56+Math.abs(.2*Math.cos(p+168/180*Math.PI)):.36+Math.abs(.4*Math.cos(p+35/180*Math.PI)))+1-m);return Math.sqrt(g/Math.pow(e*y,2)+M/Math.pow(a*x,2)+f/Math.pow(z,2))}},Ne=()=>{let e=x("lab65");return(a,t)=>{let r=e(a),o=e(t),l=r.l-o.l,n=r.a-o.a,i=r.b-o.b;return Math.abs(l)+Math.sqrt(n*n+i*i)}},_e=()=>Xe("yiq",[.5053,.299,.1957]),De=()=>Xe("itp",[518400,129600,518400]),Je=e=>{let a=e.reduce((e,a)=>{if(void 0!==a){let t=a*Math.PI/180;e.sin+=Math.sin(t),e.cos+=Math.cos(t)}return e},{sin:0,cos:0}),t=180*Math.atan2(a.sin,a.cos)/Math.PI;return t<0?360+t:t},Ge=e=>{let a=e.filter(e=>void 0!==e);return a.length?a.reduce((e,a)=>e+a,0)/a.length:void 0},Fe=e=>"function"==typeof e;function We(e,a="rgb",t){let r=I(a),o=e.map(x(a));return r.channels.reduce((e,a)=>{let l=o.map(e=>e[a]).filter(e=>void 0!==e);if(l.length){let o;o=Fe(t)?t:t&&Fe(t[a])?t[a]:r.average&&Fe(r.average[a])?r.average[a]:Ge,e[a]=o(l,a)}return e},{mode:a})}var Be={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Re},toMode:{rgb:Le},interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}},Ye=({l:e,a,b:t,alpha:r},o="lch")=>{void 0===a&&(a=0),void 0===t&&(t=0);let l=Math.sqrt(a*a+t*t),n={mode:o,l:e,c:l};return l&&(n.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(n.alpha=r),n},Ke=({l:e,c:a,h:t,alpha:r},o="lab")=>{void 0===t&&(t=0);let l={mode:o,l:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(l.alpha=r),l},Ve=Math.pow(29,3)/Math.pow(3,3),Ze=Math.pow(6,3)/Math.pow(29,3),Qe=.3457/.3585,Ue=1,ea=.2958/.3585,aa=.3127/.329,ta=1,ra=.3583/.329,oa=(Math.pow(29,3),Math.pow(3,3),Math.pow(6,3),Math.pow(29,3),e=>Math.pow(e,3)>Ze?Math.pow(e,3):(116*e-16)/Ve),la=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz65",x:oa(a/500+o)*aa,y:oa(o)*ta,z:oa(l)*ra};return void 0!==r&&(n.alpha=r),n},na=e=>ge(la(e)),ia=e=>e>Ze?Math.cbrt(e):(Ve*e+16)/116,ha=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ia(e/aa),l=ia(a/ta),n={mode:"lab65",l:116*l-16,a:500*(o-l),b:200*(l-ia(t/ra))};return void 0!==r&&(n.alpha=r),n},da=e=>{let a=ha(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},pa=26/180*Math.PI,sa=Math.cos(pa),ua=Math.sin(pa),ba=100/Math.log(1.39),va=({l:e,c:a,h:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"lab65",l:(Math.exp(1*e/ba)-1)/.0039},l=(Math.exp(.0435*a*1*1)-1)/.075,n=l*Math.cos(t/180*Math.PI-pa),i=l*Math.sin(t/180*Math.PI-pa);return o.a=n*sa-i/.83*ua,o.b=n*ua+i/.83*sa,void 0!==r&&(o.alpha=r),o},ca=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=a*sa+t*ua,l=.83*(t*sa-a*ua),n=Math.sqrt(o*o+l*l),i={mode:"dlch",l:ba/1*Math.log(1+.0039*e),c:Math.log(1+.075*n)/.0435};return i.c&&(i.h=fe((Math.atan2(l,o)+pa)/Math.PI*180)),void 0!==r&&(i.alpha=r),i},ga=e=>va(Ye(e,"dlch")),Ma=e=>Ke(ca(e),"dlab"),fa={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:ga,rgb:e=>na(ga(e))},fromMode:{lab65:Ma,rgb:e=>Ma(da(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},ma={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:va,dlab:e=>Ke(e,"dlab"),rgb:e=>na(va(e))},fromMode:{lab65:ca,dlab:e=>Ye(e,"dlch"),rgb:e=>ca(da(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:oe,c:oe,h:{use:oe,fixup:ye},alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}};function ya({h:e,s:a,i:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1-a)};break;case 1:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1+a*(3/(2-l)-1)),b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t*(1+a*(3/(2-l)-1)),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;case 3:o={r:t*(1-a),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1+a*(3/(2-l)-1))};break;case 4:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3/(2-l)-1))};break;case 5:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function xa({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsi",s:e+a+t===0?0:1-3*l/(e+a+t),i:(e+a+t)/3};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var za={mode:"hsi",toMode:{rgb:ya},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:xa},channels:["h","s","i","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,i:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function wa({h:e,s:a,l:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=t+a*(t<.5?t:1-t),n=l-2*(l-t)*Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:l,g:n,b:2*t-l};break;case 1:o={r:n,g:l,b:2*t-l};break;case 2:o={r:2*t-l,g:l,b:n};break;case 3:o={r:2*t-l,g:n,b:l};break;case 4:o={r:n,g:2*t-l,b:l};break;case 5:o={r:l,g:2*t-l,b:n};break;default:o={r:2*t-l,g:2*t-l,b:2*t-l}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function ka({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsl",s:o===l?0:(o-l)/(1-Math.abs(o+l-1)),l:.5*(o+l)};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var $a=(e,a)=>{switch(a){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return 360*e}},Ta=new RegExp(`^hsla?\\(\\s*${c}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),Pa=e=>{let a=e.match(Ta);if(!a)return;let t={mode:"hsl"};return void 0!==a[3]?t.h=+a[3]:void 0!==a[1]&&void 0!==a[2]&&(t.h=$a(a[1],a[2])),void 0!==a[4]&&(t.s=Math.min(Math.max(0,a[4]/100),1)),void 0!==a[5]&&(t.l=Math.min(Math.max(0,a[5]/100),1)),void 0!==a[6]?t.alpha=Math.max(0,Math.min(1,a[6]/100)):void 0!==a[7]&&(t.alpha=Math.max(0,Math.min(1,+a[7]))),t};var Ia=function(e,a){if(!a||"hsl"!==a[0]&&"hsla"!==a[0])return;const t={mode:"hsl"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.s=o.value/100}if(l.type!==E){if(l.type===A)return;t.l=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},qa={mode:"hsl",toMode:{rgb:wa},fromMode:{rgb:ka},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Ia,Pa],serialize:e=>`hsl(${void 0!==e.h?e.h:"none"} ${void 0!==e.s?100*e.s+"%":"none"} ${void 0!==e.l?100*e.l+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ra({h:e,s:a,v:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t,g:t*(1-a*l),b:t*(1-a)};break;case 1:o={r:t*(1-a*l),g:t,b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t,b:t*(1-a*l)};break;case 3:o={r:t*(1-a),g:t*(1-a*l),b:t};break;case 4:o={r:t*(1-a*l),g:t*(1-a),b:t};break;case 5:o={r:t,g:t*(1-a),b:t*(1-a*l)};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function La({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsv",s:0===o?0:1-l/o,v:o};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var ja={mode:"hsv",toMode:{rgb:Ra},parse:["--hsv"],serialize:"--hsv",fromMode:{rgb:La},channels:["h","s","v","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,v:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ha({h:e,w:a,b:t,alpha:r}){if(void 0===a&&(a=0),void 0===t&&(t=0),a+t>1){let e=a+t;a/=e,t/=e}return Ra({h:e,s:1===t?1:1-a/(1-t),v:1-t,alpha:r})}function Oa(e){let a=La(e);if(void 0===a)return;let t=void 0!==a.s?a.s:0,r=void 0!==a.v?a.v:0,o={mode:"hwb",w:(1-t)*r,b:1-r};return void 0!==a.h&&(o.h=a.h),void 0!==a.alpha&&(o.alpha=a.alpha),o}var Xa=function(e,a){if(!a||"hwb"!==a[0])return;const t={mode:"hwb"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.w=o.value/100}if(l.type!==E){if(l.type===A)return;t.b=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},Ca={mode:"hwb",toMode:{rgb:Ha},fromMode:{rgb:Oa},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Xa],serialize:e=>`hwb(${void 0!==e.h?e.h:"none"} ${void 0!==e.w?100*e.w+"%":"none"} ${void 0!==e.b?100*e.b+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},w:oe,b:oe,alpha:{use:oe,fixup:le}},difference:{h:He},average:{h:Je}},Sa=.1593017578125,Ea=78.84375,Aa=.8359375,Na=18.8515625,_a=18.6875;function Da(e){if(e<0)return 0;const a=Math.pow(e,1/Ea);return 1e4*Math.pow(Math.max(0,a-Aa)/(Na-_a*a),1/Sa)}function Ja(e){if(e<0)return 0;const a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),Ea)}var Ga=e=>Math.max(e/203,0),Fa=({i:e,t:a,p:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=Da(e+.008609037037932761*a+.11102962500302593*t),l=Da(e-.00860903703793275*a-.11102962500302599*t),n=Da(e+.5600313357106791*a-.32062717498731885*t),i={mode:"xyz65",x:Ga(2.070152218389422*o-1.3263473389671556*l+.2066510476294051*n),y:Ga(.3647385209748074*o+.680566024947227*l-.0453045459220346*n),z:Ga(-.049747207535812*o-.0492609666966138*l+1.1880659249923042*n)};return void 0!==r&&(i.alpha=r),i},Wa=(e=0)=>Math.max(203*e,0),Ba=({x:e,y:a,z:t,alpha:r})=>{const o=Wa(e),l=Wa(a),n=Wa(t),i=Ja(.3592832590121217*o+.6976051147779502*l-.0358915932320289*n),h=Ja(-.1920808463704995*o+1.1004767970374323*l+.0753748658519118*n),d=Ja(.0070797844607477*o+.0748396662186366*l+.8433265453898765*n),p={mode:"itp",i:.5*i+.5*h,t:1.61376953125*i-3.323486328125*h+1.709716796875*d,p:4.378173828125*i-4.24560546875*h-.132568359375*d};return void 0!==r&&(p.alpha=r),p},Ya={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Fa,rgb:e=>ge(Fa(e))},fromMode:{xyz65:Ba,rgb:e=>Ba(be(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:oe,t:oe,p:oe,alpha:{use:oe,fixup:le}}},Ka=e=>{if(e<0)return 0;let a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),134.03437499999998)},Va=(e=0)=>Math.max(203*e,0),Za=({x:e,y:a,z:t,alpha:r})=>{e=Va(e),a=Va(a);let o=1.15*e-.15*(t=Va(t)),l=.66*a+.34*e,n=Ka(.41478972*o+.579999*l+.014648*t),i=Ka(-.20151*o+1.120649*l+.0531008*t),h=Ka(-.0166008*o+.2648*l+.6684799*t),d=(n+i)/2,p={mode:"jab",j:.44*d/(1-.56*d)-16295499532821565e-27,a:3.524*n-4.066708*i+.542708*h,b:.199076*n+1.096799*i-1.295875*h};return void 0!==r&&(p.alpha=r),p},Qa=16295499532821565e-27,Ua=e=>{if(e<0)return 0;let a=Math.pow(e,.007460772656268216);return 1e4*Math.pow((Aa-a)/(_a*a-Na),1/Sa)},et=e=>e/203,at=({j:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+Qa)/(.44+.56*(e+Qa)),l=Ua(o+.13860504*a+.058047316*t),n=Ua(o-.13860504*a-.058047316*t),i=Ua(o-.096019242*a-.8118919*t),h={mode:"xyz65",x:et(1.661373024652174*l-.914523081304348*n+.23136208173913045*i),y:et(-.3250758611844533*l+1.571847026732543*n-.21825383453227928*i),z:et(-.090982811*l-.31272829*n+1.5227666*i)};return void 0!==r&&(h.alpha=r),h},tt=e=>{let a=Za(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},rt=e=>ge(at(e)),ot={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:tt,xyz65:Za},toMode:{rgb:rt,xyz65:at},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},lt=({j:e,a,b:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"jch",j:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},nt=({j:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"jab",j:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},it={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:nt,rgb:e=>rt(nt(e))},fromMode:{rgb:e=>lt(tt(e)),jab:lt},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,j:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},ht=Math.pow(29,3)/Math.pow(3,3),dt=Math.pow(6,3)/Math.pow(29,3),pt=e=>Math.pow(e,3)>dt?Math.pow(e,3):(116*e-16)/ht,st=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz50",x:pt(a/500+o)*Qe,y:pt(o)*Ue,z:pt(l)*ea};return void 0!==r&&(n.alpha=r),n},ut=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.1341359569958707*e-1.6173863321612538*a-.4906619460083532*t,g:-.978795502912089*e+1.916254567259524*a+.03344273116131949*t,b:.07195537988411677*e-.2289768264158322*a+1.405386058324125*t});return void 0!==r&&(o.alpha=r),o},bt=e=>ut(st(e)),vt=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz50",x:.436065742824811*a+.3851514688337912*t+.14307845442264197*r,y:.22249319175623702*a+.7168870538238823*t+.06061979053616537*r,z:.013923904500943465*a+.09708128566574634*t+.7140993584005155*r};return void 0!==o&&(l.alpha=o),l},ct=e=>e>dt?Math.cbrt(e):(ht*e+16)/116,gt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ct(e/Qe),l=ct(a/Ue),n={mode:"lab",l:116*l-16,a:500*(o-l),b:200*(l-ct(t/ea))};return void 0!==r&&(n.alpha=r),n},Mt=e=>{let a=gt(vt(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a};var ft=function(e,a){if(!a||"lab"!==a[0])return;const t={mode:"lab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.value),100)),o.type!==E&&(t.a=o.type===X?o.value:125*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:125*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},mt={mode:"lab",toMode:{xyz50:st,rgb:bt},fromMode:{xyz50:gt,rgb:Mt},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-125,125],b:[-125,125]},parse:[ft],serialize:e=>`lab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},yt={...mt,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:la,rgb:na},fromMode:{xyz65:ha,rgb:da},ranges:{l:[0,100],a:[-125,125],b:[-125,125]}};var xt,zt=function(e,a){if(!a||"lch"!==a[0])return;const t={mode:"lch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.value),100)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:150*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},wt={mode:"lch",toMode:{lab:Ke,rgb:e=>bt(Ke(e))},fromMode:{rgb:e=>Ye(Mt(e)),lab:Ye},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[zt],serialize:e=>`lch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},kt={...wt,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Ke(e,"lab65"),rgb:e=>na(Ke(e,"lab65"))},fromMode:{rgb:e=>Ye(da(e),"lch65"),lab65:e=>Ye(e,"lch65")},ranges:{l:[0,100],c:[0,150],h:[0,360]}},$t=({l:e,u:a,v:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"lchuv",l:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},Tt=({l:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"luv",l:e,u:a?a*Math.cos(t/180*Math.PI):0,v:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},Pt=(e,a,t)=>4*e/(e+15*a+3*t),It=(e,a,t)=>9*a/(e+15*a+3*t),qt=Pt(Qe,Ue,ea),Rt=It(Qe,Ue,ea),Lt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(l=a/Ue)<=dt?ht*l:116*Math.cbrt(l)-16;var l;let n=Pt(e,a,t),i=It(e,a,t);isFinite(n)&&isFinite(i)?(n=13*o*(n-qt),i=13*o*(i-Rt)):o=n=i=0;let h={mode:"luv",l:o,u:n,v:i};return void 0!==r&&(h.alpha=r),h},jt=4*(xt=Qe)/(xt+15*Ue+3*ea),Ht=((e,a,t)=>9*a/(e+15*a+3*t))(Qe,Ue,ea),Ot=({l:e,u:a,v:t,alpha:r})=>{if(void 0===e&&(e=0),0===e)return{mode:"xyz50",x:0,y:0,z:0};void 0===a&&(a=0),void 0===t&&(t=0);let o=a/(13*e)+jt,l=t/(13*e)+Ht,n=Ue*(e<=8?e/ht:Math.pow((e+16)/116,3)),i={mode:"xyz50",x:n*(9*o)/(4*l),y:n,z:n*(12-3*o-20*l)/(4*l)};return void 0!==r&&(i.alpha=r),i},Xt={mode:"lchuv",toMode:{luv:Tt,rgb:e=>ut(Ot(Tt(e)))},fromMode:{rgb:e=>$t(Lt(vt(e))),luv:$t},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},Ct={...ne,mode:"lrgb",toMode:{rgb:ce},fromMode:{rgb:ue},parse:["srgb-linear"],serialize:"srgb-linear"},St={mode:"luv",toMode:{xyz50:Ot,rgb:e=>ut(Ot(e))},fromMode:{xyz50:Lt,rgb:e=>Lt(vt(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:oe,u:oe,v:oe,alpha:{use:oe,fixup:le}}},Et=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.cbrt(.412221469470763*e+.5363325372617348*a+.0514459932675022*t),l=Math.cbrt(.2119034958178252*e+.6806995506452344*a+.1073969535369406*t),n=Math.cbrt(.0883024591900564*e+.2817188391361215*a+.6299787016738222*t),i={mode:"oklab",l:.210454268309314*o+.7936177747023054*l-.0040720430116193*n,a:1.9779985324311684*o-2.42859224204858*l+.450593709617411*n,b:.0259040424655478*o+.7827717124575296*l-.8086757549230774*n};return void 0!==r&&(i.alpha=r),i},At=e=>{let a=Et(ue(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},Nt=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.pow(e+.3963377773761749*a+.2158037573099136*t,3),l=Math.pow(e-.1055613458156586*a-.0638541728258133*t,3),n=Math.pow(e-.0894841775298119*a-1.2914855480194092*t,3),i={mode:"lrgb",r:4.076741636075957*o-3.3077115392580616*l+.2309699031821044*n,g:-1.2684379732850317*o+2.6097573492876887*l-.3413193760026573*n,b:-.0041960761386756*o-.7034186179359362*l+1.7076146940746117*n};return void 0!==r&&(i.alpha=r),i},_t=e=>ce(Nt(e));function Dt(e){const a=.206,t=1.206/1.03;return.5*(t*e-a+Math.sqrt((t*e-a)*(t*e-a)+.12*t*e))}function Jt(e){return(e*e+.206*e)/(1.206/1.03*(e+.03))}function Gt(e,a){let t=function(e,a){let t,r,o,l,n,i,h,d;-1.88170328*e-.80936493*a>1?(t=1.19086277,r=1.76576728,o=.59662641,l=.75515197,n=.56771245,i=4.0767416621,h=-3.3077115913,d=.2309699292):1.81444104*e-1.19445276*a>1?(t=.73956515,r=-.45954404,o=.08285427,l=.1254107,n=.14503204,i=-1.2684380046,h=2.6097574011,d=-.3413193965):(t=1.35733652,r=-.00915799,o=-1.1513021,l=-.50559606,n=.00692167,i=-.0041960863,h=-.7034186147,d=1.707614701);let p=t+r*e+o*a+l*e*e+n*e*a,s=.3963377774*e+.2158037573*a,u=-.1055613458*e-.0638541728*a,b=-.0894841775*e-1.291485548*a;{let e=1+p*s,a=1+p*u,t=1+p*b,r=i*(e*e*e)+h*(a*a*a)+d*(t*t*t),o=i*(3*s*e*e)+h*(3*u*a*a)+d*(3*b*t*t);p-=r*o/(o*o-.5*r*(i*(6*s*s*e)+h*(6*u*u*a)+d*(6*b*b*t)))}return p}(e,a),r=Nt({l:1,a:t*e,b:t*a}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b));return[o,o*t]}function Ft(e,a,t=null){t||(t=Gt(e,a));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,a,t){let r=Gt(a,t),o=function(e,a,t,r,o,l=null){let n;if(l||(l=Gt(e,a)),(t-o)*l[1]-(l[0]-o)*r<=0)n=l[1]*o/(r*l[0]+l[1]*(o-t));else{n=l[1]*(o-1)/(r*(l[0]-1)+l[1]*(o-t));{let l=t-o,i=.3963377774*e+.2158037573*a,h=-.1055613458*e-.0638541728*a,d=-.0894841775*e-1.291485548*a,p=l+r*i,s=l+r*h,u=l+r*d;{let e=o*(1-n)+n*t,a=n*r,l=e+a*i,b=e+a*h,v=e+a*d,c=l*l*l,g=b*b*b,M=v*v*v,f=3*p*l*l,m=3*s*b*b,y=3*u*v*v,x=6*p*p*l,z=6*s*s*b,w=6*u*u*v,k=4.0767416621*c-3.3077115913*g+.2309699292*M-1,$=4.0767416621*f-3.3077115913*m+.2309699292*y,T=$/($*$-.5*k*(4.0767416621*x-3.3077115913*z+.2309699292*w)),P=-k*T,I=-1.2684380046*c+2.6097574011*g-.3413193965*M-1,q=-1.2684380046*f+2.6097574011*m-.3413193965*y,R=q/(q*q-.5*I*(-1.2684380046*x+2.6097574011*z-.3413193965*w)),L=-I*R,j=-.0041960863*c-.7034186147*g+1.707614701*M-1,H=-.0041960863*f-.7034186147*m+1.707614701*y,O=H/(H*H-.5*j*(-.0041960863*x-.7034186147*z+1.707614701*w)),X=-j*O;P=T>=0?P:1e6,L=R>=0?L:1e6,X=O>=0?X:1e6,n+=Math.min(P,Math.min(L,X))}}}return n}(a,t,e,1,e,r),l=Ft(a,t,r),n=e*(.11516993+1/(7.4477897+4.1590124*t+a*(1.75198401*t-2.19557347+a*(-2.13704948-10.02301043*t+a*(5.38770819*t-4.24894561+4.69891013*a))))),i=(1-e)*(.11239642+1/(1.6132032-.68124379*t+a*(.40370612+.90148123*t+a*(.6122399*t-.27087943+a*(.00299215-.45399568*t-.14661872*a))))),h=.9*(o/Math.min(e*l[0],(1-e)*l[1]))*Math.sqrt(Math.sqrt(1/(1/(n*n*n*n)+1/(i*i*i*i))));return n=.4*e,i=.8*(1-e),[Math.sqrt(1/(1/(n*n)+1/(i*i))),h,o]}function Bt(e){const a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o={mode:"okhsl",l:Dt(a)};void 0!==e.alpha&&(o.alpha=e.alpha);let l=Math.sqrt(t*t+r*r);if(!l)return o.s=0,o;let n,[i,h,d]=Wt(a,t/l,r/l);if(l<h){let e=0,a=.8*i;n=.8*((l-e)/(a+(1-a/h)*(l-e)))}else{let e=.2*h*h*1.25*1.25/i;n=.8+.2*((l-h)/(e+(1-e/(d-h))*(l-h)))}return n&&(o.s=n,o.h=fe(180*Math.atan2(r,t)/Math.PI)),o}function Yt(e){let a=void 0!==e.h?e.h:0,t=void 0!==e.s?e.s:0,r=void 0!==e.l?e.l:0;const o={mode:"oklab",l:Jt(r)};if(void 0!==e.alpha&&(o.alpha=e.alpha),!t||1===r)return o.a=o.b=0,o;let l,n,i,h,d=Math.cos(a/180*Math.PI),p=Math.sin(a/180*Math.PI),[s,u,b]=Wt(o.l,d,p);t<.8?(l=1.25*t,n=0,i=.8*s,h=1-i/u):(l=5*(t-.8),n=u,i=.2*u*u*1.25*1.25/s,h=1-i/(b-u));let v=n+l*i/(1-h*l);return o.a=v*d,o.b=v*p,o}var Kt={...qa,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:Bt,rgb:e=>Bt(At(e))},toMode:{oklab:Yt,rgb:e=>_t(Yt(e))}};function Vt(e){let a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o=Math.sqrt(t*t+r*r),l=o?t/o:1,n=o?r/o:1,[i,h]=Ft(l,n),d=1-.5/i,p=h/(o+a*h),s=p*a,u=p*o,b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0));a/=g,o=o/g*Dt(a)/a,a=Dt(a);const M={mode:"okhsv",s:o?(.5+h)*u/(.5*h+h*d*u):0,v:a?a/s:0};return M.s&&(M.h=fe(180*Math.atan2(r,t)/Math.PI)),void 0!==e.alpha&&(M.alpha=e.alpha),M}function Zt(e){const a={mode:"oklab"};void 0!==e.alpha&&(a.alpha=e.alpha);const t=void 0!==e.h?e.h:0,r=void 0!==e.s?e.s:0,o=void 0!==e.v?e.v:0,l=Math.cos(t/180*Math.PI),n=Math.sin(t/180*Math.PI),[i,h]=Ft(l,n),d=.5,p=1-d/i,s=1-r*d/(d+h-h*p*r),u=r*h*d/(d+h-h*p*r),b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0)),M=Jt(o*s),f=u*M/s;return a.l=M*g,a.a=f*l*g,a.b=f*n*g,a}var Qt={...ja,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:Vt,rgb:e=>Vt(At(e))},toMode:{oklab:Zt,rgb:e=>_t(Zt(e))}};var Ut=function(e,a){if(!a||"oklab"!==a[0])return;const t={mode:"oklab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)),o.type!==E&&(t.a=o.type===X?o.value:.4*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:.4*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},er={...mt,mode:"oklab",toMode:{lrgb:Nt,rgb:_t},fromMode:{lrgb:Et,rgb:At},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Ut],serialize:e=>`oklab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`};var ar=function(e,a){if(!a||"oklch"!==a[0])return;const t={mode:"oklch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:.4*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},tr={...wt,mode:"oklch",toMode:{oklab:e=>Ke(e,"oklab"),rgb:e=>_t(Ke(e,"oklab"))},fromMode:{rgb:e=>Ye(At(e),"oklch"),oklab:e=>Ye(e,"oklch")},parse:[ar],serialize:e=>`oklch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}},rr=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.486570948648216*a+.265667693169093*t+.1982172852343625*r,y:.2289745640697487*a+.6917385218365062*t+.079286914093745*r,z:0*a+.0451133818589026*t+1.043944368900976*r};return void 0!==o&&(l.alpha=o),l},or=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:2.4934969119414263*e-.9313836179191242*a-.402710784450717*t,g:-.8294889695615749*e+1.7626640603183465*a+.0236246858419436*t,b:.0358458302437845*e-.0761723892680418*a+.9568845240076871*t},"p3");return void 0!==r&&(o.alpha=r),o},lr={...ne,mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>or(be(e)),xyz65:or},toMode:{rgb:e=>ge(rr(e)),xyz65:rr}},nr=e=>{let a=Math.abs(e);return a>=1/512?Math.sign(e)*Math.pow(a,1/1.8):16*e},ir=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"prophoto",r:nr(1.3457868816471585*e-.2555720873797946*a-.0511018649755453*t),g:nr(-.5446307051249019*e+1.5082477428451466*a+.0205274474364214*t),b:nr(0*e+0*a+1.2119675456389452*t)};return void 0!==r&&(o.alpha=r),o},hr=(e=0)=>{let a=Math.abs(e);return a>=16/512?Math.sign(e)*Math.pow(a,1.8):e/16},dr=e=>{let a=hr(e.r),t=hr(e.g),r=hr(e.b),o={mode:"xyz50",x:.7977666449006423*a+.1351812974005331*t+.0313477341283922*r,y:.2880748288194013*a+.7118352342418731*t+899369387256e-16*r,z:0*a+0*t+.8251046025104602*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},pr={...ne,mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:ir,rgb:e=>ir(vt(e))},toMode:{xyz50:dr,rgb:e=>ut(dr(e))}},sr=1.09929682680944,ur=e=>{const a=Math.abs(e);return a>.018053968510807?(Math.sign(e)||1)*(sr*Math.pow(a,.45)-(sr-1)):4.5*e},br=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"rec2020",r:ur(1.7166511879712683*e-.3556707837763925*a-.2533662813736599*t),g:ur(-.6666843518324893*e+1.6164812366349395*a+.0157685458139111*t),b:ur(.0176398574453108*e-.0427706132578085*a+.9421031212354739*t)};return void 0!==r&&(o.alpha=r),o},vr=1.09929682680944,cr=(e=0)=>{let a=Math.abs(e);return a<.08124285829863151?e/4.5:(Math.sign(e)||1)*Math.pow((a+vr-1)/vr,1/.45)},gr=e=>{let a=cr(e.r),t=cr(e.g),r=cr(e.b),o={mode:"xyz65",x:.6369580483012911*a+.1446169035862083*t+.1688809751641721*r,y:.262700212011267*a+.6779980715188708*t+.059301716469862*r,z:0*a+.0280726930490874*t+1.0609850577107909*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},Mr={...ne,mode:"rec2020",fromMode:{xyz65:br,rgb:e=>br(be(e))},toMode:{xyz65:gr,rgb:e=>ge(gr(e))},parse:["rec2020"],serialize:"rec2020"},fr=.0037930732552754493,mr=Math.cbrt(fr),yr=e=>Math.cbrt(e)-mr,xr=e=>{const{r:a,g:t,b:r,alpha:o}=ue(e),l=yr(.3*a+.622*t+.078*r+fr),n=yr(.23*a+.692*t+.078*r+fr),i={mode:"xyb",x:(l-n)/2,y:(l+n)/2,b:yr(.2434226892454782*a+.2047674442449682*t+.5518098665095535*r+fr)-(l+n)/2};return void 0!==o&&(i.alpha=o),i},zr=e=>Math.pow(e+mr,3),wr=({x:e,y:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=zr(e+a)-fr,l=zr(a-e)-fr,n=zr(t+a)-fr,i=ce({r:11.031566904639861*o-9.866943908131562*l-.16462299650829934*n,g:-3.2541473810744237*o+4.418770377582723*l-.16462299650829934*n,b:-3.6588512867136815*o+2.7129230459360922*l+1.9459282407775895*n});return void 0!==r&&(i.alpha=r),i},kr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:wr},fromMode:{rgb:xr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:oe,y:oe,b:oe,alpha:{use:oe,fixup:le}}},$r={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:ut,lab:gt},fromMode:{rgb:vt,lab:st},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},Tr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz50",x:1.0479298208405488*a+.0229467933410191*t-.0501922295431356*r,y:.0296278156881593*a+.990434484573249*t-.0170738250293851*r,z:-.0092430581525912*a+.0150551448965779*t+.7518742899580008*r};return void 0!==o&&(l.alpha=o),l},Pr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz65",x:.9554734527042182*a-.0230985368742614*t+.0632593086610217*r,y:-.0283697069632081*a+1.0099954580058226*t+.021041398966943*r,z:.0123140016883199*a-.0205076964334779*t+1.3303659366080753*r};return void 0!==o&&(l.alpha=o),l},Ir={mode:"xyz65",toMode:{rgb:ge,xyz50:Tr},fromMode:{rgb:be,xyz50:Pr},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},qr=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"yiq",y:.29889531*e+.58662247*a+.11448223*t,i:.59597799*e-.2741761*a-.32180189*t,q:.21147017*e-.52261711*a+.31114694*t};return void 0!==r&&(o.alpha=r),o},Rr=({y:e,i:a,q:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"rgb",r:e+.95608445*a+.6208885*t,g:e-.27137664*a-.6486059*t,b:e-1.10561724*a+1.70250126*t};return void 0!==r&&(o.alpha=r),o},Lr={mode:"yiq",toMode:{rgb:Rr},fromMode:{rgb:qr},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:oe,i:oe,q:oe,alpha:{use:oe,fixup:le}}},jr=(e=4)=>a=>"number"==typeof a?((e,a)=>Math.round(e*(a=Math.pow(10,a)))/a)(a,e):a,Hr=jr(2),Or=e=>Math.max(0,Math.min(1,e||0)),Xr=e=>Math.round(255*Or(e)),Cr=x("rgb"),Sr=x("hsl"),Er=e=>{if(void 0===e)return;return"#"+(1<<24|Xr(e.r)<<16|Xr(e.g)<<8|Xr(e.b)).toString(16).slice(1)},Ar=e=>{if(void 0===e)return;let a=Xr(void 0!==e.alpha?e.alpha:1);return Er(e)+(256|a).toString(16).slice(1)},Nr=e=>{if(void 0===e)return;let a=Xr(e.r),t=Xr(e.g),r=Xr(e.b);return void 0===e.alpha||1===e.alpha?`rgb(${a}, ${t}, ${r})`:`rgba(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},_r=e=>{if(void 0===e)return;const a=Hr(e.h||0),t=Hr(100*Or(e.s))+"%",r=Hr(100*Or(e.l))+"%";return void 0===e.alpha||1===e.alpha?`hsl(${a}, ${t}, ${r})`:`hsla(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},Dr=e=>{const a=y(e);if(!a)return;const t=I(a.mode);if(!t.serialize||"string"==typeof t.serialize){let e=`color(${t.serialize||`--${a.mode}`} `;return t.channels.forEach((t,r)=>{"alpha"!==t&&(e+=(r?" ":"")+(void 0!==a[t]?a[t]:"none"))}),void 0!==a.alpha&&a.alpha<1&&(e+=` / ${a.alpha}`),e+")"}return"function"==typeof t.serialize?t.serialize(a):void 0},Jr=e=>Er(Cr(e)),Gr=e=>Ar(Cr(e)),Fr=e=>Nr(Cr(e)),Wr=e=>_r(Sr(e)),Br={normal:(e,a)=>a,multiply:(e,a)=>e*a,screen:(e,a)=>e+a-e*a,"hard-light":(e,a)=>a<.5?2*e*a:2*a*(1-e)-1,overlay:(e,a)=>e<.5?2*a*e:2*e*(1-a)-1,darken:(e,a)=>Math.min(e,a),lighten:(e,a)=>Math.max(e,a),"color-dodge":(e,a)=>0===e?0:1===a?1:Math.min(1,e/(1-a)),"color-burn":(e,a)=>1===e?1:0===a?0:1-Math.min(1,(1-e)/a),"soft-light":(e,a)=>a<.5?e-(1-2*a)*e*(1-e):e+(2*a-1)*((e<.25?((16*e-12)*e+4)*e:Math.sqrt(e))-e),difference:(e,a)=>Math.abs(e-a),exclusion:(e,a)=>e+a-2*e*a},Yr=(e,a="normal",t="rgb")=>{let r="function"==typeof a?a:Br[a],o=x(t),l=I(t).channels;return e.map(e=>{let a=o(e);return void 0===a.alpha&&(a.alpha=1),a}).reduce((e,a)=>{if(void 0===e)return a;let o=a.alpha+e.alpha*(1-a.alpha);return l.reduce((t,l)=>("alpha"!==l&&(0===o?t[l]=0:(t[l]=a.alpha*(1-e.alpha)*a[l]+a.alpha*e.alpha*r(e[l],a[l])+(1-a.alpha)*e.alpha*e[l],t[l]=Math.max(0,Math.min(1,t[l]/o)))),t),{mode:t,alpha:o})})},Kr=(e="rgb",a={})=>{let t=I(e),r=(e=>Object.keys(e).reduce((a,t)=>{let r=e[t];return a[t]=Array.isArray(r)?r:[r,r],a},{}))(a);return t.channels.reduce((e,a)=>((r.alpha||"alpha"!==a)&&(e[a]=(([e,a])=>e+Math.random()*(a-e))(r[a]||t.ranges[a])),e),{mode:e})},Vr=(e,a="rgb",t=!1)=>{let r=a?I(a).channels:null,o=a?x(a):y;return l=>{let n=o(l);if(!n)return;let i=(r||I(n.mode).channels).reduce((t,r)=>{let o=e(n[r],r,n,a);return void 0===o||isNaN(o)||(t[r]=o),t},{mode:n.mode});if(!t)return i;let h=y(l);return h&&h.mode!==i.mode?x(h.mode)(i):i}},Zr=(e,a,t)=>"alpha"!==a?(e||0)*(void 0!==t.alpha?t.alpha:1):e,Qr=(e,a,t)=>"alpha"!==a&&0!==t.alpha?(e||0)/(void 0!==t.alpha?t.alpha:1):e,Ur=(e=1,a=0)=>(t,r)=>"alpha"!==r?t*e+a:t,eo=(e=1,a=1,t=0)=>(r,o)=>"alpha"!==o?e*Math.pow(r,a)+t:r,ao=e=>{void 0===e[0]&&(e[0]=0),void 0===e[e.length-1]&&(e[e.length-1]=1);let a,t,r,o,l=1;for(;l<e.length;){if(void 0===e[l]){for(t=l,r=e[l-1],a=l;void 0===e[a];)a++;for(o=(e[a]-r)/(a-l+1);l<a;)e[l]=r+(l+1-t)*o,l++}else e[l]<e[l-1]&&(e[l]=e[l-1]);l++}return e},to=(e=.5)=>a=>e<=0?1:e>=1?0:Math.pow(a,Math.log(.5)/Math.log(e)),ro=e=>"function"==typeof e,oo=e=>e&&"object"==typeof e,lo=e=>"number"==typeof e,no=(e,a="rgb",t,r)=>{let o=I(a),l=x(a),n=[],i=[],h={};e.forEach(e=>{Array.isArray(e)?(n.push(l(e[0])),i.push(e[1])):lo(e)||ro(e)?h[i.length]=e:(n.push(l(e)),i.push(void 0))}),ao(i);let d=o.channels.reduce((e,a)=>{let r;return r=oo(t)&&oo(t[a])&&t[a].fixup?t[a].fixup:oo(o.interpolate[a])&&o.interpolate[a].fixup?o.interpolate[a].fixup:e=>e,e[a]=r(n.map(e=>e[a])),e},{});if(r){let e=n.map((e,t)=>o.channels.reduce((e,a)=>(e[a]=d[a][t],e),{mode:a}));d=o.channels.reduce((t,o)=>(t[o]=e.map(e=>{let t=r(e[o],o,e,a);return isNaN(t)?void 0:t}),t),{})}let p=o.channels.reduce((e,a)=>{let r;return ro(t)?r=t:oo(t)&&ro(t[a])?r=t[a]:oo(t)&&oo(t[a])&&t[a].use?r=t[a].use:ro(o.interpolate[a])?r=o.interpolate[a]:oo(o.interpolate[a])&&(r=o.interpolate[a].use),e[a]=r(d[a]),e},{}),s=n.length-1;return e=>{if((e=Math.min(Math.max(0,e),1))<=i[0])return n[0];if(e>i[s])return n[s];let t=0;for(;i[t]<e;)t++;let r=i[t-1],l=i[t]-r,d=(e-r)/l,u=h[t]||h[0];void 0!==u&&(lo(u)&&(u=to((u-r)/l)),d=u(d));let b=(t-1+d)/s;return o.channels.reduce((e,a)=>{let t=p[a](b);return void 0!==t&&(e[a]=t),e},{mode:a})}},io=(e,a="rgb",t)=>no(e,a,t),ho=(e,a)=>(t,r="rgb",o)=>{let l=a?Vr(a,r):void 0,n=no(t,r,o,e);return l?e=>l(n(e)):n},po=ho(Zr,Qr),so=(e,a)=>(e+a)%a,uo=(e,a,t,r,o)=>{let l=o*o,n=l*o;return((1-3*o+3*l-n)*e+(4-6*l+3*n)*a+(1+3*o+3*l-3*n)*t+n*r)/6},bo=e=>a=>{let t=e.length-1,r=a>=1?t-1:Math.max(0,Math.floor(a*t));return uo(r>0?e[r-1]:2*e[r]-e[r+1],e[r],e[r+1],r<t-1?e[r+2]:2*e[r+1]-e[r],(a-r/t)*t)},vo=e=>a=>{const t=e.length-1,r=Math.floor(a*t);return uo(e[so(r-1,e.length)],e[so(r,e.length)],e[so(r+1,e.length)],e[so(r+2,e.length)],(a-r/t)*t)},co=e=>{let a,t=e.length-1,r=new Array(t),o=new Array(t),l=new Array(t);for(r[1]=1/4,o[1]=(6*e[1]-e[0])/4,a=2;a<t;++a)r[a]=1/(4-r[a-1]),o[a]=(6*e[a]-(a==t-1?e[t]:0)-o[a-1])*r[a];for(l[0]=e[0],l[t]=e[t],t-1>0&&(l[t-1]=o[t-1]),a=t-2;a>0;--a)l[a]=o[a]-r[a]*l[a+1];return l},go=e=>bo(co(e)),Mo=e=>vo(co(e)),fo=Math.sign,mo=Math.min,yo=Math.abs,xo=e=>{let a=e.length-1,t=[],r=[],o=[];for(let l=0;l<a;l++)t.push((e[l+1]-e[l])*a),r.push(l>0?.5*(e[l+1]-e[l-1])*a:void 0),o.push(l>0?(fo(t[l-1])+fo(t[l]))*mo(yo(t[l-1]),yo(t[l]),.5*yo(r[l])):void 0);return[t,r,o]},zo=(e,a,t)=>{let r=e.length-1,o=r*r;return l=>{let n;n=l>=1?r-1:Math.max(0,Math.floor(l*r));let i=l-n/r,h=i*i,d=h*i;return(a[n]+a[n+1]-2*t[n])*o*d+(3*t[n]-2*a[n]-a[n+1])*r*h+a[n]*i+e[n]}},wo=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,,r]=xo(e);return r[0]=t[0],r[a]=t[a-1],zo(e,r,t)},ko=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,r,o]=xo(e);return r[0]=(2*e[1]-1.5*e[0]-.5*e[2])*a,r[a]=(1.5*e[a]-2*e[a-1]+.5*e[a-2])*a,o[0]=r[0]*t[0]<=0?0:yo(r[0])>2*yo(t[0])?2*t[0]:r[0],o[a]=r[a]*t[a-1]<=0?0:yo(r[a])>2*yo(t[a-1])?2*t[a-1]:r[a],zo(e,o,t)},$o=e=>{let a=e.length-1,[t,r,o]=xo(e);r[0]=.5*(e[1]-e[a])*a,r[a]=.5*(e[0]-e[a-1])*a;let l=(e[0]-e[a])*a,n=l;return o[0]=(fo(l)+fo(t[0]))*mo(yo(l),yo(t[0]),.5*yo(r[0])),o[a]=(fo(t[a-1])+fo(n))*mo(yo(t[a-1]),yo(n),.5*yo(r[a])),zo(e,o,t)},To=(e=1)=>1===e?e=>e:a=>Math.pow(a,e),Po=(e=2,a=1)=>{let t=To(a);if(e<2)return e<1?[]:[t(.5)];let r=[];for(let a=0;a<e;a++)r.push(t(a/(e-1)));return r},Io=x("rgb"),qo=e=>{const a={mode:e.mode,r:Math.max(0,Math.min(void 0!==e.r?e.r:0,1)),g:Math.max(0,Math.min(void 0!==e.g?e.g:0,1)),b:Math.max(0,Math.min(void 0!==e.b?e.b:0,1))};return void 0!==e.alpha&&(a.alpha=e.alpha),a},Ro=e=>qo(Io(e)),Lo=e=>void 0!==e&&(void 0===e.r||e.r>=0&&e.r<=1)&&(void 0===e.g||e.g>=0&&e.g<=1)&&(void 0===e.b||e.b>=0&&e.b<=1);function jo(e){return Lo(Io(e))}function Ho(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>!0;const t=x("string"==typeof a?a:e);return e=>Lo(t(e))}function Oo(e){if(void 0===(e=y(e))||jo(e))return e;return x(e.mode)(Ro(e))}function Xo(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>y(e);const t="string"==typeof a?a:e,r=x(t),o=Ho(t);return e=>{const a=y(e);if(!a)return;const t=r(a);if(o(t))return a;const l=qo(t);return a.mode===l.mode?l:x(a.mode)(l)}}function Co(e,a="lch",t="rgb"){e=y(e);let r="rgb"===t?jo:Ho(t),o="rgb"===t?Ro:Xo(t);if(void 0===e||r(e))return e;let l=x(e.mode);e=x(a)(e);let n={...e,c:0};if(!r(n))return l(o(n));let i=0,h=void 0!==e.c?e.c:0,d=I(a).ranges.c,p=(d[1]-d[0])/Math.pow(2,13),s=n.c;for(;h-i>p;)n.c=i+.5*(h-i),r(n)?(s=n.c,i=n.c):h=n.c;return l(r(n)?n:{...n,c:s})}function So(e="rgb",a="oklch",t=Xe("oklch"),r=.02){const o=x(e),l=I(e);if(!l.gamut)return e=>o(e);const n=Ho(e),i=Xo(e),h=x(a),{ranges:d}=I(a);if(!d.l||!d.c)throw new Error("LCH-like space expected");return a=>{if(void 0===(a=y(a)))return;const p={...h(a)};if(void 0===p.l&&(p.l=0),void 0===p.c&&(p.c=0),p.l>=d.l[1]){const t={...l.white,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(p.l<=d.l[0]){const t={...l.black,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(n(p))return o(p);let s=0,u=p.c,b=(d.c[1]-d.c[0])/4e3,v=i(p);for(;u-s>b;)p.c=.5*(s+u),v=i(p),n(p)||t&&r>0&&t(p,v)<=r?s=p.c:u=p.c;return o(n(p)?p:v)}}var Eo=(e,a=Xe(),t=e=>e)=>{let r=e.map((e,a)=>({color:t(e),i:a}));return(t,o=1,l=1/0)=>(isFinite(o)&&(o=Math.max(1,Math.min(o,r.length-1))),r.forEach(e=>{e.d=a(t,e.color)}),r.sort((e,a)=>e.d-a.d).slice(0,o).filter(e=>e.d<l).map(a=>e[a.i]))},Ao=e=>Math.max(e,0),No=e=>Math.max(Math.min(e,1),0),_o=(e,a,t=!1)=>{let r=x(a),o=I(a).channels;return l=>{let n=r(l);if(!n)return;let i,h={mode:a},d=o.length;for(let a=0;a<e.length;a++)i=o[Math.floor(a/d)],void 0!==n[i]&&(h[i]=(h[i]||0)+e[a]*(n[o[a%d]]||0));if(!t)return h;let p=y(l);return p&&h.mode!==p.mode?x(p.mode)(h):h}},Do=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t),a,!0)},Jo=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t,(1-t)/2),a,!0)},Go=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.393+.607*a,.769-.769*a,.189-.189*a,0,.349-.349*a,.686+.314*a,.168-.168*a,0,.272-.272*a,.534-.534*a,.131+.869*a,0,0,0,0,1]})(e),a,!0),Fo=(e=1,a="rgb")=>_o((e=>{let a=Ao(e);return[.213+.787*a,.715-.715*a,.072-.072*a,0,.213-.213*a,.715+.285*a,.072-.072*a,0,.213-.213*a,.715-.715*a,.072+.928*a,0,0,0,0,1]})(e),a,!0),Wo=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.2126+.7874*a,.7152-.7152*a,.0722-.0722*a,0,.2126-.2126*a,.7152+.2848*a,.0722-.0722*a,0,.2126-.2126*a,.7152-.7152*a,.0722+.9278*a,0,0,0,0,1]})(e),a,!0),Bo=(e=1,a="rgb")=>{let t=No(e);return Vr((e,a)=>"alpha"===a?e:((e,a,t)=>void 0===e||void 0===a?void 0:e+t*(a-e))(t,1-t,e),a,!0)},Yo=(e=0,a="rgb")=>_o((e=>{let a=Math.PI*e/180,t=Math.cos(a),r=Math.sin(a);return[.213+.787*t-.213*r,.715-.715*t-.715*r,.072-.072*t+.928*r,0,.213-.213*t+.143*r,.715+.285*t+.14*r,.072-.072*t-.283*r,0,.213-.213*t-.787*r,.715-.715*t+.715*r,.072+.928*t+.072*r,0,0,0,0,1]})(e),a,!0),Ko=x("rgb"),Vo=[[1,0,-0,0,1,0,-0,-0,1],[.856167,.182038,-.038205,.029342,.955115,.015544,-.00288,-.001563,1.004443],[.734766,.334872,-.069637,.05184,.919198,.028963,-.004928,-.004209,1.009137],[.630323,.465641,-.095964,.069181,.890046,.040773,-.006308,-.007724,1.014032],[.539009,.579343,-.118352,.082546,.866121,.051332,-.007136,-.011959,1.019095],[.458064,.679578,-.137642,.092785,.846313,.060902,-.007494,-.016807,1.024301],[.38545,.769005,-.154455,.100526,.829802,.069673,-.007442,-.02219,1.029632],[.319627,.849633,-.169261,.106241,.815969,.07779,-.007025,-.028051,1.035076],[.259411,.923008,-.18242,.110296,.80434,.085364,-.006276,-.034346,1.040622],[.203876,.990338,-.194214,.112975,.794542,.092483,-.005222,-.041043,1.046265],[.152286,1.052583,-.204868,.114503,.786281,.099216,-.003882,-.048116,1.051998]],Zo=[[1,0,-0,0,1,0,-0,-0,1],[.866435,.177704,-.044139,.049567,.939063,.01137,-.003453,.007233,.99622],[.760729,.319078,-.079807,.090568,.889315,.020117,-.006027,.013325,.992702],[.675425,.43385,-.109275,.125303,.847755,.026942,-.00795,.018572,.989378],[.605511,.52856,-.134071,.155318,.812366,.032316,-.009376,.023176,.9862],[.547494,.607765,-.155259,.181692,.781742,.036566,-.01041,.027275,.983136],[.498864,.674741,-.173604,.205199,.754872,.039929,-.011131,.030969,.980162],[.457771,.731899,-.18967,.226409,.731012,.042579,-.011595,.034333,.977261],[.422823,.781057,-.203881,.245752,.709602,.044646,-.011843,.037423,.974421],[.392952,.82361,-.216562,.263559,.69021,.046232,-.01191,.040281,.97163],[.367322,.860646,-.227968,.280085,.672501,.047413,-.01182,.04294,.968881]],Qo=[[1,0,-0,0,1,0,-0,-0,1],[.92667,.092514,-.019184,.021191,.964503,.014306,.008437,.054813,.93675],[.89572,.13333,-.02905,.029997,.9454,.024603,.013027,.104707,.882266],[.905871,.127791,-.033662,.026856,.941251,.031893,.01341,.148296,.838294],[.948035,.08949,-.037526,.014364,.946792,.038844,.010853,.193991,.795156],[1.017277,.027029,-.044306,-.006113,.958479,.047634,.006379,.248708,.744913],[1.104996,-.046633,-.058363,-.032137,.971635,.060503,.001336,.317922,.680742],[1.193214,-.109812,-.083402,-.058496,.97941,.079086,-.002346,.403492,.598854],[1.257728,-.139648,-.118081,-.078003,.975409,.102594,-.003316,.501214,.502102],[1.278864,-.125333,-.153531,-.084748,.957674,.127074,-989e-6,.601151,.399838],[1.255528,-.076749,-.178779,-.078411,.930809,.147602,.004733,.691367,.3039]],Uo=(e,a)=>{let t=Math.max(0,Math.min(1,a)),r=Math.round(t/.1),o=Math.round(t%.1),l=e[r];if(o>0&&r<e.length-1){let a=e[r+1];l=l.map((e,t)=>U(l[t],a[t],o))}return e=>{let a=y(e);if(void 0===a)return;let{r:t,g:r,b:o}=Ko(a),n={mode:"rgb",r:l[0]*t+l[1]*r+l[2]*o,g:l[3]*t+l[4]*r+l[5]*o,b:l[6]*t+l[7]*r+l[8]*o};return void 0!==a.alpha&&(n.alpha=a.alpha),x(a.mode)(n)}},el=(e=1)=>Uo(Vo,e),al=(e=1)=>Uo(Zo,e),tl=(e=1)=>Uo(Qo,e),rl=e=>e*e*(3-2*e),ol=e=>.5-Math.sin(Math.asin(1-2*e)/3),ll=e=>e*e*e*(e*(6*e-15)+10),nl=e=>(1-Math.cos(e*Math.PI))/2;function il(e){let a=x("lrgb")(e);return.2126*a.r+.7152*a.g+.0722*a.b}function hl(e,a){let t=il(e),r=il(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}var dl=P(Me),pl=P(Be),sl=P(fa),ul=P(ma),bl=P(za),vl=P(qa),cl=P(ja),gl=P(Ca),Ml=P(Ya),fl=P(ot),ml=P(it),yl=P(mt),xl=P(yt),zl=P(wt),wl=P(kt),kl=P(Xt),$l=P(Ct),Tl=P(St),Pl=P(Kt),Il=P(Qt),ql=P(er),Rl=P(tr),Ll=P(lr),jl=P(pr),Hl=P(Mr),Ol=P(ne),Xl=P(kr),Cl=P($r),Sl=P(Ir),El=P(Lr)}},a={};function t(r){var o=a[r];if(void 0!==o)return o.exports;var l=a[r]={exports:{}};return e[r](l,l.exports,t),l.exports}var r={};return(()=>{"use strict";var e=r; /* * * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2026 Preline Labs Ltd. */Object.defineProperty(e,"__esModule",{value:!0}),e.varToColor=function(e,t){if(e.startsWith("#")||e.startsWith("rgba"))return e;const r=t||document.documentElement;return function(e){const t=(0,a.parse)(e),r=(0,a.clampChroma)(t,"oklch");return(0,a.formatHex)(r)}(getComputedStyle(r).getPropertyValue(e).trim())};const a=t(8710)})(),r})()); </script> <script> !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("ApexCharts"));else if("function"==typeof define&&define.amd)define(["ApexCharts"],t);else{var s="object"==typeof exports?t(require("ApexCharts")):t(e.ApexCharts);for(var a in s)("object"==typeof exports?exports:e)[a]=s[a]}}(self,e=>(()=>{"use strict";var t={4024(e,t,s){ /* * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2024 Preline Labs Ltd. */ var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.buildChart=function(e,t,s,a){const l=document.querySelector(e);let n=null;if(!l)return!1;const o=l.closest('[role="tabpanel"]');let i=null;Array.from(document.querySelector("html").classList).forEach(e=>{["dark","light","default"].includes(e)&&(i=e)});const d=(e=i||localStorage.getItem("hs_theme"))=>"dark"===e||"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?window._.merge(t("dark"),"function"==typeof a?a():a):window._.merge(t("light"),"function"==typeof s?s():s);if(l){let e=!0;n=new r.default(l,d()),n.render(),setTimeout(()=>{e=!1},100);let t=!1;const s=t=>{e||(n.updateOptions(d(t.detail)),window.dispatchEvent(new Event("resize")))},a=e=>{var t;let a;const r=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:document.querySelector("html");Array.from(r.classList).forEach(e=>{["dark","light","default"].includes(e)&&(a=e)}),s({detail:a||localStorage.getItem("hs_theme")})},i=e=>{const t=e.detail;t&&t.isClipboardInit||a(t)},p=s=>{if(t)return;const r=s.detail,n=null==r?void 0:r.target;n&&l&&n.contains(l)&&(t=!0,e?setTimeout(()=>a(r),120):a(r))};window.addEventListener("on-hs-appearance-change",s),window.addEventListener("on-hs-color-theme-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-font-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-brand-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-clipboard-init-progress",p),o&&o.addEventListener("on-hs-appearance-change",s)}return n},t.buildHeatmapTooltip=function(e,t){const{mode:s,valuePrefix:a="$",valuePostfix:r="",divider:l="",wrapperClasses:n="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:o="",markerClasses:i="w-2.5! h-2.5! me-1.5!",markerStyles:d="",markerExtClasses:p="rounded-xs!",valueClasses:c="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:u=""}=t,{dataPointIndex:x,seriesIndex:h,series:g}=e,{name:v}=e.ctx.opts.series[h],$=`${a}${g[h][x]}${r}`;return`<div class="${"dark"===s?"dark ":""}${n} ${o}">\n <div class="apexcharts-tooltip-series-group flex!">\n\t\t\t<span class="apexcharts-tooltip-marker ${i} ${p}" style="${d}"></span>\n <span class="flex items-center">\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${c} ${u}">${v}${l}</span>\n </div>\n </div>\n </span>\n\t\t\t<span class="apexcharts-tooltip-text-y-value ${c} ${u}">${$}</span>\n </div>\n </div>`},t.buildTooltip=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasTextLabel:o=!1,invertGroup:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="text-xs",seriesExtClasses:x="",titleClasses:h="font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{colors:C}=e.w.globals,E=e.ctx.opts.series;let S="";return E.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof E[s].data[k]?E[s].data[k]:e.series[s][k]),p=E[s].name,c=i?{left:`${o?p:""}${d}`,right:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`}:{left:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`,right:`${o?p:""}${d}`},h=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${c.left}</span>`;S+=`<div class="apexcharts-tooltip-series-group !flex ${o?"justify-between!":""} order-${s+1} ${u} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${C[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${c.right}</span>\n </div>\n </div>\n </span>\n ${h}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">${s}</div>\n ${S}\n </div>`},t.buildTooltipCompareTwo=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=S[s].altValue||null,c=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${P} ${o||""}</span>`,h=p||`<span class="apexcharts-tooltip-text-y-value ${m} ${f}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}${d}</span>`;j+=`<div class="apexcharts-tooltip-series-group ${u} !flex order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n ${h}\n </div>\n </div>\n </span>\n ${i?c:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipCompareTwoAlt=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}</span>`;j+=`<div class="apexcharts-tooltip-series-group !flex ${u} order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text text-xs">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${P} ${o||""}${d}</span>\n </div>\n </div>\n </span>\n ${i?p:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipForDonut=function({series:e,seriesIndex:t,w:s},a){const{globals:r}=s,{colors:l}=r;return`<div class="apexcharts-tooltip-series-group" style="background-color: ${l[t]}; display: block;">\n <div class="apexcharts-tooltip-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n </div>\n </div>\n </div>`},t.fullBarHoverEffect=function(e,{shadowClasses:t="fill-gray-200"}={}){var s;const a=e.el.querySelector(".apexcharts-grid"),r=e.el.querySelector("svg");if(!a||!r)return;const l=(null===(s=e.w.config.xaxis)||void 0===s?void 0:s.categories)||[];if(0===l.length)return;let n=null,o=!1,i=!1;function d(){n&&o&&!i&&(i=!0,n.classList.remove("opacity-100"),null==n||n.remove(),n=null,o=!1,i=!1)}r.addEventListener("mousemove",s=>{const r=a.getBoundingClientRect();if(s.clientX<r.left||s.clientX>r.right||s.clientY<r.top||s.clientY>r.bottom)return void d();const p=(s.clientX-r.left)/r.width,c=Math.floor(p*l.length);c<0||c>=l.length?d():function(s){var a;const r=e.el.querySelector(".apexcharts-bar-series");if(!r)return;const l=r.querySelectorAll("path")[s];if(!l)return;const d=l.getBBox(),p=d.x,c=d.y,u=d.width;c<=0||(n||(n=document.createElementNS("http://www.w3.org/2000/svg","rect"),n.setAttribute("y","0"),n.setAttribute("class",t),null===(a=l.parentNode)||void 0===a||a.insertBefore(n,l)),n.setAttribute("x",p.toString()),n.setAttribute("width",u.toString()),n.setAttribute("height",c.toString()),requestAnimationFrame(()=>{null==n||n.classList.add("opacity-100")}),o=!0,i=!1)}(c)}),r.addEventListener("mouseleave",d)},t.cssVarToValue=function(e,t=document.documentElement){const s=getComputedStyle(t).getPropertyValue(e);return s?s.trim():null};const r=a(s(3157))},3157(t){t.exports=e}},s={};var a=function e(a){var r=s[a];if(void 0!==r)return r.exports;var l=s[a]={exports:{}};return t[a].call(l.exports,l,l.exports,e),l.exports}(4024);return a})()); </script> <script> window.addEventListener("message", (event) => { const data = event.data || {}; if (!data.type) return false; if (data.type === "hs:color-theme-change") { window.dispatchEvent(new CustomEvent("on-hs-color-theme-change", { detail: { target: document.documentElement, value: data.value } })); } }); </script> <script> // Apex Lines Chart (function () { buildChart( "#hs-age-lines-chart", (mode) => ({ chart: { height: 262, type: "line", toolbar: { show: false, }, zoom: { enabled: false, }, }, series: [ { name: "18-15", data: [0, 27000, 25000, 27000], }, { name: "25-40", data: [19500, 10000, 19000, 17500], }, { name: "40+", data: [8000, 2200, 6000, 9000], }, ], dataLabels: { enabled: false, }, stroke: { curve: "straight", width: [3, 3, 3], dashArray: [0, 0, 4], }, grid: { strokeDashArray: 0, padding: { top: -20, right: 0, }, }, title: { show: false, }, legend: { show: false, }, xaxis: { type: "category", categories: ["12:00 am", "6:00 am", "12:00 pm", "6:00 pm"], axisBorder: { show: false, }, axisTicks: { show: false, }, tooltip: { enabled: false, }, labels: { offsetY: 2, style: { colors: varToColor('--chart-colors-xaxis-labels'), fontSize: "13px", fontFamily: "Inter, ui-sans-serif", fontWeight: 400, }, formatter: (title) => { let t = title; if (t) { const newT = t.split(" "); t = `${newT[0]} ${newT[1].slice(0, 3)}`; } return t; }, }, }, yaxis: { min: 0, max: 40000, tickAmount: 4, labels: { align: "left", minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels'), fontSize: "12px", fontFamily: "Inter, ui-sans-serif", fontWeight: 400, }, formatter: (value) => (value >= 1000 ? `${value / 1000}k` : value), }, }, tooltip: { custom: function (props) { return buildTooltip(props, { title: "Spends by the age", mode, hasTextLabel: true, wrapperExtClasses: "min-w-48", labelDivider: ":", labelExtClasses: "ms-2", }); }, }, }), () => ({ colors: [varToColor('--chart-colors-primary'), varToColor('--chart-colors-chart-6'), varToColor('--chart-colors-chart-10')], grid: { borderColor: varToColor('--chart-colors-grid-border'), }, xaxis: { labels: { style: { colors: varToColor('--chart-colors-xaxis-labels'), }, }, }, yaxis: { labels: { style: { colors: varToColor('--chart-colors-yaxis-labels'), }, }, }, }), () => ({ colors: [varToColor('--chart-colors-primary-inverse'), varToColor('--chart-colors-chart-6-inverse'), varToColor('--chart-colors-chart-10-inverse')], grid: { borderColor: varToColor('--chart-colors-grid-border-inverse'), }, xaxis: { labels: { style: { colors: varToColor('--chart-colors-xaxis-labels-inverse'), }, }, }, yaxis: { labels: { style: { colors: varToColor('--chart-colors-yaxis-labels-inverse'), }, }, }, }) ); })(); </script>

<!-- Card --> <div class="p-4 md:p-5 min-h-102.5 flex flex-col bg-card border border-card-line shadow-2xs rounded-xl"> <!-- Header --> <div class="flex flex-wrap justify-between items-center gap-2"> <div> <h2 class="text-sm text-muted-foreground-1"> Visitors </h2> <p class="text-xl sm:text-2xl font-medium text-foreground"> 80.3k </p> </div> <div> <span class="py-2 px-1.5 inline-flex items-center gap-x-1 text-xs font-medium rounded-md bg-red-100 text-red-800 dark:bg-red-500/10 dark:text-red-500"> <svg class="inline-block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg> 2% </span> </div> </div> <!-- End Header --> <div id="hs-single-area-chart"></div> </div> <!-- End Card --> <link rel="stylesheet" href="../../../assets/vendor/apexcharts/dist/apexcharts.css"> <style> .apexcharts-tooltip.apexcharts-theme-light { background-color: transparent !important; border: none !important; box-shadow: none !important; } .apexcharts-xaxistooltip { background: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; } .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-primary-600) !important; } </style> <script> (function () { const html = document.documentElement; const appearance = localStorage.getItem("hs_theme") || "default"; const resolvedAppearance = appearance === "auto" ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default") : appearance; const colorTheme = localStorage.getItem("hs-clipboard-theme") || "default"; const brand = localStorage.getItem("hs-clipboard-brand"); const font = localStorage.getItem("hs-clipboard-font"); html.classList.toggle("dark", resolvedAppearance === "dark"); html.setAttribute("data-theme", `theme-${colorTheme}`); if (brand) html.setAttribute("data-brand", brand); if (font) html.setAttribute("data-font", font); })(); </script> <script src="../../../assets/vendor/lodash/lodash.min.js"></script> <script src="../../../assets/vendor/apexcharts/dist/apexcharts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/culori@4.0.2/bundled/culori.umd.min.js"></script> <script> !function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var t=a();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,()=>(()=>{var e={8710(e){var a,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,l=Object.prototype.hasOwnProperty,n={};((e,a)=>{for(var r in a)t(e,r,{get:a[r],enumerable:!0})})(n,{a98:()=>dl,average:()=>We,averageAngle:()=>Je,averageNumber:()=>Ge,blend:()=>Yr,blerp:()=>ae,clampChroma:()=>Co,clampGamut:()=>Xo,clampRgb:()=>Oo,colorsNamed:()=>h,convertA98ToXyz65:()=>he,convertCubehelixToRgb:()=>Le,convertDlchToLab65:()=>va,convertHsiToRgb:()=>ya,convertHslToRgb:()=>wa,convertHsvToRgb:()=>Ra,convertHwbToRgb:()=>Ha,convertItpToXyz65:()=>Fa,convertJabToJch:()=>lt,convertJabToRgb:()=>rt,convertJabToXyz65:()=>at,convertJchToJab:()=>nt,convertLab65ToDlch:()=>ca,convertLab65ToRgb:()=>na,convertLab65ToXyz65:()=>la,convertLabToLch:()=>Ye,convertLabToRgb:()=>bt,convertLabToXyz50:()=>st,convertLchToLab:()=>Ke,convertLchuvToLuv:()=>Tt,convertLrgbToOklab:()=>Et,convertLrgbToRgb:()=>ce,convertLuvToLchuv:()=>$t,convertLuvToXyz50:()=>Ot,convertOkhslToOklab:()=>Yt,convertOkhsvToOklab:()=>Zt,convertOklabToLrgb:()=>Nt,convertOklabToOkhsl:()=>Bt,convertOklabToOkhsv:()=>Vt,convertOklabToRgb:()=>_t,convertP3ToXyz65:()=>rr,convertProphotoToXyz50:()=>dr,convertRec2020ToXyz65:()=>gr,convertRgbToCubehelix:()=>Re,convertRgbToHsi:()=>xa,convertRgbToHsl:()=>ka,convertRgbToHsv:()=>La,convertRgbToHwb:()=>Oa,convertRgbToJab:()=>tt,convertRgbToLab:()=>Mt,convertRgbToLab65:()=>da,convertRgbToLrgb:()=>ue,convertRgbToOklab:()=>At,convertRgbToXyb:()=>xr,convertRgbToXyz50:()=>vt,convertRgbToXyz65:()=>be,convertRgbToYiq:()=>qr,convertXybToRgb:()=>wr,convertXyz50ToLab:()=>gt,convertXyz50ToLuv:()=>Lt,convertXyz50ToProphoto:()=>ir,convertXyz50ToRgb:()=>ut,convertXyz50ToXyz65:()=>Pr,convertXyz65ToA98:()=>pe,convertXyz65ToItp:()=>Ba,convertXyz65ToJab:()=>Za,convertXyz65ToLab65:()=>ha,convertXyz65ToP3:()=>or,convertXyz65ToRec2020:()=>br,convertXyz65ToRgb:()=>ge,convertXyz65ToXyz50:()=>Tr,convertYiqToRgb:()=>Rr,converter:()=>x,cubehelix:()=>pl,differenceCie76:()=>Ce,differenceCie94:()=>Se,differenceCiede2000:()=>Ee,differenceCmc:()=>Ae,differenceEuclidean:()=>Xe,differenceHueChroma:()=>Oe,differenceHueNaive:()=>He,differenceHueSaturation:()=>je,differenceHyab:()=>Ne,differenceItp:()=>De,differenceKotsarenkoRamos:()=>_e,displayable:()=>jo,dlab:()=>sl,dlch:()=>ul,easingGamma:()=>To,easingInOutSine:()=>nl,easingMidpoint:()=>to,easingSmootherstep:()=>ll,easingSmoothstep:()=>rl,easingSmoothstepInverse:()=>ol,filterBrightness:()=>Do,filterContrast:()=>Jo,filterDeficiencyDeuter:()=>al,filterDeficiencyProt:()=>el,filterDeficiencyTrit:()=>tl,filterGrayscale:()=>Wo,filterHueRotate:()=>Yo,filterInvert:()=>Bo,filterSaturate:()=>Fo,filterSepia:()=>Go,fixupAlpha:()=>le,fixupHueDecreasing:()=>we,fixupHueIncreasing:()=>ze,fixupHueLonger:()=>xe,fixupHueShorter:()=>ye,formatCss:()=>Dr,formatHex:()=>Jr,formatHex8:()=>Gr,formatHsl:()=>Wr,formatRgb:()=>Fr,getMode:()=>I,hsi:()=>bl,hsl:()=>vl,hsv:()=>cl,hwb:()=>gl,inGamut:()=>Ho,interpolate:()=>io,interpolateWith:()=>ho,interpolateWithPremultipliedAlpha:()=>po,interpolatorLinear:()=>oe,interpolatorPiecewise:()=>re,interpolatorSplineBasis:()=>bo,interpolatorSplineBasisClosed:()=>vo,interpolatorSplineMonotone:()=>wo,interpolatorSplineMonotone2:()=>ko,interpolatorSplineMonotoneClosed:()=>$o,interpolatorSplineNatural:()=>go,interpolatorSplineNaturalClosed:()=>Mo,itp:()=>Ml,jab:()=>fl,jch:()=>ml,lab:()=>yl,lab65:()=>xl,lch:()=>zl,lch65:()=>wl,lchuv:()=>kl,lerp:()=>U,lrgb:()=>$l,luv:()=>Tl,mapAlphaDivide:()=>Qr,mapAlphaMultiply:()=>Zr,mapTransferGamma:()=>eo,mapTransferLinear:()=>Ur,mapper:()=>Vr,modeA98:()=>Me,modeCubehelix:()=>Be,modeDlab:()=>fa,modeDlch:()=>ma,modeHsi:()=>za,modeHsl:()=>qa,modeHsv:()=>ja,modeHwb:()=>Ca,modeItp:()=>Ya,modeJab:()=>ot,modeJch:()=>it,modeLab:()=>mt,modeLab65:()=>yt,modeLch:()=>wt,modeLch65:()=>kt,modeLchuv:()=>Xt,modeLrgb:()=>Ct,modeLuv:()=>St,modeOkhsl:()=>Kt,modeOkhsv:()=>Qt,modeOklab:()=>er,modeOklch:()=>tr,modeP3:()=>lr,modeProphoto:()=>pr,modeRec2020:()=>Mr,modeRgb:()=>ne,modeXyb:()=>kr,modeXyz50:()=>$r,modeXyz65:()=>Ir,modeYiq:()=>Lr,nearest:()=>Eo,okhsl:()=>Pl,okhsv:()=>Il,oklab:()=>ql,oklch:()=>Rl,p3:()=>Ll,parse:()=>V,parseHex:()=>s,parseHsl:()=>Ia,parseHslLegacy:()=>Pa,parseHwb:()=>Xa,parseLab:()=>ft,parseLch:()=>zt,parseNamed:()=>d,parseOklab:()=>Ut,parseOklch:()=>ar,parseRgb:()=>Z,parseRgbLegacy:()=>m,parseTransparent:()=>Q,prophoto:()=>jl,random:()=>Kr,rec2020:()=>Hl,removeParser:()=>R,rgb:()=>Ol,round:()=>jr,samples:()=>Po,serializeHex:()=>Er,serializeHex8:()=>Ar,serializeHsl:()=>_r,serializeRgb:()=>Nr,toGamut:()=>So,trilerp:()=>te,unlerp:()=>ee,useMode:()=>P,useParser:()=>q,wcagContrast:()=>hl,wcagLuminance:()=>il,xyb:()=>Xl,xyz50:()=>Cl,xyz65:()=>Sl,yiq:()=>El}),e.exports=(a=n,((e,a,n,i)=>{if(a&&"object"==typeof a||"function"==typeof a)for(let h of o(a))l.call(e,h)||h===n||t(e,h,{get:()=>a[h],enumerable:!(i=r(a,h))||i.enumerable});return e})(t({},"__esModule",{value:!0}),a));var i=(e,a)=>{if("number"==typeof e)return 3===a?{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|240&e)/255,b:(15&e|e<<4&240)/255}:4===a?{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|240&e)/255,alpha:(15&e|e<<4&240)/255}:6===a?{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(255&e)/255}:8===a?{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(255&e)/255}:void 0},h={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},d=e=>i(h[e.toLowerCase()],6),p=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,s=e=>{let a;return(a=e.match(p))?i(parseInt(a[1],16),a[1].length):void 0},u="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",b=`${u}%`,v=`(?:${u}%|${u})`,c=`(?:${u}(deg|grad|rad|turn)|${u})`,g="\\s*,\\s*",M=(new RegExp("^"+`(?:${u}%|${u}|none)`+"$"),new RegExp(`^rgba?\\(\\s*${u}${g}${u}${g}${u}\\s*(?:,\\s*${v}\\s*)?\\)$`)),f=new RegExp(`^rgba?\\(\\s*${b}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),m=e=>{let a,t={mode:"rgb"};if(a=e.match(M))void 0!==a[1]&&(t.r=a[1]/255),void 0!==a[2]&&(t.g=a[2]/255),void 0!==a[3]&&(t.b=a[3]/255);else{if(!(a=e.match(f)))return;void 0!==a[1]&&(t.r=a[1]/100),void 0!==a[2]&&(t.g=a[2]/100),void 0!==a[3]&&(t.b=a[3]/100)}return void 0!==a[4]?t.alpha=Math.max(0,Math.min(1,a[4]/100)):void 0!==a[5]&&(t.alpha=Math.max(0,Math.min(1,+a[5]))),t},y=(e,a)=>void 0===e?void 0:"object"!=typeof e?V(e):void 0!==e.mode?e:a?{...e,mode:a}:void 0,x=(e="rgb")=>a=>void 0!==(a=y(a,e))?a.mode===e?a:z[a.mode][e]?z[a.mode][e](a):"rgb"===e?z[a.mode].rgb(a):z.rgb[e](z[a.mode].rgb(a)):void 0,z={},w={},k=[],$={},T=e=>e,P=e=>(z[e.mode]={...z[e.mode],...e.toMode},Object.keys(e.fromMode||{}).forEach(a=>{z[a]||(z[a]={}),z[a][e.mode]=e.fromMode[a]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(a=>{if(void 0===e.ranges[a]&&(e.ranges[a]=[0,1]),!e.interpolate[a])throw new Error(`Missing interpolator for: ${a}`);"function"==typeof e.interpolate[a]&&(e.interpolate[a]={use:e.interpolate[a]}),e.interpolate[a].fixup||(e.interpolate[a].fixup=T)}),w[e.mode]=e,(e.parse||[]).forEach(a=>{q(a,e.mode)}),x(e.mode)),I=e=>w[e],q=(e,a)=>{if("string"==typeof e){if(!a)throw new Error("'mode' required when 'parser' is a string");$[e]=a}else"function"==typeof e&&k.indexOf(e)<0&&k.push(e)},R=e=>{if("string"==typeof e)delete $[e];else if("function"==typeof e){const a=k.indexOf(e);a>0&&k.splice(a,1)}},L=/[^\x00-\x7F]|[a-zA-Z_]/,j=/[^\x00-\x7F]|[-\w]/,H="function",O="ident",X="number",C="percentage",S=")",E="none",A="hue",N="alpha",_=0;function D(e){let a=e[_],t=e[_+1];return"-"===a||"+"===a?/\d/.test(t)||"."===t&&/\d/.test(e[_+2]):/\d/.test("."===a?t:a)}function J(e){if(_>=e.length)return!1;let a=e[_];if(L.test(a))return!0;if("-"===a){if(e.length-_<2)return!1;let a=e[_+1];return!("-"!==a&&!L.test(a))}return!1}var G={deg:1,rad:180/Math.PI,grad:.9,turn:360};function F(e){let a="";if("-"!==e[_]&&"+"!==e[_]||(a+=e[_++]),a+=W(e),"."===e[_]&&/\d/.test(e[_+1])&&(a+=e[_++]+W(e)),"e"!==e[_]&&"E"!==e[_]||("-"!==e[_+1]&&"+"!==e[_+1]||!/\d/.test(e[_+2])?/\d/.test(e[_+1])&&(a+=e[_++]+W(e)):a+=e[_++]+e[_++]+W(e)),J(e)){let t=B(e);return"deg"===t||"rad"===t||"turn"===t||"grad"===t?{type:A,value:a*G[t]}:void 0}return"%"===e[_]?(_++,{type:C,value:+a}):{type:X,value:+a}}function W(e){let a="";for(;/\d/.test(e[_]);)a+=e[_++];return a}function B(e){let a="";for(;_<e.length&&j.test(e[_]);)a+=e[_++];return a}function Y(e){let a=B(e);return"("===e[_]?(_++,{type:H,value:a}):"none"===a?{type:E,value:void 0}:{type:O,value:a}}function K(e,a){const t=[];let r;for(;e._i<e.length;)if(r=e[e._i++],r.type===E||r.type===X||r.type===N||r.type===C||a&&r.type===A)t.push(r);else{if(r.type!==S)return;if(e._i<e.length)return}if(!(t.length<3||t.length>4)){if(4===t.length){if(t[3].type!==N)return;t[3]=t[3].value}return 3===t.length&&t.push({type:E,value:void 0}),t.every(e=>e.type!==N)?t:void 0}}var V=e=>{if("string"!=typeof e)return;const a=function(e=""){let a,t=e.trim(),r=[];for(_=0;_<t.length;)if(a=t[_++],"\n"!==a&&"\t"!==a&&" "!==a){if(","===a)return;if(")"!==a){if("+"===a){if(_--,D(t)){r.push(F(t));continue}return}if("-"===a){if(_--,D(t)){r.push(F(t));continue}if(J(t)){r.push({type:O,value:B(t)});continue}return}if("."===a){if(_--,D(t)){r.push(F(t));continue}return}if("/"===a){for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;let e;if(D(t)&&(e=F(t),e.type!==A)){r.push({type:N,value:e});continue}if(J(t)&&"none"===B(t)){r.push({type:N,value:{type:E,value:void 0}});continue}return}if(/\d/.test(a))_--,r.push(F(t));else{if(!L.test(a))return;_--,r.push(Y(t))}}else r.push({type:S})}else for(;_<t.length&&("\n"===t[_]||"\t"===t[_]||" "===t[_]);)_++;return r}(e),t=a?function(e,a){e._i=0;let t=e[e._i++];if(!t||t.type!==H)return;let r=K(e,a);return r?(r.unshift(t.value),r):void 0}(a,!0):void 0;let r,o=0,l=k.length;for(;o<l;)if(void 0!==(r=k[o++](e,t)))return r;return a?function(e){e._i=0;let a=e[e._i++];if(!a||a.type!==H||"color"!==a.value)return;if(a=e[e._i++],a.type!==O)return;const t=$[a.value];if(!t)return;const r={mode:t},o=K(e,!1);if(!o)return;const l=I(t).channels;for(let e,a,t=0;t<l.length;t++)e=o[t],a=l[t],e.type!==E&&(r[a]=e.type===X?e.value:e.value/100,"alpha"===a&&(r[a]=Math.max(0,Math.min(1,r[a]))));return r}(a):void 0};var Z=function(e,a){if(!a||"rgb"!==a[0]&&"rgba"!==a[0])return;const t={mode:"rgb"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.r=r.type===X?r.value/255:r.value/100),o.type!==E&&(t.g=o.type===X?o.value/255:o.value/100),l.type!==E&&(t.b=l.type===X?l.value/255:l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},Q=e=>"transparent"===e?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,U=(e,a,t)=>e+t*(a-e),ee=(e,a,t)=>(t-e)/(a-e),ae=(e,a,t,r,o,l)=>U(U(e,a,o),U(t,r,o),l),te=(e,a,t,r,o,l,n,i,h,d,p)=>U(ae(e,a,t,r,h,d),ae(o,l,n,i,h,d),p),re=e=>a=>{let t=(e=>{let a=[];for(let t=0;t<e.length-1;t++){let r=e[t],o=e[t+1];void 0===r&&void 0===o?a.push(void 0):void 0!==r&&void 0!==o?a.push([r,o]):a.push(void 0!==r?[r,r]:[o,o])}return a})(a);return a=>{let r=a*t.length,o=a>=1?t.length-1:Math.max(Math.floor(r),0),l=t[o];return void 0===l?void 0:e(l[0],l[1],r-o)}},oe=re(U),le=e=>{let a=!1,t=e.map(e=>void 0!==e?(a=!0,e):1);return a?t:e},ne={mode:"rgb",channels:["r","g","b","alpha"],parse:[Z,s,m,d,Q,"srgb"],serialize:"srgb",interpolate:{r:oe,g:oe,b:oe,alpha:{use:oe,fixup:le}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},ie=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),he=e=>{let a=ie(e.r),t=ie(e.g),r=ie(e.b),o={mode:"xyz65",x:.5766690429101305*a+.1855582379065463*t+.1882286462349947*r,y:.297344975250536*a+.6273635662554661*t+.0752914584939979*r,z:.0270313613864123*a+.0706888525358272*t+.9913375368376386*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},de=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),pe=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"a98",r:de(2.0415879038107465*e-.5650069742788597*a-.3447313507783297*t),g:de(-.9692436362808798*e+1.8759675015077206*a+.0415550574071756*t),b:de(.0134442806320312*e-.1183623922310184*a+1.0151749943912058*t)};return void 0!==r&&(o.alpha=r),o},se=(e=0)=>{const a=Math.abs(e);return a<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((a+.055)/1.055,2.4)},ue=({r:e,g:a,b:t,alpha:r})=>{let o={mode:"lrgb",r:se(e),g:se(a),b:se(t)};return void 0!==r&&(o.alpha=r),o},be=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.4123907992659593*a+.357584339383878*t+.1804807884018343*r,y:.2126390058715102*a+.715168678767756*t+.0721923153607337*r,z:.0193308187155918*a+.119194779794626*t+.9505321522496607*r};return void 0!==o&&(l.alpha=o),l},ve=(e=0)=>{const a=Math.abs(e);return a>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(a,1/2.4)-.055):12.92*e},ce=({r:e,g:a,b:t,alpha:r},o="rgb")=>{let l={mode:o,r:ve(e),g:ve(a),b:ve(t)};return void 0!==r&&(l.alpha=r),l},ge=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.2409699419045226*e-1.537383177570094*a-.4986107602930034*t,g:-.9692436362808796*e+1.8759675015077204*a+.0415550574071756*t,b:.0556300796969936*e-.2039769588889765*a+1.0569715142428784*t});return void 0!==r&&(o.alpha=r),o},Me={...ne,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>pe(be(e)),xyz65:pe},toMode:{rgb:e=>ge(he(e)),xyz65:he}},fe=e=>(e%=360)<0?e+360:e,me=(e,a)=>e.map((t,r,o)=>{if(void 0===t)return t;let l=fe(t);return 0===r||void 0===e[r-1]?l:a(l-fe(o[r-1]))}).reduce((e,a)=>e.length&&void 0!==a&&void 0!==e[e.length-1]?(e.push(a+e[e.length-1]),e):(e.push(a),e),[]),ye=e=>me(e,e=>Math.abs(e)<=180?e:e-360*Math.sign(e)),xe=e=>me(e,e=>Math.abs(e)>=180||0===e?e:e-360*Math.sign(e)),ze=e=>me(e,e=>e>=0?e:e+360),we=e=>me(e,e=>e<=0?e:e-360),ke=[-.14861,1.78277,-.29227,-.90649,1.97294,0],$e=Math.PI/180,Te=180/Math.PI,Pe=ke[3]*ke[4],Ie=ke[1]*ke[4],qe=ke[1]*ke[2]-ke[0]*ke[3],Re=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(qe*t+e*Pe-a*Ie)/(qe+Pe-Ie),l=t-o,n=(ke[4]*(a-o)-ke[2]*l)/ke[3],i={mode:"cubehelix",l:o,s:0===o||1===o?void 0:Math.sqrt(l*l+n*n)/(ke[4]*o*(1-o))};return i.s&&(i.h=Math.atan2(n,l)*Te-120),void 0!==r&&(i.alpha=r),i},Le=({h:e,s:a,l:t,alpha:r})=>{let o={mode:"rgb"};e=(void 0===e?0:e+120)*$e,void 0===t&&(t=0);let l=void 0===a?0:a*t*(1-t),n=Math.cos(e),i=Math.sin(e);return o.r=t+l*(ke[0]*n+ke[1]*i),o.g=t+l*(ke[2]*n+ke[3]*i),o.b=t+l*(ke[4]*n+ke[5]*i),void 0!==r&&(o.alpha=r),o},je=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.s||!a.s)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*a.s)*o},He=(e,a)=>{if(void 0===e.h||void 0===a.h)return 0;let t=fe(e.h),r=fe(a.h);return Math.abs(r-t)>180?t-(r-360*Math.sign(r-t)):r-t},Oe=(e,a)=>{if(void 0===e.h||void 0===a.h||!e.c||!a.c)return 0;let t=fe(e.h),r=fe(a.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*a.c)*o},Xe=(e="rgb",a=[1,1,1,0])=>{let t=I(e),r=t.channels,o=t.difference,l=x(e);return(e,t)=>{let n=l(e),i=l(t);return Math.sqrt(r.reduce((e,t,r)=>{let l=o[t]?o[t](n,i):n[t]-i[t];return e+(a[r]||0)*Math.pow(isNaN(l)?0:l,2)},0))}},Ce=()=>Xe("lab65"),Se=(e=1,a=.045,t=.015)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=Math.sqrt(b*b+v*v),g=Math.pow(h-u,2),M=Math.pow(s-c,2),f=Math.pow(d-b,2)+Math.pow(p-v,2)-M;return Math.sqrt(g/Math.pow(e,2)+M/Math.pow(1+a*s,2)+f/Math.pow(1+t*s,2))}},Ee=(e=1,a=1,t=1)=>{let r=x("lab65");return(o,l)=>{let n=r(o),i=r(l),h=n.l,d=n.a,p=n.b,s=Math.sqrt(d*d+p*p),u=i.l,b=i.a,v=i.b,c=(s+Math.sqrt(b*b+v*v))/2,g=.5*(1-Math.sqrt(Math.pow(c,7)/(Math.pow(c,7)+Math.pow(25,7)))),M=d*(1+g),f=b*(1+g),m=Math.sqrt(M*M+p*p),y=Math.sqrt(f*f+v*v),x=Math.abs(M)+Math.abs(p)===0?0:Math.atan2(p,M);x+=2*(x<0)*Math.PI;let z=Math.abs(f)+Math.abs(v)===0?0:Math.atan2(v,f);z+=2*(z<0)*Math.PI;let w=u-h,k=y-m,$=m*y===0?0:z-x;$-=2*($>Math.PI)*Math.PI,$+=2*($<-Math.PI)*Math.PI;let T,P=2*Math.sqrt(m*y)*Math.sin($/2),I=(h+u)/2,q=(m+y)/2;m*y===0?T=x+z:(T=(x+z)/2,T-=(Math.abs(x-z)>Math.PI)*Math.PI,T+=2*(T<0)*Math.PI);let R=Math.pow(I-50,2),L=1-.17*Math.cos(T-Math.PI/6)+.24*Math.cos(2*T)+.32*Math.cos(3*T+Math.PI/30)-.2*Math.cos(4*T-63*Math.PI/180),j=1+.015*R/Math.sqrt(20+R),H=1+.045*q,O=1+.015*q*L,X=30*Math.PI/180*Math.exp(-1*Math.pow((180/Math.PI*T-275)/25,2)),C=2*Math.sqrt(Math.pow(q,7)/(Math.pow(q,7)+Math.pow(25,7))),S=-1*Math.sin(2*X)*C;return Math.sqrt(Math.pow(w/(e*j),2)+Math.pow(k/(a*H),2)+Math.pow(P/(t*O),2)+S*k/(a*H)*P/(t*O))}},Ae=(e=1,a=1)=>{let t=x("lab65");return(r,o)=>{let l=t(r),n=l.l,i=l.a,h=l.b,d=Math.sqrt(i*i+h*h),p=Math.atan2(h,i);p+=2*Math.PI*(p<0);let s=t(o),u=s.l,b=s.a,v=s.b,c=Math.sqrt(b*b+v*v),g=Math.pow(n-u,2),M=Math.pow(d-c,2),f=Math.pow(i-b,2)+Math.pow(h-v,2)-M,m=Math.sqrt(Math.pow(d,4)/(Math.pow(d,4)+1900)),y=n<16?.511:.040975*n/(1+.01765*n),x=.0638*d/(1+.0131*d)+.638,z=x*(m*(p>=164/180*Math.PI&&p<=345/180*Math.PI?.56+Math.abs(.2*Math.cos(p+168/180*Math.PI)):.36+Math.abs(.4*Math.cos(p+35/180*Math.PI)))+1-m);return Math.sqrt(g/Math.pow(e*y,2)+M/Math.pow(a*x,2)+f/Math.pow(z,2))}},Ne=()=>{let e=x("lab65");return(a,t)=>{let r=e(a),o=e(t),l=r.l-o.l,n=r.a-o.a,i=r.b-o.b;return Math.abs(l)+Math.sqrt(n*n+i*i)}},_e=()=>Xe("yiq",[.5053,.299,.1957]),De=()=>Xe("itp",[518400,129600,518400]),Je=e=>{let a=e.reduce((e,a)=>{if(void 0!==a){let t=a*Math.PI/180;e.sin+=Math.sin(t),e.cos+=Math.cos(t)}return e},{sin:0,cos:0}),t=180*Math.atan2(a.sin,a.cos)/Math.PI;return t<0?360+t:t},Ge=e=>{let a=e.filter(e=>void 0!==e);return a.length?a.reduce((e,a)=>e+a,0)/a.length:void 0},Fe=e=>"function"==typeof e;function We(e,a="rgb",t){let r=I(a),o=e.map(x(a));return r.channels.reduce((e,a)=>{let l=o.map(e=>e[a]).filter(e=>void 0!==e);if(l.length){let o;o=Fe(t)?t:t&&Fe(t[a])?t[a]:r.average&&Fe(r.average[a])?r.average[a]:Ge,e[a]=o(l,a)}return e},{mode:a})}var Be={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Re},toMode:{rgb:Le},interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}},Ye=({l:e,a,b:t,alpha:r},o="lch")=>{void 0===a&&(a=0),void 0===t&&(t=0);let l=Math.sqrt(a*a+t*t),n={mode:o,l:e,c:l};return l&&(n.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(n.alpha=r),n},Ke=({l:e,c:a,h:t,alpha:r},o="lab")=>{void 0===t&&(t=0);let l={mode:o,l:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(l.alpha=r),l},Ve=Math.pow(29,3)/Math.pow(3,3),Ze=Math.pow(6,3)/Math.pow(29,3),Qe=.3457/.3585,Ue=1,ea=.2958/.3585,aa=.3127/.329,ta=1,ra=.3583/.329,oa=(Math.pow(29,3),Math.pow(3,3),Math.pow(6,3),Math.pow(29,3),e=>Math.pow(e,3)>Ze?Math.pow(e,3):(116*e-16)/Ve),la=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz65",x:oa(a/500+o)*aa,y:oa(o)*ta,z:oa(l)*ra};return void 0!==r&&(n.alpha=r),n},na=e=>ge(la(e)),ia=e=>e>Ze?Math.cbrt(e):(Ve*e+16)/116,ha=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ia(e/aa),l=ia(a/ta),n={mode:"lab65",l:116*l-16,a:500*(o-l),b:200*(l-ia(t/ra))};return void 0!==r&&(n.alpha=r),n},da=e=>{let a=ha(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},pa=26/180*Math.PI,sa=Math.cos(pa),ua=Math.sin(pa),ba=100/Math.log(1.39),va=({l:e,c:a,h:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"lab65",l:(Math.exp(1*e/ba)-1)/.0039},l=(Math.exp(.0435*a*1*1)-1)/.075,n=l*Math.cos(t/180*Math.PI-pa),i=l*Math.sin(t/180*Math.PI-pa);return o.a=n*sa-i/.83*ua,o.b=n*ua+i/.83*sa,void 0!==r&&(o.alpha=r),o},ca=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=a*sa+t*ua,l=.83*(t*sa-a*ua),n=Math.sqrt(o*o+l*l),i={mode:"dlch",l:ba/1*Math.log(1+.0039*e),c:Math.log(1+.075*n)/.0435};return i.c&&(i.h=fe((Math.atan2(l,o)+pa)/Math.PI*180)),void 0!==r&&(i.alpha=r),i},ga=e=>va(Ye(e,"dlch")),Ma=e=>Ke(ca(e),"dlab"),fa={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:ga,rgb:e=>na(ga(e))},fromMode:{lab65:Ma,rgb:e=>Ma(da(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},ma={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:va,dlab:e=>Ke(e,"dlab"),rgb:e=>na(va(e))},fromMode:{lab65:ca,dlab:e=>Ye(e,"dlch"),rgb:e=>ca(da(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:oe,c:oe,h:{use:oe,fixup:ye},alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}};function ya({h:e,s:a,i:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1-a)};break;case 1:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1+a*(3/(2-l)-1)),b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t*(1+a*(3/(2-l)-1)),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;case 3:o={r:t*(1-a),g:t*(1+a*(3*(1-l)/(2-l)-1)),b:t*(1+a*(3/(2-l)-1))};break;case 4:o={r:t*(1+a*(3*(1-l)/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3/(2-l)-1))};break;case 5:o={r:t*(1+a*(3/(2-l)-1)),g:t*(1-a),b:t*(1+a*(3*(1-l)/(2-l)-1))};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function xa({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsi",s:e+a+t===0?0:1-3*l/(e+a+t),i:(e+a+t)/3};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var za={mode:"hsi",toMode:{rgb:ya},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:xa},channels:["h","s","i","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,i:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function wa({h:e,s:a,l:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=t+a*(t<.5?t:1-t),n=l-2*(l-t)*Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:l,g:n,b:2*t-l};break;case 1:o={r:n,g:l,b:2*t-l};break;case 2:o={r:2*t-l,g:l,b:n};break;case 3:o={r:2*t-l,g:n,b:l};break;case 4:o={r:n,g:2*t-l,b:l};break;case 5:o={r:l,g:2*t-l,b:n};break;default:o={r:2*t-l,g:2*t-l,b:2*t-l}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function ka({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsl",s:o===l?0:(o-l)/(1-Math.abs(o+l-1)),l:.5*(o+l)};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var $a=(e,a)=>{switch(a){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return 360*e}},Ta=new RegExp(`^hsla?\\(\\s*${c}${g}${b}${g}${b}\\s*(?:,\\s*${v}\\s*)?\\)$`),Pa=e=>{let a=e.match(Ta);if(!a)return;let t={mode:"hsl"};return void 0!==a[3]?t.h=+a[3]:void 0!==a[1]&&void 0!==a[2]&&(t.h=$a(a[1],a[2])),void 0!==a[4]&&(t.s=Math.min(Math.max(0,a[4]/100),1)),void 0!==a[5]&&(t.l=Math.min(Math.max(0,a[5]/100),1)),void 0!==a[6]?t.alpha=Math.max(0,Math.min(1,a[6]/100)):void 0!==a[7]&&(t.alpha=Math.max(0,Math.min(1,+a[7]))),t};var Ia=function(e,a){if(!a||"hsl"!==a[0]&&"hsla"!==a[0])return;const t={mode:"hsl"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.s=o.value/100}if(l.type!==E){if(l.type===A)return;t.l=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},qa={mode:"hsl",toMode:{rgb:wa},fromMode:{rgb:ka},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Ia,Pa],serialize:e=>`hsl(${void 0!==e.h?e.h:"none"} ${void 0!==e.s?100*e.s+"%":"none"} ${void 0!==e.l?100*e.l+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},s:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ra({h:e,s:a,v:t,alpha:r}){e=fe(void 0!==e?e:0),void 0===a&&(a=0),void 0===t&&(t=0);let o,l=Math.abs(e/60%2-1);switch(Math.floor(e/60)){case 0:o={r:t,g:t*(1-a*l),b:t*(1-a)};break;case 1:o={r:t*(1-a*l),g:t,b:t*(1-a)};break;case 2:o={r:t*(1-a),g:t,b:t*(1-a*l)};break;case 3:o={r:t*(1-a),g:t*(1-a*l),b:t};break;case 4:o={r:t*(1-a*l),g:t*(1-a),b:t};break;case 5:o={r:t,g:t*(1-a),b:t*(1-a*l)};break;default:o={r:t*(1-a),g:t*(1-a),b:t*(1-a)}}return o.mode="rgb",void 0!==r&&(o.alpha=r),o}function La({r:e,g:a,b:t,alpha:r}){void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.max(e,a,t),l=Math.min(e,a,t),n={mode:"hsv",s:0===o?0:1-l/o,v:o};return o-l!==0&&(n.h=60*(o===e?(a-t)/(o-l)+6*(a<t):o===a?(t-e)/(o-l)+2:(e-a)/(o-l)+4)),void 0!==r&&(n.alpha=r),n}var ja={mode:"hsv",toMode:{rgb:Ra},parse:["--hsv"],serialize:"--hsv",fromMode:{rgb:La},channels:["h","s","v","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:oe,fixup:ye},s:oe,v:oe,alpha:{use:oe,fixup:le}},difference:{h:je},average:{h:Je}};function Ha({h:e,w:a,b:t,alpha:r}){if(void 0===a&&(a=0),void 0===t&&(t=0),a+t>1){let e=a+t;a/=e,t/=e}return Ra({h:e,s:1===t?1:1-a/(1-t),v:1-t,alpha:r})}function Oa(e){let a=La(e);if(void 0===a)return;let t=void 0!==a.s?a.s:0,r=void 0!==a.v?a.v:0,o={mode:"hwb",w:(1-t)*r,b:1-r};return void 0!==a.h&&(o.h=a.h),void 0!==a.alpha&&(o.alpha=a.alpha),o}var Xa=function(e,a){if(!a||"hwb"!==a[0])return;const t={mode:"hwb"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===C)return;t.h=r.value}if(o.type!==E){if(o.type===A)return;t.w=o.value/100}if(l.type!==E){if(l.type===A)return;t.b=l.value/100}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},Ca={mode:"hwb",toMode:{rgb:Ha},fromMode:{rgb:Oa},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Xa],serialize:e=>`hwb(${void 0!==e.h?e.h:"none"} ${void 0!==e.w?100*e.w+"%":"none"} ${void 0!==e.b?100*e.b+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},w:oe,b:oe,alpha:{use:oe,fixup:le}},difference:{h:He},average:{h:Je}},Sa=.1593017578125,Ea=78.84375,Aa=.8359375,Na=18.8515625,_a=18.6875;function Da(e){if(e<0)return 0;const a=Math.pow(e,1/Ea);return 1e4*Math.pow(Math.max(0,a-Aa)/(Na-_a*a),1/Sa)}function Ja(e){if(e<0)return 0;const a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),Ea)}var Ga=e=>Math.max(e/203,0),Fa=({i:e,t:a,p:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=Da(e+.008609037037932761*a+.11102962500302593*t),l=Da(e-.00860903703793275*a-.11102962500302599*t),n=Da(e+.5600313357106791*a-.32062717498731885*t),i={mode:"xyz65",x:Ga(2.070152218389422*o-1.3263473389671556*l+.2066510476294051*n),y:Ga(.3647385209748074*o+.680566024947227*l-.0453045459220346*n),z:Ga(-.049747207535812*o-.0492609666966138*l+1.1880659249923042*n)};return void 0!==r&&(i.alpha=r),i},Wa=(e=0)=>Math.max(203*e,0),Ba=({x:e,y:a,z:t,alpha:r})=>{const o=Wa(e),l=Wa(a),n=Wa(t),i=Ja(.3592832590121217*o+.6976051147779502*l-.0358915932320289*n),h=Ja(-.1920808463704995*o+1.1004767970374323*l+.0753748658519118*n),d=Ja(.0070797844607477*o+.0748396662186366*l+.8433265453898765*n),p={mode:"itp",i:.5*i+.5*h,t:1.61376953125*i-3.323486328125*h+1.709716796875*d,p:4.378173828125*i-4.24560546875*h-.132568359375*d};return void 0!==r&&(p.alpha=r),p},Ya={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Fa,rgb:e=>ge(Fa(e))},fromMode:{xyz65:Ba,rgb:e=>Ba(be(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:oe,t:oe,p:oe,alpha:{use:oe,fixup:le}}},Ka=e=>{if(e<0)return 0;let a=Math.pow(e/1e4,Sa);return Math.pow((Aa+Na*a)/(1+_a*a),134.03437499999998)},Va=(e=0)=>Math.max(203*e,0),Za=({x:e,y:a,z:t,alpha:r})=>{e=Va(e),a=Va(a);let o=1.15*e-.15*(t=Va(t)),l=.66*a+.34*e,n=Ka(.41478972*o+.579999*l+.014648*t),i=Ka(-.20151*o+1.120649*l+.0531008*t),h=Ka(-.0166008*o+.2648*l+.6684799*t),d=(n+i)/2,p={mode:"jab",j:.44*d/(1-.56*d)-16295499532821565e-27,a:3.524*n-4.066708*i+.542708*h,b:.199076*n+1.096799*i-1.295875*h};return void 0!==r&&(p.alpha=r),p},Qa=16295499532821565e-27,Ua=e=>{if(e<0)return 0;let a=Math.pow(e,.007460772656268216);return 1e4*Math.pow((Aa-a)/(_a*a-Na),1/Sa)},et=e=>e/203,at=({j:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+Qa)/(.44+.56*(e+Qa)),l=Ua(o+.13860504*a+.058047316*t),n=Ua(o-.13860504*a-.058047316*t),i=Ua(o-.096019242*a-.8118919*t),h={mode:"xyz65",x:et(1.661373024652174*l-.914523081304348*n+.23136208173913045*i),y:et(-.3250758611844533*l+1.571847026732543*n-.21825383453227928*i),z:et(-.090982811*l-.31272829*n+1.5227666*i)};return void 0!==r&&(h.alpha=r),h},tt=e=>{let a=Za(be(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},rt=e=>ge(at(e)),ot={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:tt,xyz65:Za},toMode:{rgb:rt,xyz65:at},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},lt=({j:e,a,b:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"jch",j:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},nt=({j:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"jab",j:e,a:a?a*Math.cos(t/180*Math.PI):0,b:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},it={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:nt,rgb:e=>rt(nt(e))},fromMode:{rgb:e=>lt(tt(e)),jab:lt},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,j:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},ht=Math.pow(29,3)/Math.pow(3,3),dt=Math.pow(6,3)/Math.pow(29,3),pt=e=>Math.pow(e,3)>dt?Math.pow(e,3):(116*e-16)/ht,st=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(e+16)/116,l=o-t/200,n={mode:"xyz50",x:pt(a/500+o)*Qe,y:pt(o)*Ue,z:pt(l)*ea};return void 0!==r&&(n.alpha=r),n},ut=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:3.1341359569958707*e-1.6173863321612538*a-.4906619460083532*t,g:-.978795502912089*e+1.916254567259524*a+.03344273116131949*t,b:.07195537988411677*e-.2289768264158322*a+1.405386058324125*t});return void 0!==r&&(o.alpha=r),o},bt=e=>ut(st(e)),vt=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz50",x:.436065742824811*a+.3851514688337912*t+.14307845442264197*r,y:.22249319175623702*a+.7168870538238823*t+.06061979053616537*r,z:.013923904500943465*a+.09708128566574634*t+.7140993584005155*r};return void 0!==o&&(l.alpha=o),l},ct=e=>e>dt?Math.cbrt(e):(ht*e+16)/116,gt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ct(e/Qe),l=ct(a/Ue),n={mode:"lab",l:116*l-16,a:500*(o-l),b:200*(l-ct(t/ea))};return void 0!==r&&(n.alpha=r),n},Mt=e=>{let a=gt(vt(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a};var ft=function(e,a){if(!a||"lab"!==a[0])return;const t={mode:"lab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.value),100)),o.type!==E&&(t.a=o.type===X?o.value:125*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:125*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},mt={mode:"lab",toMode:{xyz50:st,rgb:bt},fromMode:{xyz50:gt,rgb:Mt},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-125,125],b:[-125,125]},parse:[ft],serialize:e=>`lab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:oe,a:oe,b:oe,alpha:{use:oe,fixup:le}}},yt={...mt,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:la,rgb:na},fromMode:{xyz65:ha,rgb:da},ranges:{l:[0,100],a:[-125,125],b:[-125,125]}};var xt,zt=function(e,a){if(!a||"lch"!==a[0])return;const t={mode:"lch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.value),100)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:150*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},wt={mode:"lch",toMode:{lab:Ke,rgb:e=>bt(Ke(e))},fromMode:{rgb:e=>Ye(Mt(e)),lab:Ye},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[zt],serialize:e=>`lch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},kt={...wt,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Ke(e,"lab65"),rgb:e=>na(Ke(e,"lab65"))},fromMode:{rgb:e=>Ye(da(e),"lch65"),lab65:e=>Ye(e,"lch65")},ranges:{l:[0,100],c:[0,150],h:[0,360]}},$t=({l:e,u:a,v:t,alpha:r})=>{void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.sqrt(a*a+t*t),l={mode:"lchuv",l:e,c:o};return o&&(l.h=fe(180*Math.atan2(t,a)/Math.PI)),void 0!==r&&(l.alpha=r),l},Tt=({l:e,c:a,h:t,alpha:r})=>{void 0===t&&(t=0);let o={mode:"luv",l:e,u:a?a*Math.cos(t/180*Math.PI):0,v:a?a*Math.sin(t/180*Math.PI):0};return void 0!==r&&(o.alpha=r),o},Pt=(e,a,t)=>4*e/(e+15*a+3*t),It=(e,a,t)=>9*a/(e+15*a+3*t),qt=Pt(Qe,Ue,ea),Rt=It(Qe,Ue,ea),Lt=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=(l=a/Ue)<=dt?ht*l:116*Math.cbrt(l)-16;var l;let n=Pt(e,a,t),i=It(e,a,t);isFinite(n)&&isFinite(i)?(n=13*o*(n-qt),i=13*o*(i-Rt)):o=n=i=0;let h={mode:"luv",l:o,u:n,v:i};return void 0!==r&&(h.alpha=r),h},jt=4*(xt=Qe)/(xt+15*Ue+3*ea),Ht=((e,a,t)=>9*a/(e+15*a+3*t))(Qe,Ue,ea),Ot=({l:e,u:a,v:t,alpha:r})=>{if(void 0===e&&(e=0),0===e)return{mode:"xyz50",x:0,y:0,z:0};void 0===a&&(a=0),void 0===t&&(t=0);let o=a/(13*e)+jt,l=t/(13*e)+Ht,n=Ue*(e<=8?e/ht:Math.pow((e+16)/116,3)),i={mode:"xyz50",x:n*(9*o)/(4*l),y:n,z:n*(12-3*o-20*l)/(4*l)};return void 0!==r&&(i.alpha=r),i},Xt={mode:"lchuv",toMode:{luv:Tt,rgb:e=>ut(Ot(Tt(e)))},fromMode:{rgb:e=>$t(Lt(vt(e))),luv:$t},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:oe,fixup:ye},c:oe,l:oe,alpha:{use:oe,fixup:le}},difference:{h:Oe},average:{h:Je}},Ct={...ne,mode:"lrgb",toMode:{rgb:ce},fromMode:{rgb:ue},parse:["srgb-linear"],serialize:"srgb-linear"},St={mode:"luv",toMode:{xyz50:Ot,rgb:e=>ut(Ot(e))},fromMode:{xyz50:Lt,rgb:e=>Lt(vt(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:oe,u:oe,v:oe,alpha:{use:oe,fixup:le}}},Et=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.cbrt(.412221469470763*e+.5363325372617348*a+.0514459932675022*t),l=Math.cbrt(.2119034958178252*e+.6806995506452344*a+.1073969535369406*t),n=Math.cbrt(.0883024591900564*e+.2817188391361215*a+.6299787016738222*t),i={mode:"oklab",l:.210454268309314*o+.7936177747023054*l-.0040720430116193*n,a:1.9779985324311684*o-2.42859224204858*l+.450593709617411*n,b:.0259040424655478*o+.7827717124575296*l-.8086757549230774*n};return void 0!==r&&(i.alpha=r),i},At=e=>{let a=Et(ue(e));return e.r===e.b&&e.b===e.g&&(a.a=a.b=0),a},Nt=({l:e,a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=Math.pow(e+.3963377773761749*a+.2158037573099136*t,3),l=Math.pow(e-.1055613458156586*a-.0638541728258133*t,3),n=Math.pow(e-.0894841775298119*a-1.2914855480194092*t,3),i={mode:"lrgb",r:4.076741636075957*o-3.3077115392580616*l+.2309699031821044*n,g:-1.2684379732850317*o+2.6097573492876887*l-.3413193760026573*n,b:-.0041960761386756*o-.7034186179359362*l+1.7076146940746117*n};return void 0!==r&&(i.alpha=r),i},_t=e=>ce(Nt(e));function Dt(e){const a=.206,t=1.206/1.03;return.5*(t*e-a+Math.sqrt((t*e-a)*(t*e-a)+.12*t*e))}function Jt(e){return(e*e+.206*e)/(1.206/1.03*(e+.03))}function Gt(e,a){let t=function(e,a){let t,r,o,l,n,i,h,d;-1.88170328*e-.80936493*a>1?(t=1.19086277,r=1.76576728,o=.59662641,l=.75515197,n=.56771245,i=4.0767416621,h=-3.3077115913,d=.2309699292):1.81444104*e-1.19445276*a>1?(t=.73956515,r=-.45954404,o=.08285427,l=.1254107,n=.14503204,i=-1.2684380046,h=2.6097574011,d=-.3413193965):(t=1.35733652,r=-.00915799,o=-1.1513021,l=-.50559606,n=.00692167,i=-.0041960863,h=-.7034186147,d=1.707614701);let p=t+r*e+o*a+l*e*e+n*e*a,s=.3963377774*e+.2158037573*a,u=-.1055613458*e-.0638541728*a,b=-.0894841775*e-1.291485548*a;{let e=1+p*s,a=1+p*u,t=1+p*b,r=i*(e*e*e)+h*(a*a*a)+d*(t*t*t),o=i*(3*s*e*e)+h*(3*u*a*a)+d*(3*b*t*t);p-=r*o/(o*o-.5*r*(i*(6*s*s*e)+h*(6*u*u*a)+d*(6*b*b*t)))}return p}(e,a),r=Nt({l:1,a:t*e,b:t*a}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b));return[o,o*t]}function Ft(e,a,t=null){t||(t=Gt(e,a));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,a,t){let r=Gt(a,t),o=function(e,a,t,r,o,l=null){let n;if(l||(l=Gt(e,a)),(t-o)*l[1]-(l[0]-o)*r<=0)n=l[1]*o/(r*l[0]+l[1]*(o-t));else{n=l[1]*(o-1)/(r*(l[0]-1)+l[1]*(o-t));{let l=t-o,i=.3963377774*e+.2158037573*a,h=-.1055613458*e-.0638541728*a,d=-.0894841775*e-1.291485548*a,p=l+r*i,s=l+r*h,u=l+r*d;{let e=o*(1-n)+n*t,a=n*r,l=e+a*i,b=e+a*h,v=e+a*d,c=l*l*l,g=b*b*b,M=v*v*v,f=3*p*l*l,m=3*s*b*b,y=3*u*v*v,x=6*p*p*l,z=6*s*s*b,w=6*u*u*v,k=4.0767416621*c-3.3077115913*g+.2309699292*M-1,$=4.0767416621*f-3.3077115913*m+.2309699292*y,T=$/($*$-.5*k*(4.0767416621*x-3.3077115913*z+.2309699292*w)),P=-k*T,I=-1.2684380046*c+2.6097574011*g-.3413193965*M-1,q=-1.2684380046*f+2.6097574011*m-.3413193965*y,R=q/(q*q-.5*I*(-1.2684380046*x+2.6097574011*z-.3413193965*w)),L=-I*R,j=-.0041960863*c-.7034186147*g+1.707614701*M-1,H=-.0041960863*f-.7034186147*m+1.707614701*y,O=H/(H*H-.5*j*(-.0041960863*x-.7034186147*z+1.707614701*w)),X=-j*O;P=T>=0?P:1e6,L=R>=0?L:1e6,X=O>=0?X:1e6,n+=Math.min(P,Math.min(L,X))}}}return n}(a,t,e,1,e,r),l=Ft(a,t,r),n=e*(.11516993+1/(7.4477897+4.1590124*t+a*(1.75198401*t-2.19557347+a*(-2.13704948-10.02301043*t+a*(5.38770819*t-4.24894561+4.69891013*a))))),i=(1-e)*(.11239642+1/(1.6132032-.68124379*t+a*(.40370612+.90148123*t+a*(.6122399*t-.27087943+a*(.00299215-.45399568*t-.14661872*a))))),h=.9*(o/Math.min(e*l[0],(1-e)*l[1]))*Math.sqrt(Math.sqrt(1/(1/(n*n*n*n)+1/(i*i*i*i))));return n=.4*e,i=.8*(1-e),[Math.sqrt(1/(1/(n*n)+1/(i*i))),h,o]}function Bt(e){const a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o={mode:"okhsl",l:Dt(a)};void 0!==e.alpha&&(o.alpha=e.alpha);let l=Math.sqrt(t*t+r*r);if(!l)return o.s=0,o;let n,[i,h,d]=Wt(a,t/l,r/l);if(l<h){let e=0,a=.8*i;n=.8*((l-e)/(a+(1-a/h)*(l-e)))}else{let e=.2*h*h*1.25*1.25/i;n=.8+.2*((l-h)/(e+(1-e/(d-h))*(l-h)))}return n&&(o.s=n,o.h=fe(180*Math.atan2(r,t)/Math.PI)),o}function Yt(e){let a=void 0!==e.h?e.h:0,t=void 0!==e.s?e.s:0,r=void 0!==e.l?e.l:0;const o={mode:"oklab",l:Jt(r)};if(void 0!==e.alpha&&(o.alpha=e.alpha),!t||1===r)return o.a=o.b=0,o;let l,n,i,h,d=Math.cos(a/180*Math.PI),p=Math.sin(a/180*Math.PI),[s,u,b]=Wt(o.l,d,p);t<.8?(l=1.25*t,n=0,i=.8*s,h=1-i/u):(l=5*(t-.8),n=u,i=.2*u*u*1.25*1.25/s,h=1-i/(b-u));let v=n+l*i/(1-h*l);return o.a=v*d,o.b=v*p,o}var Kt={...qa,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:Bt,rgb:e=>Bt(At(e))},toMode:{oklab:Yt,rgb:e=>_t(Yt(e))}};function Vt(e){let a=void 0!==e.l?e.l:0,t=void 0!==e.a?e.a:0,r=void 0!==e.b?e.b:0,o=Math.sqrt(t*t+r*r),l=o?t/o:1,n=o?r/o:1,[i,h]=Ft(l,n),d=1-.5/i,p=h/(o+a*h),s=p*a,u=p*o,b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0));a/=g,o=o/g*Dt(a)/a,a=Dt(a);const M={mode:"okhsv",s:o?(.5+h)*u/(.5*h+h*d*u):0,v:a?a/s:0};return M.s&&(M.h=fe(180*Math.atan2(r,t)/Math.PI)),void 0!==e.alpha&&(M.alpha=e.alpha),M}function Zt(e){const a={mode:"oklab"};void 0!==e.alpha&&(a.alpha=e.alpha);const t=void 0!==e.h?e.h:0,r=void 0!==e.s?e.s:0,o=void 0!==e.v?e.v:0,l=Math.cos(t/180*Math.PI),n=Math.sin(t/180*Math.PI),[i,h]=Ft(l,n),d=.5,p=1-d/i,s=1-r*d/(d+h-h*p*r),u=r*h*d/(d+h-h*p*r),b=Jt(s),v=u*b/s,c=Nt({l:b,a:l*v,b:n*v}),g=Math.cbrt(1/Math.max(c.r,c.g,c.b,0)),M=Jt(o*s),f=u*M/s;return a.l=M*g,a.a=f*l*g,a.b=f*n*g,a}var Qt={...ja,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:Vt,rgb:e=>Vt(At(e))},toMode:{oklab:Zt,rgb:e=>_t(Zt(e))}};var Ut=function(e,a){if(!a||"oklab"!==a[0])return;const t={mode:"oklab"},[,r,o,l,n]=a;return r.type!==A&&o.type!==A&&l.type!==A?(r.type!==E&&(t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)),o.type!==E&&(t.a=o.type===X?o.value:.4*o.value/100),l.type!==E&&(t.b=l.type===X?l.value:.4*l.value/100),n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t):void 0},er={...mt,mode:"oklab",toMode:{lrgb:Nt,rgb:_t},fromMode:{lrgb:Et,rgb:At},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Ut],serialize:e=>`oklab(${void 0!==e.l?e.l:"none"} ${void 0!==e.a?e.a:"none"} ${void 0!==e.b?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`};var ar=function(e,a){if(!a||"oklch"!==a[0])return;const t={mode:"oklch"},[,r,o,l,n]=a;if(r.type!==E){if(r.type===A)return;t.l=Math.min(Math.max(0,r.type===X?r.value:r.value/100),1)}if(o.type!==E&&(t.c=Math.max(0,o.type===X?o.value:.4*o.value/100)),l.type!==E){if(l.type===C)return;t.h=l.value}return n.type!==E&&(t.alpha=Math.min(1,Math.max(0,n.type===X?n.value:n.value/100))),t},tr={...wt,mode:"oklch",toMode:{oklab:e=>Ke(e,"oklab"),rgb:e=>_t(Ke(e,"oklab"))},fromMode:{rgb:e=>Ye(At(e),"oklch"),oklab:e=>Ye(e,"oklch")},parse:[ar],serialize:e=>`oklch(${void 0!==e.l?e.l:"none"} ${void 0!==e.c?e.c:"none"} ${void 0!==e.h?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}},rr=e=>{let{r:a,g:t,b:r,alpha:o}=ue(e),l={mode:"xyz65",x:.486570948648216*a+.265667693169093*t+.1982172852343625*r,y:.2289745640697487*a+.6917385218365062*t+.079286914093745*r,z:0*a+.0451133818589026*t+1.043944368900976*r};return void 0!==o&&(l.alpha=o),l},or=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o=ce({r:2.4934969119414263*e-.9313836179191242*a-.402710784450717*t,g:-.8294889695615749*e+1.7626640603183465*a+.0236246858419436*t,b:.0358458302437845*e-.0761723892680418*a+.9568845240076871*t},"p3");return void 0!==r&&(o.alpha=r),o},lr={...ne,mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>or(be(e)),xyz65:or},toMode:{rgb:e=>ge(rr(e)),xyz65:rr}},nr=e=>{let a=Math.abs(e);return a>=1/512?Math.sign(e)*Math.pow(a,1/1.8):16*e},ir=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"prophoto",r:nr(1.3457868816471585*e-.2555720873797946*a-.0511018649755453*t),g:nr(-.5446307051249019*e+1.5082477428451466*a+.0205274474364214*t),b:nr(0*e+0*a+1.2119675456389452*t)};return void 0!==r&&(o.alpha=r),o},hr=(e=0)=>{let a=Math.abs(e);return a>=16/512?Math.sign(e)*Math.pow(a,1.8):e/16},dr=e=>{let a=hr(e.r),t=hr(e.g),r=hr(e.b),o={mode:"xyz50",x:.7977666449006423*a+.1351812974005331*t+.0313477341283922*r,y:.2880748288194013*a+.7118352342418731*t+899369387256e-16*r,z:0*a+0*t+.8251046025104602*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},pr={...ne,mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:ir,rgb:e=>ir(vt(e))},toMode:{xyz50:dr,rgb:e=>ut(dr(e))}},sr=1.09929682680944,ur=e=>{const a=Math.abs(e);return a>.018053968510807?(Math.sign(e)||1)*(sr*Math.pow(a,.45)-(sr-1)):4.5*e},br=({x:e,y:a,z:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);let o={mode:"rec2020",r:ur(1.7166511879712683*e-.3556707837763925*a-.2533662813736599*t),g:ur(-.6666843518324893*e+1.6164812366349395*a+.0157685458139111*t),b:ur(.0176398574453108*e-.0427706132578085*a+.9421031212354739*t)};return void 0!==r&&(o.alpha=r),o},vr=1.09929682680944,cr=(e=0)=>{let a=Math.abs(e);return a<.08124285829863151?e/4.5:(Math.sign(e)||1)*Math.pow((a+vr-1)/vr,1/.45)},gr=e=>{let a=cr(e.r),t=cr(e.g),r=cr(e.b),o={mode:"xyz65",x:.6369580483012911*a+.1446169035862083*t+.1688809751641721*r,y:.262700212011267*a+.6779980715188708*t+.059301716469862*r,z:0*a+.0280726930490874*t+1.0609850577107909*r};return void 0!==e.alpha&&(o.alpha=e.alpha),o},Mr={...ne,mode:"rec2020",fromMode:{xyz65:br,rgb:e=>br(be(e))},toMode:{xyz65:gr,rgb:e=>ge(gr(e))},parse:["rec2020"],serialize:"rec2020"},fr=.0037930732552754493,mr=Math.cbrt(fr),yr=e=>Math.cbrt(e)-mr,xr=e=>{const{r:a,g:t,b:r,alpha:o}=ue(e),l=yr(.3*a+.622*t+.078*r+fr),n=yr(.23*a+.692*t+.078*r+fr),i={mode:"xyb",x:(l-n)/2,y:(l+n)/2,b:yr(.2434226892454782*a+.2047674442449682*t+.5518098665095535*r+fr)-(l+n)/2};return void 0!==o&&(i.alpha=o),i},zr=e=>Math.pow(e+mr,3),wr=({x:e,y:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o=zr(e+a)-fr,l=zr(a-e)-fr,n=zr(t+a)-fr,i=ce({r:11.031566904639861*o-9.866943908131562*l-.16462299650829934*n,g:-3.2541473810744237*o+4.418770377582723*l-.16462299650829934*n,b:-3.6588512867136815*o+2.7129230459360922*l+1.9459282407775895*n});return void 0!==r&&(i.alpha=r),i},kr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:wr},fromMode:{rgb:xr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:oe,y:oe,b:oe,alpha:{use:oe,fixup:le}}},$r={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:ut,lab:gt},fromMode:{rgb:vt,lab:st},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},Tr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz50",x:1.0479298208405488*a+.0229467933410191*t-.0501922295431356*r,y:.0296278156881593*a+.990434484573249*t-.0170738250293851*r,z:-.0092430581525912*a+.0150551448965779*t+.7518742899580008*r};return void 0!==o&&(l.alpha=o),l},Pr=e=>{let{x:a,y:t,z:r,alpha:o}=e;void 0===a&&(a=0),void 0===t&&(t=0),void 0===r&&(r=0);let l={mode:"xyz65",x:.9554734527042182*a-.0230985368742614*t+.0632593086610217*r,y:-.0283697069632081*a+1.0099954580058226*t+.021041398966943*r,z:.0123140016883199*a-.0205076964334779*t+1.3303659366080753*r};return void 0!==o&&(l.alpha=o),l},Ir={mode:"xyz65",toMode:{rgb:ge,xyz50:Tr},fromMode:{rgb:be,xyz50:Pr},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:oe,y:oe,z:oe,alpha:{use:oe,fixup:le}}},qr=({r:e,g:a,b:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"yiq",y:.29889531*e+.58662247*a+.11448223*t,i:.59597799*e-.2741761*a-.32180189*t,q:.21147017*e-.52261711*a+.31114694*t};return void 0!==r&&(o.alpha=r),o},Rr=({y:e,i:a,q:t,alpha:r})=>{void 0===e&&(e=0),void 0===a&&(a=0),void 0===t&&(t=0);const o={mode:"rgb",r:e+.95608445*a+.6208885*t,g:e-.27137664*a-.6486059*t,b:e-1.10561724*a+1.70250126*t};return void 0!==r&&(o.alpha=r),o},Lr={mode:"yiq",toMode:{rgb:Rr},fromMode:{rgb:qr},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:oe,i:oe,q:oe,alpha:{use:oe,fixup:le}}},jr=(e=4)=>a=>"number"==typeof a?((e,a)=>Math.round(e*(a=Math.pow(10,a)))/a)(a,e):a,Hr=jr(2),Or=e=>Math.max(0,Math.min(1,e||0)),Xr=e=>Math.round(255*Or(e)),Cr=x("rgb"),Sr=x("hsl"),Er=e=>{if(void 0===e)return;return"#"+(1<<24|Xr(e.r)<<16|Xr(e.g)<<8|Xr(e.b)).toString(16).slice(1)},Ar=e=>{if(void 0===e)return;let a=Xr(void 0!==e.alpha?e.alpha:1);return Er(e)+(256|a).toString(16).slice(1)},Nr=e=>{if(void 0===e)return;let a=Xr(e.r),t=Xr(e.g),r=Xr(e.b);return void 0===e.alpha||1===e.alpha?`rgb(${a}, ${t}, ${r})`:`rgba(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},_r=e=>{if(void 0===e)return;const a=Hr(e.h||0),t=Hr(100*Or(e.s))+"%",r=Hr(100*Or(e.l))+"%";return void 0===e.alpha||1===e.alpha?`hsl(${a}, ${t}, ${r})`:`hsla(${a}, ${t}, ${r}, ${Hr(Or(e.alpha))})`},Dr=e=>{const a=y(e);if(!a)return;const t=I(a.mode);if(!t.serialize||"string"==typeof t.serialize){let e=`color(${t.serialize||`--${a.mode}`} `;return t.channels.forEach((t,r)=>{"alpha"!==t&&(e+=(r?" ":"")+(void 0!==a[t]?a[t]:"none"))}),void 0!==a.alpha&&a.alpha<1&&(e+=` / ${a.alpha}`),e+")"}return"function"==typeof t.serialize?t.serialize(a):void 0},Jr=e=>Er(Cr(e)),Gr=e=>Ar(Cr(e)),Fr=e=>Nr(Cr(e)),Wr=e=>_r(Sr(e)),Br={normal:(e,a)=>a,multiply:(e,a)=>e*a,screen:(e,a)=>e+a-e*a,"hard-light":(e,a)=>a<.5?2*e*a:2*a*(1-e)-1,overlay:(e,a)=>e<.5?2*a*e:2*e*(1-a)-1,darken:(e,a)=>Math.min(e,a),lighten:(e,a)=>Math.max(e,a),"color-dodge":(e,a)=>0===e?0:1===a?1:Math.min(1,e/(1-a)),"color-burn":(e,a)=>1===e?1:0===a?0:1-Math.min(1,(1-e)/a),"soft-light":(e,a)=>a<.5?e-(1-2*a)*e*(1-e):e+(2*a-1)*((e<.25?((16*e-12)*e+4)*e:Math.sqrt(e))-e),difference:(e,a)=>Math.abs(e-a),exclusion:(e,a)=>e+a-2*e*a},Yr=(e,a="normal",t="rgb")=>{let r="function"==typeof a?a:Br[a],o=x(t),l=I(t).channels;return e.map(e=>{let a=o(e);return void 0===a.alpha&&(a.alpha=1),a}).reduce((e,a)=>{if(void 0===e)return a;let o=a.alpha+e.alpha*(1-a.alpha);return l.reduce((t,l)=>("alpha"!==l&&(0===o?t[l]=0:(t[l]=a.alpha*(1-e.alpha)*a[l]+a.alpha*e.alpha*r(e[l],a[l])+(1-a.alpha)*e.alpha*e[l],t[l]=Math.max(0,Math.min(1,t[l]/o)))),t),{mode:t,alpha:o})})},Kr=(e="rgb",a={})=>{let t=I(e),r=(e=>Object.keys(e).reduce((a,t)=>{let r=e[t];return a[t]=Array.isArray(r)?r:[r,r],a},{}))(a);return t.channels.reduce((e,a)=>((r.alpha||"alpha"!==a)&&(e[a]=(([e,a])=>e+Math.random()*(a-e))(r[a]||t.ranges[a])),e),{mode:e})},Vr=(e,a="rgb",t=!1)=>{let r=a?I(a).channels:null,o=a?x(a):y;return l=>{let n=o(l);if(!n)return;let i=(r||I(n.mode).channels).reduce((t,r)=>{let o=e(n[r],r,n,a);return void 0===o||isNaN(o)||(t[r]=o),t},{mode:n.mode});if(!t)return i;let h=y(l);return h&&h.mode!==i.mode?x(h.mode)(i):i}},Zr=(e,a,t)=>"alpha"!==a?(e||0)*(void 0!==t.alpha?t.alpha:1):e,Qr=(e,a,t)=>"alpha"!==a&&0!==t.alpha?(e||0)/(void 0!==t.alpha?t.alpha:1):e,Ur=(e=1,a=0)=>(t,r)=>"alpha"!==r?t*e+a:t,eo=(e=1,a=1,t=0)=>(r,o)=>"alpha"!==o?e*Math.pow(r,a)+t:r,ao=e=>{void 0===e[0]&&(e[0]=0),void 0===e[e.length-1]&&(e[e.length-1]=1);let a,t,r,o,l=1;for(;l<e.length;){if(void 0===e[l]){for(t=l,r=e[l-1],a=l;void 0===e[a];)a++;for(o=(e[a]-r)/(a-l+1);l<a;)e[l]=r+(l+1-t)*o,l++}else e[l]<e[l-1]&&(e[l]=e[l-1]);l++}return e},to=(e=.5)=>a=>e<=0?1:e>=1?0:Math.pow(a,Math.log(.5)/Math.log(e)),ro=e=>"function"==typeof e,oo=e=>e&&"object"==typeof e,lo=e=>"number"==typeof e,no=(e,a="rgb",t,r)=>{let o=I(a),l=x(a),n=[],i=[],h={};e.forEach(e=>{Array.isArray(e)?(n.push(l(e[0])),i.push(e[1])):lo(e)||ro(e)?h[i.length]=e:(n.push(l(e)),i.push(void 0))}),ao(i);let d=o.channels.reduce((e,a)=>{let r;return r=oo(t)&&oo(t[a])&&t[a].fixup?t[a].fixup:oo(o.interpolate[a])&&o.interpolate[a].fixup?o.interpolate[a].fixup:e=>e,e[a]=r(n.map(e=>e[a])),e},{});if(r){let e=n.map((e,t)=>o.channels.reduce((e,a)=>(e[a]=d[a][t],e),{mode:a}));d=o.channels.reduce((t,o)=>(t[o]=e.map(e=>{let t=r(e[o],o,e,a);return isNaN(t)?void 0:t}),t),{})}let p=o.channels.reduce((e,a)=>{let r;return ro(t)?r=t:oo(t)&&ro(t[a])?r=t[a]:oo(t)&&oo(t[a])&&t[a].use?r=t[a].use:ro(o.interpolate[a])?r=o.interpolate[a]:oo(o.interpolate[a])&&(r=o.interpolate[a].use),e[a]=r(d[a]),e},{}),s=n.length-1;return e=>{if((e=Math.min(Math.max(0,e),1))<=i[0])return n[0];if(e>i[s])return n[s];let t=0;for(;i[t]<e;)t++;let r=i[t-1],l=i[t]-r,d=(e-r)/l,u=h[t]||h[0];void 0!==u&&(lo(u)&&(u=to((u-r)/l)),d=u(d));let b=(t-1+d)/s;return o.channels.reduce((e,a)=>{let t=p[a](b);return void 0!==t&&(e[a]=t),e},{mode:a})}},io=(e,a="rgb",t)=>no(e,a,t),ho=(e,a)=>(t,r="rgb",o)=>{let l=a?Vr(a,r):void 0,n=no(t,r,o,e);return l?e=>l(n(e)):n},po=ho(Zr,Qr),so=(e,a)=>(e+a)%a,uo=(e,a,t,r,o)=>{let l=o*o,n=l*o;return((1-3*o+3*l-n)*e+(4-6*l+3*n)*a+(1+3*o+3*l-3*n)*t+n*r)/6},bo=e=>a=>{let t=e.length-1,r=a>=1?t-1:Math.max(0,Math.floor(a*t));return uo(r>0?e[r-1]:2*e[r]-e[r+1],e[r],e[r+1],r<t-1?e[r+2]:2*e[r+1]-e[r],(a-r/t)*t)},vo=e=>a=>{const t=e.length-1,r=Math.floor(a*t);return uo(e[so(r-1,e.length)],e[so(r,e.length)],e[so(r+1,e.length)],e[so(r+2,e.length)],(a-r/t)*t)},co=e=>{let a,t=e.length-1,r=new Array(t),o=new Array(t),l=new Array(t);for(r[1]=1/4,o[1]=(6*e[1]-e[0])/4,a=2;a<t;++a)r[a]=1/(4-r[a-1]),o[a]=(6*e[a]-(a==t-1?e[t]:0)-o[a-1])*r[a];for(l[0]=e[0],l[t]=e[t],t-1>0&&(l[t-1]=o[t-1]),a=t-2;a>0;--a)l[a]=o[a]-r[a]*l[a+1];return l},go=e=>bo(co(e)),Mo=e=>vo(co(e)),fo=Math.sign,mo=Math.min,yo=Math.abs,xo=e=>{let a=e.length-1,t=[],r=[],o=[];for(let l=0;l<a;l++)t.push((e[l+1]-e[l])*a),r.push(l>0?.5*(e[l+1]-e[l-1])*a:void 0),o.push(l>0?(fo(t[l-1])+fo(t[l]))*mo(yo(t[l-1]),yo(t[l]),.5*yo(r[l])):void 0);return[t,r,o]},zo=(e,a,t)=>{let r=e.length-1,o=r*r;return l=>{let n;n=l>=1?r-1:Math.max(0,Math.floor(l*r));let i=l-n/r,h=i*i,d=h*i;return(a[n]+a[n+1]-2*t[n])*o*d+(3*t[n]-2*a[n]-a[n+1])*r*h+a[n]*i+e[n]}},wo=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,,r]=xo(e);return r[0]=t[0],r[a]=t[a-1],zo(e,r,t)},ko=e=>{if(e.length<3)return oe(e);let a=e.length-1,[t,r,o]=xo(e);return r[0]=(2*e[1]-1.5*e[0]-.5*e[2])*a,r[a]=(1.5*e[a]-2*e[a-1]+.5*e[a-2])*a,o[0]=r[0]*t[0]<=0?0:yo(r[0])>2*yo(t[0])?2*t[0]:r[0],o[a]=r[a]*t[a-1]<=0?0:yo(r[a])>2*yo(t[a-1])?2*t[a-1]:r[a],zo(e,o,t)},$o=e=>{let a=e.length-1,[t,r,o]=xo(e);r[0]=.5*(e[1]-e[a])*a,r[a]=.5*(e[0]-e[a-1])*a;let l=(e[0]-e[a])*a,n=l;return o[0]=(fo(l)+fo(t[0]))*mo(yo(l),yo(t[0]),.5*yo(r[0])),o[a]=(fo(t[a-1])+fo(n))*mo(yo(t[a-1]),yo(n),.5*yo(r[a])),zo(e,o,t)},To=(e=1)=>1===e?e=>e:a=>Math.pow(a,e),Po=(e=2,a=1)=>{let t=To(a);if(e<2)return e<1?[]:[t(.5)];let r=[];for(let a=0;a<e;a++)r.push(t(a/(e-1)));return r},Io=x("rgb"),qo=e=>{const a={mode:e.mode,r:Math.max(0,Math.min(void 0!==e.r?e.r:0,1)),g:Math.max(0,Math.min(void 0!==e.g?e.g:0,1)),b:Math.max(0,Math.min(void 0!==e.b?e.b:0,1))};return void 0!==e.alpha&&(a.alpha=e.alpha),a},Ro=e=>qo(Io(e)),Lo=e=>void 0!==e&&(void 0===e.r||e.r>=0&&e.r<=1)&&(void 0===e.g||e.g>=0&&e.g<=1)&&(void 0===e.b||e.b>=0&&e.b<=1);function jo(e){return Lo(Io(e))}function Ho(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>!0;const t=x("string"==typeof a?a:e);return e=>Lo(t(e))}function Oo(e){if(void 0===(e=y(e))||jo(e))return e;return x(e.mode)(Ro(e))}function Xo(e="rgb"){const{gamut:a}=I(e);if(!a)return e=>y(e);const t="string"==typeof a?a:e,r=x(t),o=Ho(t);return e=>{const a=y(e);if(!a)return;const t=r(a);if(o(t))return a;const l=qo(t);return a.mode===l.mode?l:x(a.mode)(l)}}function Co(e,a="lch",t="rgb"){e=y(e);let r="rgb"===t?jo:Ho(t),o="rgb"===t?Ro:Xo(t);if(void 0===e||r(e))return e;let l=x(e.mode);e=x(a)(e);let n={...e,c:0};if(!r(n))return l(o(n));let i=0,h=void 0!==e.c?e.c:0,d=I(a).ranges.c,p=(d[1]-d[0])/Math.pow(2,13),s=n.c;for(;h-i>p;)n.c=i+.5*(h-i),r(n)?(s=n.c,i=n.c):h=n.c;return l(r(n)?n:{...n,c:s})}function So(e="rgb",a="oklch",t=Xe("oklch"),r=.02){const o=x(e),l=I(e);if(!l.gamut)return e=>o(e);const n=Ho(e),i=Xo(e),h=x(a),{ranges:d}=I(a);if(!d.l||!d.c)throw new Error("LCH-like space expected");return a=>{if(void 0===(a=y(a)))return;const p={...h(a)};if(void 0===p.l&&(p.l=0),void 0===p.c&&(p.c=0),p.l>=d.l[1]){const t={...l.white,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(p.l<=d.l[0]){const t={...l.black,mode:e};return void 0!==a.alpha&&(t.alpha=a.alpha),t}if(n(p))return o(p);let s=0,u=p.c,b=(d.c[1]-d.c[0])/4e3,v=i(p);for(;u-s>b;)p.c=.5*(s+u),v=i(p),n(p)||t&&r>0&&t(p,v)<=r?s=p.c:u=p.c;return o(n(p)?p:v)}}var Eo=(e,a=Xe(),t=e=>e)=>{let r=e.map((e,a)=>({color:t(e),i:a}));return(t,o=1,l=1/0)=>(isFinite(o)&&(o=Math.max(1,Math.min(o,r.length-1))),r.forEach(e=>{e.d=a(t,e.color)}),r.sort((e,a)=>e.d-a.d).slice(0,o).filter(e=>e.d<l).map(a=>e[a.i]))},Ao=e=>Math.max(e,0),No=e=>Math.max(Math.min(e,1),0),_o=(e,a,t=!1)=>{let r=x(a),o=I(a).channels;return l=>{let n=r(l);if(!n)return;let i,h={mode:a},d=o.length;for(let a=0;a<e.length;a++)i=o[Math.floor(a/d)],void 0!==n[i]&&(h[i]=(h[i]||0)+e[a]*(n[o[a%d]]||0));if(!t)return h;let p=y(l);return p&&h.mode!==p.mode?x(p.mode)(h):h}},Do=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t),a,!0)},Jo=(e=1,a="rgb")=>{let t=Ao(e);return Vr(Ur(t,(1-t)/2),a,!0)},Go=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.393+.607*a,.769-.769*a,.189-.189*a,0,.349-.349*a,.686+.314*a,.168-.168*a,0,.272-.272*a,.534-.534*a,.131+.869*a,0,0,0,0,1]})(e),a,!0),Fo=(e=1,a="rgb")=>_o((e=>{let a=Ao(e);return[.213+.787*a,.715-.715*a,.072-.072*a,0,.213-.213*a,.715+.285*a,.072-.072*a,0,.213-.213*a,.715-.715*a,.072+.928*a,0,0,0,0,1]})(e),a,!0),Wo=(e=1,a="rgb")=>_o((e=>{let a=1-No(e);return[.2126+.7874*a,.7152-.7152*a,.0722-.0722*a,0,.2126-.2126*a,.7152+.2848*a,.0722-.0722*a,0,.2126-.2126*a,.7152-.7152*a,.0722+.9278*a,0,0,0,0,1]})(e),a,!0),Bo=(e=1,a="rgb")=>{let t=No(e);return Vr((e,a)=>"alpha"===a?e:((e,a,t)=>void 0===e||void 0===a?void 0:e+t*(a-e))(t,1-t,e),a,!0)},Yo=(e=0,a="rgb")=>_o((e=>{let a=Math.PI*e/180,t=Math.cos(a),r=Math.sin(a);return[.213+.787*t-.213*r,.715-.715*t-.715*r,.072-.072*t+.928*r,0,.213-.213*t+.143*r,.715+.285*t+.14*r,.072-.072*t-.283*r,0,.213-.213*t-.787*r,.715-.715*t+.715*r,.072+.928*t+.072*r,0,0,0,0,1]})(e),a,!0),Ko=x("rgb"),Vo=[[1,0,-0,0,1,0,-0,-0,1],[.856167,.182038,-.038205,.029342,.955115,.015544,-.00288,-.001563,1.004443],[.734766,.334872,-.069637,.05184,.919198,.028963,-.004928,-.004209,1.009137],[.630323,.465641,-.095964,.069181,.890046,.040773,-.006308,-.007724,1.014032],[.539009,.579343,-.118352,.082546,.866121,.051332,-.007136,-.011959,1.019095],[.458064,.679578,-.137642,.092785,.846313,.060902,-.007494,-.016807,1.024301],[.38545,.769005,-.154455,.100526,.829802,.069673,-.007442,-.02219,1.029632],[.319627,.849633,-.169261,.106241,.815969,.07779,-.007025,-.028051,1.035076],[.259411,.923008,-.18242,.110296,.80434,.085364,-.006276,-.034346,1.040622],[.203876,.990338,-.194214,.112975,.794542,.092483,-.005222,-.041043,1.046265],[.152286,1.052583,-.204868,.114503,.786281,.099216,-.003882,-.048116,1.051998]],Zo=[[1,0,-0,0,1,0,-0,-0,1],[.866435,.177704,-.044139,.049567,.939063,.01137,-.003453,.007233,.99622],[.760729,.319078,-.079807,.090568,.889315,.020117,-.006027,.013325,.992702],[.675425,.43385,-.109275,.125303,.847755,.026942,-.00795,.018572,.989378],[.605511,.52856,-.134071,.155318,.812366,.032316,-.009376,.023176,.9862],[.547494,.607765,-.155259,.181692,.781742,.036566,-.01041,.027275,.983136],[.498864,.674741,-.173604,.205199,.754872,.039929,-.011131,.030969,.980162],[.457771,.731899,-.18967,.226409,.731012,.042579,-.011595,.034333,.977261],[.422823,.781057,-.203881,.245752,.709602,.044646,-.011843,.037423,.974421],[.392952,.82361,-.216562,.263559,.69021,.046232,-.01191,.040281,.97163],[.367322,.860646,-.227968,.280085,.672501,.047413,-.01182,.04294,.968881]],Qo=[[1,0,-0,0,1,0,-0,-0,1],[.92667,.092514,-.019184,.021191,.964503,.014306,.008437,.054813,.93675],[.89572,.13333,-.02905,.029997,.9454,.024603,.013027,.104707,.882266],[.905871,.127791,-.033662,.026856,.941251,.031893,.01341,.148296,.838294],[.948035,.08949,-.037526,.014364,.946792,.038844,.010853,.193991,.795156],[1.017277,.027029,-.044306,-.006113,.958479,.047634,.006379,.248708,.744913],[1.104996,-.046633,-.058363,-.032137,.971635,.060503,.001336,.317922,.680742],[1.193214,-.109812,-.083402,-.058496,.97941,.079086,-.002346,.403492,.598854],[1.257728,-.139648,-.118081,-.078003,.975409,.102594,-.003316,.501214,.502102],[1.278864,-.125333,-.153531,-.084748,.957674,.127074,-989e-6,.601151,.399838],[1.255528,-.076749,-.178779,-.078411,.930809,.147602,.004733,.691367,.3039]],Uo=(e,a)=>{let t=Math.max(0,Math.min(1,a)),r=Math.round(t/.1),o=Math.round(t%.1),l=e[r];if(o>0&&r<e.length-1){let a=e[r+1];l=l.map((e,t)=>U(l[t],a[t],o))}return e=>{let a=y(e);if(void 0===a)return;let{r:t,g:r,b:o}=Ko(a),n={mode:"rgb",r:l[0]*t+l[1]*r+l[2]*o,g:l[3]*t+l[4]*r+l[5]*o,b:l[6]*t+l[7]*r+l[8]*o};return void 0!==a.alpha&&(n.alpha=a.alpha),x(a.mode)(n)}},el=(e=1)=>Uo(Vo,e),al=(e=1)=>Uo(Zo,e),tl=(e=1)=>Uo(Qo,e),rl=e=>e*e*(3-2*e),ol=e=>.5-Math.sin(Math.asin(1-2*e)/3),ll=e=>e*e*e*(e*(6*e-15)+10),nl=e=>(1-Math.cos(e*Math.PI))/2;function il(e){let a=x("lrgb")(e);return.2126*a.r+.7152*a.g+.0722*a.b}function hl(e,a){let t=il(e),r=il(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}var dl=P(Me),pl=P(Be),sl=P(fa),ul=P(ma),bl=P(za),vl=P(qa),cl=P(ja),gl=P(Ca),Ml=P(Ya),fl=P(ot),ml=P(it),yl=P(mt),xl=P(yt),zl=P(wt),wl=P(kt),kl=P(Xt),$l=P(Ct),Tl=P(St),Pl=P(Kt),Il=P(Qt),ql=P(er),Rl=P(tr),Ll=P(lr),jl=P(pr),Hl=P(Mr),Ol=P(ne),Xl=P(kr),Cl=P($r),Sl=P(Ir),El=P(Lr)}},a={};function t(r){var o=a[r];if(void 0!==o)return o.exports;var l=a[r]={exports:{}};return e[r](l,l.exports,t),l.exports}var r={};return(()=>{"use strict";var e=r; /* * * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2026 Preline Labs Ltd. */Object.defineProperty(e,"__esModule",{value:!0}),e.varToColor=function(e,t){if(e.startsWith("#")||e.startsWith("rgba"))return e;const r=t||document.documentElement;return function(e){const t=(0,a.parse)(e),r=(0,a.clampChroma)(t,"oklch");return(0,a.formatHex)(r)}(getComputedStyle(r).getPropertyValue(e).trim())};const a=t(8710)})(),r})()); </script> <script> !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("ApexCharts"));else if("function"==typeof define&&define.amd)define(["ApexCharts"],t);else{var s="object"==typeof exports?t(require("ApexCharts")):t(e.ApexCharts);for(var a in s)("object"==typeof exports?exports:e)[a]=s[a]}}(self,e=>(()=>{"use strict";var t={4024(e,t,s){ /* * @version: 4.2.0 * @author: Preline Labs Ltd. * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html) * Copyright 2024 Preline Labs Ltd. */ var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.buildChart=function(e,t,s,a){const l=document.querySelector(e);let n=null;if(!l)return!1;const o=l.closest('[role="tabpanel"]');let i=null;Array.from(document.querySelector("html").classList).forEach(e=>{["dark","light","default"].includes(e)&&(i=e)});const d=(e=i||localStorage.getItem("hs_theme"))=>"dark"===e||"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?window._.merge(t("dark"),"function"==typeof a?a():a):window._.merge(t("light"),"function"==typeof s?s():s);if(l){let e=!0;n=new r.default(l,d()),n.render(),setTimeout(()=>{e=!1},100);let t=!1;const s=t=>{e||(n.updateOptions(d(t.detail)),window.dispatchEvent(new Event("resize")))},a=e=>{var t;let a;const r=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:document.querySelector("html");Array.from(r.classList).forEach(e=>{["dark","light","default"].includes(e)&&(a=e)}),s({detail:a||localStorage.getItem("hs_theme")})},i=e=>{const t=e.detail;t&&t.isClipboardInit||a(t)},p=s=>{if(t)return;const r=s.detail,n=null==r?void 0:r.target;n&&l&&n.contains(l)&&(t=!0,e?setTimeout(()=>a(r),120):a(r))};window.addEventListener("on-hs-appearance-change",s),window.addEventListener("on-hs-color-theme-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-font-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-brand-change",e=>{setTimeout(()=>i(e),50)}),window.addEventListener("on-hs-clipboard-init-progress",p),o&&o.addEventListener("on-hs-appearance-change",s)}return n},t.buildHeatmapTooltip=function(e,t){const{mode:s,valuePrefix:a="$",valuePostfix:r="",divider:l="",wrapperClasses:n="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:o="",markerClasses:i="w-2.5! h-2.5! me-1.5!",markerStyles:d="",markerExtClasses:p="rounded-xs!",valueClasses:c="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:u=""}=t,{dataPointIndex:x,seriesIndex:h,series:g}=e,{name:v}=e.ctx.opts.series[h],$=`${a}${g[h][x]}${r}`;return`<div class="${"dark"===s?"dark ":""}${n} ${o}">\n <div class="apexcharts-tooltip-series-group flex!">\n\t\t\t<span class="apexcharts-tooltip-marker ${i} ${p}" style="${d}"></span>\n <span class="flex items-center">\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${c} ${u}">${v}${l}</span>\n </div>\n </div>\n </span>\n\t\t\t<span class="apexcharts-tooltip-text-y-value ${c} ${u}">${$}</span>\n </div>\n </div>`},t.buildTooltip=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasTextLabel:o=!1,invertGroup:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="text-xs",seriesExtClasses:x="",titleClasses:h="font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{colors:C}=e.w.globals,E=e.ctx.opts.series;let S="";return E.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof E[s].data[k]?E[s].data[k]:e.series[s][k]),p=E[s].name,c=i?{left:`${o?p:""}${d}`,right:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`}:{left:`${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}`,right:`${o?p:""}${d}`},h=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${c.left}</span>`;S+=`<div class="apexcharts-tooltip-series-group !flex ${o?"justify-between!":""} order-${s+1} ${u} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${C[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${c.right}</span>\n </div>\n </div>\n </span>\n ${h}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">${s}</div>\n ${S}\n </div>`},t.buildTooltipCompareTwo=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=S[s].altValue||null,c=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${P} ${o||""}</span>`,h=p||`<span class="apexcharts-tooltip-text-y-value ${m} ${f}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}${d}</span>`;j+=`<div class="apexcharts-tooltip-series-group ${u} !flex order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n ${h}\n </div>\n </div>\n </span>\n ${i?c:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipCompareTwoAlt=function(e,t){const{title:s,mode:a,valuePrefix:r="$",isValueDivided:l=!0,valuePostfix:n="",hasCategory:o=!0,hasTextLabel:i=!1,labelDivider:d="",wrapperClasses:p="ms-0.5 mb-2 bg-white border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700",wrapperExtClasses:c="",seriesClasses:u="justify-between! w-full text-xs",seriesExtClasses:x="",titleClasses:h="flex justify-between font-semibold text-sm! bg-white! border-gray-200! text-gray-800 rounded-t-lg dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200",titleExtClasses:g="",markerClasses:v="w-2.5! h-2.5! me-1.5!",markerExtClasses:$="rounded-xs!",valueClasses:m="font-medium! text-gray-500 ms-auto! dark:text-neutral-400",valueExtClasses:f="",labelClasses:b="text-gray-500 dark:text-neutral-400 ms-2",labelExtClasses:y="",thousandsShortName:w="k"}=t,{dataPointIndex:k}=e,{categories:C}=e.ctx.opts.xaxis,{colors:E}=e.w.globals,S=e.ctx.opts.series;let j="";const T=S[0].data[k],A=S[1].data[k],L=C[k].split(" "),P=o?`${L[0]}${L[1]?" ":""}${L[1]?L[1].slice(0,3):""}`:"",q=0===A?0:(T-A)/Math.abs(A)*100,_=0===q,B=q>0,I=B?'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>':'<svg class="inline-block size-4 self-center" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>';return S.forEach((t,s)=>{const a=e.series[s][k]||("object"!=typeof S[s].data[k]?S[s].data[k]:e.series[s][k]),o=S[s].name,p=`<span class="apexcharts-tooltip-text-y-label ${b} ${y}">${r}${a>=1e3&&l?`${a/1e3}${w}`:a}${n}</span>`;j+=`<div class="apexcharts-tooltip-series-group !flex ${u} order-${s+1} ${x}">\n <span class="flex items-center">\n <span class="apexcharts-tooltip-marker ${v} ${$}" style="background: ${E[s]}"></span>\n <div class="apexcharts-tooltip-text text-xs">\n <div class="apexcharts-tooltip-y-group py-0.5!">\n <span class="apexcharts-tooltip-text-y-value ${m} ${f}">${P} ${o||""}${d}</span>\n </div>\n </div>\n </span>\n ${i?p:""}\n </div>`}),`<div class="${"dark"===a?"dark ":""}${p} ${c}">\n <div class="apexcharts-tooltip-title ${h} ${g}">\n <span>${s}</span>\n <span class="flex items-center gap-x-1 ${_?"":B?"text-green-600":"text-red-600"} ms-2">\n ${_?"":I}\n <span class="inline-block text-sm">\n ${q.toFixed(1)}%\n </span>\n </span>\n </div>\n ${j}\n </div>`},t.buildTooltipForDonut=function({series:e,seriesIndex:t,w:s},a){const{globals:r}=s,{colors:l}=r;return`<div class="apexcharts-tooltip-series-group" style="background-color: ${l[t]}; display: block;">\n <div class="apexcharts-tooltip-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n <div class="apexcharts-tooltip-y-group" style="color: ${a[t]}">\n <span class="apexcharts-tooltip-text-y-label">${r.labels[t]}: </span>\n <span class="apexcharts-tooltip-text-y-value">${e[t]}</span>\n </div>\n </div>\n </div>`},t.fullBarHoverEffect=function(e,{shadowClasses:t="fill-gray-200"}={}){var s;const a=e.el.querySelector(".apexcharts-grid"),r=e.el.querySelector("svg");if(!a||!r)return;const l=(null===(s=e.w.config.xaxis)||void 0===s?void 0:s.categories)||[];if(0===l.length)return;let n=null,o=!1,i=!1;function d(){n&&o&&!i&&(i=!0,n.classList.remove("opacity-100"),null==n||n.remove(),n=null,o=!1,i=!1)}r.addEventListener("mousemove",s=>{const r=a.getBoundingClientRect();if(s.clientX<r.left||s.clientX>r.right||s.clientY<r.top||s.clientY>r.bottom)return void d();const p=(s.clientX-r.left)/r.width,c=Math.floor(p*l.length);c<0||c>=l.length?d():function(s){var a;const r=e.el.querySelector(".apexcharts-bar-series");if(!r)return;const l=r.querySelectorAll("path")[s];if(!l)return;const d=l.getBBox(),p=d.x,c=d.y,u=d.width;c<=0||(n||(n=document.createElementNS("http://www.w3.org/2000/svg","rect"),n.setAttribute("y","0"),n.setAttribute("class",t),null===(a=l.parentNode)||void 0===a||a.insertBefore(n,l)),n.setAttribute("x",p.toString()),n.setAttribute("width",u.toString()),n.setAttribute("height",c.toString()),requestAnimationFrame(()=>{null==n||n.classList.add("opacity-100")}),o=!0,i=!1)}(c)}),r.addEventListener("mouseleave",d)},t.cssVarToValue=function(e,t=document.documentElement){const s=getComputedStyle(t).getPropertyValue(e);return s?s.trim():null};const r=a(s(3157))},3157(t){t.exports=e}},s={};var a=function e(a){var r=s[a];if(void 0!==r)return r.exports;var l=s[a]={exports:{}};return t[a].call(l.exports,l,l.exports,e),l.exports}(4024);return a})()); </script> <script> window.addEventListener("message", (event) => { const data = event.data || {}; if (!data.type) return false; if (data.type === "hs:color-theme-change") { window.dispatchEvent(new CustomEvent("on-hs-color-theme-change", { detail: { target: document.documentElement, value: data.value } })); } }); </script> <script> window.addEventListener("load", () => { const tabpanel = document.querySelector('#hs-single-area-chart').closest('[role="tabpanel"]'); (function () { buildChart( "#hs-single-area-chart", (mode) => ({ chart: { height: 300, type: "area", toolbar: { show: false, }, zoom: { enabled: false, }, }, series: [ { name: "Visitors", data: [180, 51, 60, 38, 88, 50, 40, 52, 88, 80, 60, 70], }, ], legend: { show: false, }, dataLabels: { enabled: false, }, stroke: { curve: "straight", width: 2, }, grid: { strokeDashArray: 2, }, fill: { type: "gradient", gradient: { type: "vertical", shadeIntensity: 1, opacityFrom: 0.1, opacityTo: 0.8, }, }, xaxis: { type: "category", tickPlacement: "on", categories: [ "25 January 2023", "26 January 2023", "27 January 2023", "28 January 2023", "29 January 2023", "30 January 2023", "31 January 2023", "1 February 2023", "2 February 2023", "3 February 2023", "4 February 2023", "5 February 2023", ], axisBorder: { show: false, }, axisTicks: { show: false, }, crosshairs: { stroke: { dashArray: 0, }, dropShadow: { show: false, }, }, tooltip: { enabled: false, }, labels: { style: { colors: varToColor('--chart-colors-xaxis-labels', tabpanel), fontSize: "13px", fontFamily: "Inter, ui-sans-serif", fontWeight: 400, }, formatter: (title) => { let t = title; if (t) { const newT = t.split(" "); t = `${newT[0]} ${newT[1].slice(0, 3)}`; } return t; }, }, }, yaxis: { labels: { align: "left", minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels', tabpanel), fontSize: "13px", fontFamily: "Inter, ui-sans-serif", fontWeight: 400, }, formatter: (value) => (value >= 1000 ? `${value / 1000}k` : value), }, }, tooltip: { x: { format: "MMMM yyyy", }, y: { formatter: (value) => `${value >= 1000 ? `${value / 1000}k` : value}`, }, custom: function (props) { const { categories } = props.ctx.opts.xaxis; const { dataPointIndex } = props; const title = categories[dataPointIndex].split(" "); const newTitle = `${title[0]} ${title[1]}`; return buildTooltip(props, { title: newTitle, mode, valuePrefix: "", hasTextLabel: true, wrapperExtClasses: "min-w-28", }); }, }, responsive: [ { breakpoint: 568, options: { chart: { height: 300, }, labels: { style: { colors: varToColor('--chart-colors-labels', tabpanel), fontSize: "11px", fontFamily: "Inter, ui-sans-serif", fontWeight: 400, }, offsetX: -2, formatter: (title) => title.slice(0, 3), }, yaxis: { labels: { align: "left", minWidth: 0, maxWidth: 140, style: { colors: varToColor('--chart-colors-yaxis-labels', tabpanel), fontSize: "11px", fontFamily: "Inter, ui-sans-serif", fontWeight: 400, }, formatter: (value) => value >= 1000 ? `${value / 1000}k` : value, }, }, }, }, ], }), () => ({ colors: [varToColor('--chart-colors-primary-hex', tabpanel)], fill: { gradient: { stops: [0, 90, 100], }, }, grid: { borderColor: varToColor('--chart-colors-grid-border', tabpanel), }, }), () => ({ colors: [varToColor('--chart-colors-primary-hex-inverse', tabpanel)], fill: { gradient: { stops: [100, 90, 0], }, }, grid: { borderColor: varToColor('--chart-colors-grid-border-inverse', tabpanel), }, }) ); })(); }); </script>