@use "../../00-base/colors/colors";
@use "../../00-base/mixin/core.mixin";

.hoo-label{
	font-size: core.px2rem(14px); // TODO: font size to small
	font-weight: 600;

	padding: core.px2rem(5px) 0;

	color: colors.$neutral-700;
	&.is-disabled{
		color: colors.$neutral-400;
	}
	&.is-required{
		&:after{
			display: inline-block;

			padding-left: .25em;
			padding-right: core.px2rem(12px);

			content: "*";

			color: colors.$errorText;
		}
	}
}