/* Custom blockly category icon */
/* ==== Custom Operator Icon ==== */
.customIcon.operators-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./operators.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.loops-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./loops.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.text-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./text.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.variables-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./variables.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.arduino-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./arduino.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.esp12-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./esp_12.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.esp32-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./esp_32.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.face_detection-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./face_detection.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.object_detection-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./object_detection.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}


.customIcon.ocr_detection-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./ocr_detection.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.pose_detection-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./pose_detection.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.qr_analyzer-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./qr_analyzer.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.text_to_speech-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./text_to_speech.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}

.customIcon.speech_to_text-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./speech_to_text.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}


.customIcon.weather_detection-icon {
    width: 22.35px !important;
    height: 24px !important;
    background-image: url("./weather_detection.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 4px !important;
}