:root{--magic-player-track-height:.25rem}.magic-player-timeline{height:var(--magic-player-track-height)}.magic-player-timeline,.magic-player-timeline__target{align-items:center;width:100%;display:flex;position:relative}.magic-player-timeline__target{cursor:pointer;height:var(--magic-player-target-height,3.5rem)}.magic-player-timeline__slider-track{background:var(--magic-player-track-background,#fafafa26);height:var(--magic-player-track-height);border-radius:50rem;width:100%;position:relative}.magic-player-timeline__slider-inner-track{z-index:1;border-radius:50rem;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.magic-player-timeline__slider-thumb{height:var(--magic-player-track-height);width:var(--magic-player-track-height);z-index:10;position:absolute}.magic-player-timeline__slider-thumb-handle{background-color:var(--magic-player-thumb-background,#fafafa);height:var(--magic-player-thumb-size,1rem);width:var(--magic-player-thumb-size,1rem);z-index:10;border-radius:50rem;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.magic-player-timeline__slider-buffered,.magic-player-timeline__slider-scrubbed,.magic-player-timeline__slider-seeked{height:100%;margin-left:calc(-100% + var(--magic-player-track-height));background:currentColor;border-radius:50rem;width:100%;position:absolute;left:0}.magic-player-timeline__slider-scrubbed{min-width:var(--magic-player-track-height);z-index:1;display:flex}.magic-player-timeline__slider-seeked{opacity:.25}.magic-player-timeline__slider-buffered{opacity:.15}.magic-player-timeline:hover .magic-player-timeline__slider-thumb-handle{transform:translate(-50%,-50%)scale(1)}.magic-player-timeline__seek-popover{position:absolute;bottom:100%;left:0;transform:translate(-50%)}