.v-media-zone{position:relative;border:1px dashed #ced4da;background-color:#fff;color:#adb5bd;text-align:center;border-radius:5px}.v-media-zone.is-hover{border-color:#18d6b5;color:#18d6b5}.v-media-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;font-size:100px;opacity:0;color:transparent;z-index:2;cursor:pointer;overflow:hidden}.v-media{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;-ms-flex-wrap:wrap;flex-wrap:wrap}.v-media .v-media-item{position:relative;border:1px solid #eee;border-radius:4px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.08);box-shadow:0 0 5px rgba(0,0,0,.08)}.v-media .v-media-item img{max-width:100%;max-height:100%}.v-media .v-media-item:not(.v-media-add){z-index:3}.v-media .v-media-item .cover{border-radius:inherit;background-color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.v-media .v-media-item i.v-media-icon{cursor:pointer;font-size:20px;color:#fff;border-radius:10px;margin:5px;width:24px;height:24px;text-align:center;line-height:24px}.v-media .v-media-item i.v-media-delete{background-color:#ff586e}.v-media .v-media-item i.v-media-download{background-color:#29ce4e}.v-media .v-media-item i.v-media-upload{background-color:#409eff}.v-media .v-media-item i.v-media-status{position:absolute;border-radius:50%;width:10px;height:10px;top:3px;left:3px}.v-media .v-media-item i.v-media-status[data-status=error]{background-color:#ff586e}.v-media .v-media-item i.v-media-status[data-status=new]{background-color:#adb5bd}.v-media .v-media-item.is-hover .cover,.v-media .v-media-item:hover .cover{opacity:1}.v-media .v-media-item .v-media-name{font-family:sans-serif,Arial;direction:ltr;overflow:hidden;max-height:42px;line-height:16px;word-break:break-all}.v-media .v-media-item .v-media-name:empty{display:none}.v-media .v-media-item .v-media-progress{background-color:hsla(0,0%,100%,.7);position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;border-radius:inherit}.v-media .v-media-item .v-media-progress svg{max-width:60px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.v-media .v-media-item .v-media-progress svg .progress-meter,.v-media .v-media-item .v-media-progress svg .progress-value{fill:none}.v-media .v-media-item .v-media-progress svg .progress-meter{stroke:#b7b7b7}.v-media .v-media-item .v-media-progress svg .progress-value{stroke:#9b2464;stroke-linecap:round;-webkit-transition:all .4s ease;transition:all .4s ease}.v-media .v-media-item .v-media-progress span{color:#343a40;font-weight:700;direction:ltr;display:block;text-align:center;position:absolute;top:50%;left:0;width:100%;margin-top:-10px;line-height:20px}.v-media[data-display-mode=column],.v-media[data-display-mode=cover]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.v-media[data-display-mode=column] .v-media-item,.v-media[data-display-mode=cover] .v-media-item{padding:4px;width:120px;height:120px;margin:5px}.v-media[data-display-mode=column] .v-media-item[data-ext=png],.v-media[data-display-mode=cover] .v-media-item[data-ext=png]{background-image:url(/img/media/transparent-bg.svg)}.v-media[data-display-mode=column] .v-media-item .v-media-name,.v-media[data-display-mode=cover] .v-media-item .v-media-name{position:absolute;bottom:2px;left:2px;right:2px;text-align:center;color:#6c757d;padding:6px;background:#eee;border-radius:inherit}.v-media[data-display-mode=cover]{padding:0}.v-media[data-display-mode=cover] .v-media-item{padding:0;width:100%;height:auto;min-height:150px;margin:0;-webkit-box-shadow:none;box-shadow:none;border-radius:inherit;overflow:hidden}.v-media[data-display-mode=cover] .cover{background-color:transparent}.v-media[data-display-mode=row] .v-media-item,.v-media[data-display-mode=tiny] .v-media-item{width:200px;max-width:100%;height:38px;margin:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:560px){.v-media[data-display-mode=row] .v-media-item,.v-media[data-display-mode=tiny] .v-media-item{width:100%}}.v-media[data-display-mode=row] .v-media-item .v-media-preview,.v-media[data-display-mode=tiny] .v-media-item .v-media-preview{padding:2px;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;height:100%;border-radius:inherit}.v-media[data-display-mode=row] .v-media-item[data-ext=png] .v-media-preview,.v-media[data-display-mode=tiny] .v-media-item[data-ext=png] .v-media-preview{background-image:url(/img/media/transparent-bg.svg)}.v-media[data-display-mode=row] .v-media-item.v-media-add i,.v-media[data-display-mode=tiny] .v-media-item.v-media-add i{font-size:20px!important}.v-media[data-display-mode=row] .v-media-item:not(.v-media-add),.v-media[data-display-mode=tiny] .v-media-item:not(.v-media-add){-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}.v-media[data-display-mode=row] .v-media-item .v-media-name,.v-media[data-display-mode=tiny] .v-media-item .v-media-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:right;padding:6px 15px}.v-media[data-display-mode=row] .v-media-item .v-media-progress,.v-media[data-display-mode=tiny] .v-media-item .v-media-progress{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.v-media[data-display-mode=row] .v-media-item .v-media-progress svg,.v-media[data-display-mode=tiny] .v-media-item .v-media-progress svg{-webkit-box-flex:0;-ms-flex:0 0 34px;flex:0 0 34px;height:34px;vertical-align:middle}.v-media[data-display-mode=row] .v-media-item .v-media-progress span,.v-media[data-display-mode=tiny] .v-media-item .v-media-progress span{color:#343a40;font-size:12px}.v-media[data-display-mode=row].v-media-empty,.v-media[data-display-mode=tiny].v-media-empty{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.v-media[data-display-mode=row].v-media-empty .v-media-add,.v-media[data-display-mode=tiny].v-media-empty .v-media-add{-webkit-box-shadow:none;box-shadow:none;border:none}.v-media[data-display-mode=tiny]{padding:3px 0}.v-media[data-display-mode=tiny] .v-media-placeholder{display:none}.v-media[data-display-mode=tiny] .v-media-item{width:auto;min-width:40px;margin:2px 5px}.v-media[data-display-mode=tiny] .v-media-item .v-media-preview{background-image:none!important}.v-media[data-display-mode=tiny] .v-media-item .v-media-name{display:none}.v-media[data-display-mode=tiny]:not([data-multiple]){padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.v-media[data-display-mode=tiny]:not([data-multiple]) .v-media-item{position:static;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none}.v-media[data-display-mode=tiny]:not([data-multiple]) .v-media-item .v-media-preview{border-radius:inherit}.v-media[data-display-mode=tiny]:not([data-multiple]) .v-media-item.v-media-add p{font-size:12px!important}.v-media[data-display-mode=tiny]:not([data-multiple]) .el-loading-spinner .circular{width:30px;height:30px}