.persona-widget__iframe{width:100%;max-width:800px;height:600px}body{margin:0}.highlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(2px);pointer-events:none;--x: var(--x);--y: var(--y);--width: var(--width);--height: var(--height);mask-image:linear-gradient(transparent,transparent),linear-gradient(to right,rgba(12,12,12,1) calc(var(--x) - var(--width)),rgba(0,0,0,0) calc(var(--x) - var(--width)),rgba(0,0,0,0) calc(var(--x) + var(--width)),rgba(12,12,12,1) calc(var(--x) + var(--width))),linear-gradient(to bottom,rgba(12,12,12,1) calc(var(--y) - var(--height)),rgba(0,0,0,0) calc(var(--y) - var(--height)),rgba(0,0,0,0) calc(var(--y) + var(--height)),rgba(12,12,12,1) calc(var(--y) + var(--height)));-webkit-mask-image:linear-gradient(transparent,transparent),linear-gradient(to right,rgba(12,12,12,1) calc(var(--x) - var(--width)),rgba(0,0,0,0) calc(var(--x) - var(--width)),rgba(0,0,0,0) calc(var(--x) + var(--width)),rgba(12,12,12,1) calc(var(--x) + var(--width))),linear-gradient(to bottom,rgba(12,12,12,1) calc(var(--y) - var(--height)),rgba(0,0,0,0) calc(var(--y) - var(--height)),rgba(0,0,0,0) calc(var(--y) + var(--height)),rgba(12,12,12,1) calc(var(--y) + var(--height)));transition:mask-image .3s ease,-webkit-mask-image .3s ease}
