/* Country calling code on the left, national number on the right. */
.gu-phone{display:flex!important;align-items:stretch;flex:1 1 auto;width:100%;min-width:0;max-width:100%;border:1px solid #ccd9cf;border-radius:10px;background:#fff;transition:box-shadow .15s,border-color .15s;overflow:hidden}
.gu-phone>.gu-phone-number{flex:1 1 0!important;min-width:0!important;width:0!important;max-width:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:10px 12px!important;min-height:44px;font-size:clamp(.875rem,3.8vw,1rem)!important;background:transparent!important;box-shadow:none!important}
.gu-phone>.gu-phone-country{flex:0 1 38%;width:clamp(78px,38%,145px);min-width:0;max-width:42%;border:0;border-right:1px solid #dce5de;border-radius:0;margin:0;padding:8px 5px;background:#f0f5ef;color:#244a33;font:inherit;font-size:.8rem;cursor:pointer;text-overflow:ellipsis}
.gu-phone>.gu-phone-country[hidden]{display:none!important}
.gu-phone:focus-within{border-color:#157347;box-shadow:0 0 0 3px #15734720}
.gu-phone:focus-within>.gu-phone-number{font-size:16px!important;min-height:52px;padding-block:14px!important}
.gu-phone:focus-within>.gu-phone-country{font-size:.9rem}
.gu-phone>.gu-phone-number:focus-visible,.gu-phone>.gu-phone-country:focus-visible{outline:2px solid #157347;outline-offset:-3px}
.input-group>.gu-phone{flex:1 1 0;width:0}
@media(prefers-reduced-motion:reduce){.gu-phone{transition:none}}