/*
* Style Works for both Editor and Frontend
*/
.wp-block-artcloud-blocks-artcloud-phase-item {
	overflow: hidden;
	.artcloud__phase_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;

		// header icon
		.artcloud__phase_icon {
			width: 20px;
			height: 20px;
			border-radius: 50%;
		}

		// header icon position
		&.artcloud_right_icon {
			// justify-content: space-between;
			flex-direction: row;
		}
		&.artcloud_left_icon {
			// justify-content: flex-end;
			flex-direction: row-reverse;
		}

		// heading
		.artcloud__phase_heading {
			&.artcloud_right_icon {
				margin-right: 20px;
				flex: 1;
			}
			&.artcloud_left_icon {
				margin-left: 20px;
				flex: 1;
			}
		}
	}

	.collapse-icon span {
		display: block;
	}

	.artcloud__phase_body {
		display: none;
		// &.artcloud__phase_body--show {
		// 	display: block;
		// }
	}
}
