@import "variables";

/* Loader class to use on a div */
.tbx-loader
{
  position   : absolute;
  left       : 50%;
  transform  : translate(-50%);
  text-align : center;
  cursor     : wait;
  z-index    : 1000;
  width      : 100%;
  min-height : px2Rem(60);

  > img
  {
    width  : px2Rem(60);
    height : px2Rem(60);
  }
}

/* The TbxSpinner Component */
.tbx-spinner
{
  position    : fixed;
  top         : 25%;
  left        : 50%;
  margin-left : px2Rem(-30);
  width       : px2Rem(60);
  z-index     : 1000;

  > img
  {
    width : 100%;
  }
}