/* Radio Item */
.moon-radio-item {
	display: inline-block;
	vertical-align: middle;
	max-width: 240px;
	margin-right: @moon-radio-item-gap;

	&,
	&.moon-item {
		padding-left: (@moon-item-indent + @moon-spotlight-outset);
	}

	&:before {
		content: '';
		position: absolute;
		left: @moon-spotlight-outset;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: (@moon-selectable-item-indicator-width - 2 * @moon-radio-item-indicator-border);
		height: (@moon-selectable-item-indicator-height - 2 * @moon-radio-item-indicator-border);
		border: solid @moon-radio-item-indicator-border @moon-spotlight-text-color;
		border-radius: (@moon-selectable-item-indicator-width / 2);
		background-color: @moon-button-disabled-text-color;
	}

	&.selected {
		&:before {
			background-color: @moon-accent;
		}
	}

	.enyo-locale-right-to-left & {
		margin-left: @moon-radio-item-gap;
		margin-right: 0;
		&,
		&.moon-item {
			padding-left: @moon-spotlight-outset;
			padding-right: (@moon-item-indent + @moon-spotlight-outset);
		}

		&:before {
			left: auto;
			right: @moon-spotlight-outset;
		}
	}
}

