@layer components{.brand-gradient{isolation:isolate;position:relative;overflow:clip}.brand-gradient>.brand-gradient-wash{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.brand-gradient-grain:after{content:"";z-index:-1;pointer-events:none;opacity:var(--bg-grain,.16);mix-blend-mode:var(--bg-blend,multiply);-webkit-mask-image:radial-gradient(65% 75% at var(--bg-gx,78%) var(--bg-gy,85%), #000 0%, #00000059 55%, #0000001f 100%), radial-gradient(45% 55% at 10% 15%, #0009 0%, transparent 70%);-webkit-mask-image:radial-gradient(65% 75% at var(--bg-gx,78%) var(--bg-gy,85%), #000 0%, #00000059 55%, #0000001f 100%), radial-gradient(45% 55% at 10% 15%, #0009 0%, transparent 70%);mask-image:radial-gradient(65% 75% at var(--bg-gx,78%) var(--bg-gy,85%), #000 0%, #00000059 55%, #0000001f 100%), radial-gradient(45% 55% at 10% 15%, #0009 0%, transparent 70%);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.62\" numOctaves=\"2\" seed=\"7\" stitchTiles=\"stitch\"/><feColorMatrix values=\"0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 2.6 -1.35\"/></filter><rect width=\"300\" height=\"300\" filter=\"url(%23n)\"/></svg>");background-size:300px 300px;position:absolute;inset:0}}