.phonenumber__clearButton{display:none}.phonenumber__base{margin-bottom:32px;width:100%}.phonenumber__base .awesomplete{font-size:18px;line-height:26px;font-weight:400;color:var(--cbodytext)}.phonenumber__base .form__fieldsetLegend{font-size:14px;line-height:20px;font-weight:400;color:var(--ctextsecondary);margin-bottom:-18px}.phonenumber__base--invalid .phonenumber__helpText{display:none}.phonenumber__base--invalid .phonenumber__errorMessage{display:block;opacity:1}.phonenumber__base--isFocused .phonenumber__clearButton{display:block}.phonenumber__base--valid:not(.phonenumber__base--isFocused) .phonenumber__field--number .form__iconValidation{display:block}.phonenumber__fieldsWrapper{display:flex;line-height:0;position:relative}.phonenumber__fieldsWrapper .form__element{margin-bottom:0}.phonenumber__fieldsWrapper--hasTooltip .form__iconClear{right:48px}.phonenumber__fieldWrapper{display:flex;position:relative}.phonenumber__field--prefix .form__input{padding-right:0 !important}.phonenumber__field--areaCode .form__input{padding-right:0}.phonenumber__field--number{width:100%}.phonenumber__base .phonenumber__field .mdc-textfield-helptext,.phonenumber__base .phonenumber__field .form__iconValidation,.phonenumber__base .phonenumber__field .form__iconClear{display:none}.phonenumber__field ::-moz-placeholder{opacity:1}.phonenumber__field ::placeholder{opacity:1}.aem-AuthorLayer-Edit .phonenumber__field ::-moz-placeholder{opacity:0}.aem-AuthorLayer-Edit .phonenumber__field ::placeholder{opacity:0}@media screen and (min-width: 600px){.phonenumber__fieldWrapper{flex-basis:50%}.phonenumber__field--prefix{flex-basis:30%}.phonenumber__field--areaCode{flex-basis:20%}}@media screen and (min-width:600px){.phonenumber__base--noAreaCode .phonenumber__fieldWrapper{flex-basis:70%;flex-grow:1}}@media print,(min-width:960px){.phonenumber__base .form__fieldsetLegend{margin-bottom:-16px}}@media screen and (max-width: 599px){.phonenumber__fieldsWrapper{flex-direction:column;gap:5px}}