.nice-number{display:inline-flex;justify-content:stretch;border:1px solid #dedede;border-radius:20px}.nice-number input{vertical-align:middle;-moz-appearance:textfield;box-sizing:content-box;margin:0;text-align:center;transition:none;-webkit-transition:none}.nice-number input::-webkit-inner-spin-button,.nice-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.nice-number button{border:none;display:block;margin:0;padding:0;background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50"><path d="M17 25h16M67 25h16M75 17v16" fill="none" stroke="rgb(59,69,66)" stroke-width="1.5px" stroke-linecap="round" stroke-linejoin="round" /></svg>') no-repeat 0 0;background-size:4.4rem 28.8px;overflow:hidden;white-space:nowrap;border-radius:1.4rem;cursor:pointer;transition:opacity .15s;opacity:.5;z-index:1;text-indent:-100px;width:20px;line-height:2.4em;height:28.8px;-webkit-transition:none}div.nice-number button:focus{outline:0}div.nice-number button:hover{opacity:1}div.nice-number button:first-child{left:.1rem;padding-left:0}div.nice-number button:last-child{right:.6rem;background-position-x:-2.5rem;padding-right:0}div.nice-number input{border:none;padding:0 10px 0 10px;height:28.8px}