meri-design/dist/theme/MTreeSelect.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-popover-tip{border-radius:4px;display:inline-block;font-size:0;max-width:480px;padding-top:8px;position:absolute;z-index:7000}.p-popover-tip .p-popover-tip-triangle{border-style:solid;height:0;left:50%;position:absolute;width:0}.p-popover-tip-split{background-color:#fff}.p-popover-tip-split.p-popover-tip-top .p-popover-tip-triangle{border-color:#fff transparent transparent}.p-popover-tip-split.p-popover-tip-bottom .p-popover-tip-triangle{border-color:transparent transparent #fff}.p-popover-tip-words{background-color:rgba(31,36,41,.8)}.p-popover-tip-words.p-popover-tip-top .p-popover-tip-triangle{border-color:rgba(31,36,41,.8) transparent transparent}.p-popover-tip-words.p-popover-tip-bottom .p-popover-tip-triangle{border-color:transparent transparent rgba(31,36,41,.8)}.p-popover-tip-top{filter:drop-shadow(0 2px 4px rgba(31,35,41,.1))}.p-popover-tip-top .p-popover-tip-triangle{border-width:6px 6px 0;bottom:-6px}.p-popover-tip-bottom{filter:drop-shadow(0 -2px 4px rgba(31,35,41,.1))}.p-popover-tip-bottom .p-popover-tip-triangle{border-width:0 6px 6px;top:-6px}.p-popover-tip-content{display:flex;flex-wrap:wrap;max-height:184px;max-width:480px;padding-left:4px;padding-right:8px}.p-popover-tip-content .p-popover-tip-content-item{background-color:#f1f4f6;border-radius:2px;margin-bottom:8px;margin-left:4px;max-width:100%;overflow:hidden;padding-left:4px;padding-right:4px;white-space:nowrap}.p-popover-tip-content .p-popover-tip-content-item .p-popover-tip-item-text{color:#1b2129;display:inline-block;font-size:14px;line-height:24px;width:100%}.p-popover-tip-content .p-popover-tip-content-item-before{position:relative}.p-popover-tip-content .p-popover-tip-content-item-before:before{background-color:#f1f4f6;border-radius:2px;color:#1b2129;content:"...";display:inline-block;font-size:14px;height:24px;left:0;position:absolute;text-align:center;top:0;width:20px;z-index:1}.p-popover-tip-content-words{color:#fff;display:inline-block;font-size:14px;line-height:24px;padding-bottom:8px;padding-left:4px;width:100%}.p-drop-trigger{align-items:flex-start;border:1px solid #c4c9cf;border-radius:4px;display:inline-flex;font-size:0;justify-content:space-between;position:relative;transition:border-color .3s;width:120px}.p-drop-trigger-active{cursor:pointer}.p-drop-trigger-active:hover{border-color:#246fe5}.p-drop-trigger-active:active{border-color:#215dd9}.p-drop-trigger-disabled{background-color:#e8ecf0;cursor:not-allowed}.p-drop-trigger-disabled .p-drop-trigger-caption{color:#c4c9cf}.p-drop-trigger-disabled .p-drop-trigger-icon svg path{fill:#c4c9cf}.p-drop-trigger-disabled .p-drop-trigger-label{cursor:not-allowed}.p-drop-trigger-disabled .p-drop-trigger-label .p-drop-trigger-selected .p-drop-trigger-selected-m-c,.p-drop-trigger-disabled .p-drop-trigger-label .p-drop-trigger-selected>span{color:#c4c9cf}.p-drop-trigger-normal{height:32px}.p-drop-trigger-tag{max-height:84px;min-height:32px}.p-drop-trigger-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-drop-trigger-main{padding-left:8px;width:calc(100% - 30px)}.p-drop-trigger-caption,.p-drop-trigger-main-normal{height:30px;line-height:30px}.p-drop-trigger-caption{color:#626c78;display:inline-block;font-size:14px;max-width:98px}.p-drop-trigger-label{cursor:pointer;display:inline-block;height:30px;overflow:hidden;position:relative;width:100%}.p-drop-trigger-label-pl{padding-left:8px}.p-drop-trigger-placeholder{color:var(--placeholder-color,#c4c9cf);font-size:14px}.p-drop-trigger-placeholder,.p-drop-trigger-selected{display:block;height:30px;line-height:30px;width:100%}.p-drop-trigger-selected>span{color:#1b2129;display:block;font-size:14px;height:100%;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;width:100%}.p-drop-trigger-selected-m-c{color:#246fe5;padding-left:4px;padding-right:4px}.p-drop-trigger-selected-focus .p-drop-trigger-selected-m-c,.p-drop-trigger-selected-focus>span{color:#c4c9cf}.p-drop-trigger-input{background:none;border:0;color:#1b2129;font-size:14px;height:30px;left:0;outline:none;position:absolute;top:0;width:100%}.p-drop-trigger-input-readonly{cursor:pointer}.p-drop-trigger-main-tag{display:inline-flex;min-height:30px}.p-drop-trigger-main-tag-box{max-height:82px;min-height:28px}.p-drop-trigger-tag-list{align-items:flex-start;display:inline-flex;flex-wrap:wrap;min-height:28px;padding-top:4px;width:100%}.p-drop-trigger-tag-list-item{align-items:center;background-color:#e8ecf0;display:inline-flex;height:22px;line-height:22px;margin-bottom:4px;margin-right:4px;padding-left:4px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-text{color:#1b2129;cursor:text;font-size:14px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg{height:22px;text-align:center;width:22px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg svg{font-size:0;height:10px;vertical-align:middle;width:10px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg svg path{transition:fill .3s}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg-normal:hover path{fill:#246fe5}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg-disabled{cursor:not-allowed}.p-drop-trigger-icon{height:30px;width:30px}.p-drop-trigger-icon-clear:hover .p-drop-trigger-tgl{display:none}.p-drop-trigger-icon-clear:hover .p-drop-trigger-del{display:flex}.p-drop-trigger-svg{align-items:center;display:flex;height:100%;justify-content:center;transition:transform .3s;width:100%}.p-drop-trigger-svg svg{font-size:0;height:16px;width:16px}.p-drop-trigger-svg svg path{transition:fill .3s}.p-drop-trigger-del{display:none}.p-drop-trigger-del svg:hover path{fill:#246fe5}.p-drop-trigger-tgl-open{transform:rotate(180deg)}.p-trigger-error{border-color:#f55047}.p-trigger-error-text{color:#f55047;font-size:14px;left:0;line-height:14px;position:absolute;top:36px}.p-drop-trigger-borderless{border:1px solid transparent;min-width:86px;width:unset}.p-drop-trigger-borderless.p-drop-trigger-drop_show,.p-drop-trigger-borderless:hover{background-color:#e8ecf0;border:1px solid #e8ecf0}.p-drop-trigger-label_transparent{opacity:0}.p-select-option{border-radius:4px;width:100%}.p-select-option .p-select-option-item{color:#1b2129;cursor:pointer;font-size:14px;height:38px;line-height:38px;overflow:hidden;padding-left:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.p-select-option .p-select-option-item:hover{background-color:#f1f4f6}.p-select-option .p-select-option-item.p-select-option-item-selected{background-color:#d9ebff;color:#246fe5}.p-select-option .p-select-option-item.p-select-option-item-disabled{color:#c4c9cf;cursor:not-allowed}.p-drop{display:inline-block;font-size:0;text-align:left;vertical-align:middle}.p-drop+.p-drop{margin-left:8px}.p-drop:hover .p-drop-title-content{color:#246fe5}.p-drop:hover .p-drop-svg path{fill:#246fe5}.p-drop:hover .p-drop-clear{display:block}.p-drop-title{align-items:center;cursor:pointer;display:flex;position:relative}.p-drop-title .p-drop-title-content{font-size:14px;transition:color .3s}.p-drop-title .p-drop-svg{height:16px;line-height:1;width:16px}.p-drop-title .p-drop-svg svg{transition:transform .3s}.p-drop-title .p-drop-svg svg path{transition:fill .3s}.p-drop-title .p-drop-triangle-rotate svg{transform:rotate(180deg)}.p-drop-title .p-drop-clear{background-color:#fff;display:none;position:absolute;right:0;z-index:1}.p-drop-show .p-drop-title-content{color:#246fe5}.p-drop-show .p-drop-triangle path{fill:#246fe5}.p-drop-disabled .p-drop-title{cursor:not-allowed}.p-drop-light .p-drop-title{color:#1b2129}.p-drop-dark .p-drop-title{color:#fff}.p-drop-dark .p-drop-triangle svg path{fill:#246fe5}.p-drop-content{border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);display:inline-block;font-size:0;min-width:120px;outline:none;padding-bottom:8px;padding-top:8px;pointer-events:none;position:absolute;z-index:7000}.p-drop-content-top-arrow{filter:drop-shadow(0 -2px 4px rgba(31,35,41,.1))}.p-drop-content-top-arrow:before{border-color:transparent transparent #fff;border-style:solid;border-width:0 6px 6px;content:"";height:0;position:absolute;right:12px;top:-6px;width:0}.p-drop-content-bottom-arrow{filter:drop-shadow(0 2px 4px rgba(31,35,41,.1))}.p-drop-content-bottom-arrow:after{border-color:#fff transparent transparent;border-style:solid;border-width:6px 6px 0;bottom:-6px;content:"";height:0;position:absolute;right:12px;width:0}.p-drop-option{min-height:38px;width:100%}.p-drop-option .p-drop-option-item{cursor:pointer;font-size:14px;height:38px;overflow:hidden;padding-left:12px;padding-right:12px;text-overflow:ellipsis;transition:background-color .3s;white-space:nowrap;width:100%}.p-drop-option .p-drop-option-item .p-drop-option-svg{margin-right:8px}.p-drop-option .p-drop-option-item .p-drop-option-svg svg{vertical-align:middle}.p-drop-option .p-drop-option-item span{line-height:38px;vertical-align:middle}.p-drop-option .p-drop-option-item span .p-drop-option-svg svg path{fill:#246fe5}.p-drop-option .p-drop-option-item.p-drop-option-disable{cursor:not-allowed}.p-drop-search{display:block;height:40px;padding-bottom:8px;padding-left:12px;padding-right:12px;position:relative;width:100%}.p-drop-search .p-drop-input{background:none;border:1px solid #c4c9cf;border-radius:4px;color:#1b2129;font-size:14px;height:100%;outline:none;padding-left:12px;padding-right:30px;width:100%}.p-drop-search .p-drop-clear{cursor:pointer;height:30px;line-height:30px;position:absolute;right:13px;text-align:center;top:1px;width:30px}.p-drop-search .p-drop-clear:hover path{fill:#246fe5}.p-drop-search .p-drop-clear svg{font-size:0;height:16px;vertical-align:middle;width:16px}.p-drop-search .p-drop-clear svg path{transition:fill .3s}.p-drop-search-shadow{box-shadow:0 2px 10px rgba(31,35,41,.1)}.p-drop-content-light{background-color:#fff;border:1px solid #e1e5eb}.p-drop-content-light .p-drop-option-item{color:#1b2129}.p-drop-content-light .p-drop-option-item:hover{background-color:#f1f4f6}.p-drop-content-light .p-drop-option-item.p-drop-option-selected{background-color:#d9ebff;color:#246fe5}.p-drop-content-light .p-drop-option-item.p-drop-option-disable{color:#c4c9cf}.p-drop-content-dark{background-color:#1034b2;border:1px solid #246fe5}.p-drop-content-dark .p-drop-option-item{color:#fff}.p-drop-content-dark .p-drop-option-item:hover{background-color:#1241bf}.p-drop-content-dark .p-drop-option-item.p-drop-option-selected{background-color:#1b4acc;color:#ebf6ff}.p-drop-content-dark .p-drop-option-item.p-drop-option-disable{color:#9fc9fb}.p-checkbox{align-items:center;cursor:pointer;display:inline-flex;min-height:16px;min-width:16px;vertical-align:middle;z-index:1}.p-checkbox+.p-checkbox{margin-left:8px}.p-checkbox-box{border:1px solid transparent;border-radius:2px;height:16px;position:relative;transition:all .3s;vertical-align:middle;width:16px}.p-checkbox-box:hover{box-shadow:0 0 4px 0 rgba(78,131,253,.4)}.p-checkbox-box:after{background:none;content:"";pointer-events:none;position:absolute;transform:rotate(0) scale(0);transition:transform .2s ease-in-out;z-index:1}.p-checkbox-uncheck{background-color:#fff;border-color:#c4c9cf}.p-checkbox-checked,.p-checkbox-uncheck:hover{border-color:#246fe5}.p-checkbox-checked{background-color:#246fe5}.p-checkbox-checked:after{border-bottom:2px solid #fff;border-right:2px solid #fff;height:8px;left:5px;top:2px;transform:rotate(45deg) scale(1);width:4px}.p-checkbox-notNull{background-color:#246fe5;border-color:#246fe5}.p-checkbox-notNull:after{background-color:#fff;height:2px;left:3px;top:6px;transform:scale(1);width:8px}.p-checkbox-text{color:#1b2129;font-size:14px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:calc(100% - 16px)}.p-checkbox-disabled{cursor:not-allowed}.p-checkbox-disabled>i{pointer-events:none}.p-checkbox-disabled .p-checkbox-uncheck{background-color:#e1e5eb}.p-checkbox-disabled .p-checkbox-checked,.p-checkbox-disabled .p-checkbox-notNull{background-color:#c4c9cf;border-color:#c4c9cf}.fadeDownUpUi-enter-active{animation:fadeInDownUi .3s ease-out}.fadeDownUpUi-leave-active{animation:fadeOutUpUi .3s ease-in}@-moz-keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-o-keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownUi{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-moz-keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-o-keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpUi{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.p-tooltip-box{border:1px solid #e1e5eb;border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);font-size:12px;padding:8px 12px;pointer-events:none;position:absolute}.p-tooltip-light{background-color:#fff;color:#1b2129}.p-tooltip-dark{background-color:rgba(31,36,41,.8);color:#fff}.m-tree-com{display:inline-block;font-size:0;vertical-align:middle;width:100%}.m-tree-com-item{align-items:center;cursor:pointer;display:flex;height:38px;line-height:38px;padding-left:12px;transition:background-color .3s;width:100%}.m-tree-com-item:hover{background-color:#f1f4f6}.m-tree-com-current,.m-tree-com-current:hover{background-color:#d9ebff}.m-tree-com-current .m-tree-com-text{color:#246fe5}.m-tree-com-item-multiple.m-tree-com-click-item-open.m-tree-com-disabled{cursor:pointer}.m-tree-com-item-multiple.m-tree-com-click-item-open.m-tree-com-disabled .m-tree-com-content{color:#1b2129}.m-tree-com-disabled{cursor:not-allowed}.m-tree-com-disabled .m-tree-com-content{color:#c4c9cf}.m-tree-com-arrow{cursor:pointer;height:38px;padding-right:8px;width:24px}.m-tree-com-arrow svg{height:16px;transform:rotate(90deg);vertical-align:middle;width:16px}.m-tree-com-arrow .m-tree-com-triangle{transform:rotate(180deg)}.m-tree-com-main{align-items:center;display:flex;width:calc(100% - 24px)}.m-tree-com-single .m-tree-com-content{width:100%}.m-tree-com-multiple .m-tree-com-content{width:calc(100% - 20px)}.m-tree-com-checkbox{height:38px;padding-right:4px;width:20px}.m-tree-com-content{color:#1b2129;height:38px;overflow:hidden}.m-tree-com-omit{padding-right:20px;position:relative}.m-tree-com-text{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.m-tree-com-point-svg{cursor:pointer;font-size:0;height:20px;line-height:20px;position:absolute;right:0;text-align:center;top:9px;width:20px}.m-tree-com-point-svg:hover path{fill:#246fe5}.m-tree-com-point-svg svg{height:16px;vertical-align:middle;width:16px}.m-tree-com-point-svg svg path{transition:fill .3s}.m-tree-com-point-svg-active svg path{fill:#246fe5}.p-select-checkbox{border-radius:4px;font-size:0;width:100%}.p-select-checkbox-item{color:#1b2129;font-size:0;height:38px;line-height:38px;padding-left:16px;padding-right:8px;transition:background-color .3s;width:100%}.p-select-checkbox-item:hover,.p-select-checkbox-item:hover .p-select-checkbox-text-ellipsis-start:before{background-color:#f1f4f6}.p-select-checkbox-item .p-checkbox{width:100%}.p-select-checkbox-disabled .p-select-checkbox-text{color:#c4c9cf}.p-select-checkbox-text{display:inline-block;font-size:14px;height:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.p-select-checkbox-text-ellipsis-start{position:relative}.p-select-checkbox-text-ellipsis-start:before{background-color:#fff;color:#1b2129;content:"...";display:inline-block;font-size:14px;height:100%;left:-1px;pointer-events:none;position:absolute;text-align:right;top:-1px;transition:background-color .3s;width:12px}.p-select-panel{font-size:0;width:100%}.p-select-panel-list{align-items:center;display:flex;height:38px;justify-content:space-between;padding-left:16px;padding-right:16px;transition:background-color .3s;width:100%}.p-select-panel-list:hover,.p-select-panel-list:hover .p-select-panel-text-ellipsis-start:before{background-color:#f1f4f6}.p-select-panel-list .p-select-panel-text{align-items:center;background-color:transparent;color:#1b2129;display:inline-flex;font-size:14px;height:38px;line-height:38px;overflow:hidden;width:calc(100% - 20px)}.p-select-panel-list .p-select-panel-text .p-select-panel-tag{height:20px;line-height:20px;margin-left:8px;text-align:center}.p-select-panel-list .p-select-panel-text-ellipsis-start{position:relative}.p-select-panel-list .p-select-panel-text-ellipsis-start:before{background-color:#fff;color:#1b2129;content:"...";display:inline-block;font-size:14px;height:38px;left:-1px;pointer-events:none;position:absolute;text-align:right;top:-1px;transition:background-color .3s;width:12px}.p-select-panel-list .p-select-panel-text-ellipsis-end{text-overflow:ellipsis;white-space:nowrap}.p-select-panel-list .p-select-panel-icon{cursor:pointer;font-size:0;height:20px;line-height:20px;text-align:right;width:20px}.p-select-panel-list .p-select-panel-icon svg{height:16px;vertical-align:middle;width:16px}.p-select-panel-list .p-select-panel-icon svg path{transition:fill .3s}.p-select-panel-list .p-select-panel-icon:hover path{fill:#246fe5}.p-select-panel-disabled{color:#c4c9cf;cursor:not-allowed}.p-select-panel-disabled .p-select-panel-icon{cursor:not-allowed}.selectDownUpExtend-enter-active{animation:selectDownUpExtend .3s}.selectDownUpExtend-leave-active{animation:selectDownUpExtend .3s reverse}.selectDownUpExtendTop-enter-active{animation:selectDownUpExtendTop .3s}.selectDownUpExtendTop-leave-active{animation:selectDownUpExtendTop .3s reverse}@-moz-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-moz-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}.per-drop-select-container{left:0;position:absolute;top:0;width:100%;z-index:7000}.per-drop-select{align-items:flex-start;background-color:#fff;border:1px solid #e1e5eb;border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);display:inline-flex;outline:none;position:absolute;z-index:7000}.per-drop-tree{flex:auto}.per-drop-tree-h-100{height:100%}.per-drop-tree-h-48{height:calc(100% - 48px)}.per-drop-tree-w-100{width:100%}.per-drop-tree-w-50{width:50%}.per-drop-tree-search{display:block;height:48px;padding:8px 16px;position:relative;width:100%}.per-drop-tree-search .per-drop-tree-search-svg{font-size:0;height:30px;left:17px;line-height:30px;position:absolute;text-align:center;top:9px;width:30px}.per-drop-tree-search .per-drop-tree-search-svg svg{height:16px;vertical-align:middle;width:16px}.per-drop-tree-search .per-drop-tree-input{background:none;border:1px solid #c4c9cf;border-radius:4px;color:#1b2129;font-size:14px;height:32px;outline:none;padding-left:30px;padding-right:30px;position:relative;width:100%;z-index:2}.per-drop-tree-search .per-drop-tree-placeholder{color:#c4c9cf;display:block;font-size:14px;height:32px;left:0;line-height:32px;padding-left:48px;padding-right:48px;position:absolute;top:8px;width:100%}.per-drop-tree-search .per-drop-tree-del{cursor:pointer;font-size:0;height:30px;padding-top:7px;position:absolute;right:17px;text-align:center;top:9px;width:30px;z-index:3}.per-drop-tree-search .per-drop-tree-del svg{height:16px;width:16px}.per-drop-tree-search .per-drop-tree-del svg path{transition:fill .3s}.per-drop-tree-search .per-drop-tree-del svg:hover path{fill:#246fe5}.per-drop-tree-content{padding-bottom:8px;padding-top:8px;width:100%}.per-drop-tree-content .per-drop-tree-content-hidden{height:0;overflow:hidden;width:0}.per-drop-tree-content-h-100{height:100%}.per-drop-tree-content-h-100-48{height:calc(100% - 48px)}.per-drop-tree-not-found{color:#c4c9cf;font-size:14px;line-height:38px;padding-left:12px;text-align:center}.per-drop-panel{border-left:1px solid #e1e5eb;height:100%;width:50%}.per-drop-panel-choice{font-size:14px}.per-drop-selected-count{color:#1b2129;padding-left:8px}.per-drop-text{cursor:pointer;font-size:14px;transition:color .3s}.per-drop-panel-choice{color:#8b949e}.per-drop-handle-cancel{color:#1b2129;margin-right:16px}.per-drop-handle-active{color:#246fe5}.per-drop-handle-active:hover{color:#2481f2}.per-drop-handle-active:active{color:#215dd9}.per-drop-handle-shadow{box-shadow:0 -2px 10px rgba(31,35,41,.1)}.per-drop-handle-disabled{color:#c4c9cf;cursor:not-allowed}.per-drop-panel-top{border-bottom:1px solid #e1e5eb;justify-content:space-between}.per-drop-handle,.per-drop-panel-top{align-items:center;display:flex;height:48px;padding-left:12px;padding-right:12px;width:100%}.per-drop-handle{background-color:#fff;justify-content:flex-end}.per-drop-panel-list{height:262px;padding-top:8px;width:100%}.per-drop-tree-highlight{color:#246fe5}.per-tree-select{display:inline-block;font-size:0}