/* поля типа number не будут содержать нативные стрелки вверх/вниз */
/* Chrome, Safari, Edge, Opera */
.telField input::-webkit-outer-spin-button,
.telField input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
.telField input[type=number] {-moz-appearance: textfield;}


.telField {position: relative;display: flex;flex-flow: row nowrap;width: 100%;margin: 0.75rem 0;font-size: 1em;line-height: 1em;}
.telField input[type='tel'] {padding-left: 0.25em;padding-right: 0.25em;font-family: inherit;color: inherit;background: white;transition: all 0.2s ease-in-out;min-width: 0.1em;}
.telField > * {border: 0.1rem solid;z-index: 5;}
.telField_countrySelector {flex: none;width: 6em;border-radius: 0.25rem 0 0 0.25rem;padding: 0;line-height: initial;background: white;border: 0.1rem solid var(--clr-gray);}
.telField .selectivity-single-select {padding: 0;border-radius: 0;min-height: initial;}
.telField .selectivity-single-select-input {position: absolute !important;z-index: -1 !important;width: 1em !important;height: 1em !important;}
.telField .selectivity-single-result-container {position: relative;top: initial;left: initial;right: initial;padding: 0.25em;/* height: 1em; */}
.telField .selectivity-single-selected-item {margin: 0 1em 0 0;}
.telField .open .selectivity-caret {transform: rotate(225deg) translate(-0.25em,-0.375em);}
.telField .selectivity-caret {position: absolute;right: 0.5em;top: 50%;width: 0.5em;height: 0.5em;border-right: 0.1rem solid black;transform: rotate(45deg) translate(0,-0.5em);transform-origin: top;border-bottom: 0.1rem solid black;box-shadow: none;}
.telField .selectivity-dropdown {min-width: 16em;}
.telField .selectivity-search-input-container {padding: 0.25em;}
.telField .selectivity-search-input {font-family: inherit;font-size: inherit;line-height: 1em;padding: 0;font-weight: inherit;border: none;background: transparent;}
.telField .selectivity-result-item {padding: 0.25em;}
.telField .selectivity-result-item::before {}
.telField .telField_country {}
.telField .telField_intcode {}
.telField .telField_carrier {margin: 0 0 0 -0.1rem;width: 4em;border-radius: 0;flex: none;text-align: center;}
.telField .telField_number {flex: 1 1 auto;border-radius: 0 0.25rem 0.25rem 0;margin: 0 0 0 -0.1rem;}
.telField input:focus,
.telField input:hover,
.telField .open {z-index: 10;}
.telField input:focus:valid {border-color: #00c853;}
.telField input:focus:invalid {border-color: #ff1744;}