:root[data-design=flux] .ly-xp{--xp-w:14px}:root[data-design=flux] .ly-st-role{font:600 clamp(1.3rem, 2vw, 1.75rem)/1.15 var(--fl-d);letter-spacing:-.02em}:root[data-design=flux] .ly-st-node{color:var(--fl-mut);font:500 11.5px/1 var(--fl-m);box-shadow:0 0 0 1px var(--fl-line2), 0 14px 30px -14px #000;background:radial-gradient(circle at 50% 40%,#121429,#07080f 72%)}:root[data-design=flux] .ly-st-node:before{content:"";pointer-events:none;background:repeating-conic-gradient(from 4deg, var(--fl-c2) 0 2deg, transparent 2deg 15deg);opacity:.45;border-radius:50%;transition:opacity .3s;position:absolute;inset:-7px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}:root[data-design=flux] .ly-st[data-lit] .ly-st-node{color:#fff;box-shadow:0 0 0 1px #8ee6ff8c,0 0 30px -4px #8ee6ff80,0 14px 30px -14px #000}:root[data-design=flux] .ly-st[data-lit] .ly-st-node:before{opacity:1;background:repeating-conic-gradient(from 4deg, var(--fl-c1) 0 2deg, transparent 2deg 15deg);animation:14s linear infinite fx-ring}@keyframes fx-ring{to{rotate:1turn}}:root[data-design=flux] .ly-st-pts li:before{background:var(--fl-c1);width:4px;height:4px;box-shadow:0 0 6px var(--fl-c1);border-radius:50%;top:.66em}:root[data-design=flux] .fx-path{background:radial-gradient(circle,#a98bff80 0 1.1px,#0000 1.7px) 50% 0/100% 9px repeat-y}:root[data-design=flux] .fx-stream{filter:drop-shadow(0 0 4px #8ee6ffb3);background:radial-gradient(circle,#8ee6ff 0 1.3px,#0000 2px) 38% 0/100% 6px,radial-gradient(circle,#fff 0 .9px,#0000 1.5px) 66% 2px/100% 9px,radial-gradient(circle,#a98bff 0 1.3px,#0000 2px) 24% 5px/100% 18px,radial-gradient(circle,#ff9a6a 0 1px,#0000 1.6px) 78% 11px/100% 18px;animation:.9s linear infinite fx-pour}@keyframes fx-pour{to{background-position:38% 18px,66% 20px,24% 23px,78% 29px}}:root[data-design=flux] .fx-knot{background:radial-gradient(circle,#fff 0 2px,#0000 3px),radial-gradient(circle at 22% 40%,#8ee6ff 0 1.5px,#0000 2.3px),radial-gradient(circle at 72% 28%,#a98bff 0 1.5px,#0000 2.3px),radial-gradient(circle at 64% 76%,#8ee6ff 0 1.3px,#0000 2px),radial-gradient(circle at 30% 78%,#ff9a6a 0 1.2px,#0000 2px),radial-gradient(closest-side,#8ee6ff59,#0000);border-radius:50%;width:26px;height:26px;animation:1.6s linear infinite fx-spin}@keyframes fx-spin{to{rotate:1turn}}:root[data-design=flux] .fx-p{overflow:visible}:root[data-design=flux] .fx-p-ghost{opacity:.32}:root[data-design=flux] .fx-p-ghost .pp-o,:root[data-design=flux] .fx-p-ghost .pp-c{fill:#2a2160}:root[data-design=flux] .fx-p-ghost .pp-r{fill:#6e7bb0}:root[data-design=flux] .fx-p-ghost .pp-f{fill:#e8c77e}:root[data-design=flux] .fx-dots{transform-box:view-box;transform-origin:50%;transform:translate(calc(var(--px) * var(--z) * 1px), calc(var(--py) * var(--z) * 1px)) scale(calc(1 + var(--pv) * var(--s)));animation:3.6s ease-in-out infinite alternate fx-twinkle}:root[data-design=flux] .fx-o{fill:#6f63c9}:root[data-design=flux] .fx-r{fill:#b9c4ec}:root[data-design=flux] .fx-f{fill:#f2d28f;filter:drop-shadow(0 0 .5px #ffc86e)}:root[data-design=flux] .fx-d0{--z:-1.4;--s:.1}:root[data-design=flux] .fx-d1{--z:.6;--s:.22;animation-delay:-1.2s}:root[data-design=flux] .fx-d2{--z:1.6;--s:-.12;animation-delay:-2.1s}:root[data-design=flux] .fx-d3{--z:2.6;--s:.34;animation-delay:-3s}@keyframes fx-twinkle{0%{opacity:1}to{opacity:.62}}
