.phone-control{display:block!important;width:100%;min-width:0;container-type:inline-size}
.phone-entry-row{display:grid!important;grid-template-columns:90px minmax(0,1fr);gap:6px;align-items:center;width:100%;min-width:0}
.phone-country{position:relative;display:block!important;min-width:0;align-self:stretch}
.phone-country-display{display:flex!important;align-items:center;justify-content:center;gap:5px;min-height:42px;height:100%;box-sizing:border-box;border:1px solid var(--line,#cbd5e1);border-radius:8px;background:var(--panel,#fff);color:var(--text,#24313d);font-size:13px!important;font-weight:400!important;white-space:nowrap;padding:7px 5px}
.phone-country-display img{display:block!important;width:19px!important;height:14px!important;object-fit:contain!important;flex-shrink:0;border-radius:1px}
.phone-country-display>span{font-size:13px!important;font-weight:400!important;line-height:1.2}
.phone-country-chevron{font-size:11px!important;opacity:.7}
.phone-country>select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;opacity:0;cursor:pointer;margin:0!important}
.phone-country:focus-within .phone-country-display{outline:2px solid var(--accent,#00abc8);outline-offset:2px}
.phone-country:has(select:disabled){opacity:.65}
.phone-entry-row>input:not([type=hidden]){width:100%!important;min-width:0!important;box-sizing:border-box;margin:0!important;padding:10px 8px!important;font-size:14px!important;font-variant-numeric:tabular-nums;letter-spacing:0}
.phone-hint{display:block!important;margin-top:5px;font-size:11px!important;font-weight:400!important;line-height:1.35;opacity:.8}
@container(max-width:250px){.phone-entry-row{grid-template-columns:90px minmax(0,1fr)}.phone-entry-row>input:not([type=hidden]){grid-column:1/-1}}

.phone-control .phone-country-display,.phone-control .phone-country-display>span{background:#fff!important;color:#24313d!important}.phone-control .phone-country option{background:#fff!important;color:#24313d!important}
