.player {

  @size: 60px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -@size/2;

  width: @size;

  height: @size;

  border-radius: 50%;

  border-width: 20px;

  border-style: solid;

  border-top-color: blue;

  border-left-color: green;

  border-bottom-color: orange;

  border-right-color: pink;

  transition: .15s ease-in-out;

}

​

#start {

  position: absolute;

  bottom: 1%;

  left: 1%;

}

​

span {

  @size: 20px;

  display: block;

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: @size/2;

  height: @size;

  width: @size;

  background-color: gray;

  &.blue {

    background-color: blue;

  }

  &.green {

    background-color: green;

  }

  &.orange {

    background-color: orange;

  }

  &.pink {

    background-color: pink;

  }

}