.diffuse{width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.diffuse-field{isolation:isolate;--n:7.5;background:#000;position:absolute}.diffuse-field>p{mix-blend-mode:plus-lighter;--x:calc(50% + (var(--i) - var(--n)) * var(--d));--m:#0000 calc(var(--x) - var(--d)), #000 var(--x), #0000 calc(var(--x) + var(--d));margin:0;position:absolute;inset:0}.diffuse-field>p:first-child{--m:#000 var(--x), #0000 calc(var(--x) + var(--d))}.diffuse-field>p:last-child{--m:#0000 calc(var(--x) - var(--d)), #000 var(--x)}.diffuse-v>p{background:linear-gradient(var(--c));-webkit-mask-image:linear-gradient(90deg, var(--m));mask-image:linear-gradient(90deg, var(--m))}.diffuse-h>p{background:linear-gradient(90deg, var(--c));-webkit-mask-image:linear-gradient(var(--m));mask-image:linear-gradient(var(--m))}.diffuse-field>p:first-child{--i:0}.diffuse-field>p:nth-child(2){--i:1}.diffuse-field>p:nth-child(3){--i:2}.diffuse-field>p:nth-child(4){--i:3}.diffuse-field>p:nth-child(5){--i:4}.diffuse-field>p:nth-child(6){--i:5}.diffuse-field>p:nth-child(7){--i:6}.diffuse-field>p:nth-child(8){--i:7}.diffuse-field>p:nth-child(9){--i:8}.diffuse-field>p:nth-child(10){--i:9}.diffuse-field>p:nth-child(11){--i:10}.diffuse-field>p:nth-child(12){--i:11}.diffuse-field>p:nth-child(13){--i:12}.diffuse-field>p:nth-child(14){--i:13}.diffuse-field>p:nth-child(15){--i:14}.diffuse-field>p:nth-child(16){--i:15}