.input-box[data-v-e54cf7ac]{min-width:300px;margin-top:20px;position:relative}.input-box input[data-v-e54cf7ac]{cursor:text;border:1px solid #111;border-radius:8px;outline:none;width:100%;font-size:18px;transition:all .5s;border-color:#111!important;padding:16px 12px!important}.input-box .placeholder[data-v-e54cf7ac]{pointer-events:none;color:#b1b1b1;padding:10px 0;font-size:18px;transition:all .3s;position:absolute;top:7px;left:10px}.input-boxActive .placeholder[data-v-e54cf7ac]{color:#111;pointer-events:none;background:#fff;transition:all .3s;transform:translateY(-20px);padding:2px 5px!important;font-size:12px!important}.phone-input-container[data-v-e54cf7ac]{position:relative}.phone-input-container .input-box .placeholder[data-v-e54cf7ac]{left:70px}.phone-input-container .input-boxActive .placeholder[data-v-e54cf7ac]{transform:translate(-60px,-20px)}.phone-input-container .input-wrapper[data-v-e54cf7ac]{box-sizing:border-box;border:1px solid #111;border-radius:8px;align-items:center;padding:0 0 0 12px;transition:all .2s;display:flex}.phone-input-container .input-wrapper .prefix-selector[data-v-e54cf7ac]{cursor:pointer;border-right:1px solid #e5e7eb;align-items:center;height:32px;padding-right:9px;display:flex}.phone-input-container .input-wrapper .prefix-selector .selected-prefix[data-v-e54cf7ac]{color:#333;font-size:16px}.phone-input-container .input-wrapper .prefix-selector .arrow-icon[data-v-e54cf7ac]{margin-top:4px;margin-left:6px;font-size:12px;transition:transform .2s}.phone-input-container .input-wrapper .prefix-selector .arrow-icon.rotate[data-v-e54cf7ac]{transform:rotate(180deg)}.phone-input-container .input-wrapper .phone-input[data-v-e54cf7ac]{color:#333;background-color:#0000;border:none;flex:1;height:100%;padding:0 12px;font-size:18px}.phone-input-container .input-wrapper .phone-input[data-v-e54cf7ac]::placeholder{color:#999}.phone-input-container .input-wrapper .clear-btn[data-v-e54cf7ac]{cursor:pointer;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.phone-input-container .input-wrapper .clear-btn .iconfont[data-v-e54cf7ac]{color:#666;font-size:12px}.phone-input-container .hint-text[data-v-e54cf7ac]{min-height:17px;margin:6px 0 10px;font-size:12px}.phone-input-container .hint-success[data-v-e54cf7ac]{color:#10b981}.phone-input-container .hint-error[data-v-e54cf7ac]{color:#ef4444}.phone-input-container .dropdown-panel[data-v-e54cf7ac]{z-index:1001;background-color:#fff;border-radius:8px;max-height:300px;position:absolute;top:56px;left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.phone-input-container .dropdown-panel .search-container[data-v-e54cf7ac]{border-bottom:1px solid #e5e7eb;align-items:center;padding:12px;display:flex}.phone-input-container .dropdown-panel .search-container .search-icon[data-v-e54cf7ac]{text-align:center;color:#999;width:24px}.phone-input-container .dropdown-panel .search-container .search-input[data-v-e54cf7ac]{color:#333;border:none;flex:1;padding:0 8px;font-size:14px}.phone-input-container .dropdown-panel .search-container .search-input[data-v-e54cf7ac]::placeholder{color:#999}.phone-input-container .dropdown-panel .country-list[data-v-e54cf7ac]{max-height:240px}.phone-input-container .dropdown-panel .country-list .country-item[data-v-e54cf7ac]{color:#333;justify-content:space-between;align-items:center;padding:12px;font-size:14px;display:flex}.phone-input-container .dropdown-panel .country-list .country-item[data-v-e54cf7ac]:hover{background-color:#f5f5f5}.phone-input-container .dropdown-panel .country-list .country-item .country-code[data-v-e54cf7ac]{font-weight:500}.phone-input-container .dropdown-panel .country-list .country-item .country-name[data-v-e54cf7ac]{color:#666}