@arco-design/web-react/lib/TreeSelect/style/index.css

Arco Design React UI Library.

.arco-tree-select .arco-tree-select-view{color:var(--color-text-1);background-color:var(--color-fill-2);border:1px solid transparent}.arco-tree-select:hover .arco-tree-select-view{background-color:var(--color-fill-3);border-color:transparent}.arco-tree-select.arco-tree-select-focused .arco-tree-select-view{color:var(--color-text-1);background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-tree-select .arco-tree-select-arrow-icon,.arco-tree-select .arco-tree-select-clear-icon,.arco-tree-select .arco-tree-select-expand-icon,.arco-tree-select .arco-tree-select-loading-icon,.arco-tree-select .arco-tree-select-search-icon,.arco-tree-select .arco-tree-select-suffix-icon{color:var(--color-text-2)}.arco-tree-select-no-border .arco-tree-select-view{border:none!important;background:0 0!important}.arco-tree-select-error .arco-tree-select-view{background-color:var(--color-danger-light-1);border:1px solid transparent}.arco-tree-select-error:hover .arco-tree-select-view{background-color:var(--color-danger-light-2);border-color:transparent}.arco-tree-select-error.arco-tree-select-focused .arco-tree-select-view{color:var(--color-text-1);background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-tree-select-no-border .arco-tree-select-view{border:none!important;background:0 0!important}.arco-tree-select-warning .arco-tree-select-view{background-color:var(--color-warning-light-1);border:1px solid transparent}.arco-tree-select-warning:hover .arco-tree-select-view{background-color:var(--color-warning-light-2);border-color:transparent}.arco-tree-select-warning.arco-tree-select-focused .arco-tree-select-view{color:var(--color-text-1);background-color:var(--color-bg-2);border-color:rgb(var(--warning-6));box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-tree-select-no-border .arco-tree-select-view{border:none!important;background:0 0!important}.arco-tree-select-disabled .arco-tree-select-view{color:var(--color-text-4);background-color:var(--color-fill-2);border:1px solid transparent}.arco-tree-select-disabled:hover .arco-tree-select-view{background-color:var(--color-fill-2);border-color:transparent}.arco-tree-select-disabled .arco-tree-select-arrow-icon,.arco-tree-select-disabled .arco-tree-select-clear-icon,.arco-tree-select-disabled .arco-tree-select-expand-icon,.arco-tree-select-disabled .arco-tree-select-loading-icon,.arco-tree-select-disabled .arco-tree-select-search-icon,.arco-tree-select-disabled .arco-tree-select-suffix-icon{color:var(--color-text-4)}.arco-tree-select-no-border .arco-tree-select-view{border:none!important;background:0 0!important}.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view{height:auto;font-size:12px;padding:0 3px;line-height:0}.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input{box-sizing:border-box;padding-left:4px}.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:4px}.arco-tree-select-size-mini.arco-tree-select-multiple input{font-size:12px}.arco-tree-select-size-mini.arco-tree-select-single .arco-tree-select-view{height:24px;line-height:22px;font-size:12px;padding:0 7px}.arco-tree-select-size-mini.arco-tree-select-single input{font-size:12px}.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:7px}.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view{height:auto;font-size:14px;padding:0 3px;line-height:0}.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input{box-sizing:border-box;padding-left:8px}.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:8px}.arco-tree-select-size-small.arco-tree-select-multiple input{font-size:14px}.arco-tree-select-size-small.arco-tree-select-single .arco-tree-select-view{height:28px;line-height:26px;font-size:14px;padding:0 11px}.arco-tree-select-size-small.arco-tree-select-single input{font-size:14px}.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:11px}.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view{height:auto;font-size:14px;padding:0 3px;line-height:0}.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input{box-sizing:border-box;padding-left:8px}.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:8px}.arco-tree-select-size-default.arco-tree-select-multiple input{font-size:14px}.arco-tree-select-size-default.arco-tree-select-single .arco-tree-select-view{height:32px;line-height:30px;font-size:14px;padding:0 11px}.arco-tree-select-size-default.arco-tree-select-single input{font-size:14px}.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:11px}.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view{height:auto;font-size:14px;padding:0 3px;line-height:0}.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input{box-sizing:border-box;padding-left:12px}.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:12px}.arco-tree-select-size-large.arco-tree-select-multiple input{font-size:14px}.arco-tree-select-size-large.arco-tree-select-single .arco-tree-select-view{height:36px;line-height:34px;font-size:14px;padding:0 15px}.arco-tree-select-size-large.arco-tree-select-single input{font-size:14px}.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:15px}.arco-tree-select{display:inline-block;position:relative;box-sizing:border-box;width:100%;cursor:pointer}.arco-tree-select-view{display:flex;position:relative;box-sizing:border-box;width:100%;border-radius:var(--border-radius-small);outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;transition:all .1s cubic-bezier(0,0,1,1),padding 0s linear}.arco-tree-select-view input{color:inherit;cursor:inherit}.arco-tree-select-view input::-webkit-input-placeholder{color:var(--color-text-3)}.arco-tree-select-view input::-moz-placeholder{color:var(--color-text-3)}.arco-tree-select-view input::-ms-input-placeholder{color:var(--color-text-3)}.arco-tree-select-view input::placeholder{color:var(--color-text-3)}.arco-tree-select-view input[disabled]{pointer-events:none}.arco-tree-select-multiple,.arco-tree-select-show-search{cursor:text}.arco-tree-select-disabled{cursor:not-allowed}.arco-tree-select-disabled .arco-tree-select-view input::-webkit-input-placeholder{color:var(--color-text-4)}.arco-tree-select-disabled .arco-tree-select-view input::-moz-placeholder{color:var(--color-text-4)}.arco-tree-select-disabled .arco-tree-select-view input::-ms-input-placeholder{color:var(--color-text-4)}.arco-tree-select-disabled .arco-tree-select-view input::placeholder{color:var(--color-text-4)}.arco-tree-select-single .arco-tree-select-view-input{box-sizing:border-box;width:100%;padding:0;border:none;outline:0;background:0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.arco-tree-select-single .arco-tree-select-view-selector{position:relative;display:inline-flex;box-sizing:border-box;width:100%;overflow:hidden}.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-input{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1}.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-value-mirror{opacity:0}.arco-tree-select-single .arco-tree-select-view-value,.arco-tree-select-single .arco-tree-select-view-value-mirror{display:inline-block;box-sizing:border-box;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.arco-tree-select-single .arco-tree-select-view-value-mirror::after,.arco-tree-select-single .arco-tree-select-view-value::after{content:'.';font-size:0;line-height:0;visibility:hidden}.arco-tree-select-single .arco-tree-select-view .arco-tree-select-hidden{opacity:0;position:absolute;z-index:-1}.arco-tree-select-multiple{vertical-align:top}.arco-tree-select-multiple .arco-tree-select-view{padding:0 4px;line-height:0}.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:12px}.arco-tree-select-multiple .arco-input-tag{flex:1;padding:0;border:none!important;background:0 0!important;box-shadow:none!important;overflow:hidden}.arco-tree-select-multiple .arco-tag{max-width:100%}.arco-tree-select-multiple:not(.arco-tree-select-focused) .arco-input-tag input:not(:first-child)[value='']{opacity:0;position:absolute;z-index:-1}.arco-tree-select-prefix{display:flex;align-items:center;margin-right:12px;white-space:nowrap;color:var(--color-text-2)}.arco-tree-select-suffix{display:flex;align-items:center;margin-left:4px}.arco-tree-select-clear-icon,.arco-tree-select-expand-icon,.arco-tree-select-loading-icon,.arco-tree-select-search-icon,.arco-tree-select-suffix-icon{font-size:12px;transition:all .1s cubic-bezier(0,0,1,1)}.arco-tree-select-arrow-icon{font-size:12px}.arco-tree-select-open .arco-tree-select-arrow-icon svg{transform:rotateZ(180deg)}.arco-tree-select .arco-tree-select-clear-icon{display:none;cursor:pointer}.arco-tree-select .arco-tree-select-clear-icon>svg{position:relative;transition:all .1s cubic-bezier(0,0,1,1)}.arco-tree-select:hover .arco-tree-select-clear-icon{display:block}.arco-tree-select:hover .arco-tree-select-clear-icon~*{display:none}.arco-tree-select-wrapper{display:inline-flex;align-items:stretch;width:100%}.arco-tree-select-wrapper .arco-tree-select{min-width:0}.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:first-child) .arco-tree-select-view{border-top-left-radius:0;border-bottom-left-radius:0}.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:last-child) .arco-tree-select-view{border-top-right-radius:0;border-bottom-right-radius:0}.arco-tree-select-addbefore{display:flex;align-items:center;padding:0 12px;color:var(--color-text-1);background-color:var(--color-fill-2);white-space:nowrap;border:1px solid transparent}.arco-tree-select-addbefore{border-right:1px solid var(--color-border-2);border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.arco-tree-select-popup{box-sizing:border-box;border:1px solid var(--color-fill-3);border-radius:var(--border-radius-medium);background-color:var(--color-bg-popup);box-shadow:0 4px 10px rgba(0,0,0,.1);padding:4px 0;padding-left:10px;padding-right:4px;max-height:200px;overflow:auto}.arco-tree-select-popup .arco-tree-node{padding-left:0}.arco-tree-select-highlight{font-weight:500}.arco-tree-select-rtl{direction:rtl}.arco-tree-select-rtl-popup{padding-left:4px;padding-right:10px}.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:0;padding-right:7px}.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:0;padding-left:4px}.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input{padding-left:0;padding-right:4px}.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:0;padding-right:11px}.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:0;padding-left:8px}.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input{padding-left:0;padding-right:8px}.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:0;padding-right:11px}.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:0;padding-left:8px}.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input{padding-left:0;padding-right:8px}.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:0;padding-right:15px}.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix{padding-right:0;padding-left:12px}.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input{padding-left:0;padding-right:12px}.arco-tree-select-wrapper-rtl .arco-tree-select-addbefore{border-right:unset;border-left:1px solid var(--color-border-2)}.arco-tree-select-rtl .arco-tree-select-view{text-align:right}.arco-tree-select-rtl .arco-tree-select-multiple .arco-tree-select-view-with-prefix{padding-left:0;padding-right:12px}.arco-tree-select-rtl .arco-tree-select-prefix{margin-right:0;margin-left:12px}.arco-tree-select-rtl .arco-tree-select-suffix{margin-left:0;margin-right:4px}