[class*=di-hue-]{--di-hue:oklch(var(--di-hue-lch))}.di-hue-blue{--di-hue-lch:var(--di-sys-blue-lch);--di-hue-text:var(--di-sys-blue-text);--di-hue-tint:.14}.di-hue-teal{--di-hue-lch:var(--di-sys-teal-lch);--di-hue-text:var(--di-sys-teal-text);--di-hue-tint:.09}.di-hue-green{--di-hue-lch:var(--di-sys-green-lch);--di-hue-text:var(--di-sys-green-text);--di-hue-tint:.1}.di-hue-yellow{--di-hue-lch:var(--di-sys-yellow-lch);--di-hue-text:var(--di-sys-yellow-text);--di-hue-tint:.08}.di-hue-pink{--di-hue-lch:var(--di-sys-pink-lch);--di-hue-text:var(--di-sys-pink-text);--di-hue-tint:.12}.di-hue-cyan{--di-hue-lch:var(--di-sys-cyan-lch);--di-hue-text:var(--di-sys-cyan-text);--di-hue-tint:.09}.di-blob,.di-tint:before{--di-ramp:oklch(var(--c) / var(--p)) 0%, oklch(var(--c) / calc(var(--p) * .923)) 22.28%, oklch(var(--c) / calc(var(--p) * .846)) 29.29%, oklch(var(--c) / calc(var(--p) * .769)) 34.72%, oklch(var(--c) / calc(var(--p) * .692)) 39.43%, oklch(var(--c) / calc(var(--p) * .615)) 43.78%, oklch(var(--c) / calc(var(--p) * .538)) 47.95%, oklch(var(--c) / calc(var(--p) * .462)) 52.05%, oklch(var(--c) / calc(var(--p) * .385)) 56.22%, oklch(var(--c) / calc(var(--p) * .308)) 60.57%, oklch(var(--c) / calc(var(--p) * .231)) 65.28%, oklch(var(--c) / calc(var(--p) * .154)) 70.71%, oklch(var(--c) / calc(var(--p) * .077)) 77.72%, transparent 100%}.di-blob{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle closest-side in oklab, var(--di-ramp));position:absolute}.di-tint{isolation:isolate;position:relative}.di-tint:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;--c:var(--di-hue-lch);--p:var(--di-hue-tint);background:radial-gradient(75% 85% at var(--di-tint-at,10% 0%) in oklab, var(--di-ramp));position:absolute;inset:0}.di-tint:after{content:"";z-index:-1;border-radius:inherit;opacity:.04;mix-blend-mode:overlay;background-image:var(--di-noise);pointer-events:none;position:absolute;inset:0}.di-tint[data-tint=right]{--di-tint-at:90% 0%}.di-hue-ring{box-shadow:inset 0 0 0 1px oklch(var(--di-hue-lch) / .32)}.di-hue-wash{background-color:oklch(var(--di-hue-lch) / .12)}.di-pro-wash{background-color:oklch(var(--di-amber-lch) / .12)}.di-link-wash{background-color:oklch(var(--di-blue-text-lch) / .1)}@supports (color:color-mix(in lab, red, red)){.di-pro-wash{background-color:color-mix(in oklab, var(--di-amber) 12%, transparent)}.di-link-wash{background-color:color-mix(in oklab, var(--di-blue-text) 10%, transparent)}}.di-hue-edge{height:var(--di-edge-h,var(--radius-2xl));border:2px solid var(--di-hue);border-radius:inherit;pointer-events:none;border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute;inset:0 0 auto}
