@property --radius{syntax:"<percentage>";inherits:false;initial-value:100%}@property --y{syntax:"<percentage>";inherits:false;initial-value:100%}.gg-wrap{resize:both;height:400px;overflow:auto}.ms-gg{--radius_outer:calc(var(--radius)*2);-webkit-mask-image:radial-gradient(ellipse at center var(--y),black,black var(--radius),transparent var(--radius_outer));mask-image:radial-gradient(ellipse at center var(--y),black,black var(--radius),transparent var(--radius_outer));height:100%;transition-property:--y,--radius;transition-duration:.5s;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ms-gg:hover{--radius:0%;--y:0%}