@property --mask-spread{syntax:"<percentage>";inherits:false;initial-value:-40%}@property --mask-spread-close{syntax:"<percentage>";inherits:false;initial-value:-40%}.video-mask{-webkit-mask-image:radial-gradient( circle at bottom right, transparent var(--mask-spread,-40%), black calc(var(--mask-spread,-40%) + 40%));mask-image:radial-gradient( circle at bottom right, transparent var(--mask-spread,-40%), black calc(var(--mask-spread,-40%) + 40%));transition:--mask-spread 5s ease-in}.video-mask-closing{-webkit-mask-image:radial-gradient(circle at bottom right, black var(--mask-spread-close,120%), transparent calc(var(--mask-spread-close,120%) + 40%));mask-image:radial-gradient(circle at bottom right, black var(--mask-spread-close,120%), transparent calc(var(--mask-spread-close,120%) + 40%));transition:--mask-spread-close 2s ease-in}