/*
* Style Works for both Editor and Frontend
*/
.wp-block-artcloud-blocks-artcloud-phase-base {
	overflow: hidden;
	&.artcloud-blocks__phase_disabled {
		pointer-events: none !important;
	}
	a.artcloud-blocks__phase_link {
		display: block;
		text-decoration: none !important;
	}
	.artcloud-blocks__phase_head {
		display: flex;
		align-items: center;
		cursor: pointer;

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

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

		// heading
		.artcloud-blocks__phase_heading {
			&.artcloud-blocks_right_icon {
				margin-right: 20px;
				flex: 1;
			}
			&.artcloud-blocks_left_icon {
				margin-left: 20px;
				flex: 1;
			}
		}
	}

	.collapse-icon span {
		display: block;
	}

	.artcloud-blocks__phase_body {
		display: none;
		&.artcloud-blocks__phase_body--show {
			display: block;
		}
	}
}
