/* HTMLマニュアル 検索結果 スタイルファイル */

/* 該当文字列 */
.searchHighlight {
    background-color: #ffcccc;
}

/*============================
検索結果一覧
============================*/
#search-result .card {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 1.25rem;
}

#search-result .card-title {
    font-size: 1.17188rem;
    margin-bottom: 0.75rem;
}

#search-result a {
    color: #0066FF;
    background-color: #fff;
}

#search-result a:hover {
    color: #FF5192;
}

/*============================
本文
============================*/
/* 選択ボタン */
#searchPopup {
    width: 40px;
    font-size: 12px;
    position: fixed;
    right: 10px;
    top: 70px;
    display: none;
}

#searchPopup-header {
    cursor: move;
    background-color: #ff6666;
    border-radius: 4px 4px 0 0;
    position: relative;
}

#searchPopup-close {
    color: white;
    position: absolute;
    right: 5px;
    cursor: pointer;
}

.searchPopup-control {
    height: 24px;
    background-color: #ffcccc;
    position: relative;
    cursor: pointer;
}

.searchPopup-control:last-child {
    border-top: #ff6666 solid 1px;
    border-radius: 0 0 4px 4px;
}

.searchPopup-control i {
    color: #ff6666;
    position: absolute;
    left: calc(50% - (20px / 2));
}

.searchPopup-control.control-disabled i {
    color: #ff9999;
}

/* 選択ボタンで選択した検索結果（点滅する） */
.blink {
    animation: blink 0.5s ease-out infinite alternate;
}

@keyframes blink {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}