/* write style here */
@import '@alifd/next/variables.scss';
.creater-canvas {
	width: 100%;
	overflow-y: auto;
	overflow-x: auto;
	background-color: unset;
	position: relative;
	height: 100%;
}

.uicbb-editor {
	height: 100%;
	display: flex;
	background-color: #f2f7fd;
	.com-list {
		.com-list-content {
			box-shadow: inset -1px 0px 0px 0px #e4e9ee;
			border-right: 1px solid #e4e9ee;
		}

		position: relative;
		height: 100%;
		width: 284px;
	}
	.drag-canvas {
		overflow: hidden;
		// padding: 16px 8px;
		flex: 1;
		height: 100%;
	}
	.attr-panel {
		.attr-panel-content {
			padding: 8px 16px;
			background-color: white;
			border-left: 1px solid #e4e9ee;
		}
		position: relative;
		height: 100%;
		width: 290px;
		padding: 0 0 0 8px;
	}
}
.collapse-no-title-background {
	&.#{$css-prefix}collapse {
		border: none;
	}
	.#{$css-prefix}collapse-panel:not(:first-child) {
		border-top: unset;
	}
	.#{$css-prefix}collapse-panel-title {
		background: white;
		font-size: 12px;
	}
	.#{$css-prefix}collapse-panel-title:hover {
		background: white;
	}
}
.collapse-no-title-background-inner {
	.#{$css-prefix}collapse-panel-icon {
		left: 0 !important;
	}
	.#{$css-prefix}collapse-panel-title {
		padding: 8px 0 8px 16px;
	}
}