.course-player{outline-offset:3px;background:#000;border-radius:10px;max-width:960px;position:relative;overflow:hidden}.course-player video{cursor:pointer;background:#000;width:100%;max-height:70vh;display:block}.course-player-embed{aspect-ratio:16/9}.course-player-embed iframe{border:0;width:100%;height:100%}.course-player-controls{color:#f2f2f2;background:#141414;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex}.course-player-controls button{color:inherit;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;min-width:2.4rem;padding:.25rem .55rem}.course-player-controls button:focus-visible,.course-player-controls select:focus-visible,.course-player-controls input:focus-visible{outline:2px solid #e0b354}.course-player-seek{flex:180px;width:auto;min-width:120px}.course-player-volume{width:80px}.course-player-time{font-variant-numeric:tabular-nums;font-size:.85rem}.course-player-rate{align-items:center;gap:.3rem;font-size:.85rem;display:flex}.course-player-rate select{width:auto;color:inherit;background:#222;border:1px solid #444;border-radius:6px}.course-player-error{color:#ffb4a8;margin:0;padding:.4rem .6rem}@media (max-width:480px){.course-player-volume{display:none}.course-player-controls{gap:.3rem}}
