.number-base-tool{width:100%;max-width:700px;margin:0 auto}.number-field{margin-bottom:1rem}.field-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.field-header label{font-weight:600}.number-field input{background:0 0;border:1px solid #bbb;border-radius:7px;width:100%;padding:.75rem;font-family:monospace;font-size:1rem}.number-field input:focus{border-color:#777;outline:none}.copy-button{font:inherit;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:7px;padding:.4rem .7rem;font-size:.85rem}.copy-button:hover{background:#80808014}.copy-button:active{transform:translateY(1px)}.error-message{margin-top:.5rem;font-size:.9rem}.base-info{border-top:1px solid #ddd;width:100%;max-width:700px;margin:3rem auto 0;padding-top:1.5rem}.base-info h2{margin:0 0 .6rem;font-size:1.1rem}.base-info h2:not(:first-child){margin-top:1.75rem}.base-info p,.base-info ul{color:#444;margin:0 0 1rem}.base-info ul{padding-left:1.2rem}.base-info code{font-family:monospace}.base-info details{border-bottom:1px solid #ddd;padding:.7rem 0}.base-info summary{cursor:pointer;font-weight:600}.base-info details p{margin:.5rem 0 0;font-size:.95rem}