.video-detail-host{position:relative;width:100%;min-width:0;isolation:isolate}.video-detail-host>video{display:block;width:100%;max-width:100%}.video-detail-host[hidden],.video-detail-panel[hidden]{display:none!important}.video-detail-host>.video-detail-toggle{position:absolute;inset:10px 10px auto auto;z-index:4;margin:0;min-height:34px;padding:7px 11px;border:1px solid #b9d7e650;border-radius:6px;background:#081321d9;color:#e4f1f9;font:11px/1.5 Arial,sans-serif;letter-spacing:.02em;text-transform:none;cursor:pointer;backdrop-filter:blur(8px)}.video-detail-host>.video-detail-toggle:hover{background:#19334b}.video-detail-host>.video-detail-panel{position:absolute;inset:8px 8px auto auto;z-index:5;width:min(370px,calc(100% - 16px));max-height:calc(100% - 65px);overflow:auto;margin:0;padding:18px;background:#0a1627f5;border:1px solid #6d91a5;border-radius:9px;box-shadow:0 10px 35px #0007;color:#e4f1f9;text-align:left;color-scheme:dark}.video-detail-host>.video-detail-panel>h3{margin:0 55px 16px 0;color:#e4f1f9;font:600 14px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none}.video-detail-panel>.video-detail-close{position:absolute;top:12px;right:10px;border:0;padding:6px;background:#25425a;color:white;font:11px/1.5 Arial,sans-serif;border-radius:4px;cursor:pointer}.video-detail-host>.video-detail-panel>dl{display:grid;grid-template-columns:minmax(80px,1fr) 1.6fr;gap:8px 12px;margin:0;padding:0;border:0;font:11px/1.6 Arial,sans-serif}.video-detail-host .video-detail-panel dt{color:#9fb6c9;text-transform:none}.video-detail-host .video-detail-panel dd{margin:0;color:#eef7ff;overflow-wrap:anywhere}.video-detail-host button:focus-visible{outline:3px solid #ffc479;outline-offset:3px}@media(max-width:500px){.video-detail-host>.video-detail-toggle{top:6px;right:6px;min-height:34px}.video-detail-host>.video-detail-panel{padding:12px;max-height:calc(100% - 48px)}.video-detail-host>.video-detail-panel>dl{font-size:10px;gap:5px 8px}}