: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,.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(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)}.PhoneInputField{display:flex;align-items:stretch;gap:.5rem;width:100%}.PhoneInputField .PhoneInputCountry{margin-right:0;align-self:stretch;display:flex;align-items:center}.PhoneInputField .PhoneInputCountrySelect{cursor:pointer}.PhoneInputField .PhoneInputCountryIcon{width:1.5rem;height:1rem;box-shadow:none;border-radius:2px}.PhoneInputField .PhoneInputCountryIcon--border{box-shadow:none;background:transparent}.PhoneInputField .PhoneInputInput{flex:1;min-width:0}.dark .PhoneInputField .PhoneInputCountrySelect{background-color:#374151;color:#f3f4f6}.dark .PhoneInputField .PhoneInputCountrySelect option{background-color:#1f2937;color:#f3f4f6}.PhoneInputField .PhoneInputCountry--searchable{margin-right:var(--PhoneInputCountrySelect-marginRight,.35em)}.PhoneInputField .PhoneInputCountrySearchTrigger{display:flex;align-items:center;gap:.15rem;padding:.25rem .35rem;border:1px solid transparent;border-radius:.375rem;background:transparent;cursor:pointer;color:inherit;min-height:2.5rem}.PhoneInputField .PhoneInputCountrySearchTrigger:hover:not(:disabled){background-color:#f3f4f6}.dark .PhoneInputField .PhoneInputCountrySearchTrigger:hover:not(:disabled){background-color:#374151}.PhoneInputField .PhoneInputCountrySearchTrigger:disabled{cursor:default;opacity:.6}.PhoneInputField .PhoneInputCountryDropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;width:min(18rem,calc(100vw - 2rem));max-height:16rem;display:flex;flex-direction:column;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.12);overflow:hidden}.dark .PhoneInputField .PhoneInputCountryDropdown{border-color:#4b5563;background:#1f2937}.PhoneInputField .PhoneInputCountrySearchInput{width:100%;padding:.5rem .75rem;border:0;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none;background:#fff;color:#111827}.dark .PhoneInputField .PhoneInputCountrySearchInput{border-bottom-color:#374151;background:#1f2937;color:#f3f4f6}.PhoneInputField .PhoneInputCountryOptions{margin:0;padding:.25rem 0;list-style:none;overflow-y:auto;flex:1}.PhoneInputField .PhoneInputCountryOption{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .75rem;border:0;background:transparent;text-align:left;font-size:.875rem;cursor:pointer;color:inherit}.PhoneInputField .PhoneInputCountryOption:hover{background-color:#f3f4f6}.dark .PhoneInputField .PhoneInputCountryOption:hover{background-color:#374151}.PhoneInputField .PhoneInputCountryOption--selected{background-color:#fef2f2}.dark .PhoneInputField .PhoneInputCountryOption--selected{background-color:rgba(127,29,29,.35)}.PhoneInputField .PhoneInputCountryOptionLabel{flex:1;min-width:0}.PhoneInputField .PhoneInputCountryOptionsEmpty{padding:.75rem;font-size:.875rem;color:#6b7280;text-align:center}.PhoneInputField .PhoneInputCountryOptionsDivider{height:1px;margin:.35rem .75rem;background:#e5e7eb;list-style:none}.dark .PhoneInputField .PhoneInputCountryOptionsDivider{background:#374151}