.noise-overlay{opacity:.08;mix-blend-mode:hard-light;pointer-events:none;z-index:1}.noise-overlay,.noise-overlay:before{position:absolute;top:0;left:0;width:100%;height:100%}.noise-overlay:before{content:"";background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /%3E%3CfeColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/%3E%3C/filter%3E%3Crect width="100" height="100" filter="url(%23noise)" opacity="0.5"/%3E%3C/svg%3E');background-repeat:repeat}.noise-card-content{position:relative;z-index:2}.react-noise-overlay{position:absolute;top:0;left:0;border-radius:16px;width:100%;height:100%;opacity:.3;mix-blend-mode:hard-light;pointer-events:none;z-index:1;background-size:100px 100px;background-repeat:repeat}