.phone-number{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:inherit;line-height:1;vertical-align:baseline;position:relative}.phone-number--static{color:var(--color-fg-muted);font-feature-settings:var(--font-numeric)}.phone-number--static[data-disabled]{opacity:.6}.phone-number__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);margin:-2px calc(var(--space-2) * -1);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-fg);font:inherit;cursor:pointer;user-select:text;white-space:nowrap;font-feature-settings:var(--font-numeric);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.phone-number__btn:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border)}.phone-number__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.phone-number__btn[data-dialing]{cursor:progress}.phone-number__btn[data-state=success]{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-border)}.phone-number__btn[data-state=error]{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-border)}.phone-number__btn:disabled{cursor:not-allowed;opacity:.6}.phone-number__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-fg-muted);flex-shrink:0}.phone-number__btn:hover .phone-number__icon,.phone-number__btn[data-dialing] .phone-number__icon,.phone-number__btn[data-state=error] .phone-number__icon,.phone-number__btn[data-state=success] .phone-number__icon{color:currentColor}.phone-number__text{display:inline-block}.phone-number__feedback{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;z-index:var(--z-base)}.phone-number__feedback[data-kind=success]{background:var(--color-success);color:var(--color-fg-on-accent)}.phone-number__feedback[data-kind=error]{background:var(--color-danger);color:var(--color-fg-on-accent)}