.area-select-wrapper[data-v-128b406f]{position:relative}.area-select-wrapper .select-input[data-v-128b406f]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-width:70px;cursor:pointer;white-space:nowrap;color:var(--color_text_1);background-color:var(--color_bg_input);height:48px;box-sizing:border-box;border:1px solid transparent;border-radius:4px;transition:.1s linear}.area-select-wrapper .select-input.no-bg[data-v-128b406f]{min-width:0;background-color:transparent!important;border:0!important}.area-select-wrapper .select-input .icon[data-v-128b406f]{transition:.2s linear;color:var(--color_text_2);font-size:12px}.area-select-wrapper .select-input .caret[data-v-128b406f]{font-size:14px}[dir=ltr] .area-select-wrapper .select-input .caret[data-v-128b406f]{margin-left:5px}[dir=rtl] .area-select-wrapper .select-input .caret[data-v-128b406f]{margin-right:5px}.area-select-wrapper .select-options[data-v-128b406f]{position:absolute;min-width:290px;width:100%;max-height:300px;overflow:auto;overflow-x:hidden;border-radius:4px;background-color:var(--color_bg_popup);top:52px;border:1px solid var(--color_border);box-sizing:border-box;z-index:9;padding:0 0 10px;transition:all .3s}.area-select-wrapper .select-options[data-v-128b406f]::-webkit-scrollbar{width:5px}.area-select-wrapper .select-options[data-v-128b406f]::-webkit-scrollbar-track{border-radius:10px}.area-select-wrapper .select-options[data-v-128b406f]::-webkit-scrollbar-thumb{border-radius:10px;background:var(--color_bg_input)}.area-select-wrapper .select-options .search-wrapper[data-v-128b406f]{position:sticky;top:0;width:100%;padding:10px 8px;background-color:var(--color_bg_popup)}[dir=ltr] .area-select-wrapper .select-options .search-wrapper[data-v-128b406f] .arco-input-wrapper{padding-left:8px}[dir=rtl] .area-select-wrapper .select-options .search-wrapper[data-v-128b406f] .arco-input-wrapper{padding-right:8px}.area-select-wrapper .select-options .search-wrapper .input[data-v-128b406f]{background-color:var(--color_bg_input);color:var(--color_text_1)}.area-select-wrapper .select-options .search-wrapper .input.arco-input-focus[data-v-128b406f]{border-color:var(--color_primary_brand)}.area-select-wrapper .select-options .search-wrapper .input.arco-input-suffix[data-v-128b406f]{color:var(--color_text_1)!important}.area-select-wrapper .select-options .search-wrapper .input .arco-feedback-icon-status-error[data-v-128b406f]{display:none}.area-select-wrapper .select-options .no-data[data-v-128b406f]{margin:10px 0;align-items:center;color:var(--color_text_1)}[dir=ltr] .area-select-wrapper .select-options .no-data .icon[data-v-128b406f]{margin-right:5px}[dir=rtl] .area-select-wrapper .select-options .no-data .icon[data-v-128b406f]{margin-left:5px}.area-select-wrapper .select-options .item[data-v-128b406f]{height:40px;line-height:40px;display:flex;align-items:center;box-sizing:border-box;padding:0 8px;color:var(--color_text_1);cursor:pointer}.area-select-wrapper .select-options .item[data-v-128b406f]:hover,.area-select-wrapper .select-options .item.current[data-v-128b406f]{background-color:var(--color_bg_input)}.area-select-wrapper .select-options .item .country-icon[data-v-128b406f]{width:26px;height:26px}[dir=ltr] .area-select-wrapper .select-options .item .country-icon[data-v-128b406f]{margin-right:10px}[dir=rtl] .area-select-wrapper .select-options .item .country-icon[data-v-128b406f]{margin-left:10px}.area-select-wrapper .select-options .item .country-name[data-v-128b406f]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .area-select-wrapper .select-options .item .country-name[data-v-128b406f]{margin-right:5px}[dir=rtl] .area-select-wrapper .select-options .item .country-name[data-v-128b406f]{margin-left:5px}.area-select-wrapper .select-options .item .country-area[data-v-128b406f]{color:var(--color_text_3)}.area-select-wrapper.focus .select-input[data-v-128b406f]{border-color:var(--color_primary_brand);background-color:var(--color_bg_fg)}[dir=ltr] .area-select-wrapper.focus .select-input .icon[data-v-128b406f]{transform:rotate(180deg)}[dir=rtl] .area-select-wrapper.focus .select-input .icon[data-v-128b406f]{transform:rotate(-180deg)}.area-select-wrapper .fade-enter-from[data-v-128b406f],.area-select-wrapper .fade-leave-to[data-v-128b406f]{opacity:0;transform:translateY(30%)!important}
