// Import all the tools needed to customize the theme and extract parts of it
@import "../../scss/xmat-vars";
// Define a mixin that accepts a theme and outputs the color styles for the component.
:host(xmat-spinner) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(map-get($xmat-colors, white), 0.5);
  z-index: 5;
}

mat-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}