.section:before{--mask-color:#000;--background-color:#fafafa;background-color:#fafafa;background-color:var(--background-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%239C92AC' fill-opacity='.1' fill-rule='evenodd' d='m8 4 4 2-4 2-2 4-2-4-4-2 4-2 2-4 2 4z'/%3E%3C/svg%3E");content:"";inset:0;-webkit-mask-image:linear-gradient(#000,#000,transparent);mask-image:linear-gradient(#000,#000,transparent);-webkit-mask-image:linear-gradient(var(--mask-color),var(--mask-color),transparent);mask-image:linear-gradient(var(--mask-color),var(--mask-color),transparent);position:absolute;z-index:-1}.dark .section:before{--mask-color:#fff;--background-color:#1e293b}