.blur-effect{--border-width:1px;border-radius:inherit;will-change:backdrop-filter;transition:none;overflow:hidden;box-shadow:inset 0 .5px #ffffff08}.blur-effect:before{content:"";z-index:1;border-radius:inherit;border:var(--border-width) solid #0000;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 50%,#fff0 100%) border-box;position:absolute;inset:0;mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:border-box,padding-box;mask-origin:border-box,padding-box;mask-composite:subtract;mask-mode:match-source,match-source}.blur-effect:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}