#swatch{--color-image:linear-gradient(var(--color) 0 100%);background:var(--color-image,0),var(--transparency-grid,canvas)}#swatch.invalid{--color-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">⚠️</text></svg>');--transparency-grid:initial}