.phone-input-control{display:grid;grid-template-columns:minmax(128px,38%) minmax(0,1fr);align-items:stretch;width:100%;min-width:0}.phone-input-control .phone-country-select{min-width:0;height:100%;padding:0 28px 0 10px;border:1px solid #cbd5e1;border-right:0;border-radius:10px 0 0 10px;background-color:#f8fafc;color:#334155;font:inherit;font-size:.82rem}.phone-input-control>input{width:100%!important;min-width:0;border-radius:0 10px 10px 0!important}.phone-input-control:focus-within .phone-country-select{border-color:#14b8a6}.phone-input-feedback{display:block;grid-column:1 / -1;width:100%;margin-top:5px;color:#64748b;font-size:.76rem;line-height:1.3}.phone-input-feedback[hidden]{display:none!important}.phone-input-feedback.is-error,.phone-input-feedback.bad{color:#b42318}.phone-input-feedback.is-valid,.phone-input-feedback.good{color:#087f5b}input.phone-input-invalid{border-color:#d92d20!important;box-shadow:0 0 0 3px #d92d201f!important}input.phone-input-valid:not(:focus){border-color:#53a88d}@media (max-width: 768px){.phone-input-control{grid-template-columns:minmax(118px,42%) minmax(0,1fr)}.phone-input-control .phone-country-select{padding-left:8px;font-size:.78rem}.phone-input-feedback{font-size:.78rem}}