.light-effect{--x: var(--lc-x, 0);--y: var(--lc-y, 0);transform-style:preserve-3d}.light-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius, 0);--sx: calc((var(--x) - var(--light-x)) * var(--shadow-sensitivity));--sy: calc((var(--y) - var(--light-y)) * var(--shadow-sensitivity));--sd: calc( var(--shadow-sensitivity) + max( .01px * (50 - (var(--x) - var(--light-x) + var(--y) - var(--light-y) + var(--light-z))), 0px ) );box-shadow:var(--sx) var(--sy) var(--sd) calc(.9 * var(--sd)) var(--shadow-color);transform:translateZ(-1px);pointer-events:none;will-change:box-shadow}.light-source{--light-on: var(--lc-light-on, #fff3);--light-off: var(--lc-light-off, #0004);--light-x: var(--lc-light-x, 50);--light-y: var(--lc-light-y, 0);--light-z: var(--lc-light-z, 10);--light-m: var(--lc-light-m, 0);--shadow-color: var(--lc-shadow-color, #0005);--shadow-sensitivity: var(--lc-shadow-sensitivity, .05px);transform-style:preserve-3d}.light-source:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius, 0);--light-on-limit: calc(var(--light-m) * .75% - var(--light-z) * .25%);--light-off-limit: calc(100% - var(--light-on-limit));background:radial-gradient(circle at calc(var(--light-x) * 1%) calc(var(--light-y) * 1%),var(--light-on) var(--light-on-limit),transparent 50%,var(--light-off) var(--light-off-limit));z-index:1;pointer-events:none}