.widget-collapse-panel-fold{height:30px!important;transition:height 1s}.widget-collapse-panel{pointer-events:all;background-color:#fff;box-sizing:border-box;margin-top:8px;overflow:hidden;will-change:height;transition:height 1s}.widget-collapse-panel .collapse-panel-head{overflow:hidden;align-items:center;background:var(--drag-h-color);color:#fff;height:30px;border-bottom:1px solid #ebeef5}.widget-collapse-panel .collapse-panel-head .collapse-panel-head-title{flex:1;font-size:14px}.widget-collapse-panel .collapse-panel-head .collapse-panel-head-right-icon{transition:transform var(--my-transition-duration)}.widget-collapse-panel .collapse-panel-head .is-active{transform:rotate(90deg)}.collapse-panel{pointer-events:all;position:absolute;width:200px;z-index:10;background-color:#fff;border:1px solid var(--drag-h-color);box-sizing:border-box;border-radius:3px}.collapse-panel .collapse-panel-head{cursor:move;overflow:hidden;background:var(--drag-h-color);color:#fff;height:20px;border-bottom:1px solid #ebeef5}.collapse-panel .collapse-panel-head .collapse-panel-head-title{flex:1;font-size:14px}.collapse-panel .collapse-panel-head .collapse-panel-head-right-icon{transition:transform var(--my-transition-duration)}.collapse-panel .collapse-panel-head .collapse-panel-head-right-close{font-size:20px;height:16px;width:16px;margin:2px;background:var(--drag-h-color);overflow:hidden;border-radius:3px}.collapse-panel .collapse-panel-head .collapse-panel-head-right-close .collapse-panel-head-right-icon{transition:transform var(--my-transition-duration)}.collapse-panel .collapse-panel-head .collapse-panel-head-right-close :hover{background:red}.collapse-panel .collapse-panel-head .is-active{transform:rotate(90deg)}.collapse-panel .collapse-panel-resize{width:100%;height:3px;opacity:.8;cursor:ns-resize}.collapse-panel .collapse-panel-resize:hover{opacity:.8;background:var(--drag-h-color)}