@charset "UTF-8";
.switch-toggle a{
    display:none
}
@media only screen{
    .switch-toggle{
        background:#FFF;
        position:relative;
        display:block
    }
    .switch-toggle::after{
        clear:both;
        content:'';
        display:table
    }
    .switch-toggle a{
        display:block;
        transition:all .2s ease-out
    }
    .switch-toggle label,.switch-toggle > span{
        line-height:2em;
        cursor:pointer
    }
    .switch-toggle input:focus ~ span a,.switch-toggle input:focus + label{
        outline:none
    }
    .switch-toggle input{
        position:absolute;
        left:0;
        opacity:0
    }
    .switch-toggle input + label{
        position:relative;
        z-index:2;
        display:block;
        float:left;
        padding:0 .5em;
        margin:0;
        text-align:center
    }
    .switch-toggle a{
        position:absolute;
        top:0;
        left:0;
        padding:0;
        z-index:1;
        width:10px;
        height:100%
    }
    .switch-toggle label:nth-child(2):nth-last-child(4),.switch-toggle label:nth-child(2):nth-last-child(4) ~ label,.switch-toggle label:nth-child(2):nth-last-child(4) ~ a{
        width:50%
    }
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a{
        left:50%
    }
    .switch-toggle label:nth-child(2):nth-last-child(6),.switch-toggle label:nth-child(2):nth-last-child(6) ~ label,.switch-toggle label:nth-child(2):nth-last-child(6) ~ a{
        width:33.33%
    }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a{
        left:33.33%
    }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a{
        left:66.66%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8),.switch-toggle label:nth-child(2):nth-last-child(8) ~ label,.switch-toggle label:nth-child(2):nth-last-child(8) ~ a{
        width:25%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a{
        left:25%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a{
        left:50%
    }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a{
        left:75%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10),.switch-toggle label:nth-child(2):nth-last-child(10) ~ label,.switch-toggle label:nth-child(2):nth-last-child(10) ~ a{
        width:20%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a{
        left:20%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a{
        left:40%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a{
        left:60%
    }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a{
        left:80%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12),.switch-toggle label:nth-child(2):nth-last-child(12) ~ label,.switch-toggle label:nth-child(2):nth-last-child(12) ~ a{
        width:16.6%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a{
        left:16.6%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a{
        left:33.2%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a{
        left:49.8%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a{
        left:66.4%
    }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a{
        left:83%
    }
}