/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /gh/ZR-Zheng/bloghelper@master/chatbox/botui-theme-amber.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/* default: https://cdn.bootcss.com/botui/0.3.9/botui-theme-default.css */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
.botui-container{
    font-size:20px;
    /* botui容器背景色 */
    background-color:rgba(242,242,242,0);
    font-family:"Open Sans",sans-serif
}

/* 夜间模式 */
@media (prefers-color-scheme: dark) {
    .popcontainer p {
        color: #595a5a !important;
    }
    .botui-message-content.human {
        color:#f7f8f8;
        /* 点击者内容背景色 */
        background-color:#FFB6C1
    }
    .botui-actions-buttons-button{
        border:0;
        color:#fff !important;
        line-height:1;
        cursor:pointer;
        font-size:14px;
        font-weight:300;
        padding:7px 15px;
        border-radius:4px;
        font-family:"Open Sans",sans-serif;
        background:#FFB6C1;
        box-shadow:2px 3px 4px 0 rgba(0,0,0,.25)
    }
}

/* 白天模式 */
@media (prefers-color-scheme: light) {
    .botui-message-content.human{
        color:#f7f8f8;
        /* 点击者内容背景色 */
        background-color:#919292
    }
    .botui-actions-buttons-button{
        border:0;
        color:#fff !important;
        line-height:1;
        cursor:pointer;
        font-size:14px;
        font-weight:300;
        padding:7px 15px;
        border-radius:4px;
        font-family:"Open Sans",sans-serif;
        background:#777979;
        box-shadow:2px 3px 4px 0 rgba(0,0,0,.25)
    }
    /* 主题中手动切换时候的样式 */
    body.dark {
        .popcontainer p {
            color: #595a5a !important;
        }
        .botui-message-content.human {
            color: #f7f8f8;
            /* 点击者内容背景色 */
            background-color: #FFB6C1;
        }
        .botui-actions-buttons-button {
            background: #FFB6C1;
        }
    }
}

.botui-messages-container{
    padding:10px 20px
}

.botui-actions-container{
    padding:10px 20px
}

.botui-message{
    min-height:30px
}

.botui-message-content{
    padding:7px 13px;
    border-radius:15px;
    color:#595a5a;
    /* 机器人内容背景色 */
    background-color:#ccd5d5
}

.botui-message-content.text{
    line-height:1.3
}

.botui-message-content.loading{
    background-color:#919292;
    line-height:1.3;
    text-align:center
}

.botui-message-content.embed{
    padding:5px;
    border-radius:5px
}

.botui-message-content-link{
    color:#919292
}

.botui-actions-text-input{
    border:0;
    outline:0;
    border-radius:0;
    padding:5px 7px;
    font-family:"Open Sans",sans-serif;
    background-color:transparent;
    color:#595a5a;
    border-bottom:1px solid #919292
}

.botui-actions-text-submit{
    color:#fff;
    width:30px;
    padding:5px;
    height:30px;
    line-height:1;
    border-radius:50%;
    border:1px solid #919292;
    background:#777979
}



.botui-actions-text-select{
    border:0;
    outline:0;
    border-radius:0;
    padding:5px 7px;
    font-family:"Open Sans",sans-serif;
    background-color:transparent;
    color:#595a5a;border-bottom:1px solid #919292
}

.botui-actions-text-searchselect{
    border:0;
    outline:0;
    border-radius:0;
    padding:5px 7px;
    font-family:"Open Sans",sans-serif;
    background-color:transparent;
    color:#595a5a;
    border-bottom:1px solid #919292
}

.botui-actions-text-searchselect .dropdown-toggle{border:none!important}
.botui-actions-text-searchselect .selected-tag{background-color:transparent!important;border:0!important}
.slide-fade-enter-active{transition:all .3s ease}
.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(-10px)}
.dot{width:.5rem;height:.5rem;border-radius:.5rem;display:inline-block;background-color:#919292}
.dot:nth-last-child(1){margin-left:.3rem;animation:loading .6s .3s linear infinite}
.dot:nth-last-child(2){margin-left:.3rem;animation:loading .6s .2s linear infinite}
.dot:nth-last-child(3){animation:loading .6s .1s linear infinite}
@keyframes loading{
    0%{transform:translate(0,0);background-color:#ababab}
    25%{transform:translate(0,-3px)}
    50%{transform:translate(0,0);background-color:#ababab}
    75%{transform:translate(0,3px)}
    100%{transform:translate(0,0)}
}