.tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tile .image{position:relative;margin-bottom:8px;-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.1)}.tile .image .label{position:absolute;color:#fff;border-radius:4px;padding:4px 6px;margin:8px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.6)}.tile .content .title{color:rgba(0,0,0,.8);text-decoration:none;line-height:1.4em;font-size:16px}.tile .content .title span:not(:last-of-type):after{content:" • "}.tile .content .meta{color:rgba(0,0,0,.6);line-height:1.2em;font-size:12px}.media-tile.maintenance[data-v-e2b374a4]{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#fff59d 0,#fff59d 20px)}.media-tile .image .clip-status[data-v-e2b374a4]{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(98,170,251,.7);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px}.media-tile .image .label.type[data-v-e2b374a4]{left:0;top:0;min-width:40px}.media-tile .image .label.duration[data-v-e2b374a4]{right:0;bottom:0}.media-tile .image .label.media-type[data-v-e2b374a4]{top:0;right:0;text-transform:capitalize}.media-tile .image .label.stream-status[data-v-e2b374a4]{right:0;bottom:0}.media-tile .image .label.stream-status.online[data-v-e2b374a4]{color:#90ee90;border-color:#90ee90}.media-tile .image .label.stream-status.online[data-v-e2b374a4]:before{background-color:#90ee90}.media-tile .image .label.stream-status.offline[data-v-e2b374a4]{color:#fff;border-color:#fff}.media-tile .image .label.stream-status.offline[data-v-e2b374a4]:before{background-color:#fff}.media-tile .image .label.stream-status[data-v-e2b374a4]:before{content:"";width:8px;height:8px;margin-top:3px;margin-right:4px;border-radius:4px}.media-view .page-header .el-select{width:170px}.media-view .filter-input[data-v-5c97c4fd]{margin-right:10px}.media-view .media-grid[data-v-5c97c4fd]{display:grid;grid-gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-template-columns:repeat(auto-fill,320px);padding:28px}.media-view .media-grid .media-tile[data-v-5c97c4fd]{margin-bottom:28px}.video-player{position:relative}.video-player .video-frame{position:absolute;left:0;top:0;bottom:0;right:0}.video-player .preview-timer{position:absolute;right:40px;bottom:8px;color:#fff;z-index:1000;font-size:12px}.video-player .preview-ended,.video-player .video-loader{position:absolute;left:0;right:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-player .preview-ended{z-index:1000}.video-player .preview-ended,.video-player .preview-ended .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-player .preview-ended .box{width:400px;padding:28px;border-radius:10px;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;color:#fff;background-color:#4a4f5f;font-size:14px;line-height:1.4em}.video-player .preview-ended .box .icon{margin-bottom:16px}.video-player .el-loading-mask{background-color:#000;z-index:500}.video-player .video-js{width:100%;height:100%}.video-player .video-js .vjs-control-bar{opacity:1!important}.video-player .vjs-big-play-button,.video-player .vjs-loading-spinner{display:none}.user-data{font-family:Roboto Mono,monospace;white-space:pre;font-size:14px;color:rgba(0,0,0,.6);padding:12px;border-radius:8px;background-color:#fafafa;border:1px solid #e6e6e6}.egress-link-dialog .query-input{margin-bottom:10px}.egress-link-dialog .el-table--border td:first-child .cell{padding-left:10px}.download-clip-dialog .el-input input{width:400px}.modal .medium-view{margin:0!important}.medium-view[data-v-1172d6db]{max-width:896px;margin:28px auto}.medium-view .medium-display[data-v-1172d6db]{width:896px;height:504px;background-color:#000;position:relative}.medium-view .medium-display .video-player[data-v-1172d6db]{width:100%;height:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.medium-view .medium-display .video-player .image[data-v-1172d6db]{background-position:50%;background-size:cover}.medium-view .medium-display .video-player>div[data-v-1172d6db]{position:absolute;top:0;bottom:0;left:0;right:0}.medium-view .data-block[data-v-1172d6db]{font-size:14px;margin:0;padding:0 28px 28px 28px;border-bottom:1px solid #e6e6e6}.medium-view .data-block[data-v-1172d6db]:last-child{border-bottom:none}.medium-view .data-block h3[data-v-1172d6db]{font-size:14px;margin-bottom:5px}.medium-view .data-block table[data-v-1172d6db]{border-spacing:0 5px}.medium-view .data-block .key[data-v-1172d6db]{padding:0 12px 0 0;color:rgba(0,0,0,.6);min-width:120px}.medium-view .data-block .el-tag[data-v-1172d6db]{margin-right:4px}.playlists-view .cell .icon[data-v-214bbd58]{margin-right:10px}.media-map{position:relative}.media-map .map,.media-map .map-cont{width:100%;height:100%}.media-map .btn-bar{position:absolute;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px}.view-map{position:relative;width:100%;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-76px;padding-top:76px}.view-map .media-map{width:100%;height:100%}.view-map .result-list{position:absolute;left:0;top:76px;bottom:0;width:335px;background:#fff;padding:20px;overflow-y:scroll;-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.1);-webkit-transform:translateX(-380px);transform:translateX(-380px);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.view-map .result-list.visible{-webkit-transform:translateX(0);transform:translateX(0)}.view-map .result-list .media-tile{margin-bottom:20px}