@use '../core/styles' as sbb;

$theme: 'standard' !default;

@mixin base {
  --sbb-loading-indicator-circle-color: var(--sbb-color-primary);
  --sbb-loading-indicator-circle-padding: #{sbb.px-to-rem-build(2)};
  --sbb-loading-indicator-circle-background-color: var(--sbb-color-white);
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
}

@mixin forced-colors {
  --sbb-loading-indicator-circle-animated-width: 50%;
  --sbb-loading-indicator-circle-animated-height: 100%;
  --sbb-loading-indicator-circle-animated-border-radius: 0;
  --sbb-loading-indicator-circle-background: transparent;
}