.halftone{--dot:#1014181f;--mx:0%;--my:100%;width:var(--halftone-size);height:var(--halftone-size);pointer-events:none;background-image:radial-gradient(circle, var(--dot) 2.6px, transparent 3px), radial-gradient(circle, var(--dot) 1.4px, transparent 1.7px);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #000000bf 30%, #00000040 55%, transparent 72%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #000000bf 30%, #00000040 55%, transparent 72%);mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #000000bf 30%, #00000040 55%, transparent 72%);z-index:0;background-position:0 0,6px 6px;background-size:12px 12px,12px 12px;position:absolute}.halftone--light{--dot:#ffffff38}.halftone--volt{--dot:#d8f31a47}.halftone--bl{--mx:0%;--my:100%;bottom:0;left:0}.halftone--br{--mx:100%;--my:100%;bottom:0;right:0}.halftone--tl{--mx:0%;--my:0%;top:0;left:0}.halftone--tr{--mx:100%;--my:0%;top:0;right:0}.halftone--tc{--mx:50%;--my:0%;top:0;left:50%;transform:translate(-50%)}.halftone--bc{--mx:50%;--my:100%;bottom:0;left:50%;transform:translate(-50%)}