:root{--PhoneInput-color--focus:#6366F1;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:.5rem;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.5;--PhoneInputCountrySelectArrow-color:#6B7280;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1;--PhoneInputCountryFlag-height:1.5rem;--PhoneInputCountryFlag-borderWidth:.078125rem;--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{position:relative;display:flex;align-items:center;width:100%;border:.0625rem solid transparent}.PhoneInputInput{flex:1;min-width:0}.PhoneInputInput:focus{outline:none}.PhoneInputCountryIcon{overflow:hidden;border-radius:1000px;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)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountrySelect{cursor:pointer;position:absolute;z-index:1;top:0;left:0;border:0;opacity:0;width:100%;height:100%}.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)}.PhoneInput:has(.PhoneInputInput[data-variant=primary]){background-color:#F9FAFB;border-color:#D1D5DB;border-radius:.375rem;padding-block:.5rem;padding-inline:.75rem}.PhoneInput:has(.PhoneInputInput[data-variant=primary]):focus-within{outline:.125rem solid #6366F1}.PhoneInput:has(.PhoneInputInput[data-variant=primary][data-invalid=true]){outline:.125rem solid #EF4444}.PhoneInputInput[data-variant=primary]{color:#0F141B;font-size:.875rem;line-height:1.25rem}.PhoneInput:has(.PhoneInputInput[data-variant=secondary]){background-color:color-mix(in oklab,#fff 10%,transparent);border-radius:.5rem;padding-inline:1rem;padding-block:.75rem}.PhoneInput:has(.PhoneInputInput[data-variant=secondary]):focus-within{outline:none}.PhoneInput:has(.PhoneInputInput[data-variant=secondary][data-invalid=true]){outline:.125rem solid #f87171}.PhoneInputInput[data-variant=secondary]{color:#fff}.PhoneInput:has(.PhoneInputInput[data-variant=secondary]) .PhoneInputCountrySelectArrow,.PhoneInput:has(.PhoneInputInput[data-variant=secondary]) .PhoneInputInternationalIconGlobe,.PhoneInput:has(.PhoneInputInput[data-variant=secondary]) .PhoneInputInternationalIconPhone{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(142deg) brightness(103%) contrast(106%)}.PhoneInput:has(.PhoneInputInput[data-variant=secondary]) .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) #fff,inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) #fff}