:root{--viewport-margin:var(--margin-x-large);--viewport-padding:var(--padding-x-small);--viewport-width-auto:80vw;--viewport-width-max:1218px;--viewport-width-min:984px;--viewport-width-max-calculated:min(var(--viewport-width-max),var(--viewport-width-auto));--viewport-width:max(var(--viewport-width-min),var(--viewport-width-max-calculated));--grid-margin:var(--margin-xx-small);--form-item-label-width:180px;--form-item-note-width-min:120px;--form-item-control-width:220px;--form-item-control-width-large:calc(var(--viewport-width) - var(--form-item-label-width) - var(--form-item-note-width-min) - var(--padding-x-small)*4);--card-container-margin:var(--grid-margin);--card-container-padding:var(--viewport-padding);--card-container-width:var(--viewport-width);--item-margin:var(--margin-x-small);--media-info-cover-aspect-ratio:(9/16);--media-info-total-margin:calc(var(--item-margin)*2 + var(--item-margin)*6);--media-info-total-padding:calc(var(--card-container-padding)*2);--media-info-content-total-width:calc(var(--viewport-width) - var(--media-info-total-padding) - var(--media-info-total-margin));--media-info-cover-width-ratio:5/10;--media-info-cover-width:calc(var(--media-info-cover-width-ratio)*var(--media-info-content-total-width));--media-info-cover-height:calc(var(--media-info-cover-aspect-ratio)*var(--media-info-cover-width));--media-info-status-content-width:calc(var(--media-info-content-total-width) - var(--media-info-cover-width));--media-info-status-width:calc(var(--media-info-status-content-width) + var(--item-margin)*6);--media-info-status-height:calc(var(--media-info-cover-height) + var(--item-margin)*2);--media-info-status-item-count-per-row:3;--media-info-status-item-count-per-column:2;--media-info-status-card-width:calc(var(--media-info-status-content-width)/var(--media-info-status-item-count-per-row));--media-info-status-card-height:calc(var(--media-info-status-height)/2 - var(--media-info-status-item-count-per-column)*2*var(--item-margin)/2);--media-info-status-decode-item-count-per-row:2;--media-info-status-decode-item-count-per-column:2;--media-info-status-decode-card-width:calc(var(--media-info-status-content-width)/var(--media-info-status-decode-item-count-per-row));--media-info-status-decode-card-height:calc(var(--media-info-status-height)/2 - var(--media-info-status-decode-item-count-per-column)*2*var(--item-margin)/2);--pull-stream-device-info-width:calc(var(--card-container-width) + var(--card-container-margin)*2);--pull-stream-info-width-ratio:6/10;--pull-stream-info-width:calc(var(--pull-stream-info-width-ratio)*var(--pull-stream-device-info-width));--pull-device-info-width:calc(var(--pull-stream-device-info-width) - var(--pull-stream-info-width) - var(--card-container-margin)*4);--stream-device-info-total-margin:calc(var(--item-margin)*8);--stream-device-info-total-padding:calc(var(--card-container-padding)*2);--stream-device-info-wave-circle-dimension:calc(var(--pull-device-info-width)/2 - var(--stream-device-info-total-margin)/2 - var(--stream-device-info-total-padding)/2);--mix-video-container-height:calc(var(--viewport-width)*9/16);--mix-video-split-margin:var(--margin-x-small);--margin-xxx-small:2px;--margin-xxx-small:4px;--margin-xx-small:6px;--margin-x-small:8px;--margin-small:10px;--margin-medium:12px;--margin-large:16px;--margin-x-large:20px;--margin-xx-large:24px;--margin-xxx-large:48px;--padding-xxx-small:3px;--padding-xx-small:5px;--padding-x-small:10px;--padding-small:15px;--padding-medium:20px;--padding-large:25px;--padding-x-large:30px;--padding-xx-large:35px;--padding-xxx-large:60px;--border-radius-xx-small:3px;--border-radius-x-small:5px;--border-radius-small:8px;--border-radius-medium:10px;--border-radius-large:12px;--border-radius-x-large:16px;--border-radius-xx-large:20px}.modules-tab[data-v-3f880a7c]{margin:var(--item-margin) var(--item-margin)!important}.page-container[data-v-3f880a7c]{margin:0 auto;display:flex;flex-direction:row;justify-content:center}.page-container .wrapper[data-v-3f880a7c]{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--viewport-padding)}.page-container .wrapper .media-info[data-v-3f880a7c]{display:flex;flex-direction:row}.media-info .status[data-v-3f880a7c]{margin:0 0;width:var(--media-info-status-width);height:var(--media-info-status-height);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.submit-button-wrapper[data-v-3f880a7c]{width:100%;display:flex;justify-content:center}.settings-form[data-v-3f880a7c]{min-width:calc(var(--viewport-width)/2 - var(--grid-margin));width:100%}.settings-form-model-item[data-v-3f880a7c]{display:flex;flex-direction:row;width:100%;align-items:center}.settings-form-model-item .ant-form-item-label[data-v-3f880a7c]{width:var(--form-item-label-width)!important;white-space:pre-wrap;line-height:1.5rem;vertical-align:middle;margin-right:var(--margin-x-small)!important}.settings-form-model-item .note[data-v-3f880a7c]{margin:0 var(--margin-small);width:-moz-fit-content;width:fit-content;min-width:var(--form-item-note-width-min)}.settings-form-model-item .control[data-v-3f880a7c]{width:var(--form-item-control-width)}.settings-form-model-item .control-large-width[data-v-3f880a7c]{width:var(--form-item-control-width-large)}.text-state-normal[data-v-3f880a7c]{color:var(--normal-color)}.text-state-warning[data-v-3f880a7c]{color:var(--warning-color)}.text-state-error[data-v-3f880a7c]{color:var(--error-color)}.text-state-success[data-v-3f880a7c]{color:var(--success-color)}.media-cover[data-v-3f880a7c]{margin:var(--item-margin) var(--item-margin);width:var(--media-info-cover-width);height:var(--media-info-cover-height)}.media-cover .video-js[data-v-3f880a7c]{width:var(--media-info-cover-width)!important;height:var(--media-info-cover-height)!important}.warning[data-v-3f880a7c]{color:var(--warning-color)}.meida-cover-medium[data-v-3f880a7c]{margin:var(--item-margin) var(--item-margin);width:var(--media-info-cover-width);height:var(--media-info-cover-height)}[data-v-3f880a7c]:root{--viewport-margin:var(--margin-x-large);--viewport-padding:var(--padding-x-small);--viewport-width-auto:80vw;--viewport-width-max:1218px;--viewport-width-min:984px;--viewport-width-max-calculated:min(var(--viewport-width-max),var(--viewport-width-auto));--viewport-width:max(var(--viewport-width-min),var(--viewport-width-max-calculated));--grid-margin:var(--margin-xx-small);--form-item-label-width:180px;--form-item-note-width-min:120px;--form-item-control-width:220px;--form-item-control-width-large:calc(var(--viewport-width) - var(--form-item-label-width) - var(--form-item-note-width-min) - var(--padding-x-small)*4);--card-container-margin:var(--grid-margin);--card-container-padding:var(--viewport-padding);--card-container-width:var(--viewport-width);--item-margin:var(--margin-x-small);--media-info-cover-aspect-ratio:(9/16);--media-info-total-margin:calc(var(--item-margin)*2 + var(--item-margin)*6);--media-info-total-padding:calc(var(--card-container-padding)*2);--media-info-content-total-width:calc(var(--viewport-width) - var(--media-info-total-padding) - var(--media-info-total-margin));--media-info-cover-width-ratio:5/10;--media-info-cover-width:calc(var(--media-info-cover-width-ratio)*var(--media-info-content-total-width));--media-info-cover-height:calc(var(--media-info-cover-aspect-ratio)*var(--media-info-cover-width));--media-info-status-content-width:calc(var(--media-info-content-total-width) - var(--media-info-cover-width));--media-info-status-width:calc(var(--media-info-status-content-width) + var(--item-margin)*6);--media-info-status-height:calc(var(--media-info-cover-height) + var(--item-margin)*2);--media-info-status-item-count-per-row:3;--media-info-status-item-count-per-column:2;--media-info-status-card-width:calc(var(--media-info-status-content-width)/var(--media-info-status-item-count-per-row));--media-info-status-card-height:calc(var(--media-info-status-height)/2 - var(--media-info-status-item-count-per-column)*2*var(--item-margin)/2);--media-info-status-decode-item-count-per-row:2;--media-info-status-decode-item-count-per-column:2;--media-info-status-decode-card-width:calc(var(--media-info-status-content-width)/var(--media-info-status-decode-item-count-per-row));--media-info-status-decode-card-height:calc(var(--media-info-status-height)/2 - var(--media-info-status-decode-item-count-per-column)*2*var(--item-margin)/2);--pull-stream-device-info-width:calc(var(--card-container-width) + var(--card-container-margin)*2);--pull-stream-info-width-ratio:6/10;--pull-stream-info-width:calc(var(--pull-stream-info-width-ratio)*var(--pull-stream-device-info-width));--pull-device-info-width:calc(var(--pull-stream-device-info-width) - var(--pull-stream-info-width) - var(--card-container-margin)*4);--stream-device-info-total-margin:calc(var(--item-margin)*8);--stream-device-info-total-padding:calc(var(--card-container-padding)*2);--stream-device-info-wave-circle-dimension:calc(var(--pull-device-info-width)/2 - var(--stream-device-info-total-margin)/2 - var(--stream-device-info-total-padding)/2);--mix-video-container-height:calc(var(--viewport-width)*9/16);--mix-video-split-margin:var(--margin-x-small);--margin-xxx-small:2px;--margin-xxx-small:4px;--margin-xx-small:6px;--margin-x-small:8px;--margin-small:10px;--margin-medium:12px;--margin-large:16px;--margin-x-large:20px;--margin-xx-large:24px;--margin-xxx-large:48px;--padding-xxx-small:3px;--padding-xx-small:5px;--padding-x-small:10px;--padding-small:15px;--padding-medium:20px;--padding-large:25px;--padding-x-large:30px;--padding-xx-large:35px;--padding-xxx-large:60px;--border-radius-xx-small:3px;--border-radius-x-small:5px;--border-radius-small:8px;--border-radius-medium:10px;--border-radius-large:12px;--border-radius-x-large:16px;--border-radius-xx-large:20px}.decode-card[data-v-3f880a7c]{width:var(--media-info-status-decode-card-width)!important}.settings-container[data-v-3f880a7c]{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding:var(--padding-x-small) var(--padding-small)!important;margin:0 0!important}.connect-state-container h5[data-v-3f880a7c]{margin-bottom:0}.state-group[data-v-3f880a7c]{display:flex;align-items:center;margin:var(--margin-medium) 0}.state-group .label[data-v-3f880a7c]{width:var(--form-item-label-width)!important;text-align:right}.func-btn-group[data-v-3f880a7c]{display:flex;flex-direction:row;justify-content:center;margin:var(--margin-medium) 0}.func-btn[data-v-3f880a7c]{margin:0 var(--margin-small)}.decode-card-container[data-v-3f880a7c]{width:100%;margin:0 0!important}