.state-icon{flex-shrink:0;width:18px;height:18px;display:inline-block;position:relative}.state-icon svg{transition:transform var(--duration-fast) var(--ease-ui), opacity var(--duration-fast) var(--ease-ui);position:absolute;inset:0}.state-icon-changed,.state-icon[data-active=true] .state-icon-idle{opacity:0;transform:scale(.25)}.state-icon-idle,.state-icon[data-active=true] .state-icon-changed{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.state-icon svg{transition:none;transform:none!important}}