.dot-pattern{height:80vh;opacity:calc(.5 * var(--dot-fade,1));z-index:-1;pointer-events:none;background-image:radial-gradient(#7c5cff66 1px,#0000 1px);background-size:2px 2px;position:fixed;top:-48px;left:0;right:0;-webkit-mask-image:radial-gradient(90% 100% at 50% 0,#000 0%,#0000 90%);mask-image:radial-gradient(90% 100% at 50% 0,#000 0%,#0000 90%)}