.bg-grid{--grid-color: rgba(0, 0, 0, .1);--grid-opacity: .6;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:64px 64px;background-position:0 0;opacity:var(--grid-opacity)}html.dark .bg-grid{--grid-color: rgba(255, 255, 255, .12);--grid-opacity: .7}.bg-grid{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.5),rgba(0,0,0,.85));mask-image:linear-gradient(to bottom,#000000d9,#00000080,#000000d9)}@supports (-webkit-mask-image: linear-gradient(#000,#000)){.bg-grid{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.5),rgba(0,0,0,.85))}}