@import '~scssinc';

.bf-switch{
  position: relative;
  width: 40px;
  height: 20px;
  background-color: rgba(#fff, .15);
  border-radius: 10px;
  transition: background .3s;
  &.active{
    background-color: $COLOR_ACTIVE;
    &::before{
      left: 20px;
    }
  }
  &::before{
    position: absolute;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #eee;
    content: '';
    transform: scale(1.2);
    transition: .3s;
  }
}