.dctx-player-controls-layer{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--dctx-fade-ms,.2s) ease}.dctx-player-controls-layer.is-visible{opacity:1;pointer-events:auto}.dctx-player-shell{width:100%;aspect-ratio:16/9;position:relative}.dctx-player-shell,.load-text,.video-container{display:flex;justify-content:center;align-items:center}.load-text,.video-container{position:absolute;inset:0}.load-text{background:red}.dctx-player-core{width:100%}.dctx-player-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.dctx-player-video{width:100%;height:100%;display:block}.dctx-player-overlay-message{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:16px;color:#fff;background:rgba(0,0,0,.35)}.dctx-player-center-play{position:absolute;inset:0;margin:auto;width:124px;height:124px;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:28px;cursor:pointer;z-index:3;opacity:0;pointer-events:none;transition:opacity var(--dctx-fade-ms,.2s) ease}.dctx-player-center-play.is-visible{opacity:1;pointer-events:auto}.dctx-player-center-play.is-hidden{opacity:0;pointer-events:none}@media (max-width:768px){.dctx-player-center-play{width:84px;height:84px;font-size:22px}}.dctx-player-btn{border:0;background:rgba(0,0,0,.35);color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.dctx-player-controls-bottom{left:0;right:0;bottom:0;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0))}.dctx-player-controls-bottom,.dctx-player-controls-top{position:absolute;display:flex;align-items:center;gap:10px;z-index:2}.dctx-player-controls-top{top:10px;right:10px;padding:8px;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px}.dctx-player-time{color:#fff;font-size:12px;white-space:nowrap;opacity:.9}.dctx-player-time-sep{margin:0 6px;opacity:.7}.dctx-player-seek{flex:1 1;min-width:80px}.dctx-player-volume{width:110px}@media (max-width:768px){.dctx-player-controls-top{gap:8px;padding:6px}.dctx-player-volume{width:80px}.dctx-player-btn{padding:7px 9px}}.dctx-player-quality{position:relative}.dctx-player-quality-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:140px;background:rgba(0,0,0,.85);border-radius:10px;padding:6px;display:grid;grid-gap:4px;gap:4px}.dctx-player-menu-item{width:100%;border:0;background:transparent;color:#fff;padding:8px 10px;text-align:left;border-radius:8px;cursor:pointer}.dctx-player-menu-item:hover{background:rgba(255,255,255,.12)}