.qq-icon{flex-shrink:0;transform-origin:50% 50%}.qq-icon .b{transition:fill .22s ease,fill-opacity .22s ease}.qq-icon[data-active=true] .b{fill:currentColor;fill-opacity:.16}@media (prefers-reduced-motion:no-preference){:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=lift]{animation:qq-bounce .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=nudge-r]{animation:qq-nudge-r .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=nudge-l]{animation:qq-nudge-l .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=nudge-u]{animation:qq-nudge-u .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=nudge-d]{animation:qq-nudge-d .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=pop]{animation:qq-pop .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=tilt]{animation:qq-tilt .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=spin]{animation:qq-spin .62s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=turn]{animation:qq-turn .48s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=swing]{animation:qq-swing .64s cubic-bezier(.22,1,.36,1)}:where(a,button,summary,label,[role=menuitem],[role=button],[role=tab],[data-icon-host]):is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .qq-icon[data-m=wiggle]{animation:qq-wiggle .48s cubic-bezier(.22,1,.36,1)}}@keyframes qq-bounce{0%{transform:translateY(0)}35%{transform:translateY(-3px) scale(1.08)}70%{transform:translateY(.5px) scale(.98)}to{transform:translateY(0)}}@keyframes qq-nudge-r{0%{transform:translateX(0)}40%{transform:translateX(3.5px)}72%{transform:translateX(-.5px)}to{transform:translateX(0)}}@keyframes qq-nudge-l{0%{transform:translateX(0)}40%{transform:translateX(-3.5px)}72%{transform:translateX(.5px)}to{transform:translateX(0)}}@keyframes qq-nudge-u{0%{transform:translateY(0)}40%{transform:translateY(-3.5px)}72%{transform:translateY(.5px)}to{transform:translateY(0)}}@keyframes qq-nudge-d{0%{transform:translateY(0)}40%{transform:translateY(3.5px)}72%{transform:translateY(-.5px)}to{transform:translateY(0)}}@keyframes qq-pop{0%{transform:scale(1)}40%{transform:scale(1.26)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes qq-tilt{0%{transform:rotate(0)}35%{transform:rotate(-12deg) scale(1.06)}70%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes qq-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes qq-turn{0%{transform:rotate(0) scale(1)}50%{transform:rotate(100deg) scale(1.12)}to{transform:rotate(90deg) scale(1)}}@keyframes qq-swing{0%{transform:rotate(0)}20%{transform:rotate(-18deg)}45%{transform:rotate(14deg)}70%{transform:rotate(-7deg)}to{transform:rotate(0)}}@keyframes qq-wiggle{0%,to{transform:translateX(0)}20%{transform:translateX(-2.5px) rotate(-4deg)}45%{transform:translateX(2.5px) rotate(4deg)}70%{transform:translateX(-1.5px)}}