@import url(~antd/lib/rate/style/index-pure.less);
@import '../../style/themes/index';

.@{rate-prefix-cls} {
	// line-height: @rate-star-size;
	display: inline-flex;
	align-items: center;
	line-height: 1;

	&-star {
		& > div {
			transform-origin: 50% 50%;
		}

		&-first,
		&-second {
			text-align: center;
		}
	}

	&-disabled &-star > div:hover {
		transform: scale(1);
	}

	&-disabled &-star&-star-zero {
		.@{rate-prefix-cls}-star-first,
		.@{rate-prefix-cls}-star-second {
			color: @rate-star-bg-disabled;
		}
	}
	&-disabled &-star&-star-full {
		.@{rate-prefix-cls}-star-first,
		.@{rate-prefix-cls}-star-second {
			color: @rate-star-bg-active-disbaled;
		}
	}

	&-star:not(&-star-half) {
		width: @rate-star-size;

		&-first,
		&-second {
			font-size: @rate-star-size;
		}
	}

	&.@{rate-prefix-cls}-sm {
		// line-height: @rate-star-size-sm;

		.@{rate-prefix-cls}-star:not(.@{rate-prefix-cls}-star-half) {
			width: @rate-star-size-sm;

			&-first,
			&-second {
				font-size: @rate-star-size-sm;
			}
		}

		svg {
			width: @rate-star-size-sm;
			height: @rate-star-size-sm;
		}
	}

	&.@{rate-prefix-cls}-lg {
		// line-height: @rate-star-size-lg;
		.@{rate-prefix-cls}-star:not(.@{rate-prefix-cls}-star-half) {
			width: @rate-star-size-lg;

			&-first,
			&-second {
				font-size: @rate-star-size-lg;
			}
		}

		svg {
			width: @rate-star-size-lg;
			height: @rate-star-size-lg;
		}
	}
}