/* generic 'centering' class on X/Y axes */
.sqp-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


/* area of the player overlay in which the notifiation of a buffering event is displayed */
.sqp-buffering {
  position: absolute;
  width: 60px;
  height: 60px;
  color: #AAAAAA;
  border-radius: 4px;
  padding:4px;
}

/* Animation keyframes for the buffering image */
@keyframes sqp-buffering-img-anim {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(359deg);
  }
}

/*
* Animation class for the buffering image
* This class is automatically added to the buffering image, if any, when a buffering event occurs
*/
.sqp-buffering-img-anim {
  animation: sqp-buffering-img-anim 2s infinite;
  animation-timing-function: linear;
}

/*
* buffering image
*/
.sqp-buffering-img {
  position: relative;
  width: inherit;
  height: inherit;
}