.pte-phone-input{border:1px solid var(--color-line,#dbe3ee);background:var(--color-surface,#fff);border-radius:.5rem;align-items:stretch;width:100%;min-height:2.75rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pte-phone-input:focus-within{outline:2px solid color-mix(in srgb, var(--color-primary,#1d4ed8) 50%, white);outline-offset:1px;border-color:var(--color-primary,#1d4ed8)}.pte-phone-input__country{flex:none;position:relative}.pte-phone-input__country-trigger{border:0;border-right:1px solid var(--color-line,#dbe3ee);height:100%;min-height:2.75rem;font-family:var(--font-ui,inherit);color:var(--color-ink,inherit);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.pte-phone-input__country-trigger:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary,#1d4ed8) 6%, white)}.pte-phone-input__country-trigger:focus-visible{outline:none}.pte-phone-input__country-flag{font-size:1.15rem;line-height:1}.pte-phone-input__country-code{font-variant-numeric:tabular-nums}.pte-phone-input__chevron{opacity:.55;flex-shrink:0}.pte-phone-input__country-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pte-phone-input__country-menu{z-index:40;border:1px solid var(--color-line,#dbe3ee);background:var(--color-surface,#fff);width:min(20rem,100vw - 2rem);box-shadow:0 12px 28px color-mix(in srgb, var(--color-ink,#0f172a) 14%, transparent), 0 2px 6px color-mix(in srgb, var(--color-ink,#0f172a) 8%, transparent);border-radius:.5rem;position:absolute;top:calc(100% + .35rem);left:0;overflow:hidden}.pte-phone-input__country-search-wrap{border-bottom:1px solid var(--color-line,#dbe3ee);padding:.55rem}.pte-phone-input__country-search{border:1px solid var(--color-line,#dbe3ee);background:var(--color-surface,#fff);width:100%;min-height:2.25rem;font-family:var(--font-ui,inherit);color:var(--color-ink,inherit);border-radius:.375rem;padding:0 .75rem;font-size:.9375rem}.pte-phone-input__country-search:focus{outline:2px solid color-mix(in srgb, var(--color-primary,#1d4ed8) 50%, white);outline-offset:1px;border-color:var(--color-primary,#1d4ed8)}.pte-phone-input__country-list{max-height:14rem;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.pte-phone-input__country-option{width:100%;font-family:var(--font-ui,inherit);color:var(--color-ink,inherit);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.375rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .65rem;font-size:.9375rem;display:grid}.pte-phone-input__country-option:hover,.pte-phone-input__country-option.is-selected{background:color-mix(in srgb, var(--color-primary,#1d4ed8) 8%, white)}.pte-phone-input__country-option-flag{font-size:1.1rem;line-height:1}.pte-phone-input__country-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pte-phone-input__country-option-code{font-variant-numeric:tabular-nums;color:var(--color-muted,#64748b);font-size:.8125rem;font-weight:600}.pte-phone-input__country-empty{font-family:var(--font-ui,inherit);color:var(--color-muted,#64748b);padding:.75rem .65rem;font-size:.875rem}.pte-phone-input__field{min-width:0;min-height:2.75rem;font-family:var(--font-ui,inherit);color:var(--color-ink,inherit);background:0 0;border:0;border-radius:0;flex:auto;padding:0 .95rem;font-size:1rem}.pte-phone-input__field:focus{outline:none}.pte-phone-input:has(:disabled){opacity:.65;cursor:not-allowed}.pte-phone-input:has(:disabled) .pte-phone-input__country-trigger{cursor:not-allowed}.pte-phone-input .PhoneInputCountrySelect,.pte-phone-input .PhoneInputCountrySelectArrow,.pte-phone-input .PhoneInputCountryIcon{display:none!important}.pte-phone-input .PhoneInputCountry{align-self:stretch;margin:0;position:static}.pte-phone-input--learner{border-radius:var(--radius-md);height:2.75rem;min-height:2.75rem}.pte-phone-input--learner.learner-auth-field{border:1px solid color-mix(in oklab, var(--color-dark) 16%, var(--color-border));background:var(--color-card);box-shadow:0 1px 2px #0000000d}.pte-phone-input--learner:focus-within{border-color:var(--color-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-ring) 50%, transparent);outline:none}.pte-phone-input--learner .pte-phone-input__country-trigger{border-right:1px solid color-mix(in oklab, var(--color-dark) 12%, var(--color-border));height:100%;min-height:0;color:var(--color-foreground);padding-inline:.75rem;font-size:.875rem;font-weight:500}.pte-phone-input--learner .pte-phone-input__country-trigger:hover:not(:disabled){background:color-mix(in oklab, var(--color-accent) 70%, transparent)}.pte-phone-input--learner .pte-phone-input__field{height:100%;min-height:0;color:var(--color-foreground);padding-inline:.75rem;font-size:1rem}@media (width>=768px){.pte-phone-input--learner .pte-phone-input__field{font-size:.875rem}}.pte-phone-input--learner .pte-phone-input__country-menu{border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:0 12px 28px color-mix(in oklab, var(--color-foreground) 12%, transparent), 0 2px 6px color-mix(in oklab, var(--color-foreground) 6%, transparent)}.pte-phone-input--learner .pte-phone-input__country-search-wrap{border-bottom-color:var(--color-border)}.pte-phone-input--learner .pte-phone-input__country-search{border-color:var(--color-input);border-radius:calc(var(--radius-sm) - 2px);color:var(--color-foreground);background:0 0}.pte-phone-input--learner .pte-phone-input__country-search:focus{border-color:var(--color-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-ring) 50%, transparent);outline:none}.pte-phone-input--learner .pte-phone-input__country-option{color:var(--color-foreground)}.pte-phone-input--learner .pte-phone-input__country-option:hover,.pte-phone-input--learner .pte-phone-input__country-option.is-selected{background:color-mix(in oklab, var(--color-accent) 80%, transparent)}.pte-phone-input--learner .pte-phone-input__country-option-code,.pte-phone-input--learner .pte-phone-input__country-empty{color:var(--color-muted-foreground)}
