.dither{--dither-gray:1;--dither-contrast:120;--dither-bright:1;--dither-blur:0px;--dither-cell:40px;--dither-opacity:1;--dither-blend-mode:screen;--dither-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAu0lEQVQ4T6WSMQqFMBBEE2wDXiVgG8gtglilCuIpcoogVqlEPIVgK3gVIa2Qzw9YbIpttlqGgbcMM5wxlr33LMbI/nccx3I/PQwD0LXPj+OgAaSUBWCtLZ+2bSv308uyAF37/HkeGkAIASL0fQ8yT9MEdO3z67poAKUUiDDPM8i87zvQtc/f96UBmqZBazTG4Ds4z5MG6LoOrTGEgO8gpUQDtG2L1uicw3dw3zcNoLVGa1zXFd9BzpkE+AFp94/4eKx9+AAAAABJRU5ErkJggg==);isolation:isolate;z-index:0;filter:grayscale(var(--dither-gray)) brightness(var(--dither-bright)) blur(var(--dither-blur)) contrast(var(--dither-contrast));position:absolute;overflow:hidden;&:after{content:"";pointer-events:none;z-index:1;background-image:var(--dither-image);background-repeat:repeat;background-size:var(--dither-cell) var(--dither-cell);image-rendering:pixelated;opacity:var(--dither-opacity);mix-blend-mode:var(--dither-blend-mode);background-position:0 0;position:absolute;inset:0}&:is(.dark *){--dither-blend-mode:multiply}}