.number-base-converter{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.number-base-converter #nbc-value{font-family:var(--font-mono);font-size:1rem}.number-base-converter .bases{gap:var(--s2);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.number-base-converter .bases li{justify-content:space-between;align-items:baseline;gap:var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--border);display:flex}.number-base-converter .bases li:last-child{border-bottom:none;padding-bottom:0}.number-base-converter .bases .k{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.8rem;font-weight:650}.number-base-converter .bases .v{font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;font-size:.95rem;font-weight:600}.number-base-converter .pattern{padding:var(--s4);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r);gap:var(--s2);flex-direction:column;display:flex}.number-base-converter .pattern h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:650}.number-base-converter .bits{font-family:var(--font-mono);letter-spacing:.04em;overflow-wrap:anywhere;font-size:1.05rem;font-weight:600}.number-base-converter .failure{color:var(--danger);font-size:.88rem;font-weight:550}.number-base-converter code{background-color:var(--surface-inset);border-radius:3px;padding:1px 4px;font-size:.85em}