.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}html{--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:#ebeef580;--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}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}html[data-v-7a6df7bb]{--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-7a6df7bb]{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr!important}}.demo-item-wrap[data-v-7a6df7bb]{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-7a6df7bb],.demo-item-wrap:hover .play-block[data-v-7a6df7bb]{opacity:1}.demo-item-wrap[data-v-7a6df7bb] .el-skeleton__item{height:100%}.demo-play-icon[data-v-7a6df7bb]{background-color:#fff;height:20px;width:20px;z-index:12}.demo-play-icon[data-v-7a6df7bb],.play-block[data-v-7a6df7bb]{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out}.play-block[data-v-7a6df7bb]{-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-7a6df7bb]{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr 1fr 1fr}.video-to-audio-content-wrap[data-v-7a6df7bb]{padding:20px}.close-icon[data-v-7a6df7bb]{color:#3d3d3d;cursor:pointer;font-size:16px;position:absolute;right:12px;top:6px}.video-wrapper[data-v-7a6df7bb]{background:#000;overflow:hidden;width:100%}.video-wrapper video[data-v-7a6df7bb]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.play-video-icon-wrap[data-v-7a6df7bb]{border:1px solid #ececee;border-radius:8px;cursor:pointer;height:40px;padding:10px}.play-video-icon-wrap[data-v-7a6df7bb]:hover{background-color:var(--ui-bg-elevated)!important}.btn-wrap[data-v-7a6df7bb]{right:0;top:calc(50% - 20px);z-index:9}.detail-wrap[data-v-7a6df7bb]{border:1px solid #ececee;border-radius:12px;overflow:hidden;padding:20px}.detail-audio-icon[data-v-7a6df7bb]{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-7a6df7bb]{background-color:var(--text-color1);border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.wave-wrap[data-v-7a6df7bb]{background:#ebeef5;border-radius:8px;padding:10px}.mute-button[data-v-7a6df7bb]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;margin-right:0 8px;width:20px}.mute-button .mute-icon[data-v-7a6df7bb],.mute-button .volume-icon[data-v-7a6df7bb]{height:100%;width:100%;fill:#3d3d3d}.slider[data-v-7a6df7bb]{height:-moz-fit-content;height:fit-content}.slider[data-v-7a6df7bb] .el-slider__button{border-color:var(--text-color1)}.slider[data-v-7a6df7bb] .el-slider__bar{background-color:var(--text-color1)}.slider[data-v-7a6df7bb] .el-slider__button{height:10px!important;width:10px!important}.slider[data-v-7a6df7bb] .el-slider__runway,.slider[data-v-7a6df7bb] .el-slider__bar{height:4px!important}.slider[data-v-7a6df7bb] .el-slider__button-wrapper{top:-16.5px!important}