.workshop_bot_from_the_factory .nb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

.workshop_bot_from_the_factory * {
    box-sizing: border-box;
}

.workshop_bot_from_the_factory .input_A, 
.workshop_bot_from_the_factory .input_B, 
.workshop_bot_from_the_factory .input_C, 
.workshop_bot_from_the_factory .table,
.workshop_bot_from_the_factory .output {
    height: 100%;
}

.workshop_bot_from_the_factory .input_A,
.workshop_bot_from_the_factory .input_B,
.workshop_bot_from_the_factory .input_C {
    width: 14%;
    border-width: 0 1px 0 0;
    border-color: black;
    border-style: solid;
}

.workshop_bot_from_the_factory .table {
    flex-grow: 1;
    border-width: 0 1px 0 0;
    border-color: black;
    border-style: solid;
}

.workshop_bot_from_the_factory .output {
    width: 25%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.workshop_bot_from_the_factory .output.present {
    background-image: url('/img/out_bot.png');
    position: relative;
}

.workshop_bot_from_the_factory .input_A .head_space, 
.workshop_bot_from_the_factory .input_A .right-arm_space, 
.workshop_bot_from_the_factory .input_B .body_space, 
.workshop_bot_from_the_factory .input_B .left-arm_space,
.workshop_bot_from_the_factory .input_C .null_space, 
.workshop_bot_from_the_factory .input_C .leg_space { 
    height: 50%;
}

.workshop_bot_from_the_factory .input_A .head_space, 
.workshop_bot_from_the_factory .input_B .body_space,
.workshop_bot_from_the_factory .input_C .null_space {
    border-width: 0 0 1px 0;
    border-color: black;
    border-style: solid;
}

.workshop_bot_from_the_factory .input_C .null_space {
    background: aliceblue;
}

.workshop_bot_from_the_factory .input_A .head_space {
    background-image: url('/img/in_head_space.png');
    position: relative;
}

.workshop_bot_from_the_factory .input_A .head_space.present .head {
    background-image: url('/img/in_head.png');
}

.workshop_bot_from_the_factory .input_A .right-arm_space {
    background-image: url('/img/in_right_arm_space.png');
    position: relative;
}

.workshop_bot_from_the_factory .input_A .right-arm_space.present .right-arm {
    background-image: url('/img/in_right_arm.png');
}

.workshop_bot_from_the_factory .input_B .body_space {
    background-image: url('/img/in_body_space.png');
    position: relative;
}

.workshop_bot_from_the_factory .input_B .body_space.present .body {
    background-image: url('/img/in_body.png');
}

.workshop_bot_from_the_factory .input_B .left-arm_space {
    background-image: url('/img/in_left_arm_space.png');
    position: relative;
}

.workshop_bot_from_the_factory .input_B .left-arm_space.present .left-arm {
    background-image: url('/img/in_left_arm.png');
}

.workshop_bot_from_the_factory .input_C .leg_space { 
    background-image: url('/img/in_leg_space.png');
    position: relative;
}

.workshop_bot_from_the_factory .input_C .leg_space.present .leg { 
    background-image: url('/img/in_leg.png');
}

.workshop_bot_from_the_factory .table {
    background-image: url('/img/table_bot.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.workshop_bot_from_the_factory .table .head.present {
    background-image: url('/img/table_head.png');
}

.workshop_bot_from_the_factory .table .right-arm.present {
    background-image: url('/img/table_bot_right-arm.png');
}

.workshop_bot_from_the_factory .table .body.present {
    background-image: url('/img/table_body.png');
}

.workshop_bot_from_the_factory .table .left-arm.present {
    background-image: url('/img/table_bot_left-arm.png');
}

.workshop_bot_from_the_factory .table .right-leg.present {
    background-image: url('/img/table_right-leg.png');
}

.workshop_bot_from_the_factory .table .left-leg.present {
    background-image: url('/img/table_left-leg.png');
}