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

Arco Design React UI Library.

.arco-transfer{display:flex;align-items:center}.arco-transfer-view{display:flex;flex-direction:column;box-sizing:border-box;width:200px;height:224px;border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-small)}.arco-transfer-view-search{padding:8px 12px 4px 12px}.arco-transfer-view-list{flex:1;overflow:hidden}.arco-transfer-view-custom-list{flex:1;overflow:auto}.arco-transfer-view-header,.arco-transfer-view-item{display:flex;align-items:center;padding:0 10px}.arco-transfer-view-header>:first-child,.arco-transfer-view-item .arco-transfer-view-item-content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.arco-transfer-view-header>:first-child:not(:last-child),.arco-transfer-view-item .arco-transfer-view-item-content:not(:last-child){margin-right:8px}.arco-transfer-view-header{height:40px;line-height:40px;font-size:14px;font-weight:500;background-color:var(--color-fill-1);color:var(--color-text-1)}.arco-transfer-view-header-title{display:flex;align-items:center}.arco-transfer-view-header-title .arco-checkbox{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:inherit}.arco-transfer-view-header-title .arco-checkbox-text{color:inherit}.arco-transfer-view-header-unit{margin-right:2px;font-weight:400;font-size:12px;color:var(--color-text-3)}.arco-transfer-view-item{position:relative;height:36px;line-height:36px;list-style:none;color:var(--color-text-1);background-color:transparent;cursor:default}.arco-transfer-view-item-content{font-size:14px}.arco-transfer-view-item-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.arco-transfer-view-item:not(.arco-transfer-view-item-disabled):hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.arco-transfer-view-item .arco-checkbox{width:100%;height:100%}.arco-transfer-view-item .arco-checkbox-text{color:inherit}.arco-transfer-view-item-draggable:first-child{margin-top:2px}.arco-transfer-view-item-draggable:last-child{margin-bottom:2px}.arco-transfer-view-item-draggable::before{content:'';display:block;position:absolute;left:0;right:0;height:2px;border-radius:1px}.arco-transfer-view-item-gap-bottom::before{bottom:-2px;background-color:rgb(var(--primary-6))}.arco-transfer-view-item-gap-top::before{top:-2px;background-color:rgb(var(--primary-6))}.arco-transfer-view-item-dragging{background-color:var(--color-fill-1)!important;color:var(--color-text-4)!important}.arco-transfer-view-item-dragged{animation:arco-transfer-drag-item-blink .4s;animation-timing-function:cubic-bezier(0,0,1,1)}.arco-transfer-view .arco-transfer-view-icon-clear{margin-left:8px}.arco-transfer-view .arco-transfer-view-icon-clear,.arco-transfer-view .arco-transfer-view-item-icon-remove{cursor:pointer;font-size:12px;color:var(--color-text-2)}.arco-transfer-view .arco-transfer-view-icon-clear:hover::before,.arco-transfer-view .arco-transfer-view-item-icon-remove:hover::before{background-color:var(--color-fill-3)}.arco-transfer-view .arco-transfer-view-icon-clear:focus-visible::before,.arco-transfer-view .arco-transfer-view-item-icon-remove:focus-visible::before{box-shadow:0 0 0 2px rgb(var(--primary-6))}.arco-transfer-view .arco-list{display:flex;flex-direction:column;height:100%;border-radius:0}.arco-transfer-view .arco-list-content{flex:1;overflow-y:auto}.arco-transfer-view .arco-list-footer{display:flex;align-items:center;position:relative;box-sizing:border-box;height:40px;padding:0 8px}.arco-transfer-view .arco-list .arco-pagination{position:absolute;top:50%;right:8px;margin:0;transform:translateY(-50%)}.arco-transfer-view .arco-list .arco-pagination-jumper-input{width:24px}.arco-transfer-view .arco-list .arco-pagination-jumper-separator{padding:0 8px}.arco-transfer-view .arco-checkbox{padding-left:6px}.arco-transfer-view .arco-checkbox-wrapper{display:inline}.arco-transfer-view .arco-checkbox .arco-icon-hover:hover::before{background-color:var(--color-fill-3)}.arco-transfer-operations{padding:0 20px}.arco-transfer-operations .arco-btn{display:block}.arco-transfer-operations .arco-btn:last-child{margin-top:12px}.arco-transfer-operations-words .arco-btn{width:100%;padding:0 12px;text-align:left}.arco-transfer-simple .arco-transfer-view-source{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.arco-transfer-simple .arco-transfer-view-target{border-top-left-radius:0;border-bottom-left-radius:0}.arco-transfer-disabled .arco-transfer-view-header{color:var(--color-text-4)}@keyframes arco-transfer-drag-item-blink{0%{background-color:var(--color-primary-light-1)}100%{background-color:transparent}}.arco-transfer-rtl{direction:rtl}.arco-transfer-rtl .arco-transfer-view-search{padding:8px 12px 4px 12px}.arco-transfer-rtl .arco-transfer-view-header>:first-child:not(:last-child),.arco-transfer-rtl .arco-transfer-view-item .arco-transfer-rtl .arco-transfer-view-item-content:not(:last-child){margin-right:0;margin-left:8px}.arco-transfer-rtl .arco-transfer-view-header-unit{margin-left:2px;margin-right:0}.arco-transfer-rtl .arco-transfer-view-icon-clear{margin-right:8px;margin-left:0}.arco-transfer-rtl .arco-transfer-view .arco-list .arco-pagination{right:initial;left:8px}.arco-transfer-rtl .arco-transfer-view .arco-checkbox{padding-left:0;padding-right:6px}.arco-transfer-rtl .arco-transfer-operations-words .arco-btn{text-align:right}.arco-transfer-rtl.arco-transfer-simple .arco-transfer-view-source{border-right:1px solid var(--color-neutral-3);border-left:none}