.ui-pending-icon{display:inline-block;position:relative}.ui-pending-icon__spinner{color:#b2b4be;position:absolute}.ui-pending-icon__success-icon{color:#2fb380;position:absolute}.ui-pending-icon__error-icon{color:#e25663;position:absolute}.ui-pending-icon__error-icon.ui-icon,.ui-pending-icon__success-icon.ui-icon{line-height:1rem}.ui-pending-icon--sm,.ui-pending-icon--sm .ui-pending-icon__spinner{height:12px;width:12px}.ui-pending-icon--sm .ui-pending-icon__spinner.spinner-border{border-width:.15em}.ui-pending-icon--sm .ui-pending-icon__error-icon,.ui-pending-icon--sm .ui-pending-icon__success-icon{font-size:15px}.ui-pending-icon--md,.ui-pending-icon--md .ui-pending-icon__spinner{height:1rem;width:1rem}.ui-pending-icon--md .ui-pending-icon__spinner.spinner-border{border-width:.15em}.ui-pending-icon--md .ui-pending-icon__error-icon,.ui-pending-icon--md .ui-pending-icon__success-icon{font-size:calc(1rem + 3px)}.ui-pending-icon--lg,.ui-pending-icon--lg .ui-pending-icon__spinner{height:2rem;width:2rem}.ui-pending-icon--lg .ui-pending-icon__spinner.spinner-border{border-width:.25em}.ui-pending-icon--lg .ui-pending-icon__error-icon,.ui-pending-icon--lg .ui-pending-icon__success-icon{font-size:2rem}.ui-pending-icon--animated .ui-pending-icon--enter-active{animation:fadeIn .15s ease-in-out}.ui-pending-icon--animated .ui-pending-icon--leave-active{animation:fadeOut .15s ease-in-out}