.international-phone-input{border:1px solid var(--partner-border,var(--line));background:var(--surface);border-radius:10px;grid-template-columns:108px minmax(0,1fr);width:100%;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;overflow:hidden}.international-phone-input:hover{border-color:color-mix(in srgb, var(--navy) 22%, var(--partner-border,var(--line)))}.international-phone-input:focus-within{border-color:color-mix(in srgb, var(--terracotta) 75%, var(--partner-border,var(--line)));box-shadow:0 0 0 3px var(--soft-terracotta);background:var(--surface)}.international-phone-input[data-invalid=true]{border-color:#a64b45}.phone-country{border-right:1px solid var(--partner-border,var(--line));background:color-mix(in srgb, var(--soft-warm) 62%, var(--surface));min-width:0;display:flex;position:relative}.phone-country:after{border-right:1.5px solid var(--navy-faint);border-bottom:1.5px solid var(--navy-faint);content:"";pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:10px;transform:translateY(-68%)rotate(45deg)}.phone-country select{appearance:none;width:100%;min-width:0;height:43px;color:var(--navy);cursor:pointer;font:inherit;background:0 0;border:0;outline:0;padding:0 27px 0 11px;font-size:.8rem;font-weight:650}.international-phone-input .international-phone-number{width:100%;height:43px;color:var(--navy);font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:0 13px;font-size:.86rem}.international-phone-input .international-phone-number:focus{box-shadow:none;border:0}@media (width<=420px){.international-phone-input{grid-template-columns:101px minmax(0,1fr)}}