.play-through-progress{align-items:center;width:100%;height:15px;display:flex;position:relative}.play-through-progress__track{z-index:0;background-color:#ffffff1a;border-radius:50px;height:5px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.play-through-progress__pending{z-index:1;background-color:#151544;background-image:repeating-linear-gradient(-45deg,#94a3b8,#94a3b8 5px,#0000 5px 9px);border-top-left-radius:2px;border-bottom-left-radius:2px;height:5px;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.play-through-progress__active{z-index:2;height:5px;box-shadow:0 0 2px var(--play-through-progress-active,#28e646);border-top-left-radius:2px;border-bottom-left-radius:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.play-through-progress__active--full{border-radius:2px}.play-through-progress__bubble{z-index:3;box-sizing:border-box;background-color:#151544;border-style:solid;border-width:1px;border-radius:10px;justify-content:center;align-items:center;width:35px;height:15px;display:flex;position:absolute;top:0}.play-through-progress__bubble-text{color:#fff;font-family:Avantt;font-size:10px;font-weight:700}