: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)}.demo-split{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.demo-left{background:linear-gradient(135deg,#0A0F1F,#143432);border-radius:var(--mantine-radius-lg) 0 0 var(--mantine-radius-lg);padding:40px 32px;justify-content:center}.demo-left,.demo-left-content{display:flex;flex-direction:column}.demo-left-content{gap:4px}.demo-engine-carousel{margin-top:32px}.demo-engine-active{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.08);border-radius:12px;margin-bottom:16px;transition:opacity .3s ease,transform .3s ease}.demo-engine-active.demo-engine-fade{opacity:0;transform:translateY(4px)}.demo-engine-strip{display:flex;flex-wrap:wrap;gap:8px}.demo-engine-dot{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);opacity:.4;transition:all .3s ease}.demo-engine-dot.active{opacity:1;background:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(14,145,140,.5)}.demo-right{position:relative;padding:32px 32px 28px;display:flex;flex-direction:column;justify-content:center}.demo-close-btn{position:absolute;top:12px;right:14px;background:none;border:none;font-size:22px;color:#9ca3af;cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px;transition:color .15s ease,background .15s ease}.demo-close-btn:hover{color:#0A0F1F;background:#f1f3f5}.demo-phone-input{display:flex;align-items:center}.demo-phone-input .PhoneInputInput{flex:1;height:36px;padding:0 12px;border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);font-size:var(--mantine-font-size-sm);font-family:inherit;background:var(--mantine-color-body);color:var(--mantine-color-text);outline:none;transition:border-color .15s ease}.demo-phone-input .PhoneInputInput:focus{border-color:#0E918C;box-shadow:0 0 0 1px #0E918C}.demo-phone-input .PhoneInputInput::placeholder{color:var(--mantine-color-placeholder)}.demo-phone-input .PhoneInputCountry{margin-right:8px}.demo-phone-input .PhoneInputCountrySelect{font-size:var(--mantine-font-size-sm);font-family:inherit}.demo-success-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#e6f9f0;color:#0E918C}@media (max-width:48em){.demo-split{grid-template-columns:1fr;min-height:auto}.demo-left{border-radius:var(--mantine-radius-lg) var(--mantine-radius-lg) 0 0;padding:28px 24px}.demo-right{padding:24px 24px 20px}.demo-engine-strip{gap:6px}.demo-engine-dot{width:30px;height:30px}}