.dot-field-container{width:100%;height:100%;position:relative}.dot-field-container--edge-fade{--dot-field-edge-fade:80px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--dot-field-edge-fade), #000 calc(100% - var(--dot-field-edge-fade)), transparent), linear-gradient(to bottom, transparent, #000 var(--dot-field-edge-fade), #000 calc(100% - var(--dot-field-edge-fade)), transparent);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--dot-field-edge-fade), #000 calc(100% - var(--dot-field-edge-fade)), transparent), linear-gradient(to bottom, transparent, #000 var(--dot-field-edge-fade), #000 calc(100% - var(--dot-field-edge-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--dot-field-edge-fade), #000 calc(100% - var(--dot-field-edge-fade)), transparent), linear-gradient(to bottom, transparent, #000 var(--dot-field-edge-fade), #000 calc(100% - var(--dot-field-edge-fade)), transparent);-webkit-mask-composite:source-in;mask-composite:intersect}