<!-- Help panel keystroke-window-wrapper -->
     <div class="keystroke-window-overlay" style="display:none;">
        <div class="keystroke-window-wrapper">
            <div class="keystroke-header">
                <span class=
                "keystroke-header-title"><%-translate("SHORTCUTS")%></span>
            </div>

            <div class="keystroke-main-col">
                

                <div class="keystroke-item keystroke-separator">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">Cmd</a>/<a class=
                        "keystroke-item-key">Ctrl</a> <%-translate("OR")%> <a class="keystroke-item-key"><%-translate("SHIFT")%></a> +<a class="keystroke-item-key"><%-translate("CLICK")%></a>
                    </div><span class="keystroke-item-title"><%-translate("MULTI_SELECT")%></span>

                    <p class="keystroke-item-text"><%-translate("SELECT_OR_DESELECT_LAYER")%></p>
                </div>

                <div class="keystroke-item keystroke-separator">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">X</a>
                    </div><span class="keystroke-item-title"><%-translate("TOGGLE_MEASUREMENT_TOOLTIP")%></span>

                    <p class="keystroke-item-text"><%-translate("TOGGLE_MEASUREMENT_TOOLTIP_ON_HOVER")%></p>
                </div>

                <div class="keystroke-item">
                    <div class="keystroke-item-keys"><a class="keystroke-item-key">Alt</a> + <a class="keystroke-item-key">-</a>/<a class="keystroke-item-key">+</a></div><span class="keystroke-item-title"><%-translate("ZOOM")%></span>

                    <p class="keystroke-item-text"><%-translate("ZOOM_PREVIEW_CANVAS_IN_OUT")%></p>
                </div>
                    
                <div class="keystroke-item">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">Cmd</a>/<a class="keystroke-item-key">Ctrl</a> + <a class="keystroke-item-key">0</a>
                    </div><span class="keystroke-item-title"><%-translate("ZOOM_TO_100")%></span>
                    <p class="keystroke-item-text"><%=translate("RESET_ZOOM_LEVEL_TO_100_OF_FILE_RESOLUTION")%></p>
                </div>
                    
                <div class="keystroke-item keystroke-separator">
                    <div class="keystroke-item-keys"><a class="keystroke-item-key"><%-translate("CLICK")%></a></div><span class="keystroke-item-title"><%-translate("ZOOM_TO_ARTBOARD")%></span>

                    <p class="keystroke-item-text"><%-translate("ZOOM_TO_FIT_ARTBOARD")%></p>
                </div>   
                    
                <div class="keystroke-item keystroke-separator">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">E</a>
                    </div><span class="keystroke-item-title"><%-translate("EYEDROPPER_TOOL")%></span>

                    <p class="keystroke-item-text"><%-translate("ALLOW_EXTRACTION_PIXEL_LEVEL_COLOR_VALUE")%></p>
                </div>


                <div class="keystroke-item">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">&larr;</a>
                    </div><span class="keystroke-item-title"><%-translate("SELECT_PARENT_LAYER")%></span>

                    <p class="keystroke-item-text"><%=translate("PRESSING_LEFT_ARROW")%></p>
                </div>

                <div class="keystroke-item">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">&rarr;</a>
                    </div><span class="keystroke-item-title"><%-translate("SELECT_FIRST_CHILD")%></span>

                    <p class="keystroke-item-text"><%=translate("PRESSING_RIGHT_ARROW")%></p>
                </div>

                <div class="keystroke-item keystroke-separator">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key">&darr;</a><a class=
                        "keystroke-item-key">&uarr;</a>
                    </div><span class="keystroke-item-title"><%-translate("NEXT_OR_PREVIOUS_SIBLING_LAYER")%></span>

                    <p class="keystroke-item-text"><%=translate("SELECT_NEXT_OR_PREVIOUS_SIBLING_LAYER")%></p>
                </div>

                <div class="keystroke-item">
                    <div class="keystroke-item-keys">
                        <a class="keystroke-item-key"><%=translate("ESC")%></a>
                    </div><span class="keystroke-item-title"><%-translate("CLEAR_OR_EXIT")%></span>

                    <p class="keystroke-item-text"><%=translate("PRESSING_QUOT_OR_ESC_QUOT")%></p>
                </div>
            </div>
        </div>
    </div>