.phone-field{margin-top:var(--forms-field-spacing)}.phone-field:first-child{margin-top:0}.phone-field-label{display:block;text-transform:uppercase;font-size:14px;font-weight:var(--font-weight-bold);line-height:var(--ui-text-line-height);letter-spacing:var(--ui-text-letter-spacing);margin-top:15px}.phone-field .iti{display:inline-flex;width:100%}.phone-field .iti__tel-input{padding-left:106px !important}.phone-field .iti:has(input[type=tel]:hover) .iti__country-container .iti__selected-country-primary{border-color:var(--color-yellow)}.phone-field .iti:has(input[type=tel]:focus) .iti__country-container .iti__selected-country-primary{border-color:var(--color-black)}tp-form-field[error] .phone-field .iti:has(input[type=tel]) .iti__country-container .iti__selected-country-primary{border-color:var(--color-error-50)}tp-form-field:not([error]) .phone-field .iti:has(.iti__selected-country[aria-expanded=false]:hover):not(:has(input[type=tel]:focus)) .iti__selected-country-primary{border-color:var(--color-yellow)}tp-form-field:not([error]) .phone-field .iti:has(.iti__selected-country[aria-expanded=false]:hover):not(:has(input[type=tel]:focus)) input[type=tel]{border-color:var(--color-yellow)}tp-form-field:not([error]) .phone-field .iti:has(.iti__selected-country[aria-expanded=true]) .iti__selected-country-primary{border-color:var(--color-black)}tp-form-field:not([error]) .phone-field .iti:has(.iti__selected-country[aria-expanded=true]) input[type=tel]{border-color:var(--color-black)}.phone-field .iti__selected-country-primary{padding:0 10px;border-right:2px solid var(--forms-border-color);transition-property:border;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.phone-field .iti__selected-country-primary:hover{border-top-left-radius:8px;border-bottom-left-radius:8px}.phone-field .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary{border-top-left-radius:8px;border-bottom-left-radius:8px}.phone-field .iti__search-input{border:none}.phone-field .iti__flag{box-sizing:content-box;border:1px solid var(--forms-border-color);box-shadow:none}.phone-field .iti__selected-dial-code{width:36px;text-align:left}.phone-field .iti__selected-dial-code,.phone-field .iti__country-name,.phone-field .iti__dial-code{font-size:14px}.phone-field .iti__arrow{margin-left:4px;position:relative;border:none;width:16px;height:16px}.phone-field .iti__arrow::before{content:"";top:50%;left:50%;width:16px;height:16px;position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translate(-50%, -50%);background-image:url(../../../src/assets/svg/chevron-down.svg)}.phone-field .iti__arrow--up::before{transform:translate(-50%, -50%) rotate(180deg)}.phone-field__validation-error{color:var(--color-error-50);font-size:12px}.iti__flag{background-image:url(../../../dist/assets/png/flags.png) !important}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__flag{background-image:url(../../../dist/assets/png/flags@2x.png) !important}}.iti__globe{background-image:url(../../../dist/assets/png/globe.png) !important}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__globe{background-image:url(../../../dist/assets/png/globe@2x.png) !important}}.iti--fullscreen-popup.iti--container .iti__search-input{border:none}
