.kpm-mirror-overlay{--mirror-radius: var(--kpm-mirror-frame-radius);--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(--mirror-radius);inset:var(--kpm-mirror-frame-inset);bottom:var(--kpm-mirror-metric-bottom);overflow:hidden;position:absolute}.kpm-mirror-overlay__flag-clip{position:absolute;top:calc(100% - var(--kpm-mirror-metric-bottom) - var(--kpm-mirror-frame-border-width));inset-inline:var(--kpm-space-0);bottom:var(--kpm-space-0);overflow:hidden}.kpm-mirror-overlay__flag-drawer{height:var(--kpm-size-full);box-sizing:border-box;overflow:hidden;background:var(--mirror-panel);border:var(--kpm-mirror-frame-border-width) solid var(--mirror-edge);border-top:none;border-radius:var(--mirror-radius);border-top-left-radius:var(--kpm-space-0);border-top-right-radius:var(--kpm-space-0);transform:translateY(-100%);transition:var(--kpm-mirror-drawer-transition)}.kpm-mirror-overlay[data-flag-active] .kpm-mirror-overlay__flag-drawer{transform:translateY(var(--kpm-space-0))}.kpm-mirror-overlay__flag-drawer>div{height:var(--kpm-size-full);background:var(--mirror-flag-color);animation:var(--kpm-mirror-flag-animation)}.kpm-mirror-overlay__topbar{position:absolute;inset:var(--kpm-mirror-frame-inset);bottom:var(--kpm-mirror-metric-bottom);box-sizing:border-box;overflow:hidden;border:var(--kpm-mirror-frame-border-width) solid transparent;border-radius:var(--mirror-radius)}.kpm-mirror-overlay__topbar .kpm-mirror-overlay__sectors span{flex:var(--kpm-mirror-topbar-sector-flex);flex-basis:var(--kpm-mirror-topbar-sector-min);width:auto;height:var(--kpm-mirror-topbar-sector-height);max-width:none;border-radius:0;font-size:var(--kpm-mirror-topbar-sector-font-size)}.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:center;justify-content:center;background:var(--mirror-panel);bottom:calc(var(--kpm-mirror-metric-bottom) + var(--kpm-mirror-frame-border-width));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);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);line-height:var(--kpm-line-height-solid);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__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__topbar .kpm-mirror-overlay__sectors span{font-size:var(--kpm-mirror-topbar-sector-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__topbar .kpm-mirror-overlay__sectors span{border:0}.kpm-mirror-overlay__topbar .kpm-mirror-overlay__sectors span+span{border-inline-start:var(--kpm-mirror-sector-border-width) solid var(--mirror-edge)}.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__flag-drawer>div{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{--mirror-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{--mirror-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{--mirror-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=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);text-box-trim:none;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__flag-drawer>div{animation:none}.kpm-mirror-overlay__flag-drawer{transition:none}}.kpm-mirror-overlay[data-flag-active] .kpm-mirror-overlay__frame{border-bottom-left-radius:0;border-bottom-right-radius:0}.kpm-mirror-overlay__topbar .kpm-mirror-overlay__sectors{gap:0;flex-wrap:nowrap;justify-content:center;background:var(--mirror-panel);border-bottom:var(--kpm-mirror-readout-border-width) solid var(--mirror-edge)}.kpm-mirror-overlay:has(.kpm-mirror-overlay__topbar) .kpm-mirror-overlay__spotter{top:calc(var(--kpm-mirror-frame-border-width) + var(--kpm-mirror-topbar-sector-height) + 4cqh);bottom:calc(var(--kpm-mirror-metric-bottom) + var(--kpm-mirror-frame-border-width) + 2cqh);grid-auto-rows:var(--kpm-mirror-spotter-fill-rows)}.kpm-mirror-overlay:has(.kpm-mirror-overlay__topbar) .kpm-mirror-overlay__spotter span{height:100%;box-sizing:border-box}.kpm-mirror-overlay__readout{justify-content:center}@supports (text-box-trim: trim-both){[data-kpm-theme]:not([data-kpm-theme=digital-90s]) .kpm-mirror-overlay__readout>strong,[data-kpm-theme]:not([data-kpm-theme=digital-90s]) .kpm-mirror-overlay__metric>:is(span,strong){text-box-trim:trim-both;text-box-edge:cap alphabetic}}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__metric strong{line-height:var(--kpm-mirror-digital-metric-line-height);padding:var(--kpm-mirror-digital-metric-padding);min-width:var(--kpm-space-0)}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__metric{align-items:center}[data-kpm-theme=digital-90s] .kpm-mirror-overlay__sectors span{font-family:Share Tech Mono,monospace;font-weight:400;line-height:1.2}