.sugar-contact-phone-input .sugar-contact-phone-input__wrapper{display:flex;align-items:stretch;border:var(--cf-border-width) solid var(--cf-border-color);border-radius:var(--cf-radius);background:var(--cf-field-bg);overflow:visible;transition:border-color .2s ease}.sugar-contact-phone-input .sugar-contact-phone-input__wrapper:focus-within{border-color:var(--cf-focus-border-color)}.sugar-contact-phone-input .sugar-contact-phone-input__country{position:relative;flex-shrink:0;border-right:var(--cf-border-width) solid var(--cf-border-color)}.sugar-contact-phone-input .sugar-contact-phone-input__country-btn{display:flex;align-items:center;gap:6px;padding:12px 10px;background:transparent;border:none;cursor:pointer;font-size:15px;font-family:inherit;color:var(--cf-field-text);white-space:nowrap}.sugar-contact-phone-input .sugar-contact-phone-input__country-btn:hover{background:#00000008}.sugar-contact-phone-input .sugar-contact-form__phone-flag{font-size:18px;line-height:1}.sugar-contact-phone-input .sugar-contact-phone-input__country-btn .sugar-contact-form__phone-flag{transform:translateY(2px);margin-bottom:3px}.sugar-contact-phone-input .sugar-contact-phone-input__dial{font-size:14px;color:var(--cf-placeholder)}.sugar-contact-phone-input .sugar-contact-phone-input__caret{width:12px;height:12px;opacity:.5}.sugar-contact-phone-input .sugar-contact-phone-input__dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:260px;max-height:280px;overflow-y:auto;background:var(--cf-field-bg);border:var(--cf-border-width) solid var(--cf-border-color);border-radius:var(--cf-radius);box-shadow:none;display:none}.sugar-contact-phone-input .sugar-contact-phone-input__dropdown.is-open{display:block}.sugar-contact-phone-input .sugar-contact-phone-input__search{position:sticky;top:0;padding:8px;background:var(--cf-field-bg);border-bottom:1px solid var(--cf-border-color)}.sugar-contact-phone-input .sugar-contact-phone-input__search-input{width:100%;padding:8px 10px;border:1px solid var(--cf-border-color);border-radius:calc(var(--cf-radius) - 2px);font-size:14px;font-family:inherit;outline:none;box-shadow:none}.sugar-contact-phone-input .sugar-contact-phone-input__search-input:focus{border-color:var(--cf-focus-border-color);box-shadow:none}.sugar-contact-phone-input .sugar-contact-phone-input__list{list-style:none;margin:0;padding:4px 0}.sugar-contact-phone-input .sugar-contact-form__phone-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s ease}.sugar-contact-phone-input .sugar-contact-form__phone-option:hover{background:#0000000d}.sugar-contact-phone-input .sugar-contact-form__phone-option.is-selected{background:#00000014}.sugar-contact-phone-input .sugar-contact-form__phone-option-name{flex:1;font-size:14px;color:var(--cf-field-text)}.sugar-contact-phone-input .sugar-contact-form__phone-option-dial{font-size:13px;color:var(--cf-placeholder)}.sugar-contact-phone-input .sugar-contact-phone-input__field{position:relative;flex:1;min-width:0;display:flex;align-items:stretch}.sugar-contact-phone-input .sugar-contact-phone-input__input{flex:1;min-width:0;padding:12px 14px;border:none;background:transparent;font-size:15px;font-family:inherit;color:var(--cf-field-text);outline:none;box-shadow:none}.sugar-contact-phone-input .sugar-contact-phone-input__input:focus{box-shadow:none}.sugar-contact-phone-input .sugar-contact-phone-input__input::placeholder{color:var(--cf-placeholder)}.sugar-contact-phone-input--floating .sugar-contact-phone-input__wrapper{margin-top:8px}.sugar-contact-phone-input--floating .sugar-contact-phone-input__label{position:absolute;left:10px;top:50%;transform:translateY(-50%);margin:0;font-size:15px;font-weight:400;color:var(--cf-placeholder);pointer-events:none;transition:all .2s ease;background:var(--cf-field-bg);padding:0 4px;white-space:nowrap}.sugar-contact-phone-input--floating .sugar-contact-phone-input__input:focus~.sugar-contact-phone-input__label,.sugar-contact-phone-input--floating .sugar-contact-phone-input__input:not(:placeholder-shown)~.sugar-contact-phone-input__label{top:0;font-size:12px;font-weight:500;color:var(--cf-field-text)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-contact-form-phone-input.css.map */