.orbital-default{--r:200px;--center-gap:50vmin;--orbit:calc(var(--r) + var(--center-gap));--rx:calc(var(--orbit) * 0.8660254);--ry:calc(var(--orbit) * 0.5);--dot-w:60vmin;--dot-h:60vmin;--blur:20vmin;--spin-duration:40s}.background-container:before{content:"";position:fixed;left:50%;z-index:1;top:50%;width:calc(var(--orbit) * 2 + var(--dot-w));height:calc(var(--orbit) * 2 + var(--dot-h));opacity:.4;filter:blur(var(--blur));pointer-events:none;background:radial-gradient(ellipse at center,currentColor 50%,transparent 51%) 50% calc(50% - var(--orbit)) /var(--dot-w) var(--dot-h) no-repeat,radial-gradient(ellipse at center,currentColor 50%,transparent 51%) calc(50% - var(--rx)) calc(50% + var(--ry)) /var(--dot-w) var(--dot-h) no-repeat,radial-gradient(ellipse at center,currentColor 50%,transparent 51%) calc(50% + var(--rx)) calc(50% + var(--ry)) /var(--dot-w) var(--dot-h) no-repeat;transform:translate(-50%,-50%) rotate(-120deg);animation:spin var(--spin-duration) linear infinite;will-change:transform}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(-120deg)}to{transform:translate(-50%,-50%) rotate(240deg)}}