@import '../variable.less';

.bixi-progress-status {
  display: flex;
  width: 16px;
  border-radius: 50%;

  &.default {
    height: 16px;
  }

  &.processing {
    border: 1px solid @bixi-progress-status-normal-color;
  }

  &.success {
    height: 16px;
    padding: 2px;
    background-color: @bixi-progress-status-normal-color;
    border: 1px solid @bixi-progress-status-normal-color;
  }

  &-success-icon {
    width: 90%;
    margin-top: -2px;
    margin-left: 5%;
  }

  &.error {
    border: 1px solid @bixi-progress-status-error-color;
  }

  svg {
    width: 100%;
    height: 100%;
  }
}