@import "/UI/Theme.scss";

UIEnumControl
{
	flex-direction: row;
	flex-grow: 1;
	height: 24px;

	&.segmented
	{
		border: 1px solid $ui-control-border;
		background-color: $ui-control-bg;
	}

	.segment
	{
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0px;
		justify-content: center;
		align-items: center;
		font-family: "Inter";
		font-size: $ui-settings-font;
		font-weight: 800;
		color: $ui-text-disabled;
		text-transform: uppercase;
		cursor: pointer;

		&:hover
		{
			color: $ui-text-disabled-hover;
			sound-in: ui.hover;
		}

		&.active
		{
			@include ui-selected;
			pointer-events: none;
		}
	}
}