: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-0f8abbda]{margin:var(--item-margin) var(--item-margin)!important}.page-container[data-v-0f8abbda]{margin:0 auto;display:flex;flex-direction:row;justify-content:center}.page-container .wrapper[data-v-0f8abbda]{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-0f8abbda]{display:flex;flex-direction:row}.media-info .status[data-v-0f8abbda]{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-0f8abbda]{width:100%;display:flex;justify-content:center}.settings-form[data-v-0f8abbda]{min-width:calc(var(--viewport-width)/2 - var(--grid-margin));width:100%}.settings-form-model-item[data-v-0f8abbda]{display:flex;flex-direction:row;width:100%;align-items:center}.settings-form-model-item .ant-form-item-label[data-v-0f8abbda]{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-0f8abbda]{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-0f8abbda]{width:var(--form-item-control-width)}.settings-form-model-item .control-large-width[data-v-0f8abbda]{width:var(--form-item-control-width-large)}.text-state-normal[data-v-0f8abbda]{color:var(--normal-color)}.text-state-warning[data-v-0f8abbda]{color:var(--warning-color)}.text-state-error[data-v-0f8abbda]{color:var(--error-color)}.text-state-success[data-v-0f8abbda]{color:var(--success-color)}.media-cover[data-v-0f8abbda]{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-0f8abbda]{width:var(--media-info-cover-width)!important;height:var(--media-info-cover-height)!important}.warning[data-v-0f8abbda]{color:var(--warning-color)}.meida-cover-medium[data-v-0f8abbda]{margin:var(--item-margin) var(--item-margin);width:var(--media-info-cover-width);height:var(--media-info-cover-height)}[data-v-0f8abbda]: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-0f8abbda]{width:var(--media-info-status-decode-card-width)!important}.settings-container[data-v-0f8abbda]{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-0f8abbda]{margin-bottom:0}.connect-state-container .text[data-v-0f8abbda]{margin-top:4px}.state-group[data-v-0f8abbda]{display:flex;align-items:center;margin:var(--margin-medium) 0}.state-group .label[data-v-0f8abbda]{width:var(--form-item-label-width)!important;text-align:right}.func-btn-group[data-v-0f8abbda]{display:flex;flex-direction:row;justify-content:center;margin:var(--margin-medium) 0}.func-btn[data-v-0f8abbda]{margin:0 var(--margin-small)}.decode-card-container[data-v-0f8abbda]{width:100%;margin:0 0!important}.onvif-device-modal .background-search-status[data-v-0f8abbda]{display:flex;align-items:center;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;margin-bottom:16px}.onvif-device-modal .background-search-status .status-text[data-v-0f8abbda]{margin-left:8px;color:#0369a1;font-size:14px}.onvif-device-modal .search-actions[data-v-0f8abbda]{margin-bottom:16px;text-align:left}.onvif-device-modal .onvif-device-table[data-v-0f8abbda]{margin-top:16px}.onvif-device-modal .onvif-device-table .ant-table[data-v-0f8abbda]{border:1px solid #d9d9d9;border-radius:4px}.onvif-device-modal .onvif-device-table .ant-table-thead>tr>th[data-v-0f8abbda]{background:#fafafa;font-weight:600;text-align:center}.onvif-device-modal .onvif-device-table .ant-table-tbody>tr>td[data-v-0f8abbda]{text-align:center;padding:8px 16px}.onvif-device-modal .no-devices[data-v-0f8abbda]{text-align:center;padding:40px 0;color:#999}.push_state_box[data-v-0f8abbda]{display:flex;margin-left:8px}.push_state_btn[data-v-0f8abbda]{margin-left:10px}