html[data-v-e6b2d834]{--primary-color:#963cd4;--primary-sup-color:#eadcff;--super-color:#fff;--secondary-color:#f3f8fb;--toast-success-color:#67c23a;--toast-error-color:#f56c6c;--toast-warning-color:#e6a23c;--toast-info-color:#909399;--title-color:#3d3d3d;--text-color1:#3d3d3d;--text-color2:#86898f;--text-color3:#909399;--no-btn-bg-color:#ebeef5;--no-btn-bg-color-opacity-5:rgba(235,238,245,.5);--frame-color1:#8b3dff;--frame-color2:#dcdfe6;--tabs-bg-color:#ebeef5;--tabs-text-color:#3d3d3d;--tabs-item-active-bg-color:#fff;--tabs-item-active-text-color:#963cd4;--icon-hover-bg-color:#eadcff;--bridge-color:#ececee;--bridge-color2:#909399;--male-voice-color:#963cd4;--female-voice-color:#ff6ad7;--el-input-placeholder-color:var(--text-color3)!important}@media screen and (max-width:768px){.demo-wrap[data-v-e6b2d834]{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr!important}}.demo-item-wrap[data-v-e6b2d834]{aspect-ratio:16/9;border-radius:12px;cursor:pointer;flex:1;flex-shrink:0;overflow:hidden;position:relative;width:100%}.demo-item-wrap:hover .demo-play-icon[data-v-e6b2d834],.demo-item-wrap:hover .play-block[data-v-e6b2d834]{opacity:1}.demo-item-wrap[data-v-e6b2d834] .el-skeleton__item{height:100%}.demo-play-icon[data-v-e6b2d834]{background-color:#fff;height:20px;width:20px;z-index:12}.demo-play-icon[data-v-e6b2d834],.play-block[data-v-e6b2d834]{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out}.play-block[data-v-e6b2d834]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff3b;border-radius:50%;height:48px;width:48px;z-index:11}.demo-wrap[data-v-e6b2d834]{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr 1fr 1fr}.video-to-audio-content-wrap[data-v-e6b2d834]{padding:20px}.close-icon[data-v-e6b2d834]{color:#3d3d3d;cursor:pointer;font-size:16px;position:absolute;right:12px;top:6px}.video-wrapper[data-v-e6b2d834]{background:#000;overflow:hidden;width:100%}.video-wrapper video[data-v-e6b2d834]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.play-video-icon-wrap[data-v-e6b2d834]{border:1px solid #ececee;border-radius:8px;cursor:pointer;height:40px;padding:10px}.play-video-icon-wrap[data-v-e6b2d834]:hover{background-color:var(--ui-bg-elevated)!important}.btn-wrap[data-v-e6b2d834]{right:0;top:calc(50% - 20px);z-index:9}.detail-wrap[data-v-e6b2d834]{border:1px solid #ececee;border-radius:12px;overflow:hidden;padding:20px}.detail-audio-icon[data-v-e6b2d834]{color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in;width:20px;z-index:9}.audio-icon-block[data-v-e6b2d834]{background-color:var(--text-color1);border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.wave-wrap[data-v-e6b2d834]{background:#ebeef5;border-radius:8px;padding:10px}.mute-button[data-v-e6b2d834]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;margin-right:0 8px;width:20px}.mute-button .mute-icon[data-v-e6b2d834],.mute-button .volume-icon[data-v-e6b2d834]{height:100%;width:100%;fill:#3d3d3d}.slider[data-v-e6b2d834]{height:-moz-fit-content;height:fit-content}.slider[data-v-e6b2d834] .el-slider__button{border-color:var(--text-color1)}.slider[data-v-e6b2d834] .el-slider__bar{background-color:var(--text-color1)}.slider[data-v-e6b2d834] .el-slider__button{height:10px!important;width:10px!important}.slider[data-v-e6b2d834] .el-slider__runway,.slider[data-v-e6b2d834] .el-slider__bar{height:4px!important}.slider[data-v-e6b2d834] .el-slider__button-wrapper{top:-16.5px!important}