.cvp-root{position:relative;background:#000;display:flex;flex-direction:column}.cvp-root,.cvp-video{width:100%;height:100%}.cvp-video{object-fit:contain;background:black}.cvp-controls{bottom:12px;gap:8px;padding:8px 12px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.45))}.cvp-center-overlay,.cvp-controls{position:absolute;left:0;right:0;display:flex;align-items:center}.cvp-center-overlay{top:0;bottom:0;justify-content:center;pointer-events:none}.cvp-center-btn{pointer-events:auto;background:rgba(0,0,0,.6);border-radius:50%;width:84px;height:84px;border:1px solid rgba(255,255,255,.08)}.cvp-btn,.cvp-center-btn{display:inline-flex;align-items:center;justify-content:center;color:#fff}.cvp-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);padding:6px;border-radius:6px;cursor:pointer}.cvp-progress{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:4px;cursor:pointer;position:relative}.cvp-progress-bar{height:100%;background:#4ade80;width:0;border-radius:4px}.cvp-time{color:#ddd;font-size:12px;margin-left:8px}.cvp-volume{width:80px}.cvp-compact .cvp-controls{bottom:6px;padding:6px}.cvp-hide-controls .cvp-controls{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cvp-root:hover .cvp-controls{opacity:1;transform:none}.cvp-rate{background:rgba(255,255,255,.02);color:#fff;border:1px solid rgba(255,255,255,.04);padding:4px 6px;border-radius:6px}