/*
 * Cloudmaple B2B Portal — phone fields (1.6.0).
 * Fits intl-tel-input into the portal, the auth screens and the checkout.
 * Colours fall back to the portal defaults outside the portal.
 */
.iti{display:block;width:100%;--iti-border-color:var(--cmb2b-border,#E3E7EE);--iti-hover-color:var(--cmb2b-bg,#F3F5F8)}
.iti input.iti__tel-input,.iti input[type=tel]{width:100%}
.iti__country-container{padding:1px}
.iti__selected-country{border-radius:8px 0 0 8px;background:transparent}
.iti__selected-country-primary{padding:0 6px 0 12px}
.iti__selected-dial-code{font-size:13.5px;color:var(--cmb2b-text-2,#5A6675);margin-left:6px;margin-right:10px}
.iti__selected-country{border-right:1px solid var(--cmb2b-border,#E3E7EE)}
.iti__country-selector{border:1px solid var(--cmb2b-border,#E3E7EE);border-radius:10px;box-shadow:0 8px 24px rgba(16,24,40,.12);overflow:hidden;z-index:60}
/* Themes and the portal style input[type=search]; give the library its icon room back. */
.iti .iti__search-input,.cmb2b-content .iti input.iti__search-input{font-size:13.5px;border:none;border-radius:0;box-shadow:none;outline:none;min-height:40px;padding:8px calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal)) 8px calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal))}
.iti__country{font-size:13.5px;padding:7px 12px}
.iti__country.iti__highlight{background:var(--cmb2b-primary-soft,#E8F0F8)}
.cmb2b-phone-invalid input{border-color:var(--cmb2b-bad-fg,#B3261E)!important}
.cmb2b-phone-error{display:block;font-size:12px;color:var(--cmb2b-bad-fg,#B3261E);margin-top:5px}