.magic-rings-container{width:100%;height:100%;position:relative}.magic-rings-container canvas{display:block;width:100%!important;height:100%!important}.gooey-press-effect{position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;display:grid;place-items:center;isolation:isolate;mix-blend-mode:screen}.gooey-press-effect:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,210,119,.26);transform:scale(0);opacity:0}.gooey-press-effect.active:before{animation:gooey-press-pill .32s ease both}.gooey-press-particle,.gooey-press-point{display:block;width:14px;height:14px;border-radius:999px;opacity:0;transform-origin:center}.gooey-press-particle{position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);filter:blur(.2px) contrast(1.15) brightness(1.08);animation:gooey-press-particle var(--time) ease 1}.gooey-press-point{background:var(--color,#ffd277);animation:gooey-press-point var(--time) ease 1}@keyframes gooey-press-pill{to{transform:scale(1);opacity:1}}@keyframes gooey-press-particle{0%{transform:rotate(0deg) translate(var(--start-x),var(--start-y));opacity:1}72%{transform:rotate(calc(var(--rotate) * .55)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.1)) translate(calc(var(--end-x) * .35),calc(var(--end-y) * .35));opacity:0}}@keyframes gooey-press-point{0%{transform:scale(0);opacity:0}30%{transform:scale(calc(var(--scale) * .35));opacity:1}68%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}