@use 'sass:map';
@use '../../../mx-core/src/base/colors';
@use '../../../mx-core/src/base/opacity';

@mixin mx-loading-theme($theme) {
  $is-dark: map.get($theme, is-dark);
  $color-theme: colors.$mx-light;

  @if $is-dark {
    $color-theme: colors.$mx-dark;
  }

  .mx-loading-mask {
    background-color: rgba(map.get($color-theme, surface), opacity.$opacity-38);
  }
}

.mx-loading-parent {
  position: relative;
  overflow: hidden;
}