.mqx-icon{vertical-align:middle;--icon-duration:.46s;--icon-ease:cubic-bezier(.2,.7,.3,1);flex:none;display:inline-block;overflow:visible}.mqx-icon g{transform-origin:12px 12px}[data-workforce-theme=obsidian] .mqx-icon{--icon-duration:.36s}[data-workforce-theme=command] .mqx-icon{--icon-duration:.24s;--icon-ease:ease-out}[data-workforce-theme=orbit] .mqx-icon{--icon-duration:.62s}@media (prefers-reduced-motion:no-preference){:where(a,button,summary,[data-motion-trigger]):is(:hover,:focus-visible) .mqx-icon[data-icon-trigger=interaction][data-icon-state=idle] g,.mqx-icon[data-icon-trigger=activation] g{animation:mqx-accent var(--icon-duration) var(--icon-ease) 1}.mqx-icon[data-icon-state=pending] g{animation:.9s linear 3 mqx-turn}.mqx-icon[data-icon-state=success] path{animation:.42s ease-out mqx-draw}:where(a,button,summary):is(:hover,:focus-visible) .mqx-icon:is([data-icon=settings],[data-icon=clock],[data-icon=horizon]) g{animation-name:mqx-orbit}}@keyframes mqx-accent{0%,to{transform:translateY(0)}45%{transform:translateY(-1.5px)}}@keyframes mqx-orbit{0%,to{transform:rotate(0)}45%{transform:rotate(12deg)}}@keyframes mqx-turn{to{transform:rotate(360deg)}}@keyframes mqx-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.mqx-icon g,.mqx-icon path{animation:none!important;transform:none!important}}