.kpm-mirror-overlay{--mirror-accent: var(--kpm-color-accent);--mirror-edge: var(--kpm-mirror-edge-default);--mirror-panel: var(--kpm-mirror-panel-default);--mirror-spotter: var(--kpm-color-warning);box-sizing:border-box;container-type:size;height:var(--kpm-size-full);min-height:var(--kpm-space-0);min-width:var(--kpm-space-0);pointer-events:none;position:relative;width:var(--kpm-size-full)}.kpm-mirror-overlay__frame{background:var(--kpm-mirror-side-well-fill);border-color:var(--mirror-edge);border-style:solid;border-width:var(--kpm-mirror-frame-border-width);border-radius:var(--kpm-mirror-frame-radius);inset:var(--kpm-mirror-frame-inset);overflow:hidden;position:absolute}.kpm-mirror-overlay:not([data-flag-active]) .kpm-mirror-overlay__frame{bottom:var(--kpm-mirror-metric-bottom);border-bottom-left-radius:var(--kpm-space-0);border-bottom-right-radius:var(--kpm-space-0)}.kpm-mirror-overlay[data-flag-active]:before{border-top:var(--kpm-mirror-frame-border-width) solid var(--mirror-edge);bottom:var(--kpm-mirror-metric-bottom);content:"";left:var(--kpm-mirror-baseline-side);position:absolute;right:var(--kpm-mirror-baseline-side)}.kpm-mirror-overlay[data-flag-active] .kpm-mirror-overlay__frame{background:linear-gradient(to top,var(--mirror-panel) var(--kpm-space-0) var(--kpm-mirror-band-height),transparent var(--kpm-mirror-band-height)),var(--kpm-mirror-side-well-fill)}.kpm-mirror-overlay__frame:after{animation:var(--kpm-mirror-flag-animation);background:var(--mirror-flag-color);bottom:var(--kpm-space-0);content:"";display:none;height:var(--kpm-mirror-band-height);left:var(--kpm-space-0);position:absolute;right:var(--kpm-space-0)}.kpm-mirror-overlay[data-flag-active] .kpm-mirror-overlay__frame:after{display:block}.kpm-mirror-overlay__spotter{display:grid;gap:var(--kpm-mirror-spotter-gap);position:absolute;top:var(--kpm-mirror-spotter-top);z-index:var(--kpm-layer-decoration)}.kpm-mirror-overlay__spotter[data-side=left]{left:var(--kpm-mirror-spotter-side)}.kpm-mirror-overlay__spotter[data-side=right]{right:var(--kpm-mirror-spotter-side)}.kpm-mirror-overlay__spotter span{background:var(--kpm-mirror-spotter-inactive);border:var(--kpm-mirror-spotter-border);border-radius:var(--kpm-mirror-spotter-radius, var(--kpm-radius-pill));height:var(--kpm-mirror-spotter-height);opacity:var(--kpm-mirror-spotter-opacity);width:var(--kpm-mirror-spotter-width)}.kpm-mirror-overlay__spotter[data-count="2"] span{height:var(--kpm-mirror-spotter-height-double)}.kpm-mirror-overlay__spotter[data-active=true] span:first-child,.kpm-mirror-overlay__spotter[data-count="2"] span{background:var(--mirror-spotter);border-color:var(--kpm-mirror-spotter-active-border);box-shadow:var(--kpm-mirror-spotter-shadow);color:var(--mirror-spotter);opacity:var(--kpm-opacity-visible)}.kpm-mirror-overlay__spotter:is([data-count="0"],[data-count="1"]) span:last-child{display:none}.kpm-mirror-overlay__metric{align-items:baseline;background:var(--mirror-panel);bottom:var(--kpm-mirror-metric-bottom);display:flex;gap:var(--kpm-mirror-metric-gap);max-width:var(--kpm-mirror-metric-max-width);min-width:var(--kpm-mirror-metric-min-width);padding:var(--kpm-mirror-metric-padding);position:absolute;z-index:var(--kpm-layer-decoration)}.kpm-mirror-overlay__metric[data-position=left]{border-radius:var(--kpm-mirror-metric-left-radius);clip-path:var(--kpm-mirror-futuristic-left-clip);left:var(--kpm-mirror-metric-side)}.kpm-mirror-overlay__metric[data-position=right]{border-radius:var(--kpm-mirror-metric-right-radius);clip-path:var(--kpm-mirror-futuristic-right-clip);justify-content:flex-end;right:var(--kpm-mirror-metric-side);padding:var(--kpm-mirror-metric-right-padding)}.kpm-mirror-overlay__metric span{color:var(--kpm-color-muted);font-family:var(--kpm-font-family-heading);font-size:var(--kpm-mirror-metric-label-size);font-weight:var(--kpm-font-weight-bold);letter-spacing:var(--kpm-letter-spacing-label);text-transform:uppercase}.kpm-mirror-overlay__metric strong{color:var(--kpm-color-text);font-family:var(--kpm-font-family-data);font-size:var(--kpm-mirror-metric-value-size);font-variant-numeric:var(--kpm-font-variant-numeric-tabular);line-height:var(--kpm-line-height-solid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpm-mirror-overlay__readout{box-sizing:border-box;align-items:center;background:var(--mirror-panel);border-color:var(--mirror-edge);border-style:solid;border-width:var(--kpm-mirror-readout-border-width);border-radius:var(--kpm-mirror-readout-radius);bottom:var(--kpm-mirror-readout-bottom);display:flex;flex-direction:column;gap:var(--kpm-mirror-readout-gap);left:var(--kpm-position-center);max-width:var(--kpm-mirror-readout-max-width);min-width:var(--kpm-mirror-readout-min-width);padding:var(--kpm-mirror-readout-padding);position:absolute;transform:translate(-50%,50%);z-index:var(--kpm-layer-decoration)}.kpm-mirror-overlay__readout>span{color:var(--kpm-color-muted);font-size:var(--kpm-mirror-readout-label-size);letter-spacing:var(--kpm-letter-spacing-label);line-height:var(--kpm-line-height-solid);text-transform:uppercase}.kpm-mirror-overlay__readout>strong{color:var(--kpm-color-text);font-family:var(--kpm-font-family-data);font-size:var(--kpm-mirror-readout-size);font-variant-numeric:var(--kpm-font-variant-numeric-tabular);line-height:var(--kpm-line-height-solid);white-space:nowrap}.kpm-mirror-overlay__readout[data-tone=positive]>strong,.kpm-mirror-overlay__readout[data-tone=timing-best]>strong{color:var(--kpm-color-positive)}.kpm-mirror-overlay__readout[data-tone=critical]>strong{color:var(--kpm-color-critical)}.kpm-mirror-overlay__readout[data-tone=warning]>strong{color:var(--kpm-color-warning)}.kpm-mirror-overlay__ticks{display:flex;gap:var(--kpm-mirror-tick-gap)}.kpm-mirror-overlay__ticks span{background:var(--kpm-mirror-tick-inactive);border-radius:var(--kpm-mirror-tick-radius);height:var(--kpm-mirror-tick-height);width:var(--kpm-mirror-tick-width)}.kpm-mirror-overlay__ticks span[data-active]{background:currentColor}.kpm-mirror-overlay__readout[data-tone=positive] .kpm-mirror-overlay__ticks,.kpm-mirror-overlay__readout[data-tone=timing-best] .kpm-mirror-overlay__ticks{color:var(--kpm-color-positive)}.kpm-mirror-overlay__readout[data-tone=critical] .kpm-mirror-overlay__ticks{color:var(--kpm-color-critical)}.kpm-mirror-overlay__readout[data-tone=warning] .kpm-mirror-overlay__ticks{color:var(--kpm-color-warning)}.kpm-mirror-overlay__sectors{display:flex;flex-wrap:wrap;gap:var(--kpm-mirror-sector-gap);justify-content:center;max-width:100%}.kpm-mirror-overlay__sectors span{--mirror-sector-size: var(--kpm-mirror-sector-width);position:relative;align-items:center;background:var(--kpm-mirror-sector-pending);border:var(--kpm-mirror-sector-border-width) solid var(--kpm-mirror-sector-border);border-radius:var(--kpm-mirror-sector-radius);box-sizing:border-box;color:var(--kpm-mirror-sector-pending-text);display:flex;font-family:var(--kpm-font-family-data);font-size:var(--kpm-mirror-sector-font-size);font-weight:var(--kpm-font-weight-bold);flex:none;height:var(--mirror-sector-size);justify-content:center;line-height:var(--kpm-line-height-solid);width:var(--mirror-sector-size);white-space:nowrap}.kpm-mirror-overlay__readout[data-sector-count]{max-width:var(--kpm-mirror-sector-readout-max-width)}.kpm-mirror-overlay__readout[data-sector-density=dense]{width:max-content;max-width:var(--kpm-mirror-sector-dense-readout-max-width);padding-left:var(--kpm-mirror-sector-dense-readout-padding-x);padding-right:var(--kpm-mirror-sector-dense-readout-padding-x)}.kpm-mirror-overlay__sectors[data-dense]{gap:var(--kpm-mirror-sector-dense-gap)}.kpm-mirror-overlay__sectors[data-dense] span{--mirror-sector-size: var(--kpm-mirror-sector-dense-width);font-size:var(--kpm-mirror-sector-dense-font-size)}.kpm-mirror-overlay__sectors span[data-sector-status=personal-best]{--sector-completion-color: var(--kpm-color-positive);background:var(--kpm-color-positive);border-color:var(--kpm-color-positive);color:var(--kpm-mirror-sector-active-text)}.kpm-mirror-overlay__sectors span[data-previous-lap]{opacity:var(--kpm-mirror-sector-previous-lap-opacity)}.kpm-mirror-overlay__sectors span[data-sector-status=no-improvement]{--sector-completion-color: var(--kpm-color-warning);background:var(--kpm-color-warning);border-color:var(--kpm-color-warning);color:var(--kpm-mirror-sector-active-text)}.kpm-mirror-overlay__sectors span[data-sector-status=session-best]{--sector-completion-color: var(--kpm-mirror-sector-session-best);background:var(--kpm-mirror-sector-session-best);border-color:var(--kpm-mirror-sector-session-best);color:var(--kpm-mirror-sector-active-text)}.kpm-mirror-overlay[data-flag-tone=critical]{--mirror-flag-color: var(--kpm-color-critical)}.kpm-mirror-overlay[data-flag-tone=warning]{--mirror-flag-color: var(--kpm-color-warning)}.kpm-mirror-overlay[data-flag-tone=positive]{--mirror-flag-color: var(--kpm-color-positive)}.kpm-mirror-overlay[data-flag-tone=blue]{--mirror-flag-color: var(--kpm-mirror-flag-blue)}.kpm-mirror-overlay[data-flag-tone=orange]{--mirror-flag-color: var(--kpm-mirror-flag-orange)}.kpm-mirror-overlay[data-flag=black],.kpm-mirror-overlay[data-flag=warning]{--mirror-flag-color: var(--kpm-mirror-flag-black)}.kpm-mirror-overlay[data-flag=white]{--mirror-flag-color: var(--kpm-mirror-flag-white)}.kpm-mirror-overlay[data-flag=checkered] .kpm-mirror-overlay__frame:after{background:var(--kpm-mirror-checker-pattern)}[data-kpm-theme=kpm-sim-kit] .kpm-mirror-overlay{--mirror-accent: var(--kpm-color-accent);--mirror-edge: var(--kpm-mirror-kpm-edge);--mirror-panel: var(--kpm-mirror-kpm-panel)}[data-kpm-theme=kpm-sim-kit] .kpm-mirror-overlay__frame{border-radius:var(--kpm-mirror-frame-radius-kpm)}[data-kpm-theme=kpm-sim-kit] .kpm-mirror-overlay__metric{border-color:var(--mirror-edge);border-style:solid;border-width:var(--kpm-mirror-kpm-metric-border-width) var(--kpm-space-0) var(--kpm-space-0)}[data-kpm-theme=futuristic] .kpm-mirror-overlay{--mirror-accent: var(--kpm-mirror-futuristic-accent);--mirror-edge: var(--kpm-mirror-futuristic-edge);--mirror-panel: var(--kpm-mirror-futuristic-panel);--mirror-spotter: var(--kpm-mirror-futuristic-spotter)}[data-kpm-theme=futuristic] .kpm-mirror-overlay__frame{border-radius:var(--kpm-mirror-frame-radius-futuristic)}[data-kpm-theme=futuristic] :is(.kpm-mirror-overlay__metric,.kpm-mirror-overlay__readout),[data-kpm-theme=modern-speed] :is(.kpm-mirror-overlay__metric,.kpm-mirror-overlay__readout){background:var(--kpm-mirror-themed-surface);border:var(--kpm-mirror-readout-border-width) solid var(--mirror-edge)}[data-kpm-theme=futuristic] .kpm-mirror-overlay__metric span{color:var(--mirror-edge)}[data-kpm-theme=modern-speed] .kpm-mirror-overlay{--mirror-accent: var(--kpm-mirror-modern-accent);--mirror-edge: var(--kpm-mirror-modern-edge);--mirror-panel: var(--kpm-mirror-modern-panel);--mirror-spotter: var(--kpm-mirror-modern-spotter)}[data-kpm-theme=modern-speed] .kpm-mirror-overlay__frame{border-radius:var(--kpm-mirror-frame-radius-modern)}[data-kpm-theme=modern-speed] :is(.kpm-mirror-overlay__metric,.kpm-mirror-overlay__readout){box-shadow:var(--kpm-mirror-themed-shadow)}[data-kpm-theme=modern-speed] .kpm-mirror-overlay__metric strong{font-style:italic}[data-kpm-theme=modern-speed] .kpm-mirror-overlay__spotter span,[data-kpm-theme=modern-speed] .kpm-mirror-overlay__spotter[data-active=true] span:first-child,[data-kpm-theme=modern-speed] .kpm-mirror-overlay__spotter[data-count="2"] span{background-image:var(--kpm-mirror-spotter-sheen)}[data-kpm-theme=modern-speed] .kpm-mirror-overlay__readout{border-bottom-color:var(--mirror-accent);border-bottom-style:solid;border-bottom-width:var(--kpm-mirror-modern-readout-border-width)}[data-kpm-theme=digital-90s] .kpm-mirror-overlay{--mirror-accent: var(--kpm-color-accent);--mirror-edge: var(--kpm-color-accent);--mirror-panel: var(--kpm-mirror-digital-panel);--mirror-spotter: var(--kpm-color-warning)}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__metric{border-radius:var(--kpm-space-0)}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__spotter span,[data-kpm-theme=digital-90s] .kpm-mirror-overlay__spotter[data-active=true] span:first-child,[data-kpm-theme=digital-90s] .kpm-mirror-overlay__spotter[data-count="2"] span{background-image:var(--kpm-mirror-spotter-segments)}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__metric,[data-kpm-theme=digital-90s] .kpm-mirror-overlay__readout{border-color:var(--mirror-edge);border-style:solid;border-width:var(--kpm-mirror-digital-border-width)}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__metric strong,[data-kpm-theme=digital-90s] .kpm-mirror-overlay__readout>strong{line-height:var(--kpm-line-height-normal);position:relative;top:var(--kpm-mirror-digital-value-offset)}@container (max-height: 90px){.kpm-mirror-overlay__readout>span{display:none}}@keyframes kpm-mirror-flag-pulse{50%{opacity:var(--kpm-mirror-flag-pulse-opacity)}}@media(prefers-reduced-motion:reduce){.kpm-mirror-overlay__frame:after{animation:none}}