:root {
	--theme: "dark";
	--primaryHighlightColor: #35FFA7;
	--secondaryHighlightColor: #008000;
	--primaryBaseColor: #000000;
	--secondaryColor: #FFFFFF;
	--silverColor: #c0c0c0;
	--graphiteBlack: #252929;
	--mediumGrey: #505050;
	--lightGrey: #808080;
	--darkGrey: #202020;
	--spaceGrey: #2a3139;
	--redColor: #FF2B2B;
	--epgFocusBgColor: #404040;
	--epgFocusTextColor: #FFFFFF;
	--primaryFocusBgColor: #404040;
	--focusBgColor: rgba(255, 255, 255, 0.1);
}

#webion {
	height: 100%;
	flex: 1;
	position: absolute;
	top: 0px;
	width: 100%;
}

body {
	background: #000;
	overflow: hidden;
	height: 100vh;
	width: 100%;
	margin: 0;
}

#splash {
	background: url("config/custom/assets/splash_tv.webp");
	background-position: 0 0;
	background-size: cover;
	position: relative;
	overflow: hidden;
	height: 100vh;
	width: 100%;
}

#splash_logo {
	background-image: url("config/custom/assets/icon_splash.webp");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

.hList {
	overflow: visible;
}

div[data-testid="RecyclerListView"] > div > div > div > div > div {
	overflow: visible !important;
}

.noAnim {
	transition: all 1ms linear !important;
}

div[data-testid="menu-root-container"] div[data-focusable] {
	transition: none !important;
	transform: none !important;
	margin-top: 0;
}

div[data-testid="popup"] {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div[data-testid="DotsContainer"] > div:first-child {
	opacity: 0.5;
}

div[data-testid="DotsContainer"] > div:last-child {
	opacity: 0.5;
}

div[data-testid="DotsContainer"] > div:nth-child(2) {
	opacity: 0.7;
}

div[data-testid="DotsContainer"] > div:nth-last-child(2) {
	opacity: 0.7;
}

div[data-testid="pinsDots"] {
	width: auto;
}

div[data-testid="popup"] > div:first-child {
	width: 100%;
	height: 100%;
}

div[data-testid="auto-sign-in-container"],
div[data-testid="auto-sign-in-container-error"],
div[data-testid="first-launch-signon-screen-container"] {
	position: fixed;
}

div[data-testid="HBBTVContainer"] {
	position: fixed;
	transition: 1s;
}

div[data-testid="menu-root-container"] div[data-focusable]:focus {
	transition: none !important;
	transform: none !important;
	margin-top: 0;
}

.noScroll {
	overflow: hidden;
}

div[data-testid="auto-sign-in-error-menu"] > div:nth-child(2) > div {
	overflow-x: hidden;
}

.itemAnim500Transform {
	transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
	position: relative;
}

.itemAnim500Transform.scrollAminLongPress {
	transition: transform 200ms linear;
}

input,
* {
	outline: none;
}

::-webkit-scrollbar {
	width: 0px;
	overflow-y: hidden;
	display: none;
}

#webion > div,
#webion > div > div,
#webion > div > div > div {
	height: inherit;
}

.vjs-tech.vjs-shaka {
	width: 100%;
	height: 100vh;
}

/* EXPLORE */

body.no-anim div[data-testid="explore-container"] div[data-focusable]:focus {
	transform: unset;
}
body.no-anim div[data-testid="explore-container"] div[data-focusable] {
	transform: unset;
}

/* LIVE */

div[data-testid="hero_strip_0"] {
	margin-top: 0;
}

body.no-anim div[data-testid="blazzer_id_container"] div[data-focusable]:focus {
	transform: unset;
}
body.no-anim div[data-testid="blazzer_id_container"] div[data-focusable] {
	transform: unset;
}

body.no-anim div[data-testid="blazing_scroller_live_items"] div[data-focusable]:focus {
	transform: unset;
}

body.no-anim div[data-testid="blazing_scroller_live_items"] div[data-focusable] {
	transform: unset;
}
div[data-testid^="live_row_rendering_"] > div > div > div > div {
	overflow: visible !important;
}

div[data-testid="live-strip"]:hover div[data-testid="title-container"] {
	display: flex;
}

.css-highlight div[data-focusable]:focus div[data-testid="content-strip-focusbar"],
.css-highlight div[data-focusable]:focus div[data-testid="secondary_title"],
.css-highlight div[data-focusable] div[data-testid="title-overlay-defocus"],
.css-highlight div[data-focusable]:focus div[data-testid="linear-gradient-active"],
.css-highlight div[data-focusable] div[data-testid="linear-gradient"],
.css-highlight div[data-focusable]:focus div[data-testid="logo-active"],
.css-highlight div[data-focusable] div[data-testid="logo-inactive"],
.css-highlight div[data-focusable] div[data-testid="magazine-title-overlay-defocus"],
.css-highlight div[data-focusable]:focus div[data-testid="progressBar_Active"],
.css-highlight div[data-focusable] div[data-testid="progressBar_Inactive"],
.css-highlight div[data-focusable] div[data-testid="live_strip_channelInfo_Inactive"],
.css-highlight div[data-focusable]:focus div[data-testid="live_strip_channelInfo_active"],
.css-highlight div[data-focusable] div[data-testid="list-item-image-overlay"],
.css-highlight div[data-focusable]:focus div[data-testid="mosaic-linear-gradient-active"],
.css-highlight div[data-focusable] div[data-testid="mosaic-linear-gradient"],
.css-highlight div[data-focusable] div[data-testid="content-strip-overlay"],
.css-highlight div[data-focusable]:focus div[data-testid="content-strip-linear-gradient-active"],
	.css-highlight div[data-focusable] div[data-testid="content-strip-linear-gradient"] {
	display: block;
}

.css-highlight div[data-focusable] div[data-testid="secondary_title"],
.css-highlight div[data-focusable]:focus div[data-testid="title-overlay-defocus"],
.css-highlight div[data-focusable] div[data-testid="linear-gradient-active"],
.css-highlight div[data-focusable]:focus div[data-testid="linear-gradient"],
.css-highlight div[data-focusable] div[data-testid="logo-active"],
.css-highlight div[data-focusable]:focus div[data-testid="logo-inactive"],
.css-highlight div[data-focusable]:focus div[data-testid="magazine-title-overlay-defocus"],
.css-highlight div[data-focusable] div[data-testid="progressBar_Active"],
.css-highlight div[data-focusable]:focus div[data-testid="progressBar_Inactive"],
.css-highlight div[data-focusable]:focus div[data-testid="channel_logo"],
.css-highlight div[data-focusable]:focus div[data-testid="live_strip_channelInfo_Inactive"],
.css-highlight div[data-focusable] div[data-testid="live_strip_channelInfo_active"],
.css-highlight div[data-focusable]:focus div[data-testid="list-item-image-overlay"],
.css-highlight div[data-focusable] div[data-testid="mosaic-linear-gradient-active"],
.css-highlight div[data-focusable]:focus div[data-testid="mosaic-linear-gradient"],
.css-highlight div[data-focusable]:focus div[data-testid="content-strip-overlay"],
.css-highlight div[data-focusable] div[data-testid="content-strip-linear-gradient-active"],
	.css-highlight div[data-focusable]:focus div[data-testid="content-strip-linear-gradient"] {
	display: none;
}

.css-highlight div[data-focusable]:focus div[data-testid="content-strip-focusbar"] {
	visibility: visible;
}

.css-highlight div[data-focusable] div[data-testid="content-strip-focusbar"],
.css-highlight div[data-focusable][data-testid="testid_media_card_discover_episodes"]:not(:focus) div[data-testid="mediacard-episode-title"] > div:first-child,
.css-highlight div[data-focusable][data-testid="testid_secondary_media_card_discover_episodes"]:not(:focus) div[data-testid="mediacard-episode-title"] > div:first-child {
	visibility: hidden;
}

.css-highlight div[data-focusable][data-testid="testid_media_card_discover_episodes"]:not(:focus) div[data-testid="mediacard-episode-title"],
.css-highlight div[data-focusable][data-testid="testid_secondary_media_card_discover_episodes"]:not(:focus) div[data-testid="mediacard-episode-title"] {
    padding-top: 14px;
}

.css-highlight div[data-focusable]:focus div[data-testid="live_strip_eventTitle"] div[data-testid^="live_strip_"],
.css-highlight div[data-focusable]:focus div[data-testid^="discover_rail_item_strip_"],
.css-highlight div[data-focusable]:focus div[data-testid="explore-mosaic-titleTxt-el"],
.css-highlight div[data-focusable]:focus div[data-testid="strip-item-title-primary"] {
    color: var(--secondaryColor);
}

.css-highlight div[data-focusable]:focus div[data-testid="live_strip_eventTitle"] div[data-testid="live_strip_eventTitle_parentalLock"] svg,
.css-highlight div[data-focusable]:focus div[data-testid^="discover_rail_item_strip_"] div[data-testid="discover-rail-item-strip-parental-lock"] svg,
.css-highlight div[data-focusable]:focus div[data-testid="explore-mosaic-titleTxt-el"] div[data-testid="explore-mosaic-titleTxt-parental-lock"] svg,
.css-highlight div[data-focusable]:focus div[data-testid="mediacard-episode-title-parental-lock"] svg,
.css-highlight div[data-focusable]:focus div[data-testid="content-strip-item-meta-data-parental-lock"] svg {
    fill: var(--secondaryColor);
}

.css-highlight div[data-focusable]:focus div[data-testid="live_strip_eventTitle"] div[data-testid="live_strip_eventTitle_parentalLock"] > div > div,
.css-highlight div[data-focusable]:focus div[data-testid^="discover_rail_item_strip_"] div[data-testid="discover-rail-item-strip-parental-lock"] > div > div, 
.css-highlight div[data-focusable]:focus div[data-testid="explore-mosaic-titleTxt-el"] div[data-testid="explore-mosaic-titleTxt-parental-lock"] > div > div,
.css-highlight div[data-focusable]:focus div[data-testid="mediacard-episode-title-parental-lock"] > div > div,
.css-highlight div[data-focusable]:focus div[data-testid="content-strip-item-meta-data-parental-lock"] > div > div {
	background-color: var(--secondaryColor) !important;
}

.css-highlight div[data-focusable] div[data-testid="highlight-focus"] {
	border-bottom-width: 0px;
}

.css-highlight div[data-focusable]:focus div[data-testid="highlight-focus"] {
	border-bottom-width: 2px;
}

.css-highlight div[data-focusable]:focus div[data-testid="episode_title"] {
	opacity: 1;
}

.css-highlight div[data-focusable]:focus div[data-testid="episode_title_Inactive"] {
	opacity: 0;
}

.css-highlight div[data-focusable]:focus div[data-testid="heroStripTestID_First"] {
	margin-left: 56.5px;
}

.css-highlight div[data-focusable] div[data-testid="heroStripTestID_First"] {
	margin-left: 64px;
}

.css-highlight div[data-focusable]:focus div[data-testid="heroStripTestID_Last"] {
	margin-right: 60px;
}

.css-highlight div[data-focusable] div[data-testid="heroStripTestID_Last"] {
	margin-right: 66.5px;
}

.css-highlight div[data-focusable]:focus div[data-testid="heroStripTestID_First_LG"] {
	margin-left: 85px;
}

.css-highlight div[data-focusable] div[data-testid="heroStripTestID_First_LG"] {
	margin-left: 96px;
}

.css-highlight div[data-focusable]:focus div[data-testid="heroStripTestID_Last_LG"] {
	margin-right: 90px;
}

.css-highlight div[data-focusable] div[data-testid="heroStripTestID_Last_LG"] {
	margin-right: 99.5px;
}

.css-highlight div[data-focusable] div[data-testid="active_player_controls"],
.css-highlight div[data-focusable]:focus div[data-testid="Inactive_player_controls"] {
	display: none;
}

.css-highlight div[data-focusable] div[data-testid="Inactive_player_controls"] {
	position: absolute;
	z-index: -1;
}

.css-highlight div[data-focusable]:focus div[data-testid="active_player_controls"],
.css-highlight div[data-focusable] div[data-testid="Inactive_player_controls"] {
	display: inline-flex;
}


/* Hover Effect */

div[data-testid="tab_view_item"]:hover div, 
div[data-testid="menu_horizontal_tab_view"] div[data-testid*="menu button"]:hover, 
div[data-testid="menu_horizontal_icon_tab_view"] > div > div:hover svg {
	color: var(--secondaryColor) !important;
}

div[data-testid="exit_app"]:focus svg {
    color: var(--primaryHighlightColor);
}

div[data-testid="exit_app"]:hover svg {
    color: var(--secondaryColor) !important;
}

div[data-testid="explore-search-bar-main"]:hover input{
    border: 2px solid var(--primaryHighlightColor);
}

div[data-testid="common-screen-strips"] [data-testid^="live_strip_"]:hover > div:nth-child(2):not([data-testid="active"]), 
div[data-testid="common-screen-strips"] [data-testid^="discover_strip_"]:hover > div:nth-child(2):not([data-testid="active"]), 
div[data-testid="common-screen-strips"] [data-testid^="see_more_"]:hover,
div[data-testid^="magazine_item_"] [data-testid^="live_strip_"]:hover > div:nth-child(2):not([data-testid="active"]), 
div[data-testid^="magazine_item_"] [data-testid^="discover_strip_"]:hover > div:nth-child(2):not([data-testid="active"]) {
    border: 3px solid var(--lightGrey);
}

div[data-focusable]:focus div[data-testid^="content_strip_poster_container"],
div[data-focusable]:focus div[data-testid^="recent_search_clear_all"] > div:first-child,
div[data-testid^="recents_timeline_list_row_"] div[data-focusable]:focus div[data-testid^="timeline_recent_strip_tile_timeline_recent_strip_"] > div:first-child,
div[data-focusable]:focus div[data-testid="explore_browse_strip_vod"],
div[data-focusable]:focus div[data-testid="explore_browse_strip_replay"] {
	border: 3px solid var(--primaryHighlightColor);
    overflow: hidden;
}

div[data-testid*=epg_nav_button_]:hover {
	border: 2px solid var(--primaryHighlightColor);;
}