html:not(.kb-js) figure.kbw :is(.kbw-app,.kbw-cap-app),
html.kb-js figure.kbw :is(.kbw-fallback,.kbw-cap-fallback),
.kbw [hidden] { display:none !important }
.kbw .kbw-app {
  container:kbw-app / inline-size;
  display:grid; gap:.75rem; min-inline-size:0; color:#1a1a1a;
  font:normal 1rem/1.5 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-variant-numeric:tabular-nums; overflow-wrap:anywhere;
}
.kbw .kbw-app *, .kbw .kbw-app *::before, .kbw .kbw-app *::after { box-sizing:border-box }
.kbw .kbw-app :is(h4,p,fieldset) { margin:0; min-inline-size:0 }
.kbw .kbw-title { font-size:1.15rem; line-height:1.3; font-weight:650; color:#1a1a1a }
.kbw .kbw-lede { margin-top:.25rem; font-size:.95rem; line-height:1.5; color:#555 }
.kbw .kbw-result { display:grid; align-items:baseline; min-inline-size:0 }
.kbw .kbw-fee { line-height:1.05; font-weight:700; }
.kbw .kbw-big { font-size:2.3rem; letter-spacing:-.02em }
.kbw .kbw-unit { font-size:1.1rem; font-weight:600; color:#555; white-space:nowrap }
.kbw .kbw-slot { display:grid; min-inline-size:0 }
.kbw .kbw-slot > * { grid-area:1/1; min-inline-size:0 }
.kbw .kbw-sizer { visibility:hidden; pointer-events:none }
.kbw .kbw-detail, .kbw .kbw-ratio, .kbw .kbw-verdict { font-size:1rem; line-height:1.45 }
.kbw .kbw-detail { color:#333 }
.kbw .kbw-ratio { font-weight:600 }
.kbw .kbw-bar {
  height:20px; border:1px solid #8a8f98; border-radius:4px; display:flex;
  overflow:hidden; background:#e7e9ec;
}
.kbw [data-kbw-segment] { flex:0 1 var(--basis); box-shadow:inset -1px 0 0 #fff; min-inline-size:0 }
.kbw :is([data-kbw-segment=overhead],[data-kbw-swatch=overhead]) { background:#6b7078 }
.kbw [data-kbw-segment=overhead] { flex-shrink:0; min-inline-size:4px }
.kbw :is([data-kbw-segment=coin],[data-kbw-swatch=coin]) { background:#a55c0e }
.kbw [data-kbw-segment=coin-alt] { background:#d07a1a }
.kbw :is([data-kbw-segment=output],[data-kbw-swatch=output]) { background:#2f5d8a }
.kbw .kbw-legend { display:flex; flex-wrap:wrap; gap:.25rem .75rem; margin-top:.25rem; font-size:.85rem; color:#4d5560 }
.kbw .kbw-legend > span { display:inline-flex; align-items:center; gap:.35rem }
.kbw .kbw-legend i { border-radius:2px; flex:0 0 12px; height:12px; display:inline-block }
.kbw .kbw-app :is(label,legend) { font-size:1rem; font-weight:650 }
.kbw .kbw-app :is(input,button) { font-family:inherit; font-variant-numeric:tabular-nums; margin:0 }
.kbw .kbw-app input[type=text] {
  max-width:100%; min-height:48px; min-width:44px; background:#fff; color:#1a1a1a;
  border:1px solid #6b7078; border-radius:8px; padding:.4rem .75rem; font-size:1.15rem; font-weight:650;
}
.kbw .kbw-app input[aria-invalid=true] { border-color:#a8261b; box-shadow:0 0 0 1px #a8261b }
.kbw .kbw-app :is(input,button):disabled { opacity:1; }
.kbw .kbw-app :focus-visible, .kbw .kbw-radio:focus-within { outline:3px solid #8d4f0a; outline-offset:2px }
.kbw .kbw-rate { display:grid; gap:.2rem 1rem }
.kbw .kbw-rate-row { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem .55rem }
.kbw [data-kbw-control=rate] { width:6.5rem }
.kbw .kbw-range { min-inline-size:0 }
.kbw .kbw-range input {
  appearance:none; -webkit-appearance:none; display:block; border:0; padding:0;
  width:100%; height:44px; background:transparent; cursor:pointer;
}
.kbw .kbw-range input::-webkit-slider-runnable-track { height:6px; background:#c9cdd3; border-radius:3px }
.kbw .kbw-range input::-moz-range-track { height:6px; background:#c9cdd3; border-radius:3px }
.kbw .kbw-range input::-webkit-slider-thumb {
  -webkit-appearance:none; width:28px; height:28px; border-radius:50%; background:#a55c0e;
  border:2px solid #fff; box-shadow:0 0 0 1px #8a8f98; margin-top:-11px;
}
.kbw .kbw-range input::-moz-range-thumb {
  box-sizing:border-box; width:28px; height:28px; border-radius:50%; background:#a55c0e;
  border:2px solid #fff; box-shadow:0 0 0 1px #8a8f98;
}
.kbw .kbw-ticks { display:grid; grid-template-columns:repeat(17,minmax(0,1fr)); padding-inline:14px; color:#555; font-size:.8rem; line-height:1.2 }
.kbw .kbw-ticks > span { grid-row:1; white-space:nowrap; justify-self:start; position:relative }
.kbw .kbw-ticks > span::before { content:""; display:block; border-left:1px solid #6b7078; height:5px; width:0; margin-bottom:2px }
.kbw .kbw-ticks [data-kbw-tick="5"] { grid-column:6; transform:translateX(-50%) }
.kbw .kbw-ticks [data-kbw-tick="11"] { grid-column:12; transform:translateX(-50%) }
.kbw .kbw-ticks :is([data-kbw-tick="5"],[data-kbw-tick="11"])::before { margin-inline:auto }
.kbw .kbw-ticks [data-kbw-tick="17"] { grid-column:17; justify-self:end; text-align:right; white-space:normal; overflow-wrap:anywhere; width:6.5rem; max-width:28cqi }
.kbw .kbw-ticks [data-kbw-tick="17"]::before { margin-left:auto }
.kbw [data-kbw-text=tickSpike] { display:block }
.kbw .kbw-context, .kbw .kbw-hint, .kbw .kbw-msg, .kbw .kbw-segwit { font-size:.9rem; line-height:1.5; color:#4d5560 }
.kbw .kbw-context { background:#f8f9fa; padding:.45rem .65rem; border-radius:8px }
.kbw .kbw-msg { margin-top:.2rem }
.kbw .kbw-msg[data-error] { color:#a8261b }
.kbw .kbw-size-controls { display:grid; gap:.5rem 1.5rem; min-inline-size:0 }
.kbw .kbw-coins-row { display:flex; align-items:center; gap:.35rem .75rem; flex-wrap:wrap }
.kbw .kbw-stepper { display:grid; grid-template-columns:48px 4rem 48px; gap:8px; max-width:100%; }
.kbw .kbw-stepper button {
  width:48px; height:48px; padding:0; border:2px solid #a55c0e; border-radius:8px;
  color:#8d4f0a; background:#fff; font-size:1.4rem; cursor:pointer;
}
.kbw .kbw-stepper button:hover { background:#fff8f0 }
.kbw .kbw-stepper button[aria-disabled=true] { opacity:.45; cursor:default }
.kbw .kbw-stepper input { width:4rem; text-align:center; padding-inline:.3rem }
.kbw .kbw-outputs { border:0; padding:0; display:grid; gap:.4rem; }
.kbw .kbw-outputs legend { padding:0 0 .25rem }
.kbw .kbw-app .kbw-radio {
  display:flex; align-items:center; gap:.55rem; min-height:48px; padding:10px 12px;
  border:1px solid #6b7078; border-radius:8px; cursor:pointer; font-size:.95rem; font-weight:500;
}
.kbw .kbw-app .kbw-radio[data-checked] { border:2px solid #a55c0e; padding:9px 11px; background:#fff8f0 }
.kbw .kbw-radio input { inline-size:20px; block-size:20px; flex:none; accent-color:#a55c0e }
.kbw .kbw-working { font-size:.9rem; color:#4d5560; padding-top:12px; border-top:1px solid #e6e8ec }
.kbw [data-kbw-text=workingLabel] { font-weight:650 }
.kbw .kbw-gauge { min-inline-size:0 }
.kbw .kbw-gauge[data-inactive] { visibility:hidden }
.kbw .kbw-gauge-track { height:12px; overflow:hidden; border:1px solid #8a8f98; border-radius:4px; background:#e7e9ec }
.kbw .kbw-gauge-track span {
  display:block; width:var(--fill); height:100%; min-width:2px; background:#a55c0e; transition:width 150ms ease-out;
}
.kbw .kbw-gauge[data-dust] .kbw-gauge-track span { background:#a8261b }
.kbw [data-kbw-text=gaugeEnd] { text-align:right; font-size:.8rem; color:#555; margin-top:.2rem }
.kbw .kbw-verdict { color:#1a1a1a; }
.kbw .kbw-value-row { display:grid; gap:.3rem .65rem; align-items:center }
.kbw [data-kbw-control=value] { width:min(100%,16rem) }
.kbw .kbw-dust-note { font-size:.95rem; line-height:1.5; color:#333; margin-top:.3rem }
.kbw .kbw-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
@container kbw-app (min-width:560px) {
  .kbw .kbw-result { grid-template-columns:auto minmax(0,1fr); gap:20px }
  .kbw .kbw-big { font-size:2.75rem }
  .kbw .kbw-rate { grid-template-columns:minmax(14.5rem,max-content) minmax(0,1fr); align-items:start }
  .kbw .kbw-size-controls { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start }
  .kbw .kbw-value-row { grid-template-columns:auto minmax(8rem,16rem) minmax(0,1fr) }
}
@media (prefers-reduced-motion:reduce) { .kbw .kbw-app * { transition:none !important } }
@media (forced-colors:active) {
  .kbw [data-kbw-segment], .kbw .kbw-gauge-track span, .kbw .kbw-legend i {
    border:1px solid CanvasText; forced-color-adjust:none;
  }
  .kbw .kbw-range input { appearance:auto }
}
@media print {
  .kbw :is(.kbw-app,.kbw-cap-app) { display:none !important }
  html.kb-js figure.kbw .kbw-fallback, .kbw .kbw-fallback { display:block !important }
  html.kb-js figure.kbw .kbw-cap-fallback, .kbw .kbw-cap-fallback { display:inline !important }
}