/* BoostHub shared help/tooltip UI extracted from main.css.
   Keep this file loaded after main.css and before lk-components.css. */

.wrapTypeFarm_1__help,
.wrapTypeFarm_2__help {
    display: inline-block;
    position: relative;
}

.typeFarm_1__help,
.typeFarm_2__help {
    position: absolute;
    top: 20px;
    left: calc(50% - 77px);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.75);
    background: #152030;
    border-radius: 10px;
    color: #fff;
    font-family: var(--bh-font-sans);
    font-size: 1.3rem;
    line-height: 1.38;
    padding: 19px 18px;
    text-align: center;
    width: 192px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    z-index: 10;
}

.typeFarm_1__help:before,
.typeFarm_2__help:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #152030;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: calc(50% - 7px);
}

.helpIc {
    display: block;
    color: #757c85;
    font-family: var(--bh-font-sans);
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 1;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    top: -18px;
    right: -24px;
    background: #d6dae0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 0 0 0;
    cursor: default;
}

.wrapTypeFarm_2__help .helpIc {
    right: -20px;
}

.wrapBoxPrompt {
    position: absolute;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.75);
    background: #152030;
    border-radius: 10px;
    color: #fff;
    font-family: var(--bh-font-sans);
    font-size: 1.3rem;
    line-height: 1.38;
    padding: 19px 18px;
    text-align: center;
    width: 192px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}

.boxPrompt {
    position: relative;
}

.boxPrompt p:first-child,
.boxPrompt ul:first-child,
.boxPrompt ol:first-child {
    margin-top: 0;
}

.boxPrompt::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #152030;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -26px;
    left: calc(50% - 7px);
}