.shape{
	width: 6rem;
	height: auto;
}
/* #region answer-option style */
.ETTG1 .answer-option {
	background-color: #ffd966; /* bright yellow */
	border: 3px solid #ff9900; /* orange border */
	border-radius: 50%;
	color: #4a4a4a; /* dark grey for good contrast */
	font-size: 1.5rem;
	font-weight: bold;
	width: 3.5rem;
	height: 3.5rem;
	line-height: 1.5rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: transform 0.2s, background-color 0.2s;
}
.ETTG1 .answer-option--selected {
	background-color: #a4c2f4;  /* light blue */
	border-color: #6d9eeb;
	color: #ffffff;
	transform: scale(1.05);
}
.ETTG1 .answer-option:hover {
	background-color: #ffe599;
	transform: scale(1.1);
}
.ETTG1 .answer-option:active {
background-color: #f1c232;
transform: scale(0.95);
}

.ETTG1 .answer-option--correct{
	background-color: greenyellow !important;
}
.ETTG1 .answer-option--incorrect{
	background-color:brown !important;
	color: white !important;
}
/* #endregion */

.ETTG1 .workspace__countable_item {
	-webkit-user-drag: none; /* Chrome, Safari, Edge */
	width: 6.5rem;
	height: min-content;
	user-drag: none;       /* Safari */
}
.ETTG1 .item_count__label{
	font-size: 1.2rem;
	text-align: center;
	border-radius: 50%;
	background-color: lightblue;
	color: white;
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(7, 108, 232, 0.75); /* black with 75% opacity */


  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ETTG1 .workspace__countable_item_wrapper{
	cursor: pointer;
	position:relative;
	display: inline-block;
}