:root{--seek-bar-height:6px;--seek-bar-thumb-size:12px;--seek-bar-thumb-color:#fff;--seek-bar-progress-color:#fff;--seek-bar-color:rgba(255,255,255,.4)}.video-background-controls button{font-size:32px;display:inline-block;padding:0;margin:0 0 0 10px;height:32px;width:32px;border-radius:16px;line-height:32px;border:0;background:0;appearance:none;color:#fff;filter:drop-shadow(0 0 1px black);cursor:pointer;opacity:1;transition:opacity .25s ease-in-out}.video-background-controls button:hover{opacity:.5}.seek-bars{display:flex;flex-flow:row nowrap;gap:8px}.seek-bar-wrapper{position:relative;width:100%;height:var(--seek-bar-height);background:var(--seek-bar-color)}.seek-bar-progress{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:transparent;overflow:hidden}.seek-bar-progress::-webkit-progress-bar{background:transparent}.seek-bar-progress::-webkit-progress-value{background:var(--seek-bar-progress-color)}.seek-bar-progress::-moz-progress-bar{background:var(--seek-bar-progress-color)}.seek-bar{appearance:none;position:relative;top:calc(50% - 10px);z-index:1;display:block;width:100%;height:20px;margin:0;cursor:pointer;background:transparent}.seek-bar::-webkit-slider-runnable-track{appearance:none;height:var(--seek-bar-height);background:transparent;border:0;border-radius:0}.seek-bar::-moz-range-track{appearance:none;width:100%;height:var(--seek-bar-height);background:transparent;border:0;border-radius:0}.seek-bar::-moz-range-progress{background:transparent;border:0}.seek-bar::-webkit-slider-thumb{appearance:none;width:var(--seek-bar-thumb-size);height:var(--seek-bar-thumb-size);margin-top:calc(var(--seek-bar-height) / 2);transform:translateY(-50%);cursor:pointer;background:var(--seek-bar-thumb-color);border:0;border-radius:50%;opacity:0;transition:opacity .4s ease-in-out}.seek-bar::-moz-range-thumb{appearance:none;width:var(--seek-bar-thumb-size);height:var(--seek-bar-thumb-size);cursor:pointer;background:var(--seek-bar-thumb-color);border:0;border-radius:50%;opacity:0;transition:opacity .4s ease-in-out}.seek-bar-wrapper:hover .seek-bar:not([disabled])::-webkit-slider-thumb{opacity:1}.seek-bar-wrapper:hover .seek-bar:not([disabled])::-moz-range-thumb{opacity:1}