.dahua-player[data-v-d0c5769a]{position:relative;width:100%;height:480px;background:#10151c}.dahua-player iframe[data-v-d0c5769a]{width:100%;height:100%;border:0}.retry[data-v-d0c5769a]{position:absolute;right:8px;top:8px}.ezviz-player-page__ptz[data-v-0d1b902c]{position:absolute;right:24px;bottom:24px;width:224px;padding:16px;background:rgba(15,18,24,.88);border:1px solid hsla(0,0%,100%,.18);border-radius:8px}.ezviz-player-page__directions[data-v-0d1b902c]{display:grid;grid-template:repeat(3,36px)/repeat(3,36px);gap:6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ezviz-player-page__directions .up[data-v-0d1b902c]{grid-area:1/2}.ezviz-player-page__directions .left[data-v-0d1b902c]{grid-area:2/1}.ezviz-player-page__directions .stop[data-v-0d1b902c]{grid-area:2/2}.ezviz-player-page__directions .right[data-v-0d1b902c]{grid-area:2/3}.ezviz-player-page__directions .down[data-v-0d1b902c]{grid-area:3/2}.ezviz-player-page__lens[data-v-0d1b902c]{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:14px}.ezviz-player-page__lens span[data-v-0d1b902c]{color:#fff;text-align:center;font-size:12px}.ezviz-player-page__ptz .ant-btn-circle[data-v-0d1b902c]{width:32px;min-width:32px;height:32px!important;padding:0!important;border-radius:50%!important}.player-header[data-v-8682a474]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;background:color-mix(in srgb,var(--app-color-text) 94%,var(--app-color-bg-container));color:var(--app-color-text-inverse);border-bottom:none}.header-left[data-v-8682a474],.player-header[data-v-8682a474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-8682a474]{font-size:16px;font-weight:600}.header-title[data-v-8682a474]{font-size:16px}.close-btn[data-v-8682a474]{font-size:18px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.close-btn[data-v-8682a474]:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.video-main[data-v-8682a474]{width:100%;height:480px;background:var(--app-color-media-bg);position:relative}.video-controls[data-v-8682a474]{padding:6px 10px;background:color-mix(in srgb,var(--app-color-text) 96%,var(--app-color-bg-container));border-top:1px solid color-mix(in srgb,var(--app-color-text-inverse) 18%,transparent);overflow-x:auto;overflow-y:hidden;white-space:nowrap}.controls-left[data-v-8682a474],.video-controls[data-v-8682a474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls-left[data-v-8682a474]{gap:4px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%}.divider-text[data-v-8682a474]{color:color-mix(in srgb,var(--app-color-text-inverse) 42%,transparent);font-size:12px;margin:0 1px;-ms-flex-negative:0;flex-shrink:0}.stream-radio-group[data-v-8682a474]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stream-option[data-v-8682a474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;padding:0 6px!important;height:22px!important;line-height:20px!important;font-size:12px!important}.protocol-select[data-v-8682a474]{min-width:60px;-ms-flex-negative:0;flex-shrink:0}.channel-select[data-v-8682a474]{min-width:80px;-ms-flex-negative:0;flex-shrink:0}.channel-select .ant-select-selector[data-v-8682a474]{background:color-mix(in srgb,var(--app-color-text-inverse) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--app-color-text-inverse) 20%,transparent)!important;border-radius:4px!important;height:26px!important}.channel-select .ant-select-selection-item[data-v-8682a474]{color:color-mix(in srgb,var(--app-color-text-inverse) 80%,transparent)!important;line-height:24px!important;font-size:11px!important}.channel-select .ant-select-arrow[data-v-8682a474]{color:color-mix(in srgb,var(--app-color-text-inverse) 60%,transparent)!important}.channel-select:hover .ant-select-selector[data-v-8682a474]{border-color:var(--app-color-primary)!important}.control-btn[data-v-8682a474]{height:22px;padding:0 4px;font-size:12px;line-height:20px;border-radius:2px;background:var(--app-color-bg-container);border:1px solid var(--app-color-border);color:var(--app-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;white-space:nowrap}.control-btn[data-v-8682a474]:hover{color:var(--app-color-primary-hover);border-color:var(--app-color-primary-hover)}.control-btn.active[data-v-8682a474],.control-btn.active[data-v-8682a474]:hover{color:var(--app-color-primary);border-color:var(--app-color-primary)}.control-btn .anticon[data-v-8682a474]{font-size:12px}.control-label[data-v-8682a474]{color:color-mix(in srgb,var(--app-color-text-inverse) 80%,transparent);font-size:12px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.cloud-player[data-v-8682a474]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--app-color-media-bg)}.header-icon[data-v-8682a474]{font-size:18px;margin-right:8px}.video-main[data-v-8682a474]{height:auto;aspect-ratio:900/480}.video-main>.dahua-player[data-v-8682a474]{height:100%}.player-state[data-v-8682a474]{position:absolute;inset: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;gap:12px;color:#fff}.cloud-player.playback .video-main[data-v-8682a474]{max-height:max(220px,calc(100vh - 410px))}.record-panel[data-v-8682a474]{padding:12px 16px;background:var(--app-color-bg-container)}.record-query[data-v-8682a474]{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.cloud-player:-webkit-full-screen .video-main[data-v-8682a474]{-webkit-box-flex:1;flex:1;min-height:0}.cloud-player:-ms-fullscreen .video-main[data-v-8682a474]{-ms-flex:1;flex:1;min-height:0}.cloud-player:fullscreen .video-main[data-v-8682a474]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}