.group-icon{overflow:visible}.group-icon .gi-part{transform-box:view-box}.group-icon .gi-needle,.group-icon .gi-cog{transform-origin:12px 12px}.group-icon .gi-block{transform-origin:18px 10px}.group-icon .gi-receive{transform-origin:17px 17px}.group-icon .gi-flow{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-needle{animation:gi-needle var(--ds-motion-duration-slow) var(--ds-motion-ease)}:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-block{animation:gi-block var(--ds-motion-duration-slow) var(--ds-motion-ease)}:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-flow{animation:gi-flow var(--ds-motion-duration-slow) var(--ds-motion-ease)}:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-receive{animation:gi-receive var(--ds-motion-duration) var(--ds-motion-ease) var(--ds-motion-duration-fast)}:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-plug-top{animation:gi-plug-top var(--ds-motion-duration-slow) var(--ds-motion-ease)}:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-plug-bottom{animation:gi-plug-bottom var(--ds-motion-duration-slow) var(--ds-motion-ease)}:is([data-icon-trigger]:hover,[data-icon-trigger]:focus-visible,[data-icon-trigger]:has(:focus-visible),[data-icon-trigger][data-active]) .group-icon .gi-cog{animation:gi-cog var(--ds-motion-duration-slow) var(--ds-motion-ease)}}@keyframes gi-needle{35%{rotate:-32deg}70%{rotate:12deg}}@keyframes gi-block{45%{translate:1.5px -2px;rotate:10deg}}@keyframes gi-flow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes gi-receive{50%{scale:1.12}}@keyframes gi-plug-top{50%{translate:0 1.25px}}@keyframes gi-plug-bottom{50%{translate:0 -1.25px}}@keyframes gi-cog{0%{rotate:none}to{rotate:90deg}}