.logo-erupt{--logo-erupt-color:var(--color-primary);--logo-erupt-color-alt:var(--color-primary-hover);position:relative;display:inline-flex;height:100%;overflow:visible}.logo-erupt-icon{transition:filter var(--system-transition) ease}.logo-erupt-particles{position:absolute;top:0;left:50%;width:0;height:0;pointer-events:none}.logo-erupt-particle{position:absolute;top:0;left:0;width:3px;height:3px;background:var(--logo-erupt-color);opacity:0}.logo-erupt-particle:nth-child(2n){background:var(--logo-erupt-color-alt)}@media (prefers-reduced-motion:no-preference){.logo-root:hover .logo-erupt-icon{filter:drop-shadow(0 0 4px var(--logo-erupt-color));animation:logo-erupt-rumble .24s ease-in-out infinite}.logo-root:hover .logo-erupt-particle{animation:logo-erupt-pop .9s ease-out infinite}.logo-root:hover .logo-erupt-particle:first-child{--logo-erupt-dx:-5px;animation-delay:0s}.logo-root:hover .logo-erupt-particle:nth-child(2){--logo-erupt-dx:4px;animation-delay:.18s}.logo-root:hover .logo-erupt-particle:nth-child(3){--logo-erupt-dx:-2px;animation-delay:.34s}.logo-root:hover .logo-erupt-particle:nth-child(4){--logo-erupt-dx:6px;animation-delay:.5s}}@keyframes logo-erupt-pop{0%{transform:translateY(2px) scale(1);opacity:0}15%{opacity:1}to{transform:translate(var(--logo-erupt-dx,0),-13px) scale(.3);opacity:0}}@keyframes logo-erupt-rumble{0%,to{transform:translateX(0)}25%{transform:translateX(-.5px)}75%{transform:translateX(.5px)}}