.dd-spot{--dd-spot-color:var(--dd-blue-glow);--dd-spot-rim:var(--dd-blue);--dd-spot-size:240px;--dd-spot-fill:.6;--dd-spot-border-glow:.3;--dd-spot-grain-opacity:.03;isolation:isolate;padding:var(--dd-spot-pad,var(--dd-gap-actions));border:1px solid var(--dd-hairline);border-radius:var(--dd-radius);background-color:var(--dd-object);position:relative;overflow:hidden}.dd-spot[data-tone=amber]{--dd-spot-color:var(--dd-amber-glow);--dd-spot-rim:var(--dd-amber)}.dd-spot-light,.dd-spot-grain,.dd-spot-edge{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur-ui) var(--dd-ease);position:absolute;inset:0}.dd-spot-light{z-index:-1;background:radial-gradient(circle var(--dd-spot-size) at var(--lx,50%) var(--ly,50%), var(--dd-spot-color) 0%, color-mix(in oklab, var(--dd-spot-color) 62%, transparent) 28%, color-mix(in oklab, var(--dd-spot-color) 24%, transparent) 58%, transparent 100%)}.dd-spot-grain{z-index:-1;background-image:var(--dd-grain-tile,none);mix-blend-mode:overlay;-webkit-mask-image:radial-gradient(circle var(--dd-spot-size) at var(--lx,50%) var(--ly,50%), black 0%, transparent 100%);mask-image:radial-gradient(circle var(--dd-spot-size) at var(--lx,50%) var(--ly,50%), black 0%, transparent 100%);background-size:128px 128px}.dd-spot-edge{z-index:1;background:radial-gradient(circle calc(var(--dd-spot-size) * .6) at var(--lx,50%) var(--ly,50%), var(--dd-spot-rim) 0%, color-mix(in oklab, var(--dd-spot-rim) 40%, transparent) 45%, transparent 100%);padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dd-spot[data-dd-lit]>.dd-spot-light{opacity:var(--dd-spot-fill)}.dd-spot[data-dd-lit]>.dd-spot-grain{opacity:var(--dd-spot-grain-opacity)}.dd-spot[data-dd-lit]>.dd-spot-edge{opacity:var(--dd-spot-border-glow)}@media (hover:none),(pointer:coarse){.dd-spot{border-top-color:var(--dd-blue)}}@media (prefers-reduced-motion:reduce){.dd-spot-light,.dd-spot-grain,.dd-spot-edge{transition:none}}:root[data-dd-motion=paused] :is(.dd-spot-light,.dd-spot-grain,.dd-spot-edge){transition:none}