.base-input[data-v-2b173d1a] {
  position: relative;
  clear: both;
}
.base-input__text[data-v-2b173d1a] {
    position: absolute;
    font-size: 14px;
    top: 50%;
    left: 11px;
    letter-spacing: -.24px;
    color: #666;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
}
.base-input__input[data-v-2b173d1a] {
    font-size: 14px;
    letter-spacing: -.24px;
    border: solid 1px #eee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 18px 11px;
    border-radius: 5px;
    width: 100%;
    color: #666;
    -webkit-appearance: none;
}
.base-input__input[data-v-2b173d1a]:focus {
      border-color: inherit;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #000;
}
.base-input__input[data-v-2b173d1a]:focus, .base-input__input[data-v-2b173d1a]:valid, .base-input__input[readonly][data-v-2b173d1a] {
      padding: 25px 11px 10px;
}
.base-input__input:focus + .base-input__text[data-v-2b173d1a], .base-input__input:valid + .base-input__text[data-v-2b173d1a], .base-input__input[readonly] + .base-input__text[data-v-2b173d1a] {
        color: #000;
        top: 14px;
        margin-top: 0;
        font-size: 12px;
        font-weight: 600;
}
.base-input__input[readonly][data-v-2b173d1a] {
      background-color: #f0f0f0;
      border-color: #eee;
}
.base-input__input[type='number'][data-v-2b173d1a]::-webkit-inner-spin-button, .base-input__input[type='number'][data-v-2b173d1a]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
}
.base-input.input-error .base-input__input[data-v-2b173d1a] {
    border-color: #db001c;
}
.base-input.input-error .base-input__text[data-v-2b173d1a] {
    color: #db001c;
}
.base-input .input-error__message[data-v-2b173d1a] {
    color: #db001c;
    font-size: .75rem;
    font-weight: 600;
    left: 0;
    position: absolute;
    text-align: left;
    top: 55px;
}
.base-input__icon[data-v-2b173d1a] {
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
@media only screen and (max-width: 930px) {
.base-input__input[data-v-2b173d1a] {
      font-size: 16px;
}
}