.custom-phone-container{width:100%}.custom-phone-input{border-bottom:3px solid var(--rail);background-color:#0000;border-radius:0;width:100%;padding:10px;font-size:16px}.custom-phone-input:focus-visible{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft);outline:none}:root{--phone-input-bg:transparent;--phone-input-border-color:var(--rail);--phone-input-text-color:var(--text);--phone-input-placeholder-color:var(--text-muted);--phone-input-focus-color:var(--signal)}.custom-phone-input{width:100%;position:relative}.custom-phone-input .PhoneInput{border-bottom:2px solid var(--phone-input-border-color);background:var(--phone-input-bg);align-items:center;gap:.5rem;min-height:20px;padding:.15rem 0;transition:all .2s;display:flex}.custom-phone-input .PhoneInput:focus-within{border-bottom-color:var(--phone-input-focus-color)}.custom-phone-input .PhoneInputCountry{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;height:20px;padding:.15rem;display:flex;position:relative}.custom-phone-input .PhoneInputCountryIcon{border-radius:2px;width:1.125rem;height:.75rem;overflow:hidden}.custom-phone-input .PhoneInputCountrySelectArrow{border-color:var(--phone-input-text-color);opacity:.5;border-width:.2em;margin-left:.25rem}.custom-phone-input .PhoneInputInput{color:var(--phone-input-text-color);background:0 0;border:none;outline:none;flex:1;height:20px;padding:.15rem 0;font-size:.975rem;line-height:1}.custom-phone-input .PhoneInputInput::placeholder{color:var(--phone-input-placeholder-color)}.custom-phone-input .PhoneInputInput:focus{outline:none}@media (min-width:768px){.custom-phone-input .PhoneInputInput{font-size:1rem}}