.phone-input{--PhoneInputCountrySelectArrow-color:hsl(var(--muted-foreground));--PhoneInput-color--focus:hsl(var(--ring));--phone-input-bg:rgba(255,255,255,0.1);display:flex;width:100%;gap:0}.phone-input .PhoneInputInput{height:2.5rem;border-radius:0 .375rem .375rem 0;background-color:var(--phone-input-bg);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:white;transition:all .2s ease-in-out;width:100%;border:1px solid rgba(255,255,255,.2);border-left:none}.phone-input .PhoneInputInput::-moz-placeholder{color:rgba(255,255,255,.4)}.phone-input .PhoneInputInput::placeholder{color:rgba(255,255,255,.4)}.phone-input .PhoneInputInput:focus{outline:none;border-color:rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.phone-input .PhoneInputCountrySelect{height:2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:.375rem 0 0 .375rem;background-color:var(--phone-input-bg)!important;background:var(--phone-input-bg)!important;padding:.5rem .75rem;font-size:.875rem;color:white;transition:all .2s ease-in-out;min-width:100px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:500}.phone-input .PhoneInputCountrySelect *,.phone-input .PhoneInputCountrySelect button,.phone-input .PhoneInputCountrySelect button[type=button],.phone-input .PhoneInputCountrySelect>button,.phone-input .PhoneInputCountrySelect>div,.phone-input .PhoneInputCountrySelect>div>button,.phone-input .PhoneInputCountrySelect>div>div{background-color:var(--phone-input-bg)!important;background:var(--phone-input-bg)!important;border:none!important;color:inherit}.phone-input .PhoneInputCountrySelect button,.phone-input .PhoneInputCountrySelect button[type=button],.phone-input .PhoneInputCountrySelect>button,.phone-input .PhoneInputCountrySelect>div>button{width:100%;height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;position:relative}.phone-input .PhoneInputCountrySelect>div{width:100%;height:100%;display:flex;align-items:center}.phone-input .PhoneInputCountrySelect .PhoneInputCountryIcon,.phone-input .PhoneInputCountrySelect .PhoneInputCountryIconImg{background-color:transparent!important;background:transparent!important}.phone-input .PhoneInputCountrySelect:hover{border-color:rgba(255,255,255,.3)}.phone-input .PhoneInputCountrySelect:hover,.phone-input .PhoneInputCountrySelect:hover *,.phone-input .PhoneInputCountrySelect:hover button,.phone-input .PhoneInputCountrySelect:hover>button,.phone-input .PhoneInputCountrySelect:hover>div,.phone-input .PhoneInputCountrySelect:hover>div>button,.phone-input .PhoneInputCountrySelect:hover>div>div{background-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.15)!important}.phone-input .PhoneInputCountrySelect:hover .PhoneInputCountryIcon,.phone-input .PhoneInputCountrySelect:hover .PhoneInputCountryIconImg{background-color:transparent!important;background:transparent!important}.phone-input .PhoneInputCountrySelect:focus{outline:none;border-color:rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.phone-input .PhoneInputCountrySelectArrow{color:rgba(255,255,255,.6);margin-left:.5rem;transition:transform .2s ease-in-out;font-size:.75rem}.phone-input .PhoneInputCountrySelectArrow--open{color:white;transform:rotate(180deg)}.phone-input .PhoneInputCountrySelectDropdown{border:1px solid hsl(var(--border));border-radius:.5rem;background-color:hsl(var(--popover));box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);z-index:50;max-height:200px;overflow-y:auto;margin-top:.25rem}.phone-input .PhoneInputCountryOption{padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--popover-foreground));cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease-in-out;border-bottom:1px solid hsl(var(--border)/.1)}.phone-input .PhoneInputCountryOption:last-child{border-bottom:none}.phone-input .PhoneInputCountryOption:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:translateX(2px)}.phone-input .PhoneInputCountryOption--selected{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary));font-weight:500}.phone-input .PhoneInputCountryOption .PhoneInputCountryCode{font-weight:600;color:hsl(var(--muted-foreground));font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem}.phone-input .PhoneInputCountryOption--selected .PhoneInputCountryCode{color:hsl(var(--primary))}.phone-input .PhoneInputCountrySelect .PhoneInputCountryCode{font-weight:600;color:white;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem}.phone-input *{transition:all .2s ease-in-out}.phone-input:focus-within{outline:none}.phone-input .PhoneInputCountrySelectDropdown::-webkit-scrollbar{width:4px}.phone-input .PhoneInputCountrySelectDropdown::-webkit-scrollbar-track{background:hsl(var(--muted)/.1);border-radius:2px}.phone-input .PhoneInputCountrySelectDropdown::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.3);border-radius:2px}.phone-input .PhoneInputCountrySelectDropdown::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,0.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,0.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}