.wi-numeric__wrap {
  height: 100%;
  line-height: 100%;
  position: relative; }
  .wi-numeric__wrap .wi-numeric__arrows {
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 20px;
    height: 34px;
    border: 1px solid #e5e6e7; }
    .wi-numeric__wrap .wi-numeric__arrows button {
      position: absolute;
      right: 0;
      width: 100%;
      overflow: hidden;
      z-index: 9999;
      background-color: #fff;
      border: 1px solid transparent;
      cursor: pointer;
      color: #808080;
      border-left: 0 none;
      height: 16px;
      line-height: 16px;
      padding: 0; }
      .wi-numeric__wrap .wi-numeric__arrows button:before {
        display: block;
        width: 6px;
        height: 6px;
        content: '';
        border-right: 1px solid #111;
        border-bottom: 1px solid #111;
        position: relative;
        right: 5px; }
      .wi-numeric__wrap .wi-numeric__arrows button:first-of-type {
        top: 0;
        border-bottom: 1px solid #e5e6e7; }
        .wi-numeric__wrap .wi-numeric__arrows button:first-of-type:before {
          -webkit-transform: rotate(-135deg);
                  transform: rotate(-135deg); }
      .wi-numeric__wrap .wi-numeric__arrows button:last-of-type {
        top: 16px; }
        .wi-numeric__wrap .wi-numeric__arrows button:last-of-type:before {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .wi-numeric__wrap .wi-numeric__arrows button:hover, .wi-numeric__wrap .wi-numeric__arrows button:focus {
        background-color: #eee;
        color: #333; }
      .wi-numeric__wrap .wi-numeric__arrows button:active {
        outline: 0 none;
        background-color: #f7f7f7; }
  .wi-numeric__wrap.wi-numeric__h i {
    left: auto;
    right: auto;
    top: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    line-height: 100%;
    padding: 0 2px; }
    .wi-numeric__wrap.wi-numeric__h i:before {
      top: 50%;
      position: relative;
      margin-top: -9px;
      height: 18px; }
    .wi-numeric__wrap.wi-numeric__h i:first-of-type {
      right: 0; }
      .wi-numeric__wrap.wi-numeric__h i:first-of-type:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .wi-numeric__wrap.wi-numeric__h i:last-of-type {
      left: 0; }
      .wi-numeric__wrap.wi-numeric__h i:last-of-type:before {
        -webkit-transform: rotate(0);
                transform: rotate(0);
        margin-top: -6px; }

@-webkit-keyframes nodeInserted {
  from {
    outline-color: transparent; }
  to {
    outline-color: transparent; } }

@keyframes nodeInserted {
  from {
    outline-color: transparent; }
  to {
    outline-color: transparent; } }

input.js__wi-numeric__input {
  -webkit-animation-duration: 0.01s;
          animation-duration: 0.01s;
  -webkit-animation-name: nodeInserted;
          animation-name: nodeInserted; }