.demo-wrapper{width:380px}.demo-label{font-size:13px;color:#999;margin-bottom:12px}.handler-selector{display:inline-block}.handler-trigger{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:5px 10px;border-radius:18px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:none;background:transparent;font-size:14px;color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;min-height:32px}.handler-trigger:hover{background:#f5f5f5;color:#333}.handler-trigger.active-popover{background:#f0f0f0;color:#1a1a1a}.handler-trigger .arrow-icon{font-size:11px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;color:#bbb;margin-left:2px}.handler-trigger.active-popover .arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#888}.handler-avatars{gap:3px}.handler-avatar-mini,.handler-avatars{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.handler-avatar-mini{width:26px;height:26px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;-ms-flex-negative:0;flex-shrink:0;border:2px solid #fff;position:relative;line-height:1}.handler-avatar-mini.avatar-1{background:#5b8c5a}.handler-avatar-mini.avatar-2{background:#e67e22}.handler-avatar-mini.avatar-3{background:#3498db}.handler-avatar-mini.avatar-4{background:#9b59b6}.handler-avatar-mini.avatar-5{background:#e74c3c}.handler-avatar-mini.avatar-6{background:#1abc9c}.handler-panel-content{padding:0}.handler-panel-header{padding:16px 16px 12px}.panel-search-title{font-size:13px;color:#999;margin-bottom:10px}.panel-search-input input{border:1px solid #e5e5e5!important;border-radius:8px!important;height:36px!important;line-height:36px!important;font-size:13px!important;padding:0 12px 0 34px!important;-webkit-transition:border-color .2s ease!important;transition:border-color .2s ease!important}.panel-search-input input:focus{border-color:#bbb!important}.panel-search-input .el-input__prefix{left:10px!important;color:#ccc!important}.panel-search-input .el-input__prefix i{font-size:14px!important;line-height:36px!important}.handler-list{height:240px;overflow-y:auto;padding:0 8px 8px}.handler-list::-webkit-scrollbar{width:4px}.handler-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.handler-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;-webkit-transition:background .15s ease;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.handler-item:hover{background:#f7f7f7}.handler-checkbox{pointer-events:none}.handler-checkbox .el-checkbox__inner{border-radius:4px;width:17px;height:17px;border:1.5px solid #dcdfe6}.handler-checkbox.is-checked .el-checkbox__inner{background-color:#1a1a1a;border-color:#1a1a1a}.handler-name{font-size:14px;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}.handler-empty{padding:20px 0;text-align:center;font-size:13px;color:#ccc}.handler-panel-footer{padding:10px 16px 14px;border-top:1px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-hint{font-size:12px;color:#bbb}.footer-clear-btn{font-size:12px;color:#e74c3c;cursor:pointer;border:none;background:none;padding:3px 10px;border-radius:10px;-webkit-transition:background .15s ease;transition:background .15s ease}.footer-clear-btn:hover{background:#fef0f0}.handler-popover{border-radius:12px!important;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06)!important;box-shadow:0 4px 20px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06)!important;border:1px solid #eee!important;padding:0!important;min-width:300px!important}.handler-popover .popper__arrow:after{border-bottom-color:#fff!important}.handler-popover[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#fff!important;border-top-color:transparent!important}.el-checkbox__label{padding-left:8px;font-weight:400}@media (max-width:480px){body{padding:40px 16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.demo-wrapper{width:100%}.handler-popover{min-width:280px!important}}