.video-js .vjs-progress-control, .video-js .vjs-progress-control .vjs-progress-holder { overflow: visible; } .vjs-most-replayed { position: absolute; left: 0; right: 0; bottom: 3px; height: 34px; pointer-events: none; z-index: 1; } .vjs-most-replayed-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } .vjs-most-replayed-area { stroke: none; } .vjs-most-replayed-line { fill: none; stroke: rgba(255, 255, 255, 0.92); stroke-width: 1; vector-effect: non-scaling-stroke; } .video-js.vjs-ad-playing .vjs-most-replayed { display: none !important; } .vjs-most-replayed.is-hidden { display: none !important; } .video-js .vjs-settings-row--toggle { cursor: default; } .video-js .vjs-settings-row--toggle .vjs-settings-row-label { flex: 1; } .video-js .vjs-setting-switch { display: inline-flex; width: 38px; height: 22px; flex-shrink: 0; align-items: center; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.34); border-radius: 999px; background: rgba(255, 255, 255, 0.1); cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease; } .video-js .vjs-setting-switch::after { width: 16px; height: 16px; margin: 0; background: #d5d5d5; border-radius: 50%; content: ''; transform: translateX(0); transition: transform 0.18s ease, background 0.18s ease; } .video-js .vjs-setting-switch.on { border-color: var(--accent, var(--color-primary, #f55151)); background: var(--accent, var(--color-primary, #f55151)); } .video-js .vjs-setting-switch.on::after { background: #fff; transform: translateX(16px); } .video-js .vjs-setting-switch:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.7); outline-offset: 2px; }