:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .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)}.phone-input-wrapper{width:100%}.phone-input-wrapper .PhoneInputInput{width:100%;padding:.75rem 1rem;border-radius:.5rem;background-color:#f9fafb;border:1px solid #d1d5db;color:#000;font-size:1rem;outline:none;transition:all .2s}.phone-input-wrapper .PhoneInputInput:focus{border-color:#3b82f6;background-color:#fff}.phone-input-wrapper .PhoneInputCountry{margin-right:.5rem;padding:.5rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem}.phone-input-wrapper .PhoneInputCountrySelect{padding:.25rem;font-size:1rem;cursor:pointer}.phone-input-wrapper .PhoneInputCountryIcon{width:1.5rem;height:1.5rem}.phone-input-wrapper .PhoneInputCountrySelectArrow{margin-left:.25rem;opacity:.5}.phone-input-wrapper .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:none}.phone-input-schengen{display:flex;align-items:center;gap:.5rem}.phone-input-schengen .PhoneInputCountry{display:flex;align-items:center;padding:.5rem .75rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer}.phone-input-schengen .PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.phone-input-schengen .PhoneInputCountryIcon{width:1.5rem;height:1rem;border-radius:2px}.phone-input-schengen .PhoneInputCountrySelectArrow{display:block;margin-left:.5rem;width:.35rem;height:.35rem;border-style:solid;border-color:#6b7280;border-top-width:0;border-bottom-width:1px;border-left-width:0;border-right-width:1px;transform:rotate(45deg)}.phone-input-schengen .PhoneInputInput{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:all .2s;font-size:1rem;box-shadow:0 1px 2px #0000000d}.phone-input-schengen .PhoneInputInput:focus{border-color:#9333ea;box-shadow:0 0 0 2px #9333ea33}:is(.dark) .phone-input-schengen .PhoneInputCountry{background-color:#374151;border-color:#4b5563}:is(.dark) .phone-input-schengen .PhoneInputInput{background-color:#374151;border-color:#4b5563;color:#fff}:is(.dark) .phone-input-schengen .PhoneInputInput:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.phone-input-schengen.phone-input-error .PhoneInputInput{border-color:#ef4444;background-color:#fef2f2}.phone-input-russia{display:flex;align-items:center;gap:.5rem}.phone-input-russia .PhoneInputCountry{display:flex;align-items:center;padding:.5rem .75rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer}.phone-input-russia .PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.phone-input-russia .PhoneInputCountryIcon{width:1.5rem;height:1rem;border-radius:2px}.phone-input-russia .PhoneInputCountrySelectArrow{display:block;margin-left:.5rem;width:.35rem;height:.35rem;border-style:solid;border-color:#6b7280;border-top-width:0;border-bottom-width:1px;border-left-width:0;border-right-width:1px;transform:rotate(45deg)}.phone-input-russia .PhoneInputInput{flex:1;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:all .2s;font-size:1rem}.phone-input-russia .PhoneInputInput:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}
