yanzhen-design-vue/theme-chalk/yz-contacts-select.css

.yz-contacts-select{display:inline-block;width:100%;--yz-contacts-padding:16px;--yz-contacts-divider:var(--yz-border-width) var(--yz-border-style) var(--yz-border-color);--yz-contacts-height:min(550px,80vh);--yz-contacts-select-header-height:60px;--yz-contacts-select-footer-height:60px;--yz-contacts-select-padding:20px;--yz-contacts-select-divider:var(--yz-contacts-divider)}.yz-contacts-select__modal{max-height:90vh;width:min(875px,100%)}.yz-contacts-select__modal .ant-modal-content{padding:0}.yz-contacts-select__modal .ant-modal-header{align-items:center;border-bottom:var(--yz-contacts-select-divider);display:flex;height:var(--yz-contacts-select-header-height);margin-bottom:0;padding:0 var(--yz-contacts-select-padding)}.yz-contacts-select__modal .ant-modal-footer{align-items:center;border-top:var(--yz-contacts-select-divider);display:flex;height:var(--yz-contacts-select-footer-height);justify-content:end;margin-top:0;padding:0 var(--yz-contacts-select-padding)}.yz-contacts-select__modal .ant-modal-title{font-size:var(--yz-font-size-medium);font-weight:var(--yz-font-weight-semi-bold)}.yz-contacts-select__modal .ant-modal-body{min-height:100px;position:relative}.yz-contacts-select__all-select{bottom:calc(var(--yz-contacts-select-footer-height)/2*-1);left:var(--yz-contacts-select-padding);line-height:1;position:absolute;transform:translateY(50%);z-index:10}.yz-contacts-select__input-wrap{cursor:pointer;position:relative;width:100%}.yz-contacts-select__input-wrap.is-input{background:#fff;border:1px solid var(--yz-border-color);border-radius:6px;line-height:32px;min-height:32px;overflow:hidden}.yz-contacts-select__input-wrap.is-input:hover{border-color:var(--yz-color-primary)}.yz-contacts-select__input-wrap.is-input .ant-input{border:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yz-contacts-select__input-wrap.is-input .is-select-wrap{font-size:12px;max-height:90px;overflow:hidden auto;padding:4px 32px 4px 11px;position:relative}.yz-contacts-select__input-wrap.is-input .is-select-wrap .ant-flex{flex-wrap:wrap}.yz-contacts-select__input-wrap.is-input .is-select-tag{background-color:#fafafa;color:rgba(0,0,0,.65);cursor:default;font-size:12px;height:24px;line-height:24px;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-contacts-select__input-wrap.is-input .is-select-tag.is-no-multiple{background:transparent;margin:0;padding:0}.yz-contacts-select__input-wrap.is-input .is-select-tag img.is-select-tag-primary-icon{height:16px;width:16px}.yz-contacts-select__input-wrap.is-input .is-select-close{background:#fff;color:rgba(0,0,0,.25);cursor:pointer;display:inline-block;font-size:12px;font-style:normal;height:12px;line-height:12px;margin-top:-6px;opacity:0;position:absolute;right:11px;text-align:center;text-rendering:auto;text-transform:none;top:50%;transition:color .3s ease,opacity .15s ease;width:12px;z-index:1}.yz-contacts-select__input-wrap.is-input:hover .is-select-close{opacity:1}.yz-contacts-select__input-wrap.is-input:hover .is-select-close:hover{color:rgba(0,0,0,.75)}