.phone-input-wrapper .PhoneInput{width:100%}.phone-input-wrapper .PhoneInputInput{color:#f2f1f4;letter-spacing:.025em;background:#23212c;border:1px solid #2f2b3b;border-radius:1.5rem;outline:none;flex:1;min-width:0;padding:.625rem 1rem;font-size:1rem;font-weight:500;transition:all .2s}.phone-input-wrapper .PhoneInputInput:focus{ring:2px;ring-color:#8033cc;border-color:#8033cc}.phone-input-wrapper .PhoneInputInput::placeholder{color:#a4a1aa;font-size:.875rem}.phone-input-wrapper .PhoneInputCountry{align-items:center;margin-right:.75rem;display:flex}.phone-input-wrapper .PhoneInputCountryIcon{border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;box-shadow:0 0 0 1px #0000001a}.phone-input-wrapper .PhoneInputCountryIcon img,.phone-input-wrapper .PhoneInputCountryIcon svg{transform-origin:50%;transform:scale(1.4)}.phone-input-wrapper .PhoneInputCountrySelect{color:#f2f1f4;cursor:pointer;background:0 0;border:none;outline:none}.phone-input-wrapper .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon{box-shadow:0 0 0 2px #8033cc}.phone-input-wrapper .PhoneInputCountrySelectArrow{opacity:.9;width:8px;height:8px;margin-left:.75rem;display:inline-block;transform:rotate(45deg);border:2px solid #ffd966!important;border-top:none!important;border-left:none!important}.phone-input-wrapper .PhoneInputCountrySelect{color:#f2f1f4;background:#23212c;padding:.25rem;font-size:1rem}.phone-input-wrapper .PhoneInputCountrySelect option{color:#000;background-color:#fff;padding:.5rem;font-size:1rem}.phone-input-mystical .PhoneInput{width:100%}.phone-input-mystical .PhoneInputInput{color:#fef3c7;letter-spacing:.025em;background:#581c8766;border:1px solid #d9770680;border-radius:.5rem;outline:none;flex:1;min-width:0;padding:.75rem 1rem;font-size:1.125rem;font-weight:500;transition:all .3s}.phone-input-mystical .PhoneInputInput:focus{border-color:#fbbf24cc;box-shadow:0 0 20px #fbbf244d}.phone-input-mystical .PhoneInputInput::placeholder{color:#fef3c799;font-size:.875rem}.phone-input-mystical .PhoneInputCountry{align-items:center;margin-right:.75rem;display:flex}.phone-input-mystical .PhoneInputCountryIcon{border-radius:.25rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;box-shadow:0 0 8px #d977064d}.phone-input-mystical .PhoneInputCountryIcon img,.phone-input-mystical .PhoneInputCountryIcon svg{transform-origin:50%;transform:scale(1.5)}.phone-input-mystical .PhoneInputCountrySelect{color:#fef3c7;cursor:pointer;background:0 0;border:none;outline:none}.phone-input-mystical .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon{box-shadow:0 0 12px #fbbf2499}.phone-input-mystical .PhoneInputCountrySelectArrow{color:#fbbf24;opacity:1;margin-left:.75rem;border-top-width:6px!important;border-left-width:4px!important;border-right-width:4px!important}.phone-input-mystical .PhoneInputCountrySelect{color:#fef3c7;background:#581c8766;padding:.25rem;font-size:1rem}.phone-input-mystical .PhoneInputCountrySelect option{color:#000;background-color:#fff;padding:.5rem;font-size:1rem}
: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:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.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{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{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);display:block}.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)}
