@spinPrefixCls: eh-spin;

.@{spinPrefixCls} {
  position: relative;

  &-nested-loading {
    position: relative;
  }

  &-dark {
    background-color: #32353e;
  }

  &-fade-in {
    transition: all 0.275s ease-in-out;
  }

  &-fade-out {
    transition: all 0.125s ease-in-out;
  }

  &-spinning {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;

    & > div {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      top: 40%;
      transform: translateY(-50%);
    }
  }

  &-icon {
    display: inline-block;
    width: 16%;
  }
}
