@import '@alifd/next/variables.scss';
.uicbb-com-list-3 {
	height: 100%;
	background-color: white;
	display: flex;
	flex-direction: column;
	.uicbb-com-list-search {
		padding: 16px 16px 12px;
	}
	.uicbb-com-list-body {
		overflow-y: auto;
		flex: auto;
		padding: 8px;
		.uicbb-com-list-divider {
			padding: 0 8px;
			> div {
				margin: 12px 0 8px 0;
			}
		}
		.uicbb-com-list-contenter-header {
			font-size: 12px;
			font-weight: bold;
			padding: 0 8px;
			> div {
				margin: 0 4px 0 0;
				top: -0.1em;
			}
		}
		.uicbb-com-list-contenter-wrap {
			padding: 16px 8px 8px 8px;
			.uicbb-com-list-item-small {
				cursor: move;
				font-size: 12px;
				padding: 4px 8px;
				border-radius: 4px;
				border: 1px solid $color-line1-2;
				&:hover {
					box-shadow: 0px 0px 4px 0px rgba(105, 88, 88, 0.15);
					border: 1px solid $color-brand1-4;
				}
				&.hover-state {
					box-shadow: 0px 0px 4px 0px rgba(105, 88, 88, 0.15);
					border: 1px solid $color-brand1-4;
				}
			}
		}

		.com-list-collapse {
			border: none;
			//重写样式，防止被icon样式覆盖
			.#{$css-prefix}collapse-panel-hidden {
				.#{$css-prefix}collapse-panel-title {
					.#{$css-prefix}collapse-panel-icon::before {
						width: 12px;
						font-size: 12px;
						line-height: inherit;
					}
				}
				.#{$css-prefix}collapse-panel-content {
					padding: 4px;
				}
			}
			.#{$css-prefix}collapse-panel-content {
				padding: 4px 12px 16px 12px;
			}
			.empty-content {
				.#{$css-prefix}collapse-panel-content {
					padding: 0;
				}
			}

			
		}
		.uicbb-com-list-item {
			width: 50px;
			cursor: move;
			// margin-top: 8px !important;
			// margin-bottom: 8px !important;
			.uicbb-com-list-item-icon {
				width: 100%;
				height: 50px;
				border-radius: 4px;
				margin-bottom: 8px;
				text-align: center;
				border: 1px solid $color-line1-2;
				// border: none;
			}
			.uicbb-com-list-item-label{
				color: $color-text1-4;
			}
			&:hover {
				.uicbb-com-list-item-label{
					color: $color-brand1-4;
				}
				.uicbb-com-list-item-icon {
					color: $color-brand1-4;
					border: 1px solid $color-brand1-4;
				}
			}

			
		}
	}
}