@layer theme,base;@layer components{.dither-container{width:100%;height:100%;position:relative}.hero-dither{z-index:-1;pointer-events:none;opacity:var(--dither-opacity);position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#000,#0000 42% 58%,#000);mask-image:linear-gradient(110deg,#000,#0000 42% 58%,#000)}.hero-dither canvas{display:block}.hero-dither[data-inverted] canvas{filter:invert()grayscale()}@media (prefers-reduced-motion:reduce){.hero-dither{display:none}}}@layer utilities;