.phone-input-wrapper{align-items:flex-start;gap:.5rem;width:100%;display:flex}.phone-input-wrapper .PhoneInputCountry{border:2px solid hsl(var(--input));cursor:pointer;background-color:#0000;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;min-width:fit-content;height:3rem;padding:.75rem;transition:all .15s;display:flex}.phone-input-wrapper .PhoneInputCountry:hover{border-color:hsl(var(--ring))}.phone-input-wrapper .PhoneInputCountry:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 4px hsl(var(--ring)/.2);outline:none}.phone-input-wrapper .PhoneInputCountryIcon{width:1.5rem;height:1.5rem}.phone-input-wrapper .PhoneInputCountryIcon--border{border-radius:2px;box-shadow:0 0 0 1px #0000001a}.phone-input-wrapper .PhoneInputCountrySelect{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.phone-input-wrapper .PhoneInputCountrySelect option{color:#000;background-color:#fff;font-weight:400}.phone-input-wrapper .PhoneInputCountrySelect option:checked{color:#fff;background-color:#06c;font-weight:700}.phone-input-wrapper.glass-morphism .PhoneInputCountrySelect option{color:#000;background-color:#fff}.phone-input-wrapper.glass-morphism .PhoneInputCountrySelect option:checked{color:#fff;background-color:#06c}.phone-input-wrapper .PhoneInputCountrySelectArrow{opacity:.7;border:2px solid;border-width:0 2px 2px 0;width:.375rem;height:.375rem;display:block;transform:rotate(45deg)}.phone-input-wrapper input.PhoneInputInput{flex:1;min-width:0}.phone-input-wrapper.glass-morphism .PhoneInputCountry{color:#fff;background-color:#ffffff1a;border-color:#fff3}.phone-input-wrapper.glass-morphism .PhoneInputCountry:hover,.phone-input-wrapper.glass-morphism .PhoneInputCountry:focus{background-color:#ffffff26;border-color:#ffffff4d}.dark .phone-input-wrapper .PhoneInputCountry{background-color:hsl(var(--input)/.3)}.phone-input-wrapper .PhoneInputCountry:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.phone-input-wrapper:has(input[aria-invalid=true]) .PhoneInputCountry{border-color:hsl(var(--destructive))}.dark .phone-input-wrapper:has(input[aria-invalid=true]) .PhoneInputCountry{border-color:hsl(var(--destructive))}.phone-input-wrapper.glass-morphism:has(input[aria-invalid=true]) .PhoneInputCountry{background-color:#ef44441a;border-color:#ef444480}
