.orb-container{width:100%;height:100%;position:relative}.orb-container:before{content:"";-webkit-mask-composite:xor;opacity:.7;pointer-events:none;background:conic-gradient(from 210deg,#3d7bff,#a56bff,#1b2447,#3d7bff);border-radius:50%;padding:2px;position:absolute;inset:12%;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.orb-container:has(canvas):before{display:none}