.dfn-phone .PhoneInput{display:flex;align-items:stretch;gap:0;width:100%;border:2px solid #e8e1d5;background:#fff;border-radius:.5rem;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .dfn-phone .PhoneInput{border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.dfn-phone .PhoneInput:focus-within{border-color:#ff4d1f;box-shadow:0 0 0 4px rgba(255,77,31,.15)}[data-theme=dark] .dfn-phone .PhoneInput:focus-within{background:hsla(0,0%,100%,.1);box-shadow:0 0 0 3px rgba(255,77,31,.25)}.dfn-phone .PhoneInputCountry{display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-right:1px solid #e8e1d5;cursor:pointer;position:relative}[data-theme=dark] .dfn-phone .PhoneInputCountry{border-right-color:hsla(0,0%,100%,.12)}.dfn-phone .PhoneInputCountryIcon{width:26px;height:18px;box-shadow:0 0 0 1px rgba(0,0,0,.06);border-radius:2px;overflow:hidden}[data-theme=dark] .dfn-phone .PhoneInputCountryIcon{box-shadow:0 0 0 1px hsla(0,0%,100%,.15)}.dfn-phone .dfn-phone-prefix{font-family:inherit;font-size:1rem;color:#0b0b0f;font-weight:500;margin-left:.25rem}[data-theme=dark] .dfn-phone .dfn-phone-prefix{color:hsla(0,0%,100%,.85)}.dfn-phone .PhoneInputCountryIcon--border{background:transparent;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.dfn-phone .PhoneInputCountryIcon img,.dfn-phone .PhoneInputCountryIconImg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dfn-phone .PhoneInputCountrySelectArrow{color:#5c5852;opacity:1;border-color:currentcolor;border-style:solid;border-width:0 1.5px 1.5px 0;width:7px;height:7px;margin-left:.25rem;transform:rotate(45deg);margin-bottom:2px}[data-theme=dark] .dfn-phone .PhoneInputCountrySelectArrow{color:hsla(0,0%,100%,.6)}.dfn-phone .PhoneInputCountrySelect{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1}.dfn-phone .PhoneInputInput{flex:1;border:none;outline:none;background:transparent;padding:.875rem 1rem;font-size:1rem;color:#0b0b0f;font-family:inherit;min-width:0}[data-theme=dark] .dfn-phone .PhoneInputInput{color:#fff}.dfn-phone .PhoneInputInput::-moz-placeholder{color:rgba(92,88,82,.55)}.dfn-phone .PhoneInputInput::placeholder{color:rgba(92,88,82,.55)}[data-theme=dark] .dfn-phone .PhoneInputInput::-moz-placeholder{color:hsla(0,0%,100%,.3)}[data-theme=dark] .dfn-phone .PhoneInputInput::placeholder{color:hsla(0,0%,100%,.3)}.dfn-phone .PhoneInputInput:disabled{opacity:.5;cursor:not-allowed}