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