@import "webstatic:/static/global.less";

@hexSpacing: @baseSpacing * 6;
@dodecaSpacing: @hexSpacing * 2;

.mirror-initializing {
  text-align: center;
  .mirror-initializing-spinner {
    margin: @hexSpacing 0;
    height: @icon-size-large;
  }
}

.mirror-pending {
  text-align: center;
  padding: @hexSpacing 0 @hexSpacing - @auiButtonHeight 0;
  .aui-buttons {
    margin-top: @doubleSpacing;
  }
  .label {
    color: @secondaryTextColor;
    margin-top: @doubleSpacing;
  }
  .server-id {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: @baseSpacing;
  }
}

.mirror-placeholder {
  text-align: center;
  background: @contentBackgroundColor;
  border-bottom: 1px solid @dividerColor;
  padding: @dodecaSpacing 0;
  .mirror-placeholder-text {
    margin-top: @quadSpacing;
    color: @secondaryTextColor;
    p {
      &:last-child {
        margin-top: @tripleSpacing;
      }
    }
  }
}

.mirror-removed {
  text-align: center;
}

.mirror-unknown {
  text-align: center;
  .mirror-unknown-spinner {
    margin: @hexSpacing 0;
    height: @icon-size-large;
  }
}

