Safari color space conversion bug

dabblet.css

/**
 * Safari color space conversion bug
 */

div {
	width: 10em;
	height: 2em;
	border: 1px solid silver;
}

dabblet.html

<section style="--color: #e5f6ff;">

<p>Raw color: 
<div style="background: var(--color)"></div>

<p>color-mix(in oklch, var(--color), var(--color)): 
<div style="background: color-mix(in oklch, var(--color), var(--color));"></div>

<p>oklch(from var(--color) l c h)</p>
<div style="background: oklch(from var(--color) l c h);"></div>

</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}