.phone-field{isolation:isolate;align-items:stretch;width:100%;min-width:0;display:flex;position:relative}:where(.grid,.form-grid)>:has(>.phone-field){grid-column:1/-1}.phone-field.phone-field>input{flex:1;min-width:0;padding-left:108px}.phone-country{z-index:2;position:absolute;top:1px;bottom:1px;left:1px}.phone-country-trigger{border:0;border-right:1px solid var(--line,#dce2e7);width:100px;height:100%;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px 0 0 6px;align-items:center;gap:5px;padding:0 9px;font-size:13px;display:flex}.phone-country-trigger:focus-visible{outline:2px solid var(--accent,#0e7490);outline-offset:-3px}.phone-country-trigger:disabled{opacity:.5;cursor:default}.phone-country-menu{z-index:70;border:1px solid var(--line,#dce2e7);background:var(--surface,#fff);width:min(330px,100vw - 36px);color:var(--ink,#172331);border-radius:8px;padding:8px;font:13px/1.5 Inter,system-ui,sans-serif;position:absolute;top:calc(100% + 5px);left:-1px;box-shadow:0 12px 32px #0f172a26}.phone-country-menu[data-above=true]{top:auto;bottom:calc(100% + 5px)}.phone-field .phone-country-search{border:1px solid var(--line,#dce2e7);background:var(--surface,#fff);width:100%;height:36px;min-height:36px;color:inherit;font:inherit;border-radius:5px;padding:6px 9px}.phone-country-options{overscroll-behavior:contain;max-height:220px;margin-top:6px;overflow:auto}.phone-country-option{width:100%;min-height:36px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 8px;display:block}.phone-country-option:hover,.phone-country-option:focus-visible{background:var(--accent-soft,#e8f5f5);outline:none}.phone-country-option[aria-selected=true]{background:var(--accent-soft,#e8f5f5);font-weight:600}.phone-country-empty{color:var(--muted,#65717b);margin:10px 8px}@media (width<=720px){.phone-field .phone-country-search{height:44px;min-height:44px;font-size:16px}.phone-country-option{min-height:44px}}