@keyframes fadeIn{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.phone-input{display:flex;align-items:center;width:100%}.phone-input__code{--input-width: 5em;--input-font-size: var(--phone-input-font-size, 1.25em);--input-height: var(--phone-input-height, 2.4em)}.phone-input__wrapper{display:flex;align-items:center;margin-left:1em}.phone-input__wrapper .phone-input__input,.phone-input__wrapper:first-child{margin-left:0}.phone-input__text{font-size:calc(.8 * var(--phone-input-height, 2.4em));font-weight:100}.phone-input__text:first-child{margin-right:.2em}.phone-input__text:last-child{margin-left:.2em}.phone-input__input{--x: 1;font-size:var(--input-font-size, .875em);height:var(--input-height, 2.2857142857em);color:var(--input-color, black);border:1px solid var(--input-border-color, black);border-radius:var(--input-border-radius, .25em);width:var(--input-width, 100%);background:var(--input-background, white);padding-left:var(--input-padding-left, var(--input-padding-hor, .625em));padding-right:var(--input-padding-right, var(--input-padding-hor, .625em));padding-top:var(--input-padding-top, var(--input-padding-vert, 0));padding-bottom:var(--input-padding-bottom, var(--input-padding-vert, 0));margin-left:var(--input-margin-left, 0);margin-right:var(--input-margin-right, 0);margin-top:var(--input-margin-top, 0);margin-bottom:var(--input-margin-bottom, 0);position:relative;box-shadow:inset 0 -.13em var(--input-explicit-shadow-color, var(--input-active-shadow-color, transparent));--input-width: calc(1.4em * var(--x));--input-font-size: var(--phone-input-font-size, 1.25em);--input-height: var(--phone-input-height, 2.4em);--input-margin-left: 1em;text-align:center;letter-spacing:.1em}.phone-input__input:focus,.phone-input__input:focus-within{--input-active-shadow-color: var(--input-accent-color, blue)}.phone-input__input:first-child{--input-margin-left: 0}.phone-input__input[data-dig="1"]{--x: 1}.phone-input__input[data-dig="2"]{--x: 2}.phone-input__input[data-dig="3"]{--x: 3}.phone-input__input[data-dig="4"]{--x: 4}.phone-input__input[disabled]{background:var(--phone-input-disabled-color, #f1f1f1)}