.unc-speech
	display inline-block
	text-align center
	
	span
		vertical-align middle

	.unc-speech-translate
		background-color rgba(230, 230, 230, 0.8)
		border-radius 50%
		color #8b5f76
		cursor pointer
		display inline-flex
		margin-left 3px
		padding 4px
		vertical-align middle
	
	.visible .unc-speech-translate
		background-color #8b5f76
		color white
	
	.unc-speech-sound
		margin 0
		
		svg
			font-size 1.5rem
	
.unc-speech-tooltip
	font-size 1em !important

.unc-speech-sound
	background-color rgba(230, 230, 230, 0.8)
	border-radius 50%
	color #8b5f76
	cursor pointer
	display inline-flex
	margin .5em
	padding 4px
	vertical-align middle
	
	svg
		font-size 3em
		fill #8b5f76
	
	.bigger
		font-size 3em

.unc-speech-choose
	max-width 720px

	.unc-items
		display flex
		justify-content center
		flex-wrap wrap

		> span
			border thin solid #777
			border-radius 8px
			cursor pointer
			margin 2px
			padding .5em
			text-align center
			
			&.actived
				background-color white

.unc-speech-typing
	input
		&.correct
			border thin solid green
		&.wrong
			border thin solid red

.unc-speech-group
	display flex
	flex-wrap wrap
	justify-content center
	
	> span
		border thin solid #777
		border-radius 5px
		margin 2px
		padding .5em
		text-align center
		
		&.actived
			background-color white
		
		.unc-speech
			.anticon
				margin 0