/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.homegrade-blocks-vocabulaire-summary {
	padding: 20px;
	details {
		cursor: pointer;
		padding: 20px;
		background-color: white;
	}
	details[open] summary .open-close-icon {
		transform: translate(0, -50%) rotate(180deg);
	}
	summary {
		cursor: pointer;
		position: relative;
		margin: 0;
		font-weight: bold;
		&::marker {
			content: none;
		}
		.open-close-icon {
			// transform-origin: center center;
			transition: transform 0.3s ease-in-out;
			right: 20px;
			top: 50%;
			transform: translate(0, -50%);
			position: absolute;
			display: flex;
			border: 2px solid black;
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			height: 26px;
			width: 26px;
		}
	}
	&__title {
		margin: 0;
		padding-bottom: 20px;
	}
	&__content {
		padding-top: 30px;
	}
	&__content-wrapper {
		overflow: hidden;
		height: 0;
		transition: height 0.3s ease-in-out;
	}
}