.phone-input-container{width:100%;display:flex;align-items:center;padding:.75rem 1rem;border:2px solid var(--border-300);border-radius:.75rem;background:var(--bg-white);gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.phone-input-container:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 2px #8b5cf633}.phone-input-container .PhoneInput{display:flex;align-items:center;width:100%;gap:.75rem}.phone-input-container .PhoneInputCountry{display:flex;align-items:center;gap:.5rem}.phone-input-container .PhoneInputCountryIcon{width:1.5rem;height:1.5rem;border-radius:.25rem;box-shadow:0 1px 3px #0f172a1f}.phone-input-container .PhoneInputCountrySelect{border:none;background:transparent;font-size:.95rem;font-weight:500;color:var(--text-600);cursor:pointer;padding-right:.85rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-400) 50%),linear-gradient(135deg,var(--text-400) 50%,transparent 50%);background-position:calc(100% - .75rem) calc(50% - 2px),calc(100% - .5rem) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;max-width:8.5rem;white-space:nowrap}.phone-input-container .PhoneInputCountrySelect:focus{outline:none}.phone-input-container .PhoneInputInput{width:100%;border:none;background:var(--bg-surface-1);font-size:1rem;color:var(--text-900);padding:.625rem .75rem;border-radius:.5rem;transition:box-shadow .2s ease}.phone-input-container .PhoneInputInput:focus{outline:none;box-shadow:inset 0 0 0 1px var(--border-200)}.phone-input-container .PhoneInputInput:disabled{opacity:.6;cursor:not-allowed}.phone-input-container .PhoneInputInput::-moz-placeholder{color:var(--text-400)}.phone-input-container .PhoneInputInput::placeholder{color:var(--text-400)}.dark .phone-input-container{border-color:var(--border-300);background:var(--bg-surface-2)}.dark .phone-input-container .PhoneInputCountrySelect{color:var(--text-100);background-image:linear-gradient(45deg,transparent 50%,var(--text-200) 50%),linear-gradient(135deg,var(--text-200) 50%,transparent 50%)}.dark .phone-input-container .PhoneInputInput{background:var(--bg-surface-3);color:#fff}.dark .phone-input-container .PhoneInputInput::-moz-placeholder{color:var(--text-300)}.dark .phone-input-container .PhoneInputInput::placeholder{color:var(--text-300)}