.hulk_affef_rating_wrap {
	max-width: 100%;
	flex-basis: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;

	.hulk-rating-field-wrap {
		display: flex;
		width: 100%;
		gap: 20px;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		align-content: center;
	}

	.hulk-rating-field {
		display: inline-flex !important;
		flex-wrap: wrap;
		gap: 0;
	}

	.hulk-empty-symbol,
	.hulk-full-symbol {
		display: flex;
		color: #ccd6df;
		fill: currentColor;
		font-size: 30px;
		height: 30px;
		width: 30px;

		i {
			font-size: inherit;
		}

		svg {
			fill: currentColor;
		}
	}

	.hulk-full-symbol {
		color: #f0ad4e;
	}

	.hulk-show-value {
		font-family: var(--e-global-typography-text-font-family), Sans-serif, serif;
		font-weight: var(--e-global-typography-text-font-weight);
		color: #7a7a7a;
		border: 1px solid #69727D;
		width: auto;
		display: flex;
		align-items: center;
		max-width: 100%;
		flex-basis: auto;
		flex-grow: 0;
		font-size: 16px;
		padding: 0 5px;
		min-width: 50px;
		justify-content: center;
		text-align: center;
		background-color: #ffffff;
	}
}
