html{font-family:Arial,Helvetica,sans-serif}body{margin:0;padding:20px}div.numericwidget{position:relative;max-width:200px;height:38px;padding:0 38px;border-radius:5px;border:1px solid #acacac;box-sizing:border-box;background-color:#fff;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.numericwidget>a{display:block;position:absolute;top:0;bottom:0;width:38px;transition:opacity 350ms}div.numericwidget>a.minus{left:0;border-radius:5px 0 0 5px;border-right:1px solid #acacac}[dir='rtl'] div.numericwidget>a.minus{left:auto;right:0;border-left:1px solid #acacac;border-radius:0;border-right:0}div.numericwidget>a.plus{right:0;border-radius:0 5px 5px 0;border-left:1px solid #acacac}[dir='rtl'] div.numericwidget>a.plus{left:0;right:auto;border-right:1px solid #acacac;border-radius:0;border-left:0}div.numericwidget>a:after{content:"";display:block;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAIAAAAI1ii7AAAABmJLR0QA/wD/AP+gvaeTAAAAFElEQVQImWP08wtgIAUwkaSaLhoAtqoA9HDK4qsAAAAASUVORK5CYII=) no-repeat center}div.numericwidget>a.plus:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAANUlEQVQ4jWNkwAH8/AL+I/M3bdrAiE0dEy4DiAWjBjAwMKKHNt1dMPAGYE1dDAyjKZGuBgAAXL4KCe58u+wAAAAASUVORK5CYII=)}div.numericwidget>a.disabled{opacity:.5;pointer-events:none}div.numericwidget>div{display:table;width:100%;height:100%}div.numericwidget>div>div{display:table-cell;vertical-align:middle;text-align:center;line-height:.9em;font-size:.9em}div.numericwidget>div>div b{font-size:1.3em}