.preview-container[data-v-b646405d]{width:100%;height:100%;padding-bottom:50px;box-sizing:border-box;width:300px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px}.file-container[data-v-b646405d]{width:90%;margin:auto;display:flex;flex-direction:column}.preview-file-item[data-v-b646405d]{width:90%;margin:auto auto 15px;box-shadow:0 1px 9px rgba(0,0,0,.12);background-color:#f5f5f5;display:flex;align-items:center;padding:6px;border:1px solid #c9c9c9;border-radius:4px}.text-ellipsis[data-v-b646405d]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-container[data-v-b646405d]{width:100%;margin:auto;display:flex;flex-direction:column}.preview-img-item[data-v-b646405d]{width:90%;margin:auto;display:flex;align-items:center}.upload-img[data-v-b646405d]{width:100%;height:100%}.preview-video-item[data-v-b646405d]{width:90%;margin:auto auto 10px;display:flex;align-items:center;position:relative}.video-mask[data-v-b646405d]{position:absolute;top:0;left:-0;width:calc(100% - 20px);height:100%;background-color:rgba(0,0,0,.2);margin:0 10px;border-radius:4px}.audio-player-container[data-v-b646405d]{width:100%;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:1px solid #c9c9c9;background:#fff}.play-pause[data-v-b646405d]{margin-right:10px;cursor:default;position:relative}.control-container[data-v-b646405d]{box-sizing:border-box;width:200px}@media (prefers-color-scheme: dark){.preview-container[data-v-b646405d]{background-color:#fff;border-top:solid 1px #333;border-bottom:solid 1px #333}.text-ellipsis[data-v-b646405d]{color:#666}}