:root{--area-selector-panel-bg: #ffffff;--area-selector-panel-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);--area-selector-input-border-color: #dcdfe6;--area-selector-input-bg: #ffffff;--area-selector-border-color: #dcdfe6;--area-selector-disable-bg: #f5f7fa;--area-selector-placeholder-color: #a8abb2;--area-selector-active-color: #409eff;--area-selector-text-color: #606266;--area-selector-list-item-hover-color: #f5f5f5;--area-selector-list-item-disabled-color: #aaaaaa;--area-selector-clearable-color: #aaaaaa}.area-selector-panel[data-v-ecb3b205]{position:absolute;z-index:1001}.area-selector-panel-content[data-v-ecb3b205]{overflow:hidden;background:var(--area-selector-panel-bg);border:1px solid var(--area-selector-border-color);border-radius:4px;box-shadow:var(--area-selector-panel-shadow);display:flex;font-size:14px}.area-selector-list[data-v-ecb3b205]{min-width:180px;color:var(--area-selector-text-color);border-right:1px solid var(--area-selector-border-color);min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box;height:220px;overflow:auto;max-width:210px;position:relative;z-index:1}.area-selector-list[data-v-ecb3b205]::-webkit-scrollbar{width:8px}.area-selector-list[data-v-ecb3b205]::-webkit-scrollbar-thumb{border-radius:10px;background:transparent;border:2px solid var(--area-selector-panel-bg);transition:background .12s ease-out}.area-selector-list[data-v-ecb3b205]:hover::-webkit-scrollbar-thumb{background:#9093994d}.area-selector-list[data-v-ecb3b205]::-webkit-scrollbar-track{border-radius:10px;background:transparent}.area-selector-list[data-v-ecb3b205]:last-child{border-right:none}.area-selector-list-item[data-v-ecb3b205]{display:flex;align-items:center;height:32px;line-height:32px;overflow:hidden;padding:0 10px;cursor:pointer}.area-selector-list-item[data-v-ecb3b205]:hover{background-color:var(--area-selector-list-item-hover-color)}.area-selector-list-item.active[data-v-ecb3b205]{color:var(--area-selector-active-color);font-weight:700}.area-selector-list-item.active .arrow-icon[data-v-ecb3b205]{fill:var(--area-selector-active-color)}.area-selector-list-item.disabled .arrow-icon[data-v-ecb3b205]{fill:var(--area-selector-list-item-disabled-color)}.area-selector-list-item.disabled[data-v-ecb3b205]{color:var(--area-selector-list-item-disabled-color);cursor:not-allowed}.area-selector-list-item span[data-v-ecb3b205]{flex:1;flex-wrap:nowrap;height:32px;line-height:32px;overflow:hidden;margin-right:10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loading-icon[data-v-ecb3b205],.arrow-icon[data-v-ecb3b205]{width:14px;height:14px;fill:var(--area-selector-text-color)}.area-zoom-in-top-enter-active[data-v-ecb3b205],.area-zoom-in-top-leave-active[data-v-ecb3b205]{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.area-zoom-in-top-enter-active[data-popper-placement^=top][data-v-ecb3b205],.area-zoom-in-top-leave-active[data-popper-placement^=top][data-v-ecb3b205]{transform-origin:center bottom}.area-zoom-in-top-enter-from[data-v-ecb3b205],.area-zoom-in-top-leave-active[data-v-ecb3b205]{opacity:0;transform:scaleY(0)}.area-zoom-in-bottom-enter-active[data-v-ecb3b205],.area-zoom-in-bottom-leave-active[data-v-ecb3b205]{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.area-zoom-in-bottom-enter-from[data-v-ecb3b205],.area-zoom-in-bottom-leave-active[data-v-ecb3b205]{opacity:0;transform:scaleY(0)}.area-selector__arrow[data-v-ecb3b205]{position:absolute;width:10px;height:10px;z-index:1;left:0}.area-selector-panel[placement^=bottom] .area-selector__arrow[data-v-ecb3b205]:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.area-selector-panel[placement^=top] .area-selector__arrow[data-v-ecb3b205]:before{border-top-color:transparent!important;border-left-color:transparent!important}.area-selector__arrow[data-v-ecb3b205]:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);border:1px solid var(--area-selector-border-color);background:var(--area-selector-panel-bg);box-sizing:border-box}.area-selector-input[data-v-ecb3b205]{position:relative;display:inline-flex;width:100%;height:32px}.area-selector-input>input[data-v-ecb3b205]{box-sizing:border-box;vertical-align:middle;border-radius:4px;outline:none;width:100%;height:100%;margin:0;border:1px solid var(--area-selector-input-border-color);padding:1px 11px;transition:border .2s cubic-bezier(.645,.045,.355,1);color:var(--area-selector-text-color);background-color:var(--area-selector-input-bg)}.area-selector-input.disabled input[data-v-ecb3b205],.area-selector-input.disabled[data-v-ecb3b205]{background-color:var(--area-selector-disable-bg);color:var(--area-selector-placeholder-color);cursor:not-allowed}.area-selector-input.disabled input[data-v-ecb3b205]::placeholder{color:var(--area-selector-placeholder-color)}.area-selector-input.disabled>input.active[data-v-ecb3b205],.area-selector-input.disabled>input[data-v-ecb3b205]:active,.area-selector-input.disabled>input[data-v-ecb3b205]:focus{border-color:var(--area-selector-border-color)}.area-selector-input>input.active[data-v-ecb3b205],.area-selector-input>input[data-v-ecb3b205]:active,.area-selector-input>input[data-v-ecb3b205]:focus{border-color:var(--area-selector-active-color)}.clear-btn[data-v-ecb3b205]{height:16px;text-decoration:none;color:var(--area-selector-clearable-color);position:absolute;right:10px;top:50%;margin-top:-8px;opacity:.7;cursor:pointer}.clear-btn[data-v-ecb3b205]:hover{opacity:1}.clear-btn svg[data-v-ecb3b205]{height:16px;width:16px}