.s2c-phone-field{display:flex;align-items:stretch;width:100%;background:var(--s2c-input,var(--surface,#fff));border:1px solid #315e8e;border-radius:var(--radius-md,8px);overflow:hidden}.s2c-phone-field:focus-within{border-color:var(--action,#1d6df0);box-shadow:0 0 0 3px color-mix(in srgb,var(--action,#1d6df0) 18%,transparent)}.s2c-phone-field__code{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding-inline:10px;-webkit-border-end:1px solid #315e8e;border-inline-end:1px solid #315e8e;background:color-mix(in srgb,currentColor 7%,transparent);font-size:var(--text-sm,.9rem);font-weight:var(--weight-semibold,600);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.s2c-phone-field__flag{display:block;flex-shrink:0;width:18px;height:12px;border-radius:1px}.s2c-phone-field input{flex:1 1 auto;min-width:0;border-width:0!important;border-radius:0;outline:none;background:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.s2c-phone-field input:focus{outline:none;box-shadow:none}.s2c-phone-field:has(input:not(:placeholder-shown):invalid){border-color:var(--danger,#c8332b)}