/**
   *  Styles for watching notifier view.
   *  Showing users editing the current visualization
   */

@import "compass/css3/border-radius";
@import "compass/css3/transform";
@import "compass/css3/transition";

.watching-notifier {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: -50px;
  padding: 8px 10px;
  transform-style: linear;
  transition: bottom 250ms;
  border-top-left-radius: 3px;
  background: #FF4D4D;
  color: white;
  font-size: 13px;

  &.active { bottom: 0; }
}