@layer warp.canvas{[data-scope=dither]{inline-size:100%;font-family:var(--warp-font-display,inherit);isolation:isolate;display:block;position:relative;overflow:clip}[data-scope=dither][data-fill]{z-index:0;block-size:100%;position:absolute;inset:0}[data-scope=dither]>canvas{z-index:-1;image-rendering:pixelated;opacity:0;transition:opacity calc(var(--warp-duration-slow,.32s) * var(--warp-motion-scale,1)) linear;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}[data-scope=dither][data-state=live]>canvas{opacity:1}[data-scope=dither]>:where(:not(canvas,img,[data-part])){inline-size:fit-content;padding:var(--warp-space-tight) var(--warp-space-related);background:color-mix(in oklab, var(--warp-color-surface) 88%, transparent);color:var(--warp-color-text)}[data-scope=dither]>img{z-index:-2;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media (scripting:enabled){[data-scope=dither]:not([data-state=error])>img{opacity:0}}[data-scope=dither] [data-part=glyph-text]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}}