archives/src/views/using/components/media-mic/style.scss

.hc-media-mic-box {

}

.el-dialog.hc-media-recorder-dialog {
    --el-dialog-margin-top: 30vh;
    .el-dialog__header {
        padding: 10px 20px !important;
        border-color: #EEEEEE !important;
        .el-dialog__title {
            color: #464646;
        }
        .el-dialog__headerbtn {
            right: 6px;
            width: 32px;
            height: 32px;
        }
    }
    .el-dialog__body {
        padding: 10px;
    }
    .el-dialog__footer {
        display: none;
    }
    .hc-media-recorder-box {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        img {
            width: 300px;
        }
        .content-box {
            position: absolute;
            width: 140px;
            height: 60px;
            text-align: center;
            color: #464646;
            .shut-down-icon {
                font-size: 24px;
                margin-bottom: 14px;
            }
            .time-box {
                position: relative;
                .time {
                    color: #FFAF75;
                }
            }
        }
        &.ban {
            cursor: not-allowed;
        }
    }
    .content-search-word {
        position: relative;
        height: 300px;
        .content-word-box {
            font-size: 16px;
            position: relative;
            display: flex;
            align-items: flex-start;
            color: #444444;
            .search-word {
                position: relative;
                color: #ec7c2b;
                flex: 1;
            }
        }
        .word-btn-box {
            position: absolute;
            overflow: hidden;
            width: 100%;
            bottom: 0;
        }
    }
}

html.dark {
    .hc-media-mic-box .hc-icon-mic .el-loading-mask{
        backdrop-filter: none;
        background-color: var(--el-mask-color);
        .el-loading-spinner {
            top: 50%;
        }
    }
    .el-dialog.hc-media-recorder-dialog {
        --el-dialog-bg-color: #ffffff !important;
    }
}