@layer moderncss{@layer misc{:root{overscroll-behavior-y:contain}}@layer layout{@layer ring-particles{@supports (background:paint(something)){@layer particles{.hero-antigravity{--ring-radius:100;--ring-thickness:600;--particle-count:80;--particle-rows:25;--particle-size:2;--particle-color:#a4d72e;--particle-min-alpha:.1;--particle-max-alpha:1;--seed:200;background-image:paint(ring-particles)}}@layer animation{@property --animation-tick{syntax:"<number>";inherits:false;initial-value:0}@property --ring-radius{syntax:"<number>|auto";inherits:false;initial-value:auto}@property --ring-x{syntax:"<number>";inherits:false;initial-value:50}@property --ring-y{syntax:"<number>";inherits:false;initial-value:50}@property --ring-interactive{syntax:"<number>";inherits:false;initial-value:0}@keyframes ripple{0%{--animation-tick:0}to{--animation-tick:1}}@keyframes ring{0%{--ring-radius:150}to{--ring-radius:250}}.hero-antigravity{transition:--ring-x 3s,--ring-y 3s;animation:6s linear infinite ripple,6s ease-in-out infinite alternate ring}.hero-antigravity.interactive{transition:none}}}}}}