.xor_switch label
{
    position: absolute;
    z-index: 3;
    top: 106px;
    left: 405px;

    width: 40px;
    height: 4px;

    transition: all .5s ease;

    background: #050d21;
}
.xor_switch input[type=checkbox]:checked + label
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
@-webkit-keyframes xor_sig_open
{
    0%
    {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100%
    {
        -webkit-transform: translate(40px, 0px);
                transform: translate(40px, 0px);
    }
}
@keyframes xor_sig_open
{
    0%
    {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100%
    {
        -webkit-transform: translate(40px, 0px);
                transform: translate(40px, 0px);
    }
}
@-webkit-keyframes xor_sig_closed
{
    0%
    {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100%
    {
        -webkit-transform: translate(220px, 0px);
                transform: translate(265px, 0px);
    }
}
@keyframes xor_sig_closed
{
    0%
    {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100%
    {
        -webkit-transform: translate(220px, 0px);
                transform: translate(265px, 0px);
    }
}
.xor_sig label
{
    position: absolute;
    z-index: 4;
    top: 99px;
    left: 355px;

    width: 15px;
    height: 15px;

    -webkit-animation: xor_sig_closed 4s linear infinite;
            animation: xor_sig_closed 4s linear infinite;

    border: 1px solid #050d21;
    border-radius: 100%;
    background: #26ca28;
}
.xor_sig input[type=checkbox]:checked + label
{
    -webkit-animation: xor_sig_open 1s linear infinite;
            animation: xor_sig_open 1s linear infinite;
}