/* line 1, ../src/calendar.sass */
body {
  background-color: #f8f8f8;
  overflow: hidden;
}

/* line 4, ../src/calendar.sass */
#calendar {
  position: absolute;
  z-index: 10;
}
/* line 6, ../src/calendar.sass */
#calendar * {
  font-size: 18px;
}

/* line 10, ../src/calendar.sass */
#playlist ul#queue li.playing span.score {
  color: #bbbbbb;
}

/* line 13, ../src/calendar.sass */
#playlist ul#queue li span.score {
  color: #333333;
}
/* line 15, ../src/calendar.sass */
#playlist ul#queue li span.title {
  color: #222222;
}

/* line 17, ../src/calendar.sass */
#player {
  z-index: 6;
}

/* line 19, ../src/calendar.sass */
#playlistbg {
  z-index: 7;
  background-color: #f8f8f8;
}

/* line 22, ../src/calendar.sass */
#water-cooler {
  position: fixed;
  bottom: -10px;
  left: -30px;
  height: 500px;
  z-index: 7;
}

/* line 28, ../src/calendar.sass */
#office-plant {
  position: fixed;
  bottom: 20px;
  left: 160px;
  z-index: 8;
}

/* line 33, ../src/calendar.sass */
#carpet {
  position: fixed;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 6;
}

/* line 41, ../src/calendar.sass */
#bg {
  opacity: 0.1;
  display: none;
}

/* line 44, ../src/calendar.sass */
#likebutton {
  position: fixed;
  right: 20px;
  top: 30px;
  opacity: 0.7;
}

/* line 49, ../src/calendar.sass */
#calendar {
  z-index: 10;
  box-shadow: #666666 5px 5px 10px;
  display: none;
}

/* line 53, ../src/calendar.sass */
#logo h1 {
  color: #bb88dd;
}

/* line 55, ../src/calendar.sass */
#player #projector #video-title {
  bottom: 5px;
  left: 5px;
}

/* line 58, ../src/calendar.sass */
.arrow-play {
  width: 0;
  height: 0;
  border-top: 4.5px solid transparent;
  border-left: 9.5px solid white;
  border-bottom: 4.5px solid transparent;
  display: inline-block;
}

/* line 65, ../src/calendar.sass */
.arrow-pause {
  width: 0;
  height: 0;
  border-top: 5px solid white;
  border-right: 2.5px solid white;
  border-bottom: 4px solid white;
  border-left: 0;
  display: inline-block;
}

/* line 73, ../src/calendar.sass */
.arrow-prev {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid white;
  border-bottom: 4px solid transparent;
  display: inline-block;
}

/* line 80, ../src/calendar.sass */
.arrow-next {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid white;
  border-bottom: 4px solid transparent;
  display: inline-block;
}