<commit_before>/* --- Fullscreen control --- */
.moon-video-fullscreen-control {
	box-sizing: border-box;
	background-color: @moon-video-player-fullscreen-bg-color;
	transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
}
.moon-video-fullscreen-control.scrim {
	box-sizing: border-box;
	background-color: fadeout(@moon-video-player-fullscreen-bg-color, 85%);
}

/* ---- Header info styling ---- */
.moon-video-player-header {
	width: 100%;
	font-family: @moon-font-family;
	font-size: @moon-sub-header-font-size;
	letter-spacing: @moon-sub-header-letter-spacing;
	color: #ffffff;
	padding: 12px 0 0 0;
	direction: ltr;

	.moon-clock-hour,
	.moon-clock-top,
	.moon-clock-meridiem,
	.moon-clock-bottom {
		color: #ffffff;
	}

	.moon-clock-divider {
		background-color: #ffffff;
	}
}
.moon-video-player-header.enyo-fittable-columns-layout > * {
	margin: 0;
}
.moon-video-player-header.always {
	display: block;
}

/* --- Fullscreen Player Controls --- */
.moon-video-player-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: @moon-video-player-bottom-bg-color;
	direction: ltr;
}
.moon-video-player-controls {
	height: @moon-icon-button-size;
	margin-bottom: 30px;
}
.enyo-fittable-columns-layout.moon-video-player-controls {
	direction: ltr;
	text-align: left;
}
.moon-video-player-controls-container > * {
	width: 100%;
}
.moon-video-player-more-controls {
	border-left: 3px solid white;
	padding-left: 6px;
}
.moon-video-player-more-controls > * {
	vertical-align: middle;
}

.enyo-locale-right-to-left .moon-video-player-more-controls > * {
	direction: rtl;
}
.moon-video-player-premium-placeholder-left {
	width: 126 + (@moon-icon-button-small-size + 2 * @moon-spotlight-outset);
	height: @moon-icon-button-size;
	padding-left: 90px;
}
.moon-video-player-premium-placeholder-right {
	width: 126 + (@moon-icon-button-small-size + 2 * @moon-spotlight-outset);
	height: @moon-icon-button-size;
	padding-left: 6px;
}

/* --- Buttons --- */
.moon-video-fullscreen-control .moon-icon-button {
	width: @moon-icon-button-size;
	height: @moon-icon-button-size;
	border-radius: 0;
	border: 0px;
	background-color: transparent;
	background-position: 0px 0px;
	background-size: @moon-icon-button-size (@moon-icon-button-size * 2);
	color: @moon-icon-video-controls-font-color;
	line-height: @moon-icon-button-size;
}
.moon-icon-playpause-font-style {
  font-size: @moon-icon-playpause-font-size;
}
.moon-icon-video-main-control-font-style {
  font-size: @moon-icon-main-control-font-size;
}

/* this style is used for the two side controls and placeholders */
.moon-icon-button.moon-icon-video-round-controls-style {
  color: @moon-icon-video-round-controls-font-color;
  background-color: @moon-icon-video-round-controls-bg-color;
  border-radius: @moon-button-border-radius;
}
.moon-icon-button.moon-icon-video-more-controls-font-style {
  font-size: @moon-icon-arrowextendshrink-font-size;
}
.moon-video-fullscreen-control .moon-icon.moon-icon-button.active,
.moon-video-fullscreen-control .moon-icon.moon-icon-button:active,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.pressed,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight.pressed,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight:active {
	background-position: 0 -(@moon-icon-button-size);
	border: 0px;
	background-color: transparent;
	color: @moon-accent;
	&.moon-icon-video-round-controls-style {
	  color: @moon-icon-video-round-controls-font-spotlight-color;
	  background-color: @moon-accent;
	}
}

.moon-video-player-control-buttons.disabled > * {
	pointer-events: none;
}
<commit_msg>ENYO-1438: make css of videoPlayer's iconButton like REW/FF be effective only when icon is enabled.<commit_after>/* --- Fullscreen control --- */
.moon-video-fullscreen-control {
	box-sizing: border-box;
	background-color: @moon-video-player-fullscreen-bg-color;
	transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
}
.moon-video-fullscreen-control.scrim {
	box-sizing: border-box;
	background-color: fadeout(@moon-video-player-fullscreen-bg-color, 85%);
}

/* ---- Header info styling ---- */
.moon-video-player-header {
	width: 100%;
	font-family: @moon-font-family;
	font-size: @moon-sub-header-font-size;
	letter-spacing: @moon-sub-header-letter-spacing;
	color: #ffffff;
	padding: 12px 0 0 0;
	direction: ltr;

	.moon-clock-hour,
	.moon-clock-top,
	.moon-clock-meridiem,
	.moon-clock-bottom {
		color: #ffffff;
	}

	.moon-clock-divider {
		background-color: #ffffff;
	}
}
.moon-video-player-header.enyo-fittable-columns-layout > * {
	margin: 0;
}
.moon-video-player-header.always {
	display: block;
}

/* --- Fullscreen Player Controls --- */
.moon-video-player-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: @moon-video-player-bottom-bg-color;
	direction: ltr;
}
.moon-video-player-controls {
	height: @moon-icon-button-size;
	margin-bottom: 30px;
}
.enyo-fittable-columns-layout.moon-video-player-controls {
	direction: ltr;
	text-align: left;
}
.moon-video-player-controls-container > * {
	width: 100%;
}
.moon-video-player-more-controls {
	border-left: 3px solid white;
	padding-left: 6px;
}
.moon-video-player-more-controls > * {
	vertical-align: middle;
}

.enyo-locale-right-to-left .moon-video-player-more-controls > * {
	direction: rtl;
}
.moon-video-player-premium-placeholder-left {
	width: 126 + (@moon-icon-button-small-size + 2 * @moon-spotlight-outset);
	height: @moon-icon-button-size;
	padding-left: 90px;
}
.moon-video-player-premium-placeholder-right {
	width: 126 + (@moon-icon-button-small-size + 2 * @moon-spotlight-outset);
	height: @moon-icon-button-size;
	padding-left: 6px;
}

/* --- Buttons --- */
.moon-video-fullscreen-control .moon-icon-button {
	width: @moon-icon-button-size;
	height: @moon-icon-button-size;
	border-radius: 0;
	border: 0px;
	background-color: transparent;
	background-position: 0px 0px;
	background-size: @moon-icon-button-size (@moon-icon-button-size * 2);
	color: @moon-icon-video-controls-font-color;
	line-height: @moon-icon-button-size;
}
.moon-icon-playpause-font-style {
  font-size: @moon-icon-playpause-font-size;
}
.moon-icon-video-main-control-font-style {
  font-size: @moon-icon-main-control-font-size;
}

/* this style is used for the two side controls and placeholders */
.moon-icon-button.moon-icon-video-round-controls-style {
  color: @moon-icon-video-round-controls-font-color;
  background-color: @moon-icon-video-round-controls-bg-color;
  border-radius: @moon-button-border-radius;
}
.moon-icon-button.moon-icon-video-more-controls-font-style {
  font-size: @moon-icon-arrowextendshrink-font-size;
}
.moon-video-fullscreen-control {
	.moon-icon.moon-icon-button {
		&.disabled {
			pointer-events: none;
		}
		&.active, &:active, &.pressed, &.spotlight, &.spotlight.pressed, &.spotlight:active {
			background-position: 0 -(@moon-icon-button-size);
			border: 0px;
			background-color: transparent;
			color: @moon-accent;
			&.moon-icon-video-round-controls-style {
				color: @moon-icon-video-round-controls-font-spotlight-color;
				background-color: @moon-accent;
			}
		}
	}
}

.moon-video-player-control-buttons.disabled > * {
	pointer-events: none;
}

{'fraction_non_alphanumeric': 0.17049576783555018, 'fraction_numerical': 0.01262931613596668, 'mean_word_length': 3.8369070825211176, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6949696', 'n_tokens_mistral': 3024, 'n_tokens_neox': 2878, 'n_words': 423}