h1{margin-top:2rem}.gooey-menu{background-color:var(--mdf-color-background-default);border:1px solid var(--mdf-color-border-muted);--duration:3s;border-radius:1rem;width:100%;padding:1rem}.gooey-menu.menu-1{--color-from:#00ff0d;--color-to:#0015ff}.gooey-menu.menu-1 circle:first-child{animation:move-l var(--duration) ease-in-out infinite;transform:translate(0)}.gooey-menu.menu-1 circle:nth-child(2){animation:move-r var(--duration) ease-in-out infinite;transform:translate(0)}.gooey-menu.menu-1 circle:first-child{fill:var(--color-from)}.gooey-menu.menu-1 circle:nth-child(2){fill:var(--color-to)}.gooey-menu.menu-2 .main-circle-group,.gooey-menu.menu-2 .circle-group,.gooey-menu.menu-2 .text-group{--x:50%;--y:50%;--color:#02a533;--text-size:4px;cursor:pointer;transform:translate(var(--x), var(--y))}:is(.gooey-menu.menu-2 .main-circle-group,.gooey-menu.menu-2 .circle-group,.gooey-menu.menu-2 .text-group) circle{fill:var(--color);transition:transform .1s ease-in-out}:is(.gooey-menu.menu-2 .main-circle-group,.gooey-menu.menu-2 .circle-group,.gooey-menu.menu-2 .text-group) text{font-size:var(--text-size);alignment-baseline:central;text-anchor:middle;fill:#fff}:is(.gooey-menu.menu-2 .main-circle-group,.gooey-menu.menu-2 .circle-group,.gooey-menu.menu-2 .text-group):hover circle{transform:scale(1.1)}.gooey-menu.menu-2 .circle-move{--x:50%;--y:50%;--color:#02a533;transform:translate(var(--x), var(--y));transition:transform .5s ease-in-out}.gooey-menu.menu-2 .circle-move circle{fill:var(--color);transition:transform .1s ease-in-out,fill .5s ease-in-out}.gooey-menu.menu-2 text{pointer-events:none}:is(.gooey-section,.gooey-section-2) p{margin:1rem 0}.form label{align-items:center;gap:1rem;margin:1rem 0;display:flex}@keyframes move-l{0%{transform:translate(0)}50%{fill:var(--color-to);transform:translate(60%)}to{fill:var(--color-from);transform:translate(0%)}}@keyframes move-r{0%{transform:translate(0)}50%{fill:var(--color-from);transform:translate(-60%)}to{fill:var(--color-to);transform:translate(0%)}}