.contactListChoice { display: flex; gap: .5rem; max-width: 360px; margin: .5rem 0 .75rem; }
.contactListChoice button[data-contact-list-choice] { background: white !important; color: #171715 !important; border: 2px solid #171715; border-radius: 999px; padding: .5rem 1.25rem; min-height: 44px; cursor: pointer; font: inherit; flex: 1; width: auto; margin: 0; }
.contactListChoice button[data-contact-list-choice][aria-pressed="true"] { background: #171715 !important; color: white !important; }
.contactListChoice button:focus-visible { outline: 3px solid #90d9b5; outline-offset: 3px; }
.contactListInputHint { margin: .5rem 0; color: #5b5b62; font-size: .9em; }
.contactListInputHeading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.4rem 1rem; margin-bottom:.5rem; }
.contactListInputHeading label { margin:0; }
.contactListImportLink { display:inline-flex; align-items:center; min-height:44px; color:inherit; text-decoration:underline; font-weight:600; }
.contactListClear { background:transparent; border:0; color:inherit; padding:.5rem 0; text-decoration:underline; cursor:pointer; font:inherit; }
.contactListClear[hidden] { display:none !important; }
[data-contact-list-value][readonly] { background:#f3f1ec; }

.contactListInputHeading > button.contactListModeSwitch { width:auto !important; min-height:28px !important; height:auto !important; margin:0 !important; padding:3px 9px !important; border:1px solid var(--ink,#101010) !important; border-radius:999px !important; background:var(--paper,#fbfaf7) !important; color:var(--ink,#101010) !important; box-shadow:none !important; transform:none !important; font-size:.75rem !important; font-weight:700; line-height:1.3; white-space:nowrap; cursor:pointer; }
.contactListModeSwitch:focus-visible { outline:2px solid var(--ink,#101010); outline-offset:3px; }
.contactListSingleImport { font-size:.85rem; min-height:36px; margin-top:.25rem; }
.contactListSingleImport[hidden] { display:none !important; }