.phone-number-field-wrap{width:100%}.phone-number-field{display:flex;flex-direction:row;align-items:stretch;width:100%;position:relative;direction:ltr}.phone-number-field__country{position:relative;flex:0 0 auto}.phone-number-field__country-trigger{display:flex;align-items:center;justify-content:center;gap:.35rem;height:100%;min-height:2.75rem;min-width:4.5rem;padding:0 var(--space-sm);border:none;-webkit-border-end:1px solid color-mix(in srgb,currentColor 12%,transparent);border-inline-end:1px solid color-mix(in srgb,currentColor 12%,transparent);background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.phone-number-field__country-trigger:focus-visible{outline:2px solid var(--color-brand-sage,#8a9a7b);outline-offset:-2px}.phone-number-field__country-code{font-weight:600;letter-spacing:.02em}.phone-number-field__chevron{width:.65rem;height:.65rem;opacity:.55;flex-shrink:0}.phone-number-field__national{flex:1 1 auto;min-width:0;border:none;background:transparent;color:inherit;font:inherit;text-align:start}.phone-number-field__national:focus-visible{outline:none}.phone-number-field__national::placeholder{color:var(--color-text-muted);font-weight:400;opacity:1;text-transform:none;letter-spacing:normal;-webkit-text-fill-color:var(--color-text-muted)}.phone-number-field:focus-within{outline:2px solid var(--color-brand-sage,#8a9a7b);outline-offset:0}.phone-number-field__dropdown{position:absolute;inset-inline-start:0;top:calc(100% + 2px);z-index:70;min-width:min(18rem,92vw);max-height:14rem;display:flex;flex-direction:column;background:#ffffff;color:var(--color-brand-charcoal,#1a1a1a);border:1px solid color-mix(in srgb,var(--color-brand-charcoal) 18%,transparent);box-shadow:0 8px 24px color-mix(in srgb,#000000 18%,transparent)}.phone-number-field__search{flex:0 0 auto;padding:var(--space-sm) var(--space-md);border:none;border-bottom:1px solid color-mix(in srgb,var(--color-brand-charcoal) 12%,transparent);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-brand-charcoal)}.phone-number-field__search::placeholder{color:color-mix(in srgb,var(--color-brand-charcoal) 45%,transparent)}.phone-number-field__list{margin:0;padding:var(--space-xs) 0;list-style:none;overflow-y:auto;flex:1 1 auto}.phone-number-field__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;text-align:start;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-brand-charcoal);cursor:pointer}.phone-number-field__option:focus-visible,.phone-number-field__option:hover{background:color-mix(in srgb,var(--color-brand-sage) 14%,transparent)}.phone-number-field__option-dial{font-weight:600;color:color-mix(in srgb,var(--color-brand-charcoal) 65%,transparent);font-size:var(--text-xs)}.phone-number-field--invalid{outline:2px solid var(--color-error,#c0392b)}.phone-number-field__field-error{margin:var(--space-xs) 0 0;font-size:var(--text-xs);color:var(--color-error,#c0392b);text-align:center}