@layer pages{.shared-phone-input{--phone-number-gap:.625rem;background:var(--color-surface);border:.0625rem solid var(--color-border-strong);border-radius:var(--radius-compact-control);box-sizing:border-box;min-block-size:3.5rem;max-inline-size:100%;align-items:stretch;width:100%;display:flex;overflow:visible}.shared-phone-input[data-appearance=form]{block-size:var(--phone-input-height,3rem);min-block-size:var(--phone-input-height,3rem)}.shared-phone-input[data-appearance=form]>.shared-phone-input__subscriber{box-sizing:border-box;block-size:100%;min-block-size:0}.shared-phone-input:focus-within{border-color:var(--color-action);box-shadow:var(--focus-ring)}.shared-phone-input[data-appearance=profile]:focus-within{box-shadow:none}.shared-phone-input:is([data-appearance=compact],[data-appearance=form]){border-color:var(--color-border);font-size:var(--text-detail);min-block-size:2.5rem}:where(.shared-phone-input:is([data-appearance=compact],[data-appearance=form])) .shared-phone-input__operator{flex-basis:auto}:where(.shared-phone-input:is([data-appearance=compact],[data-appearance=form])) .shared-phone-input__operator summary{gap:var(--space-1);padding-inline:var(--space-2) 0}.shared-phone-input[data-invalid=true]{background:var(--color-danger-soft);border-color:var(--color-danger)}.shared-phone-input.shared-phone-input>input{box-shadow:none;font:inherit;min-inline-size:0;padding-inline:var(--phone-number-gap) 1rem;background:0 0;border:0;outline:0;flex:auto;width:0}.shared-phone-input>input:is(:focus,:focus-visible),.shared-phone-input__operator>summary:is(:focus,:focus-visible){box-shadow:none;outline-offset:0;border-color:#0000;outline:0}.shared-phone-input__operator{flex:none;position:relative}.shared-phone-input__operator summary{cursor:pointer;white-space:nowrap;border-inline-end:0;align-items:center;gap:.5rem;height:100%;padding-inline:.875rem 0;list-style:none;display:flex}.shared-phone-input__operator summary::-webkit-details-marker{display:none}.shared-phone-input__operator summary img{object-fit:cover;block-size:1rem;inline-size:1.5rem}.shared-phone-input__operator summary :is(span,b){font:inherit;font-weight:var(--font-weight-strong)}.shared-phone-input__operator summary svg{block-size:1rem;inline-size:1rem;transition:transform var(--motion-fast) var(--ease-standard);margin-inline-start:.125rem}.shared-phone-input__operator[open] summary svg{transform:rotate(180deg)}.shared-phone-input__operator>div{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-control);box-shadow:var(--shadow-md);max-block-size:min(18rem,100dvh - 7rem);width:100%;z-index:var(--z-popover);padding:.25rem;display:grid;position:absolute;inset:calc(100% + .25rem) auto auto 0;overflow:auto}.shared-phone-input__operator button{border-radius:var(--radius-compact-control);color:var(--color-ink);font:inherit;font-weight:var(--font-weight-strong);text-align:start;background:0 0;border:0;min-block-size:2.75rem;padding-inline:1rem}.shared-phone-input__operator button:is(:hover,:focus-visible){background:var(--color-canvas-strong);outline:0}.shared-phone-input__operator button[aria-selected=true]{background:var(--color-action-soft);color:var(--color-action-strong)}}