@property --attachment-rail-fade{syntax:"<length>";inherits:false;initial-value:6px}.attachment-rail{--attachment-rail-fade:6px;-webkit-mask-image:linear-gradient(to right, #0000 0, #00000029 calc(var(--attachment-rail-fade) * .25), #00000080 calc(var(--attachment-rail-fade) * .5), #000000d6 calc(var(--attachment-rail-fade) * .75), #000 var(--attachment-rail-fade), #000 calc(100% - var(--attachment-rail-fade)), #000000d6 calc(100% - var(--attachment-rail-fade) * .75), #00000080 calc(100% - var(--attachment-rail-fade) * .5), #00000029 calc(100% - var(--attachment-rail-fade) * .25), #0000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #00000029 calc(var(--attachment-rail-fade) * .25), #00000080 calc(var(--attachment-rail-fade) * .5), #000000d6 calc(var(--attachment-rail-fade) * .75), #000 var(--attachment-rail-fade), #000 calc(100% - var(--attachment-rail-fade)), #000000d6 calc(100% - var(--attachment-rail-fade) * .75), #00000080 calc(100% - var(--attachment-rail-fade) * .5), #00000029 calc(100% - var(--attachment-rail-fade) * .25), #0000 100%);mask-image:linear-gradient(to right, #0000 0, #00000029 calc(var(--attachment-rail-fade) * .25), #00000080 calc(var(--attachment-rail-fade) * .5), #000000d6 calc(var(--attachment-rail-fade) * .75), #000 var(--attachment-rail-fade), #000 calc(100% - var(--attachment-rail-fade)), #000000d6 calc(100% - var(--attachment-rail-fade) * .75), #00000080 calc(100% - var(--attachment-rail-fade) * .5), #00000029 calc(100% - var(--attachment-rail-fade) * .25), #0000 100%)}