/* the country code and the number read as one control */
.lf-phone{display:flex;align-items:stretch;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.lf-phone:focus-within{border-color:var(--warm);box-shadow:0 0 0 3px rgba(200,16,46,.1)}
.lf-phone select,.lf-phone input{border:0;border-radius:0;box-shadow:none}
.lf-phone select:focus,.lf-phone input:focus{outline:none;box-shadow:none;border:0}
.lf-phone select{flex:0 0 210px;border-right:1px solid var(--line);
  background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px)}
.lf-phone input{flex:1 1 auto;min-width:0;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.lf-f.err .lf-phone{border-color:var(--warm)}
@media(max-width:620px){ .lf-phone select{flex:0 0 128px} }