/* Kira Hesaplama: sekmeli kira merkezi (artış, bütçe, brüt/net, depozito). Yalnız bu sayfada yüklenir. */

[data-tool="kira-hesaplama"] {
  --kh-line: #e6e9f0;
  --kh-line-2: #dde1ea;
  --kh-soft: #f3f5f9;
  --kh-soft-2: #f8f9fc;
  --kh-shadow: 0 1px 2px #1b234008, 0 22px 44px -32px #1b23404d;
  --kh-cta: linear-gradient(135deg, #ea5c00 0%, #d45000 50%, #b84200 100%);
}
[data-tool="kira-hesaplama"] [hidden] { display: none !important; }
.panel--tool:has(> [data-tool="kira-hesaplama"]) { padding: 0; border: 0; background: transparent; box-shadow: none; }
[data-tool="kira-hesaplama"] > .tool__actions--utility { display: none !important; }
[data-tool="kira-hesaplama"] .icon { width: 16px; height: 16px; flex: none; }

/* ---------- yerleşim ---------- */
.kh-app { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "input" "stage" "result"; gap: 16px; align-items: start; }
.kh-input { grid-area: input; }
.kh-stage { grid-area: stage; }
.kh-result { grid-area: result; }
@media (min-width: 900px) {
  .kh-app { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); grid-template-areas: "input stage" "result result"; }
}
@media (min-width: 1180px) {
  .kh-app { grid-template-columns: minmax(0, .95fr) minmax(0, 1.2fr) minmax(0, .95fr); grid-template-areas: "input stage result"; align-items: stretch; }
  .kh-input, .kh-stage, .kh-result { display: flex; flex-direction: column; }
}
@media (min-width: 1180px) and (min-height: 600px) {
  .kh-app { min-height: clamp(500px, calc(100vh - var(--kh-top, 130px) - 18px), 760px); }
  @supports (height: 100dvh) { .kh-app { min-height: clamp(500px, calc(100dvh - var(--kh-top, 130px) - 18px), 760px); } }
}
.kh-pane { position: relative; min-width: 0; padding: 18px; border: 1px solid var(--kh-line); border-radius: 20px; background: #fff; box-shadow: var(--kh-shadow); }

/* ---------- ortak ---------- */
.kh-label { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 7px; padding: 0; color: var(--heading); font-size: 13px; font-weight: 700; }
.kh-opt { color: var(--ink-muted); font-size: 11.5px; font-weight: 500; }
.kh-hint { margin: 5px 0 0; color: var(--ink-muted); font-size: 11.5px; line-height: 1.5; }
.kh-input .field { margin: 0; }
.kh-sec { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; color: var(--heading); font-size: 13px; font-weight: 750; }
.kh-sec .icon { width: 15px; height: 15px; color: var(--brand-700); }
.kh-chip { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border-radius: 999px; background: var(--brand-soft); color: var(--brand-700); font-size: 12px; font-weight: 800; white-space: nowrap; }

.kh-mini { display: inline-flex; gap: 2px; padding: 3px; border-radius: 11px; background: #edf0f5; }
.kh-mini--full { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; width: 100%; }
.kh-mini label { position: relative; min-width: 0; margin: 0; }
.kh-mini input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.kh-mini span { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 0 8px; border-radius: 9px; color: var(--ink-2); font-size: 12.5px; font-weight: 650; text-align: center; line-height: 1.2; }
.kh-mini span .icon { width: 15px; height: 15px; }
.kh-mini input:checked + span { background: #fff; color: var(--heading); box-shadow: 0 1px 2px #1b23401f; }
.kh-mini input:focus-visible + span { outline: 2px solid var(--brand); outline-offset: 1px; }

.kh-switch { display: inline-flex; align-items: center; gap: 10px; min-height: 32px; color: var(--heading); font-size: 13px; font-weight: 600; cursor: pointer; user-select: none; }
.kh-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.kh-switch__ui { position: relative; flex: none; width: 36px; height: 21px; border-radius: 999px; background: #cfd5df; transition: background .2s var(--fed); }
.kh-switch__ui::after { content: ''; position: absolute; top: 2.5px; left: 2.5px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #1b234040; transition: transform .22s var(--fed); }
.kh-switch input:checked + .kh-switch__ui { background: var(--brand); }
.kh-switch input:checked + .kh-switch__ui::after { transform: translateX(15px); }
.kh-switch input:focus-visible + .kh-switch__ui { outline: 2px solid var(--brand); outline-offset: 2px; }

.kh-pill { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 0 12px; border: 1px solid var(--kh-line-2); border-radius: 999px; background: #fff; color: var(--heading); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.kh-pill:hover { background: var(--kh-soft-2); border-color: #c9cfdb; }
.kh-pill .icon { width: 15px; height: 15px; color: var(--brand-700); }
.kh-pill:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* ---------- girişler ---------- */
.kh-input { gap: 14px; }
@media (max-width: 1179px) { .kh-input { display: grid; } }
.kh-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 4px; border-radius: 15px; background: #edf0f5; }
.kh-tab { position: relative; min-width: 0; margin: 0; }
.kh-tab input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.kh-tab span { display: grid; justify-items: center; gap: 3px; padding: 8px 2px 7px; border-radius: 11px; color: var(--ink-2); font-size: 11.5px; font-weight: 700; line-height: 1.15; text-align: center; transition: background .18s var(--fed), color .18s var(--fed), box-shadow .18s var(--fed); }
.kh-tab .icon { width: 19px; height: 19px; }
.kh-tab:hover span { color: var(--heading); }
.kh-tab input:checked + span { background: #fff; color: var(--brand-700); box-shadow: 0 1px 2px #1b23401f, 0 6px 14px -8px #1b234040; }
.kh-tab input:focus-visible + span { outline: 2px solid var(--brand); outline-offset: 1px; }

.kh-amount { position: relative; }
.kh-amount > span { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); color: var(--ink-muted); font-size: 18px; font-weight: 700; pointer-events: none; }
.tool__form .kh-amount .input { height: 58px; min-height: 58px; padding: 0 44px 0 16px; border-radius: 15px; font-size: 24px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.tool__form .kh-amount--sm .input { height: 46px; min-height: 46px; padding-right: 36px; border-radius: 13px; font-size: 16px; font-weight: 700; }
.kh-amount--sm > span { right: 13px; font-size: 14px; }
.tool__form .kh-input .select { height: 46px; min-height: 46px; border-radius: 13px; font-weight: 650; }
.kh-amount--sm[data-kh-ozel] { margin-top: 8px; }

.kh-block { display: grid; gap: 14px; }
.kh-row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.kh-stepper { display: flex; height: 46px; overflow: hidden; border: 1px solid var(--kh-line-2); border-radius: 13px; background: var(--kh-soft-2); }
.kh-stepper:focus-within { border-color: #ff6b0080; box-shadow: 0 0 0 4px #ff6b001a; background: #fff; }
.kh-stepper button { flex: none; width: 38px; border: 0; background: transparent; color: var(--ink-2); font-size: 19px; font-weight: 600; cursor: pointer; }
.kh-stepper button:hover { background: #edf0f5; }
.tool__form .kh-stepper .input { height: 100%; min-height: 0; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 16px; font-weight: 800; text-align: center; }
.kh-dep { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }

.kh-info { padding: 12px 14px; border-radius: 14px; background: #eef4ff; }
.kh-info strong { display: flex; align-items: center; gap: 6px; color: #1e40af; font-size: 13px; }
.kh-info strong .icon { width: 15px; height: 15px; }
.kh-info p { margin: 4px 0 0; color: var(--ink-2); font-size: 12.5px; line-height: 1.55; }

.kh-privacy { display: flex; align-items: flex-start; gap: 6px; margin: 0; color: var(--ink-muted); font-size: 11.5px; line-height: 1.45; }
.kh-privacy .icon { width: 14px; height: 14px; margin-top: 1px; color: var(--ok); }
@media (min-width: 1180px) { .kh-input > .kh-privacy { margin-top: auto; } .kh-chart { height: auto; } }

/* ---------- ana sonuç ---------- */
.kh-stage { background: radial-gradient(90% 55% at 50% 0%, #fff3e8 0%, #ffffff00 70%), #fff; }
.kh-view { display: flex; flex: 1 1 auto; flex-direction: column; gap: 16px; }
.kh-app.is-empty .kh-view { opacity: .4; }
.kh-hero { display: grid; gap: 6px; }
.kh-hero__k { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; margin: 0; color: var(--ink-2); font-size: 13.5px; font-weight: 700; }
.kh-hero__v { margin: 0; color: var(--heading); font-family: var(--font-display); font-size: clamp(40px, 4.2vw, 56px); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.kh-deltas { display: flex; flex-wrap: wrap; gap: 6px; }
.kh-delta { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 11px; border-radius: 999px; background: #eef9f1; color: #15803d; font-size: 13px; font-weight: 750; font-variant-numeric: tabular-nums; }
.kh-delta--brand { background: var(--kh-cta); color: #fff; box-shadow: 0 8px 16px -10px #e25a00b3; }
.kh-delta:empty { display: none; }

.kh-bars { display: grid; gap: 8px; padding: 14px; border-radius: 16px; background: var(--kh-soft-2); box-shadow: inset 0 0 0 1px var(--kh-line); }
.kh-bar { display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-areas: "k bar" "k v"; align-items: center; column-gap: 10px; }
.kh-bar > span { grid-area: k; color: var(--ink-muted); font-size: 12px; font-weight: 700; }
.kh-bar > i { grid-area: bar; display: block; height: 12px; border-radius: 999px; background: #cdd4e1; transition: width .45s var(--fed); }
.kh-bar--new > i { background: linear-gradient(90deg, #ff9a4d, #ff6b00); }
.kh-bar > b { grid-area: v; margin-top: 2px; color: var(--heading); font-size: 13px; font-weight: 750; font-variant-numeric: tabular-nums; }

.kh-status { display: grid; gap: 8px; }
.kh-note { position: relative; margin: 0; padding: 10px 12px 10px 36px; border-radius: 13px; font-size: 12.5px; font-weight: 550; line-height: 1.5; }
.kh-note::before { content: ''; position: absolute; top: 11px; left: 12px; width: 16px; height: 16px; border-radius: 50%; background: currentColor; -webkit-mask: var(--m) center / 16px no-repeat; mask: var(--m) center / 16px no-repeat; }
.kh-note--ok { background: #eef9f1; color: #166534; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.kh-note--info { background: #eef4ff; color: #1e3a8a; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/svg%3E"); }
.kh-note--warn { background: #fff6e5; color: #92400e; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3Cpath d='M10.4 3.9 2.6 17.5A1.8 1.8 0 0 0 4.2 20h15.6a1.8 1.8 0 0 0 1.6-2.5L13.6 3.9a1.8 1.8 0 0 0-3.2 0z'/%3E%3C/svg%3E"); }
.kh-source { margin: auto 0 0; color: var(--ink-muted); font-size: 11.5px; line-height: 1.5; }
.kh-source a { color: var(--brand-700); font-weight: 700; }

.kh-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.kh-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kh-tile { display: grid; gap: 2px; min-width: 0; padding: 11px 12px; border-radius: 14px; background: var(--kh-soft-2); box-shadow: inset 0 0 0 1px var(--kh-line); }
.kh-tile span { color: var(--ink-muted); font-size: 11.5px; font-weight: 650; }
.kh-tile strong { overflow: hidden; color: var(--heading); font-size: 17px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.kh-tile small { color: var(--ink-muted); font-size: 11px; }
.kh-tile--brand { background: #fff4ea; box-shadow: inset 0 0 0 1px #ffdcc2; }
.kh-tile--brand strong { color: var(--brand-700); }

.kh-chart { display: flex; flex: 1 1 auto; align-items: flex-end; gap: 8px; height: 190px; min-height: 150px; padding: 12px 12px 8px; border-radius: 16px; background: var(--kh-soft-2); box-shadow: inset 0 0 0 1px var(--kh-line); }
.kh-col { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; min-width: 0; height: 100%; }
.kh-col i { display: block; width: min(100%, 46px); min-height: 6px; border-radius: 9px 9px 4px 4px; background: linear-gradient(180deg, #ff9a4d, #ff6b00); transition: height .4s var(--fed); }
.kh-col:first-child i { background: linear-gradient(180deg, #8ea2c8, #5b6f99); }
.kh-col b { color: var(--heading); font-size: 11px; font-weight: 750; white-space: nowrap; }
.kh-col span { color: var(--ink-muted); font-size: 10.5px; font-weight: 650; white-space: nowrap; }

.kh-split { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px; }
.kh-split__item { display: grid; gap: 2px; min-width: 0; padding: 12px 10px; border-radius: 15px; background: var(--kh-soft-2); box-shadow: inset 0 0 0 1px var(--kh-line); text-align: center; }
.kh-split__item span { color: var(--ink-muted); font-size: 11.5px; font-weight: 700; }
.kh-split__item strong { overflow: hidden; color: var(--heading); font-size: clamp(16px, 1.6vw, 21px); font-weight: 800; letter-spacing: -.02em; white-space: nowrap; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.kh-split__item small { color: var(--ink-muted); font-size: 10.5px; }
.kh-split__item--tax { background: #fdeef2; box-shadow: inset 0 0 0 1px #f8cdd8; }
.kh-split__item--tax strong { color: #be123c; }
.kh-split__item--net { background: #eef9f1; box-shadow: inset 0 0 0 1px #c8ebd4; }
.kh-split__item--net strong { color: #15803d; }
.kh-split__op { color: var(--ink-muted); font-size: 20px; font-weight: 800; }
.kh-stack { display: flex; height: 18px; overflow: hidden; border-radius: 999px; }
.kh-stack i { background: linear-gradient(90deg, #22c55e, #16a34a); transition: width .4s var(--fed); }
.kh-stack b { background: linear-gradient(90deg, #fb7185, #e11d48); transition: width .4s var(--fed); }
.kh-formula { margin: 0; padding: 10px 12px; border-radius: 12px; background: #f1f4fa; color: var(--heading); font-family: var(--font-mono); font-size: 12.5px; font-weight: 600; overflow-wrap: anywhere; }

.kh-gauge { display: grid; gap: 6px; padding: 18px 14px 12px; border-radius: 16px; background: var(--kh-soft-2); box-shadow: inset 0 0 0 1px var(--kh-line); }
.kh-gauge__track { position: relative; height: 16px; border-radius: 999px; background: #e3e8f1; }
.kh-gauge__track i { position: absolute; inset: 0 auto 0 0; border-radius: 999px; background: linear-gradient(90deg, #22c55e, #16a34a); transition: width .4s var(--fed); }
.kh-gauge.is-over .kh-gauge__track i { background: linear-gradient(90deg, #f59e0b, #e11d48); }
.kh-gauge__track em { position: absolute; top: -10px; bottom: -10px; left: 75%; width: 2px; background: var(--heading); font-style: normal; }
.kh-gauge__track em span { position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%); color: var(--heading); font-size: 10.5px; font-weight: 800; white-space: nowrap; }
.kh-gauge__scale { display: flex; justify-content: space-between; color: var(--ink-muted); font-size: 10.5px; font-weight: 650; }

/* ---------- ayrıntılar ---------- */
.kh-result { gap: 14px; }
.kh-side { display: grid; align-content: start; gap: 8px; }
.kh-side > .kh-sec:not(:first-child) { margin-top: 6px; }
.kh-scen { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.kh-scen li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 34px; padding: 4px 12px; border-radius: 11px; background: var(--kh-soft-2); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kh-scen li.is-on { background: #fff4ea; box-shadow: inset 0 0 0 1px #ffc89c; }
.kh-scen__o { color: var(--heading); font-weight: 800; }
.kh-scen__l { overflow: hidden; color: var(--ink-muted); font-size: 11.5px; white-space: nowrap; text-overflow: ellipsis; }
.kh-scen b { color: var(--heading); font-weight: 800; }
.kh-scen li.is-on b, .kh-scen li.is-on .kh-scen__o { color: var(--brand-700); }
.kh-rates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.kh-rates div { display: grid; gap: 0; padding: 6px 8px; border-radius: 10px; background: var(--kh-soft-2); text-align: center; }
.kh-rates div:nth-child(1) { background: #eef4ff; }
.kh-rates div.is-on { background: #fff4ea; box-shadow: inset 0 0 0 1px #ffc89c; }
.kh-rates span { color: var(--ink-muted); font-size: 10.5px; font-weight: 650; white-space: nowrap; }
.kh-rates b { color: var(--heading); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.kh-msg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.kh-msg .kh-pill { min-width: 0; padding: 0 8px; font-size: 12px; }
.kh-msg .kh-pill span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.kh-table-wrap { overflow-x: auto; border-radius: 13px; box-shadow: inset 0 0 0 1px var(--kh-line); }
.kh-table { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kh-table th, .kh-table td { padding: 7px 10px; border-bottom: 1px solid var(--kh-line); text-align: right; white-space: nowrap; }
.kh-table thead th { background: var(--kh-soft-2); color: var(--ink-muted); font-size: 11px; font-weight: 700; }
.kh-table th:first-child { text-align: left; }
.kh-table tbody th { color: var(--heading); font-weight: 800; }
.kh-table td { color: var(--heading); font-weight: 650; }
.kh-table tbody tr:last-child > * { border-bottom: 0; }
.kh-table tbody tr:first-child td { color: var(--brand-700); }

.kh-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.kh-list li { padding: 10px 12px; border-radius: 12px; background: var(--kh-soft-2); color: var(--ink-2); font-size: 12.5px; line-height: 1.55; }
.kh-list b { color: var(--heading); }

.kh-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
@media (min-width: 1180px) { .kh-result > .kh-actions { margin-top: auto; } }
.kh-act { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 42px; padding: 0 8px; border: 1px solid var(--kh-line-2); border-radius: 12px; background: #fff; color: var(--heading); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.kh-act span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.kh-act:hover { background: var(--kh-soft-2); border-color: #c9cfdb; }
.kh-act:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.kh-act--brand { border-color: transparent; background: var(--kh-cta); color: #fff; box-shadow: 0 10px 20px -12px #e25a00cc; }
.kh-act--brand:hover { background: var(--kh-cta); filter: saturate(1.1); }

/* Mobil alt özet çubuğu */
.kh-peek { position: fixed; left: 50%; bottom: max(12px, env(safe-area-inset-bottom)); z-index: 40; display: flex; align-items: center; gap: 10px; max-width: calc(100% - 32px); padding: 10px 18px; transform: translateX(-50%); border-radius: 999px; background: var(--heading); box-shadow: 0 16px 30px -12px #1b2340a6; color: #fff; }
.kh-peek span { color: #c9d1e3; font-size: 12px; font-weight: 700; white-space: nowrap; }
.kh-peek strong { color: #fff; font-size: 17px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ---------- yazdırma ---------- */
.kh-printout { display: none; }
@media print {
  body.kh-printing { padding: 0 !important; }
  body.kh-printing > *:not(.kh-printout) { display: none !important; }
  body.kh-printing .kh-printout { display: block; color: #000; font-family: var(--font-body); }
  .kh-printout h1 { margin: 0 0 4px; font-size: 22px; }
  .kh-printout pre { margin-top: 16px; font-family: var(--font-body); font-size: 14px; line-height: 1.7; white-space: pre-wrap; }
}

/* ---------- dar ekranlar ---------- */
@media (max-width: 899px) {
  .kh-pane { padding: 14px; border-radius: 18px; }
}
@media (max-width: 420px) {
  .kh-split { grid-template-columns: minmax(0, 1fr); }
  .kh-split__op { display: none; }
  .kh-tiles--3 { grid-template-columns: minmax(0, 1fr); }
  .kh-msg { grid-template-columns: minmax(0, 1fr); }
  .kh-rates { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .kh-bar > i, .kh-col i, .kh-stack i, .kh-stack b, .kh-gauge__track i { transition: none; }
}