/* tooltip */
.wh-bot__react_component_tooltip::before {
    /* !important */
    /* 隐藏上尖角，防止遮挡提示文本。 */
    /* visibility: hidden !important; */

    display: none;
}

.wh-bot__react_component_tooltip::after {
    display: none;
}

.wh-bot__react_component_tooltip {
    padding: 0 !important;
    border: 1px solid rgba(235, 235, 235, 1) !important;
    box-shadow: 0px 2px 4px  rgba(224, 224, 224, 0.25);
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(166, 166, 166, 1) !important;
    padding: .5rem !important;
}


/* blocks wrapper */
.blocks :global(.injectionDiv), [dir="rtl"] .blocks :global(.injectionDiv) {
    margin: 0 1rem !important;
    border-radius: 1rem !important;
}

/* blockly svg bg */
svg.blocklySvg {
    background-image: url(wh-bot-logo.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 300px 100px;
    /*
    * - 1rem  是容器左边距。
    * - 150px 是左边的分组菜单栏的宽度。
    * - 250px 是左边的积木菜单栏的宽度。
    * - (100vw - 2rem - 150px - 250px) / 2 是中间的工作区的宽度的一半。
    * - (455px / 2) 是背景图宽度的一半，需要将背景图放在工作区的中间。
    */
    background-position-x: calc(1rem + 150px + 250px + ((100vw - 2rem - 150px - 250px) / 2) - (455px / 2));
}


.wh-bot__pubbo-scratch-loading-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #19d1bf;
}
.wh-bot__pubbo-scratch-loading-container .loader-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 340px;
    height: 250px;
    margin: auto;

    text-align: center;
}
.wh-bot__pubbo-scratch-loading-container img {
    width: 100%;
}

.wh-bot__pubbo-scratch-loading-container .loading-text {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.4rem;
}