.card-texture{isolation:isolate;position:relative}.card-texture:before{content:"";pointer-events:none;border-radius:inherit;z-index:0;opacity:.7;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='sandpaperNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0.2 0.4 0.6 0.8 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23sandpaperNoise)' opacity='0.25'/%3E%3C/svg%3E");background-position:0 0;background-repeat:repeat;background-size:150px 150px;transition:opacity .2s;position:absolute;inset:0}.card-texture:hover:before{opacity:.25}.dark .card-texture:before{opacity:.75;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='sandpaperNoiseDark'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0.2 0.4 0.6 0.8 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23sandpaperNoiseDark)' opacity='0.3'/%3E%3C/svg%3E");transition:opacity .2s}.dark .card-texture:hover:before{opacity:.3}.card-texture>*{z-index:1;position:relative}