// loading indicator is generated and identified
// sass-lint:disable no-ids
#wc-ui-loading {
  background-color: $wc-clr-global-bg;
  color: $wc-clr-global-fg;
}
// sass-lint:enable no-ids

// aria-busy areas
[aria-busy='true'] {
  @if ($wc-clr-busy-fg != -1) {
    color: $wc-clr-busy-fg;
  }

  @if ($wc-clr-busy-loading-icon != -1) {
    &::before { // yeah - I know this won't work for replaced content...
      color: $wc-clr-busy-loading-icon;
    }
  }
}

@if ($wc-clr-busy-input-border != -1) {
  input,
  select,
  textarea {
    &[aria-busy='true'] {
      border-color: $wc-clr-busy-input-border;
    }
  }
}


@import 'wc.loading.icons';
