[data-r="pairing-code"] { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; text-align: start; width: min(360px, 100%); padding: 16px; border-radius: var(--r-contain); background: var(--raised); box-shadow: 0 0 0 var(--px) rgb(var(--ring-rgb) / var(--ring)), var(--e1); --plane: var(--raised); --plane-hover: var(--raised-hover); --plane-selected: var(--raised-selected); --pill-rest: var(--raised); }
:is([data-r="dialog"] [data-r="pairing-code"], [data-r="pairing-code"][data-bare]) { width: 100%; padding: 0; background: none; box-shadow: none; }
[data-r="pairing-code"] > [data-part="lead"] { margin: 0; font-size: var(--fs-13); line-height: var(--lh-13); color: var(--ink-2); }
[data-r="pairing-code"] > [data-part="figure"] { display: flex; flex-direction: column; gap: 8px; }
[data-r="pairing-code"] > [data-part="figure"] > [data-part="code"] { display: flex; align-items: center; gap: 6px; }
[data-r="pairing-code"] > [data-part="figure"] > [data-part="code"] > [data-part="gap"] { flex: none; width: 4px; overflow: hidden; }
[data-r="pairing-code"] > [data-part="figure"] > [data-part="code"] > [data-part="digit"] { display: grid; place-items: center; flex: none; width: 40px; height: var(--h-44); border: .5px solid var(--line-4); border-radius: var(--r-value); background: var(--raised); font-size: var(--fs-16); line-height: 1; font-weight: var(--fw-550); font-variant-numeric: tabular-nums; color: var(--ink); }
@media (max-width: 560px) {
  [data-r="pairing-code"] > [data-part="figure"] > [data-part="code"] > [data-part="digit"] { width: 36px; }
}
[data-r="pairing-code"] > [data-part="state"] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); line-height: var(--lh-12); color: var(--ink-3); font-variant-numeric: tabular-nums; }
[data-r="pairing-code"] > [data-part="state"] > svg[data-icon] { width: var(--icon-14); height: var(--icon-14); }
[data-r="pairing-code"][data-state="approved"] > [data-part="state"] { color: var(--ink-2); }
[data-r="pairing-code"][data-state="approved"] > [data-part="state"] > svg[data-icon] { color: var(--success-ink); }
[data-r="pairing-code"]:is([data-state="expired"], [data-state="approved"]) > [data-part="figure"] > [data-part="code"] > [data-part="digit"] { color: var(--ink-3); }
[data-r="pairing-code"]:is([data-state="expired"], [data-state="approved"]) > [data-part="figure"] > [data-r="progress"] { visibility: hidden; }
[data-r="pairing-code"] > [data-part="actions"] { display: flex; gap: 6px; }
[data-r="pairing-code"] > [data-part="actions"]:not(:has(> :not([hidden]))) { display: none; }
@supports (corner-shape: superellipse(2)) {
  [data-r="pairing-code"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
  [data-r="pairing-code"] > [data-part="figure"] > [data-part="code"] > [data-part="digit"] { corner-shape: superellipse(var(--corner-nest, var(--corner-k))); }
}