.kpm-time-loss{width:100%;height:100%;min-width:0;min-height:0}.kpm-time-loss__body{min-height:0;padding:var(--kpm-time-loss-body-padding)}.kpm-time-loss__plot{position:relative;width:100%;height:100%;min-height:var(--kpm-time-loss-min-height);padding:var(--kpm-time-loss-plot-padding);box-sizing:border-box;color:var(--kpm-surface-muted, var(--kpm-color-muted));font:var(--kpm-time-loss-font);font-variant-numeric:tabular-nums}.kpm-time-loss__grid,.kpm-time-loss__bars{position:absolute;inset:var(--kpm-time-loss-bars-inset)}.kpm-time-loss__grid{display:flex;border-block:var(--kpm-time-loss-line-width) solid var(--kpm-color-border);border-left:var(--kpm-time-loss-line-width) solid var(--kpm-color-border-strong)}.kpm-time-loss__grid:after{position:absolute;top:50%;right:0;left:0;height:var(--kpm-time-loss-line-width);background:var(--kpm-time-loss-baseline-color);content:""}.kpm-time-loss__grid i{flex:1;background:color-mix(in srgb,var(--kpm-sector-marker-color) 12%,transparent);border-right:var(--kpm-time-loss-line-width) solid color-mix(in srgb,var(--kpm-sector-marker-color) 45%,var(--kpm-color-border))}.kpm-time-loss__bars{z-index:var(--kpm-layer-content)}.kpm-time-loss__turns{position:absolute;inset:var(--kpm-time-loss-bars-inset);z-index:var(--kpm-layer-content);pointer-events:none;color:var(--kpm-time-loss-turn-color)}.kpm-time-loss__turn{position:absolute;inset:0}.kpm-time-loss__turn:before{position:absolute;top:0;bottom:0;left:var(--time-loss-turn-position);border-left:var(--kpm-time-loss-turn-border);opacity:.55;content:""}.kpm-time-loss__turn span{position:absolute;transform:translate(-50%);padding:var(--kpm-time-loss-turn-label-padding);background:var(--kpm-color-canvas);font-size:var(--kpm-time-loss-turn-label-size);line-height:1.2;letter-spacing:0;white-space:nowrap}.kpm-time-loss__turn span[data-edge=top]{top:var(--kpm-time-loss-turn-label-inset)}.kpm-time-loss__turn span[data-edge=bottom]{bottom:var(--kpm-time-loss-turn-label-inset)}.kpm-time-loss__bars i[data-previous-lap]{opacity:.3}.kpm-time-loss__bars i{position:absolute;left:calc(var(--time-loss-index) / var(--kpm-time-loss-bin-count) * 100%);width:var(--kpm-time-loss-bar-width);height:max(var(--kpm-time-loss-min-bar-height),var(--time-loss-height))}.kpm-time-loss__bars i[data-direction=loss]{bottom:50%;border-radius:var(--kpm-time-loss-loss-radius);background:var(--kpm-color-critical);box-shadow:var(--kpm-time-loss-loss-shadow)}.kpm-time-loss__bars i[data-direction=gain]{top:50%;border-radius:var(--kpm-time-loss-gain-radius);background:var(--kpm-color-positive);box-shadow:var(--kpm-time-loss-gain-shadow)}.kpm-time-loss__axis-label{position:absolute;left:0;width:var(--kpm-time-loss-label-width);text-align:right}.kpm-time-loss__axis-label--loss{top:2%}.kpm-time-loss__axis-label--zero{top:50%;transform:translateY(-50%)}.kpm-time-loss__axis-label--gain{bottom:var(--kpm-time-loss-gain-label-bottom)}.kpm-time-loss__ticks{position:absolute;right:0;bottom:0;left:var(--kpm-time-loss-axis-width);display:flex}.kpm-time-loss__ticks>span{flex:1;min-width:0;text-align:left}.kpm-time-loss__ticks>.kpm-time-loss__finish{position:absolute;right:0;text-align:right}[data-kpm-theme=digital-90s] .kpm-time-loss__bars i{border-radius:0}[data-kpm-theme=digital-90s] .kpm-time-loss__plot{font:var(--kpm-time-loss-digital-font)}[data-kpm-theme=futuristic] .kpm-time-loss__grid{background-image:var(--kpm-time-loss-futuristic-grid)}