/* ExpandableText */
.moon-expandable-text {
	overflow: hidden;

	.moon-expandable-text-content {
		margin: 0 @moon-spotlight-outset;
	}
	.moon-expandable-text-button {
		float: right;
		display: inline-block;
		padding: @moon-spotlight-outset @moon-expandable-text-button-padding @moon-spotlight-outset @moon-spotlight-outset;
		position: relative;

		&:after {
			position: absolute;
			top: @moon-spotlight-outset;
			right: @moon-spotlight-outset + 1;
			font-family: @moon-icon-font-family;
			content: @moon-icon-arrowlargeup;
			font-size: @moon-expandable-caret-icon-font-size;
		}
		&.spotlight {
			background-color: @moon-accent;
			color: @moon-white;
		}
		&.collapsed:after {
			content: @moon-icon-arrowlargedown;
		}
		&.hidden {
			display: none;
		}
	}
}

.enyo-locale-non-latin .moon-expandable-text .moon-expandable-text-button {
	&:after {
		top: @moon-spotlight-outset + 1;
	}
}

.enyo-locale-right-to-left .moon-expandable-text .moon-expandable-text-button {
	float: left;
	padding: @moon-spotlight-outset @moon-spotlight-outset @moon-spotlight-outset @moon-expandable-text-button-padding;

	&:after {
		left: @moon-spotlight-outset + 1;
		right: auto;
	}
}