.demo-html2any{font-family:var(--font-mono);flex-direction:column;gap:6px;padding:12px 14px;font-size:.66rem;display:flex}.demo-html2any__input{width:100%;color:var(--demo-ink);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-bottom:1px dashed #0000002e;border-radius:0;outline:none;padding:3px 0}.demo-html2any__input:focus{border-bottom-color:var(--demo-ink)}.demo-html2any__formats{color:var(--demo-faint);align-items:center;gap:2px;display:flex}.demo-html2any__format{color:var(--demo-faint);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:1px 6px;transition:color .15s,background-color .15s}.demo-html2any__format:hover{color:var(--demo-ink)}.demo-html2any__format[aria-checked=true]{color:var(--demo-ink);background:#0000000f}.demo-html2any__output{min-height:0;color:var(--demo-muted);font:inherit;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:0 0;border-radius:0;flex:1;margin:0;padding:0;line-height:1.5;overflow:hidden}.demo-html2any.demo--active .demo-html2any__output{color:var(--demo-ink)}