.phone-number-input{position:relative}.phone-number-input .input-label{margin-bottom:5px}.phone-number-input .input-container{position:relative;display:flex;flex-direction:row;height:50px;font-size:12px;font-family:sans-serif}.phone-number-input .input-container .plus{position:absolute;left:12px;height:100%;line-height:50px}.phone-number-input .input-container .prefix{flex-grow:0;width:60px;border-width:1px 0 1px 1px;border-radius:5px 0 0 5px;padding:10px 10px 10px 20px}.phone-number-input .input-container .number{flex-grow:1;border-width:1px;border-radius:0 5px 5px 0;padding:10px}.phone-number-input .input-container .prefix,.phone-number-input .input-container .number{border-style:solid;outline:none;line-height:20px}.phone-number-input .input-container .prefix:hover,.phone-number-input .input-container .number:hover{border-color:#000;cursor:text}.phone-number-input .input-container .prefix:focus,.phone-number-input .input-container .number:focus{outline:#243a75;border-right:none;border:2px solid #243a75}.phone-number-input .input-error{position:absolute;bottom:0;left:0;line-height:25px;color:red}.phone-number-input.error .input-container .prefix,.phone-number-input.error .input-container .number{border-color:red}.phone-number-input.error .input-container .prefix:focus,.phone-number-input.error .input-container .number:focus{outline:1px solid red}.phone-number-input.error .input-container .prefix:focus,.phone-number-input.error .input-container .prefix.fill,.phone-number-input.error .input-container .number:focus,.phone-number-input.error .input-container .number.fill{background-color:#ff00001a}