.dot-lattice{--dot-lattice-color:#d4d4d4;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(180deg,transparent 10%,rgb(0 0 0/.35) 35%,black 60%);-webkit-mask-image:linear-gradient(180deg,transparent 10%,rgb(0 0 0/.35) 35%,black 60%)}@media (prefers-color-scheme:dark){.dot-lattice{--dot-lattice-color:#3f3f46}}@media (min-width:768px){.dot-lattice{mask-image:linear-gradient(90deg,transparent 5%,rgb(0 0 0/.35) 40%,black 65%);-webkit-mask-image:linear-gradient(90deg,transparent 5%,rgb(0 0 0/.35) 40%,black 65%)}}