.cp-phone{display:flex;flex-direction:column;gap:9px;min-width:0;width:100%;font:inherit;text-align:left}.cp-phone .cp-label{display:block;color:inherit;font-size:14px;line-height:1.7;font-weight:500}.cp-phone .cp-controls{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;min-width:0}.cp-phone .cp-country{position:relative;min-width:0;min-height:54px;height:54px;border:1px solid #d9d9e1;border-radius:12px;background:#fff;color:#1d1d1f}.cp-phone .cp-country-display{display:flex;align-items:center;justify-content:center;gap:7px;height:100%;padding:0 10px;white-space:nowrap;font-size:15px;line-height:1.2;pointer-events:none}.cp-phone .cp-country-display b{font-weight:550;font-variant-numeric:tabular-nums}.cp-phone .cp-country-display svg{flex:0 0 auto;color:#6e6e73}.cp-phone .cp-select{position:absolute;inset:0;width:100%;height:100%;min-height:54px;margin:0;padding:0;opacity:0;cursor:pointer;font:inherit;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.cp-phone .cp-national{min-width:0;width:100%;height:54px;min-height:54px;border:1px solid #d9d9e1;border-radius:12px;background:#fff;color:#1d1d1f;padding:0 14px;font:inherit;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums;box-sizing:border-box}.cp-phone .cp-national::-moz-placeholder{color:#8e8e93;opacity:1}.cp-phone .cp-national::placeholder{color:#8e8e93;opacity:1}.cp-phone .cp-country:hover,.cp-phone .cp-national:hover{border-color:#b8b8bf}.cp-phone .cp-country:focus-within,.cp-phone .cp-national:focus-visible{outline:3px solid #e01010;outline-offset:2px}.cp-phone .cp-country:focus-within .cp-select{outline:0}.cp-phone .cp-national[aria-invalid=true]{border-color:#d91515}.cp-phone .cp-error,.cp-phone .cp-hint{display:block;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.cp-phone .cp-hint{color:#6e6e73}.cp-phone .cp-error{color:#b51616}.cp-phone.cp-disabled{opacity:.55}.cp-phone .cp-national:disabled,.cp-phone.cp-disabled .cp-select{cursor:default}.cp-phone .cp-country-display>span{font-weight:550}@media(max-width:360px){.cp-phone .cp-controls{grid-template-columns:118px minmax(0,1fr);gap:8px}.cp-phone .cp-country-display{gap:5px;padding:0 7px;font-size:14px}.cp-phone .cp-national{padding:0 10px}}