.kmc{--kmc-ink: var(--t-ink, #0E1B1E);--kmc-muted: var(--t-muted, #5F6F72);--kmc-line: var(--t-border, #DDE5E3);--kmc-track: var(--t-mist, #F3F7F6);--kmc-storm: #18776F;--kmc-bolt: #30D5C7;--kmc-battery: #F5B75C;background:var(--color-background);color:var(--kmc-ink)}.kmc__inner{max-width:var(--kmc-max, var(--site-max-width));margin-inline:auto;padding-inline:calc(var(--gap, 8px) * 3)}.kmc__head{margin-bottom:24px;text-align:var(--kmc-align, left)}.kmc__title{font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.5rem);line-height:1.1;letter-spacing:var(--font-headline-letter-spacing, -.02em);margin:0 0 10px}.kmc__intro{margin:0;color:var(--kmc-muted);font-size:1.05em;text-wrap:pretty}.kmc__controls{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin-bottom:20px}.kmc__metrics{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--kmc-track);border:1px solid var(--kmc-line)}.kmc .kmc__metric,.kmc .kmc__metric:hover,.kmc .kmc__metric:focus,.kmc .kmc__metric:active{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--kmc-ink);font:inherit;font-size:.92em;font-weight:500;padding:9px 16px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.kmc .kmc__metric:hover{background:#0e1b1e14;color:var(--kmc-ink)}.kmc .kmc__metric[aria-pressed=true],.kmc .kmc__metric[aria-pressed=true]:hover,.kmc .kmc__metric[aria-pressed=true]:focus{background:var(--kmc-ink);color:#fff}.kmc .kmc__filter,.kmc .kmc__filter:hover,.kmc .kmc__filter:focus,.kmc .kmc__filter:active{-webkit-appearance:none;appearance:none;font:inherit;font-size:.88em;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--kmc-line);background:transparent;color:var(--kmc-muted);cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.kmc .kmc__filter:hover{border-color:var(--kmc-ink);color:var(--kmc-ink);background:#0e1b1e0a}.kmc .kmc__filter[aria-pressed=true],.kmc .kmc__filter[aria-pressed=true]:hover,.kmc .kmc__filter[aria-pressed=true]:focus{border-color:var(--kmc-ink);background:var(--kmc-ink);color:#fff;font-weight:600}.kmc .kmc__metric:focus-visible,.kmc .kmc__filter:focus-visible,.kmc .kmc__kit:focus-visible{outline:none;box-shadow:0 0 0 3px #30d5c773}.kmc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--kmc-line)}.kmc__row{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr) 96px;align-items:center;gap:8px 20px;padding:14px 0;border-bottom:1px solid var(--kmc-line)}.kmc__row.is-hidden{display:none}.kmc__kit{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none;border-radius:6px}.kmc__name{font-weight:600;line-height:1.3}.kmc__kit:hover .kmc__name{color:var(--t-green, #18776F);text-decoration:underline;text-underline-offset:3px}.kmc__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.85em;color:var(--kmc-muted)}.kmc__tag{color:#8a5a0b}.kmc__track{height:14px;border-radius:999px;background:var(--kmc-track);overflow:hidden}.kmc__bar{display:block;height:100%;width:var(--w, 0%);border-radius:999px;background:var(--kmc-bolt);transition:width .6s cubic-bezier(.2,.7,.2,1);position:relative}.kmc__row--storm .kmc__bar{background:var(--kmc-storm)}.kmc__row--battery .kmc__bar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:10px;background:var(--kmc-battery)}.kmc__value{font-family:var(--font-headline);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.kmc__legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:.85em;color:var(--kmc-muted)}.kmc__legend span{display:inline-flex;align-items:center;gap:6px}.kmc__swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.kmc__swatch--storm{background:var(--kmc-storm)}.kmc__swatch--bolt{background:var(--kmc-bolt)}.kmc__swatch--battery{background:var(--kmc-battery)}.kmc__note{margin-top:14px;font-size:.85em;color:var(--kmc-muted);text-align:var(--kmc-align, left);text-wrap:pretty}.kmc__cta{margin-top:18px}@media(max-width:899px){.kmc__controls{flex-direction:column;align-items:stretch}.kmc__metrics{border-radius:14px;display:grid;grid-template-columns:1fr 1fr}.kmc__metric{border-radius:10px;padding:10px 8px}.kmc__row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 0}.kmc__kit{grid-column:1 / 2}.kmc__value{grid-column:2 / 3;grid-row:1;align-self:start}.kmc__track{grid-column:1 / -1;height:12px}}@media(prefers-reduced-motion:reduce){.kmc__bar,.kmc__metric{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-kit-metrics-compare.css.map */