.phone-number-control{grid-template-columns:minmax(128px,.78fr) minmax(0,1fr);width:100%;display:grid}.phone-number-control select,.phone-number-control input.phone-number-input{color:#123855;width:100%;min-width:0;min-height:48px;font:inherit;background:#fff;border:1px solid #c9e1e5;padding:11px 10px}.phone-number-control select{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:9px 0 0 9px;overflow:hidden}.phone-number-control input.phone-number-input{border-left:0;border-radius:0 9px 9px 0}.phone-number-control select:focus-visible,.phone-number-control input.phone-number-input:focus-visible{z-index:1;outline-offset:1px;outline:3px solid #f5a7066b;position:relative}.contact-field-grid .phone-number-control select,.contact-field-grid .phone-number-control input.phone-number-input{color:#332342;border-color:#ddd6e4;min-height:48px;font:400 12px/1.5 Lufga,Manrope,sans-serif}.admin-content .phone-number-control select,.admin-content .phone-number-control input.phone-number-input{min-height:40px;color:var(--coiba-navy);border-color:#d6e2e8;border-radius:8px 0 0 8px;font-size:12px}.admin-content .phone-number-control input.phone-number-input{border-left:0;border-radius:0 8px 8px 0}@media (width<=420px){.phone-number-control{grid-template-columns:minmax(112px,.7fr) minmax(0,1fr)}.phone-number-control select{padding-left:8px;padding-right:7px;font-size:11px}}
