.player-header{-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,.player-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left{font-weight:600}.header-left,.header-title{font-size:16px}.close-btn{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:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.video-main{width:100%;height:480px;background:var(--app-color-media-bg);position:relative}.video-controls{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,.video-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls-left{gap:4px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%}.divider-text{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{-ms-flex-negative:0;flex-shrink:0}.stream-option,.stream-radio-group{display:-webkit-box;display:-ms-flexbox;display:flex}.stream-option{-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{min-width:60px}.channel-select,.protocol-select{-ms-flex-negative:0;flex-shrink:0}.channel-select{min-width:80px}.channel-select .ant-select-selector{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{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{color:color-mix(in srgb,var(--app-color-text-inverse) 60%,transparent)!important}.channel-select:hover .ant-select-selector{border-color:var(--app-color-primary)!important}.control-btn{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:hover{color:var(--app-color-primary-hover);border-color:var(--app-color-primary-hover)}.control-btn.active,.control-btn.active:hover{color:var(--app-color-primary);border-color:var(--app-color-primary)}.control-btn .anticon{font-size:12px}.control-label{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}