.BusyIndicator {
  overflow: hidden;
  text-align:center;
  height:9em;
  width: 10em;
  border-radius: 0.5em;

}

.BusyIndicator .BusyIndicatorTextContainer{
  opacity: 0.7;
  width: 10em;
  border-radius: 0.5em;
}

.BusyIndicator--lumina {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  border-radius: 0;

  .BusyIndicator__spinner {
    width: 120px;
    height: 120px;
    background-color: var(--slds-g-color-on-accent-1);
  }

  .BusyIndicatorTextContainer {
    opacity: 1;
    background: transparent;

    span {
      font-family: var(--slds-g-font-family);
      font-size: var(--slds-g-font-scale-2);
      font-weight: var(--slds-g-font-weight-6);
      line-height: var(--slds-g-font-line-height-3);
      color: var(--slds-g-color-on-accent-1);
    }
  }
}