.icon{display:inline-block}.vue-icon use{width:100%;height:100%}.vue-icon{display:inline-block;min-width:10px;min-height:10px;vertical-align:bottom}.vue-icon svg{width:100%;height:100%;fill:#7aca92;pointer-events:none}.vue-icon.primary svg{fill:#5283b7}.vue-icon.tertiary svg{fill:#fff}.vue-icon.dark-blue svg{fill:#335b7e}.vue-icon.danger svg{fill:#e83030}.vue-icon.warning svg{fill:#ea6e00}.vue-icon.info svg{fill:#03c2e6}.vue-icon.success svg{fill:#42b983}.input-component>.input-component-content>.input-icon.left{margin-right:6px}.input-component>.input-component-content>.input-icon.right{margin-left:6px}.input-component>.input-component-content>.input-icon svg{-webkit-transition:fill .3s;transition:fill .3s}