.area-dropdown[data-v-2e367782]{display:inline-block;position:relative}.area-trigger[data-v-2e367782]{align-items:center;background:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:space-between;padding:0 12px;width:100%}.area-trigger[data-v-2e367782]:hover{border-color:#c0c4cc}.area-active[data-v-2e367782],.area-active[data-v-2e367782]:hover{border-color:#409eff}.area-trigger__text[data-v-2e367782]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder[data-v-2e367782]{color:#a8abb2;font-size:14px}.area-trigger__icon[data-v-2e367782]{align-items:center;color:#909399;display:inline-flex;justify-content:center;transition:transform .2s}.area-trigger__icon.is-open[data-v-2e367782]{transform:rotate(180deg)}.area-popper[data-v-2e367782]{background:#fff;border:1px solid #dcdfe6;border-radius:4px;box-shadow:none;left:0;position:absolute;top:calc(100% + 6px);width:440px;z-index:2000}.area-popper__header[data-v-2e367782]{align-items:center;border-bottom:2px solid #409eff;display:flex;justify-content:space-between}.area-tabs[data-v-2e367782]{display:flex}.area-tab[data-v-2e367782]{background:#fff;border:0;color:#303133;cursor:pointer;font-size:14px;height:32px;width:80px}.area-tab.active[data-v-2e367782]{background:#409eff;color:#fff}.area-tab.disabled[data-v-2e367782]{color:#c0c4cc;cursor:not-allowed}.area-close[data-v-2e367782]{background:transparent;border:0;color:#409eff;cursor:pointer;font-size:18px;height:32px;width:32px}.area-popper__body[data-v-2e367782]{padding:12px}.area-grid[data-v-2e367782]{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.area-item[data-v-2e367782]{background:#f5f7fa;border:1px solid #dcdfe6;border-radius:2px;color:#303133;cursor:pointer;font-size:14px;height:32px}.area-item.active[data-v-2e367782]{background:#409eff;border-color:#409eff;color:#fff}.area-empty[data-v-2e367782]{color:#909399;font-size:14px;grid-column:1/-1;padding:12px 0}