.phone-entry{display:grid!important;grid-template-columns:max-content minmax(0,1fr);gap:0!important;width:100%;min-width:0;position:relative}
.phone-entry input[data-phone-canonical]{display:none!important}
.phone-entry .phone-country-trigger,.phone-country-trigger{font:inherit;font-size:13px;padding:10px 12px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;min-height:42px}
.phone-entry>.phone-country-trigger{border-radius:7px 0 0 7px;border-right:0}
.phone-entry>input.phone-national-input{box-sizing:border-box;font:inherit;font-size:15px;width:100%;min-width:0;min-height:42px;margin:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:0 7px 7px 0;background:var(--color-input,var(--color-surface));color:var(--color-text-primary)}
.phone-entry>.phone-input-error{grid-column:1/-1;color:var(--color-danger);font-size:12px;line-height:1.5;margin-top:5px}
.phone-input-error:empty{display:none}
.phone-country-menu{position:fixed;inset:auto;margin:0;padding:10px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 12px 32px #0003;overflow:hidden}
.phone-country-menu:popover-open{display:flex;flex-direction:column;gap:8px}
.phone-country-menu::backdrop{background:transparent}
.phone-country-menu>input[type=search]{box-sizing:border-box;flex:none;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input,var(--color-surface));color:inherit;font:inherit;font-size:14px}
.phone-country-options{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
.phone-country-options>button{display:block;width:100%;text-align:left;min-height:38px;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.phone-country-options>button:hover,.phone-country-options>button[aria-pressed=true]{background:var(--color-hover)}
.phone-country-options>button:focus-visible,.phone-country-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}