.liveBox{--live-bg-gradient:linear-gradient(180deg,#0e0c31f2,#0e0c31);--live-border-color:#6720fa;background:radial-gradient(55% 55% at 50% 45%,color-mix(in srgb,var(--live-border-color)35%,transparent),transparent 90%),var(--live-bg-gradient);border-radius:10px;position:relative}.liveBox:before{content:"";opacity:.3;background:linear-gradient(to top,var(--live-border-color),#0000 90%);-webkit-mask-composite:xor;border-radius:10px;padding:.6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liveBox.selected:before{background:var(--live-border-color)}