@keyframes angercode_fromActive
{
    0%
    {
        width  : 64px;
        margin : 0 calc( 32px / 3 );
    }
    50%
    {
        width  : calc(64px - 32px);
        margin : 0 calc(-1 * 32px / 2 * 3) 0 calc(32px / 2 * 3);
    }
    100%
    {
        width  : 32px;
        margin : 0 calc( 32px / 3 );
    }
}

@keyframes angercode_fromInactive {
    0% {
        width: 32px;
        margin: 0 calc( 32px / 3 );
    }
    50% {
        width: calc(64px - 32px);
        margin: 0 calc(32px / 2 * 3) 0 calc(-1 * 32px / 2 * 3);
    }
    100% {
        width: 64px;
        margin: 0 calc( 32px / 3 );
    }
}

@keyframes angercode_fromActiveRev {
    0% {
        width: 64px;
        margin: 0 calc( 32px / 3 );
    }
    50% {
        width: calc(64px - 32px);
        margin: 0 calc(32px / 2 * 3) 0 calc(-1 * 32px / 2 * 3);
    }
    100% {
        width: 32px;
        margin: 0 calc( 32px / 3 );
    }
}

@keyframes angercode_fromInactiveRev {
    0% {
        width: 32px;
        margin: 0 calc( 32px / 3 );
    }
    50% {
        width: calc(64px - 32px);
        margin: 0 calc(-1 * 32px / 2 * 3) 0 calc(32px / 2 * 3);
    }
    100% {
        width: 64px;
        margin: 0 calc( 32px / 3 );
    }
}