Switcher.less

@disabled-color: #ececec;
@main-color: #79174a;

.WLC-Switcher {
    font-size: 8px;

    position: relative;

    width: 46px;
    height: 22px;

    border-radius: 1px;
    background-color: @main-color;
    cursor: pointer;

    .WLC-on,

    .WLC-off {
        line-height: 25px;

        display: inline-block;

        width: 50%;
        height: 100%;

        text-align: center;
    }

    .WLC-on,
    .WLC-off {
        color: #fff;
    }

    .WLC-curtain {
        position: absolute;

        width: 21px;
        height: 20px;
        margin: 1px 1px 0px 1px;

        -webkit-transition: left .2s;
           -moz-transition: left .2s;
                transition: left .2s;

        background-color: #fff;
    }

    &.WLC-off {
        background-color: #999;
    }

    &.WLC-disabled {
        background-color: @disabled-color;
    }
}