@import '../../styles/theme.less';

.selectObjModal {
	&-main {
		display: flex;
	}

	&-left {
		width: 55%;
		padding-top: 16px;
		border-right: 1px solid @divider-color;
		height: 488px;
		display: flex;
		flex-direction: column;

		&-search {
			padding-right: 16px;
		}

		&-main {
			padding-bottom: 16px;
			flex: 1;
			margin-top: 12px;
			overflow-y: auto;
		}
	}

	&-right {
		width: 45%;
		padding: 16px;
		height: 488px;
		overflow-y: auto;

		&-item {
			background-color: @main-color-1;
			border: 1px solid @main-color;
			border-radius: 2px;
			padding: 0 8px;
			display: flex;
			align-items: center;
			margin-bottom: 8px;
			width: fit-content;

			&-name {
				color: @main-color;
			}

			.selectObjModal-right-item-icon {
				font-size: 12px;
				color: rgba(0, 0, 0, 0.45);
				margin-left: 4px;
			}
		}
	}

	&-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 16px;
		border-top: 1px solid @divider-color;
	}

	&-none {
		position: relative;
		top: 35%;
	}

	&-searchValue {
		color: @main-color;
	}
}