:root {
    --sr-navigation-background:							var(--sr-background, #eeeeee);
    --sr-navigation-text-color:							var(--sr-text-color, #333333);
    --sr-navigation-highlight:							var(--sr-highlight, #999999);
    --sr-navigation-highlight-text-color:				var(--sr-highlight-text-color, #ffffff);
    --sr-navigation-border-color:						var(--sr-border-color, #bbbbbb);
    --sr-navigation-inactive-opacity:					var(--sr-inactive-opacity, 0.3);
    --sr-navigation-background-lightness:				var(--sr-background-lightness, 0);
    --sr-navigation-background-saturation:				var(--sr-background-saturation, 1);
    --sr-navigation-selected-background-lightness:		var(--sr-selected-background-lightness, 0);
    --sr-navigation-selected-background-saturation:		var(--sr-selected-background-saturation, 1);
    --sr-navigation-hover-background-lightness:			var(--sr-hover-background-lightness, 0);
    --sr-navigation-hover-background-saturation:		var(--sr-hover-background-saturation, 1);
    --sr-navigation-font-family:						var(--sr-font-family, "Roboto", Arial, sans-serif);
    --sr-navigation-font-size:                      	15px;
    --sr-navigation-height: 							auto;
    --sr-navigation-height-mobile-suite: 				var(--sr-navigation-height);
    --sr-navigation-margin-bottom: 						10px;
    --sr-navigation-border-width: 						0;
    --sr-navigation-mobile-border-bottom-width:			3px;
    --sr-navigation-mobile-border-bottom-color:			var(--sr-navigation-background);
    --sr-navigation-item-background: 					var(--sr-navigation-background);
    --sr-navigation-item-text-color: 					var(--sr-navigation-text-color);
    --sr-navigation-item-border-bottom-width: 			0;
    --sr-navigation-item-border-bottom-color: 			var(--sr-navigation-background);
    --sr-navigation-item-border-left-width: 			0;
    --sr-navigation-item-border-left-color: 			var(--sr-navigation-border-color);
    --sr-navigation-item-border-right-width: 			0;
    --sr-navigation-item-border-right-color: 			var(--sr-navigation-border-color);
    --sr-navigation-countdown-color: 					var(--sr-navigation-highlight);
    --sr-navigation-countdown-font-size: 				10px;
    --sr-navigation-countdown-font-weight: 				bold;
    --sr-navigation-countdown-display: 					none;
    --sr-navigation-ambassador-display: 				flex;
    --sr-navigation-item-selected-background: 			var(--sr-navigation-highlight);
    --sr-navigation-item-selected-text-color: 			var(--sr-navigation-highlight-text-color);
    --sr-navigation-item-selected-border-bottom-color: 	var(--sr-navigation-highlight);
    --sr-navigation-item-selected-border-left-color: 	var(--sr-navigation-item-border-left-color);
    --sr-navigation-item-selected-border-right-color: 	var(--sr-navigation-item-border-right-color);
    --sr-navigation-selected-countdown-color: 			var(--sr-navigation-item-selected-text-color);
    --sr-navigation-item-hover-background: 				var(--sr-navigation-item-selected-background);
    --sr-navigation-item-hover-text-color: 				var(--sr-navigation-item-selected-text-color);
    --sr-navigation-item-hover-border-bottom-color: 	var(--sr-navigation-item-selected-background);
    --sr-navigation-item-hover-border-left-color:		var(--sr-navigation-item-selected-border-left-color);
    --sr-navigation-item-hover-border-right-color:		var(--sr-navigation-item-selected-border-right-color);
    --sr-navigation-hover-countdown-color: 				var(--sr-navigation-item-hover-text-color);
    --sr-navigation-maintenance-item-opacity: 			var(--sr-navigation-inactive-opacity);
    --sr-navigation-horizontal-height: 					45px;
    --sr-navigation-horizontal-font-family: 			var(--sr-navigation-font-family);
    --sr-navigation-horizontal-font-size: 				var(--sr-navigation-font-size);
    --sr-navigation-horizontal-background: 				var(--sr-navigation-background);
    --sr-navigation-horizontal-margin-bottom: 			0;
    --sr-navigation-horizontal-show-sportsname: 		140px;
    --sr-navigation-horizontal-show-ambassador-sportsname: 160px;
    --sr-navigation-horizontal-show-one-row: 			400px;
    --sr-navigation-horizontal-item-margin: 			0 0;
    --sr-navigation-horizontal-item-background: 		var(--sr-navigation-item-background);
    --sr-navigation-horizontal-item-text-color: 		var(--sr-navigation-item-text-color);
    --sr-navigation-horizontal-item-border-bottom-width: var(--sr-navigation-item-border-bottom-width);
    --sr-navigation-horizontal-item-border-bottom-color: var(--sr-navigation-item-border-bottom-color);
    --sr-navigation-horizontal-item-border-radius: 		0;
    --sr-navigation-horizontal-item-border-left-width: 	var(--sr-navigation-item-border-left-width);
    --sr-navigation-horizontal-item-border-left-color: 	var(--sr-navigation-item-border-left-color);
    --sr-navigation-horizontal-item-border-right-width: var(--sr-navigation-item-border-right-width);
    --sr-navigation-horizontal-item-border-right-color: var(--sr-navigation-item-border-right-color);
    --sr-navigation-horizontal-countdown-display: 		var(--sr-navigation-countdown-display);
    --sr-navigation-horizontal-countdown-color: 		var(--sr-navigation-countdown-color);
    --sr-navigation-horizontal-countdown-font-size: 	var(--sr-navigation-countdown-font-size);
    --sr-navigation-horizontal-countdown-font-weight: 	var(--sr-navigation-countdown-font-weight);
    --sr-navigation-horizontal-item-selected-background: 	var(--sr-navigation-item-selected-background);
    --sr-navigation-horizontal-item-selected-text-color: 	var(--sr-navigation-item-selected-text-color);
    --sr-navigation-horizontal-item-selected-border-bottom-color: var(--sr-navigation-item-selected-border-bottom-color);
    --sr-navigation-horizontal-item-selected-border-radius: var(--sr-navigation-horizontal-item-border-radius);
    --sr-navigation-horizontal-item-selected-border-left-color: var(--sr-navigation-item-selected-border-left-color);
    --sr-navigation-horizontal-item-selected-border-right-color: var(--sr-navigation-item-selected-border-right-color);
    --sr-navigation-horizontal-item-hover-background: 		var(--sr-navigation-item-hover-background);
    --sr-navigation-horizontal-item-hover-text-color: 		var(--sr-navigation-item-hover-text-color);
    --sr-navigation-horizontal-item-hover-border-bottom-color: var(--sr-navigation-item-hover-border-bottom-color);
    --sr-navigation-horizontal-item-hover-border-radius: 	var(--sr-navigation-item-hover-border-bottom-color);
    --sr-navigation-horizontal-item-hover-border-left-color: var(--sr-navigation-item-hover-border-left-color);
    --sr-navigation-horizontal-item-hover-border-right-color: var(--sr-navigation-item-hover-border-right-color);
    --sr-navigation-horizontal-hover-countdown-color: 		var(--sr-navigation-horizontal-item-hover-text-color);
    --sr-navigation-landingpage-font-family: 				var(--sr-navigation-font-family);
    --sr-navigation-landingpage-font-size: 					var(--sr-navigation-font-size);
    --sr-navigation-landingpage-background-image: 			url(../../_img/landing_page_background.png);
    --sr-navigation-landingpage-header-background-color: 	var(--sr-navigation-highlight);
    --sr-navigation-landingpage-header-text-color: 			var(--sr-navigation-highlight-text-color);
    --sr-navigation-landingpage-header-font-size: 			16px;
    --sr-navigation-landingpage-header-font-weight: 		700;
    --sr-navigation-landingpage-item-background: 			var(--sr-navigation-item-background);
    --sr-navigation-landingpage-item-text-color: 			var(--sr-navigation-item-text-color);
    --sr-navigation-landingpage-item-border-bottom-width: 	2px;
    --sr-navigation-landingpage-item-border-bottom-color: 	var(--sr-navigation-border-color);
    --sr-navigation-landingpage-button-arrow-color: 		var(--sr-navigation-highlight);
    --sr-navigation-swiper-font-family: 					var(--sr-navigation-font-family);
    --sr-navigation-swiper-font-size: 						var(--sr-navigation-font-size);
    --sr-navigation-swiper-item-background: 				var(--sr-navigation-item-background);
    --sr-navigation-swiper-item-text-color: 				var(--sr-navigation-item-text-color);
    --sr-navigation-swiper-item-border-bottom-width: 		var(--sr-navigation-item-border-bottom-width);
    --sr-navigation-swiper-item-border-bottom-color: 		var(--sr-navigation-item-border-bottom-color);
    --sr-navigation-swiper-item-border-left-width: 			var(--sr-navigation-item-border-left-width);
    --sr-navigation-swiper-item-border-left-color: 			var(--sr-navigation-item-border-left-color);
    --sr-navigation-swiper-item-border-right-width: 		var(--sr-navigation-item-border-right-width);
    --sr-navigation-swiper-item-border-right-color: 		var(--sr-navigation-item-border-right-color);
    --sr-navigation-swiper-ambassador-color: 				var(--sr-navigation-swiper-item-text-color);
    --sr-navigation-swiper-item-selected-background: 		var(--sr-navigation-item-selected-background);
    --sr-navigation-swiper-item-selected-text-color: 		var(--sr-navigation-item-selected-text-color);
    --sr-navigation-swiper-item-selected-border-bottom-color: var(--sr-navigation-item-selected-border-bottom-color);
    --sr-navigation-swiper-item-selected-border-left-color: var(--sr-navigation-swiper-item-border-left-color);
    --sr-navigation-swiper-item-selected-border-right-color: var(--sr-navigation-swiper-item-border-right-color);
    --sr-navigation-swiper-selected-ambassador-color: 		var(--sr-navigation-swiper-item-selected-text-color);
    --sr-navigation-swiper-item-hover-background: 			var(--sr-navigation-item-hover-background);
    --sr-navigation-swiper-item-hover-text-color: 			var(--sr-navigation-item-hover-text-color);
    --sr-navigation-swiper-item-hover-border-bottom-color: 	var(--sr-navigation-item-hover-border-bottom-color);
    --sr-navigation-swiper-item-hover-border-left-color: 	var(--sr-navigation-swiper-item-border-left-color);
    --sr-navigation-swiper-item-hover-border-right-color: 	var(--sr-navigation-swiper-item-border-right-color);
    --sr-navigation-swiper-hover-ambassador-color: 			var(--sr-navigation-swiper-item-hover-text-color);
    --sr-navigation-swiper-scroll-indicator-background: 	var(--sr-navigation-item-background);
    --sr-navigation-swiper-arrow-color: 					var(--sr-navigation-highlight);
    --sr-navigation-swiper-arrow-background: 				var(--sr-navigation-swiper-scroll-indicator-background);
    --sr-navigation-swiper-arrow-hover-color: 				var(--sr-navigation-highlight-text-color);
    --sr-navigation-swiper-arrow-hover-background: 			var(--sr-navigation-highlight);
    --sr-navigation-swiper-arrow-inactive-color: 			var(--sr-navigation-swiper-arrow-color);
    --sr-navigation-swiper-arrow-inactive-opacity: 			var(--sr-navigation-inactive-opacity);
    --sr-navigation-swiper-arrow-inactive-background: 		var(--sr-navigation-swiper-scroll-indicator-background);
    --sr-navigation-swiper-countdown-display: 				var(--sr-navigation-countdown-display);
    --sr-navigation-swiper-ambassador-display: 				var(--sr-navigation-ambassador-display);
    --sr-navigation-vertical-font-family: 					var(--sr-navigation-font-family);
    --sr-navigation-vertical-font-size: 					var(--sr-navigation-font-size);
    --sr-navigation-vertical-item-background: 				var(--sr-navigation-item-background);
    --sr-navigation-vertical-item-text-color: 				var(--sr-navigation-item-text-color);
    --sr-navigation-vertical-item-border-bottom-width: 		1px;
    --sr-navigation-vertical-item-border-bottom-color: 		var(--sr-navigation-border-color);
    --sr-navigation-vertical-item-height: 					38px;
    --sr-navigation-vertical-item-selected-background: 		var(--sr-navigation-item-selected-background);
    --sr-navigation-vertical-item-selected-text-color: 		var(--sr-navigation-item-selected-text-color);
    --sr-navigation-vertical-item-selected-border-bottom-color: var(--sr-navigation-item-selected-border-bottom-color);
    --sr-navigation-vertical-item-hover-background: 		var(--sr-navigation-item-hover-background);
    --sr-navigation-vertical-item-hover-text-color: 		var(--sr-navigation-item-hover-text-color);
    --sr-navigation-vertical-item-hover-border-bottom-color: var(--sr-navigation-item-hover-border-bottom-color);
}

@font-face {
    font-family: 'SRVG';
    src: url("../../../fonts/srvg_font/srvg.eot?wasplr");
    src: url("../../../fonts/srvg_font/srvg.eot?wasplr#iefix") format("embedded-opentype"), url("../../../fonts/srvg_font/srvg.ttf?wasplr") format("truetype"), url("../../../fonts/srvg_font/srvg.woff?wasplr") format("woff"), url("../../../fonts/srvg_font/srvg.svg?wasplr#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.sr-icon-vfl::before {
    font-family: 'SRVG';
    content: "\e003";
}

.sr-icon-vflm::before {
    font-family: 'SRVG';
    content: '\e008';
}

.sr-icon-vfel::before,
.sr-icon-vfgl::before,
.sr-icon-vfil::before,
.sr-icon-vfsl::before,
.sr-icon-vffl::before {
    font-family: 'SRVG';
    content: '\e008';
}

.sr-icon-vfcc::before {
    font-family: 'SRVG';
    content: '\e009';
}

.sr-icon-vfwc::before {
    font-family: 'SRVG';
    content: '\e006';
}

.sr-icon-vfnc::before {
    font-family: 'SRVG';
    content: '\e006';
}

.sr-icon-vfec::before {
    font-family: 'SRVG';
    content: '\e006';
}

.sr-icon-vfas::before {
    font-family: 'SRVG';
    content: '\e006';
}

.sr-icon-vbl::before {
    font-family: 'SRVG';
    content: '\e002';
}

.sr-icon-vto::before {
    font-family: 'SRVG';
    content: '\e001';
}

.sr-icon-vdr::before {
    font-family: 'SRVG';
    content: '\e005';
}

.sr-icon-vhc::before {
    font-family: 'SRVG';
    content: '\e004';
}

.sr-icon-vti::before {
    font-family: 'SRVG';
    content: '\e90e';
}

.sr-icon-vci::before {
    font-family: 'SRVG';
    content: '\e90d';
}

.sr-icon-vdk::before {
    font-family: 'SRVG';
    content: "\e936";
}

.sr-icon-vhk::before {
    font-family: 'SRVG';
    content: "\e935";
}

.sr-icon-info::before {
    font-family: 'SRVG';
    content: '\e923';
}

.sr-icon-arrow-right::before {
    font-family: 'SRVG';
    content: '\e704';
}

.sr-icon-arrow-left::before {
    font-family: 'SRVG';
    content: '\e705';
}

h1 {
    margin: 0;
}

.sr-mobile-suite-on #navigation_component_container {
    position: fixed;
    width: 100%;
    border-bottom: var(--sr-navigation-mobile-border-bottom-width) solid var(--sr-navigation-mobile-border-bottom-color);
}

#navigation_component_container {
    border: var(--sr-navigation-border-width) solid var(--sr-navigation-border-color);
    height: var(--sr-navigation-height);
    display: flex;
   /* overflow: hidden;*/
    z-index: 201;
    overflow-x: scroll;
}

#navigation_component_container.sr-navigation-bar-hidden {
    display: none;
}

#navigation_component_container.sr-app-mobile-suite {
    height: var(--sr-navigation-height-mobile-suite);
}

#navigation_component_container.sr-app-gaming-platform {
   /* margin-bottom: var(--sr-navigation-margin-bottom);*/
}

.sr-navigation-bar-alignment-side {
    float: left;
}

.sr-navigation-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    z-index: 200;
}

.sr-navigation-bar * {
    display: flex;
    box-sizing: border-box;
    user-select: none;
}

.sr-navigation-bar-header {
    display: none;
}

.sr-navigation-bar-item {
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

.sr-navigation-bar-item-wrapper {
    justify-content: center;
    align-items: center;
}

.sr-navigation-bar-sport-name-countdown-wrapper {
    width: 100%;
    flex-flow: column;
    justify-content: center;
    min-width: 0;
}

.sr-navigation-bar-sport-abbreviation {
    display: none;
}

.sr-navigation-bar-sport-name {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.2em;
}

.sr-navigation-bar-countdown {
    justify-content: center;
}

.sr-navigation-bar-button-arrow {
    display: none;
}

.sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-item-wrapper {
    opacity: var(--sr-navigation-maintenance-item-opacity);
}

.sr-navigation-bar-maintenance-label {
    display: none;
    justify-content: center;
}

.sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-maintenance-label {
    display: flex;
}

.sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-countdown {
    display: none;
}

.sr-navigation-bar .sr-navigation-scroll-indicator {
    display: none;
}

.sr-third-party-iframe {
    width: 100%;
    height: 100vh;
}

.sr-navigation-bar .sr-navigation-bar-vfb .sr-navigation-bar-ambassador {
    width: 125px;
    height: 17px;
    margin-right: 0;
    background-image: url("../../_img/bundesliga-logo-matrix.svg");
    background-size: 250px 34px;
    background-position: calc(var(--sr-navigation-background-saturation) * -125px) calc(var(--sr-navigation-background-lightness) * -17px);
}

.sr-navigation-bar .sr-navigation-bar-vfb:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-hover-background-saturation) * -125px) calc(var(--sr-navigation-hover-background-lightness) * -17px);
}

.sr-navigation-bar .sr-navigation-bar-vfb.sr-navigation-bar-selected .sr-navigation-bar-ambassador, .sr-navigation-bar .sr-navigation-bar-vfb.sr-navigation-bar-selected.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-selected-background-saturation) * -125px) calc(var(--sr-navigation-selected-background-lightness) * -17px);
}

.sr-navigation-bar .sr-navigation-bar-vfb .sr-navigation-bar-sport-name-countdown-wrapper {
    width: auto;
}

.sr-navigation-bar .sr-navigation-bar-vfb .sr-navigation-bar-sport-name {
    display: none !important;
}

.sr-navigation-bar .sr-navigation-bar-vfb.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-background-saturation) * -125px) calc(var(--sr-navigation-background-lightness) * -17px);
}

.sr-navigation-bar .sr-navigation-bar-vbi .sr-navigation-bar-ambassador {
    width: 70px;
    height: 15px;
    margin-right: 0;
    background-image: url("../../_img/mlb-logo-matrix.svg");
    background-size: 140px 30px;
    background-position: calc(var(--sr-navigation-background-saturation) * -70px) calc(var(--sr-navigation-background-lightness) * -15px);
}

.sr-navigation-bar .sr-navigation-bar-vbi:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-hover-background-saturation) * -70px) calc(var(--sr-navigation-hover-background-lightness) * -15px);
}

.sr-navigation-bar .sr-navigation-bar-vbi.sr-navigation-bar-selected .sr-navigation-bar-ambassador, .sr-navigation-bar .sr-navigation-bar-vbi.sr-navigation-bar-selected.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-selected-background-saturation) * -70px) calc(var(--sr-navigation-selected-background-lightness) * -15px);
}

.sr-navigation-bar .sr-navigation-bar-vbi .sr-navigation-bar-sport-name-countdown-wrapper {
    width: auto;
}

.sr-navigation-bar .sr-navigation-bar-vbi .sr-navigation-bar-sport-name {
    display: none !important;
}

.sr-navigation-bar .sr-navigation-bar-vbi.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-background-saturation) * -70px) calc(var(--sr-navigation-background-lightness) * -15px);
}

.sr-navigation-bar-horizontal {
    justify-content: space-between;
    height: var(--sr-navigation-horizontal-height);
    font-family: var(--sr-navigation-horizontal-font-family);
    font-size: var(--sr-navigation-horizontal-font-size);
    background: var(--sr-navigation-horizontal-background);
    border-bottom: var(--sr-navigation-horizontal-margin-bottom) solid var(--sr-navigation-horizontal-background);
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item {
    margin: var(--sr-navigation-horizontal-item-margin);
    background: var(--sr-navigation-horizontal-item-background);
    color: var(--sr-navigation-horizontal-item-text-color);
    border-bottom: var(--sr-navigation-horizontal-item-border-bottom-width) solid var(--sr-navigation-horizontal-item-border-bottom-color);
    border-radius: var(--sr-navigation-horizontal-item-border-radius);
    border-left: var(--sr-navigation-horizontal-item-border-left-width) solid var(--sr-navigation-horizontal-item-border-left-color);
    border-right: var(--sr-navigation-horizontal-item-border-right-width) solid var(--sr-navigation-horizontal-item-border-right-color);
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item:hover {
    background: var(--sr-navigation-horizontal-item-hover-background);
    color: var(--sr-navigation-horizontal-item-hover-text-color);
    border-color: var(--sr-navigation-horizontal-item-hover-border-bottom-color);
    border-radius: var(--sr-navigation-horizontal-item-hover-border-radius);
    border-left-color: var(--sr-navigation-horizontal-item-hover-border-left-color);
    border-right-color: var(--sr-navigation-horizontal-item-hover-border-right-color);
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item:hover .sr-navigation-bar-countdown {
    color: var(--sr-navigation-horizontal-hover-countdown-color);
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item.sr-navigation-bar-selected {
    background: var(--sr-navigation-horizontal-item-selected-background);
    color: var(--sr-navigation-horizontal-item-selected-text-color);
    border-color: var(--sr-navigation-horizontal-item-selected-border-bottom-color);
    border-radius: var(--sr-navigation-horizontal-item-selected-border-radius);
    border-left-color: var(--sr-navigation-horizontal-item-selected-border-left-color);
    border-right-color: var(--sr-navigation-horizontal-item-selected-border-right-color);
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item.sr-navigation-bar-selected .sr-navigation-bar-countdown {
    visibility: hidden;
    display: none;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item.sr-navigation-bar-selected.sr-rbp-400 .sr-navigation-bar-countdown {
    display: flex;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item-wrapper {
    flex-flow: column;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-countdown {
    color: var(--sr-navigation-horizontal-countdown-color);
    font-size: var(--sr-navigation-horizontal-countdown-font-size);
    font-weight: var(--sr-navigation-horizontal-countdown-font-weight);
}

.sr-navigation-bar-horizontal .sr-navigation-bar-maintenance.sr-navigation-bar-item:hover {
    background: var(--sr-navigation-horizontal-item-background);
    color: var(--sr-navigation-horizontal-item-text-color);
    border-bottom: var(--sr-navigation-horizontal-item-border-bottom-width) solid var(--sr-navigation-horizontal-item-border-bottom-color);
    border-left-color: var(--sr-navigation-horizontal-item-border-left-color);
    border-right-color: var(--sr-navigation-horizontal-item-border-right-color);
}

.sr-navigation-bar-horizontal .sr-rbp-400.sr-navigation-bar-item .sr-navigation-bar-sport-name-countdown-wrapper,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-in-one-row.sr-navigation-bar-item .sr-navigation-bar-sport-name-countdown-wrapper {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    font-size: 20px;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-ambassador {
    justify-content: center;
    font-size: 22px;
    width: 2em;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-sport-abbreviation {
    justify-content: center;
}

.sr-navigation-bar-horizontal .sr-rbp-160 .sr-navigation-bar-item-wrapper,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-ambassador-sportsname .sr-navigation-bar-item-wrapper,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-in-one-row .sr-navigation-bar-item-wrapper {
    flex-flow: row;
    align-items: center;
}

.sr-navigation-bar-horizontal .sr-rbp-400 .sr-navigation-bar-item-wrapper,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-in-one-row .sr-navigation-bar-item-wrapper {
    width: 100%;
}

.sr-navigation-bar-horizontal .sr-rbp-140 .sr-navigation-bar-ambassador,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-sportsname .sr-navigation-bar-ambassador {
    display: none;
}

.sr-navigation-bar-horizontal .sr-rbp-160 .sr-navigation-bar-ambassador,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-ambassador-sportsname .sr-navigation-bar-ambassador {
    display: flex;
    font-size: 25px;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-sport-name {
    display: none;
}

.sr-navigation-bar-horizontal .sr-rbp-140 .sr-navigation-bar-sport-name,
.sr-navigation-bar-horizontal .sr-rbp-160 .sr-navigation-bar-sport-name,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-sportsname .sr-navigation-bar-sport-name,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-ambassador-sportsname .sr-navigation-bar-sport-name,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-in-one-row .sr-navigation-bar-sport-name {
    display: block;
    justify-content: center;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-countdown {
    display: var(--sr-navigation-horizontal-countdown-display);
    justify-content: center;
}

.sr-navigation-bar-horizontal .sr-rbp-400 .sr-navigation-bar-countdown,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-in-one-row .sr-navigation-bar-countdown {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    font-size: 17px;
}

.sr-navigation-bar-horizontal .sr-rbp-400.sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-maintenance-label,
.sr-navigation-bar-horizontal .sr-navigation-bar-horizontal-show-in-one-row.sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-maintenance-label {
    font-size: 20px;
}

.sr-navigation-bar-horizontal .sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-maintenance-label {
    display: var(--sr-navigation-horizontal-countdown-display);
}

.sr-navigation-bar-maintenance-label
.sr-navigation-bar-horizontal.sr-app-mobile-suite {
    position: fixed;
    z-index: 300;
}

.sr-navigation-bar-landingpage {
    flex-flow: column;
    height: 100%;
    justify-content: start;
    min-height: 90vh;
    font-family: var(--sr-navigation-landingpage-font-family);
    font-size: var(--sr-navigation-landingpage-font-size);
    background-image: var(--sr-navigation-landingpage-background-image);
    background-size: contain;
    background-position-y: bottom;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: var(--sr-navigation-landingpage-header-background-color);
    color: var(--sr-navigation-landingpage-header-text-color);
    font-size: var(--sr-navigation-landingpage-header-font-size);
    font-weight: var(--sr-navigation-landingpage-header-font-weight);
}

.sr-navigation-bar-landingpage .sr-navigation-bar-item {
    background: var(--sr-navigation-landingpage-item-background);
    color: var(--sr-navigation-landingpage-item-text-color);
    border-bottom: var(--sr-navigation-landingpage-item-border-bottom-width) solid var(--sr-navigation-landingpage-item-border-bottom-color);
    opacity: 0.8;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-item-wrapper {
    justify-content: space-between;
    flex-flow: row;
    width: 100%;
    height: 60px;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-ambassador {
    align-items: center;
    justify-content: center;
    font-size: 37px;
    width: 24%;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-countdown {
    display: none;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-sport-name-countdown-wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-button-arrow {
    display: flex;
    margin: 0 4%;
    color: var(--sr-navigation-landingpage-button-arrow-color);
}

.sr-navigation-bar-landingpage .sr-navigation-scroll-indicator {
    height: 200px;
    display: block;
    position: fixed;
    pointer-events: none;
    z-index: 10000;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 80%, #FFFFFF 100%);
    transition: opacity 1s;
    opacity: 1.0;
    bottom: 0;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-maintenance-label {
    display: none;
}

.sr-navigation-bar-landingpage .sr-navigation-bar-vfb .sr-navigation-bar-ambassador {
    width: 176px;
    height: 24px;
    margin-left: 2px;
    background-size: 352px 48px;
    background-position: calc(var(--sr-navigation-background-saturation) * -176px) calc(var(--sr-navigation-background-lightness) * -24px);
}

.sr-navigation-bar-landingpage .sr-navigation-bar-vfb.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-background-saturation) * -176px) calc(var(--sr-navigation-background-lightness) * -24px);
}

.sr-navigation-bar-landingpage .sr-navigation-bar-vbi .sr-navigation-bar-ambassador {
    width: 83px;
    height: 18px;
    margin-left: 5px;
    background-size: 166px 36px;
    background-position: calc(var(--sr-navigation-background-saturation) * -83px) calc(var(--sr-navigation-background-lightness) * -18px);
}

.sr-navigation-bar-landingpage .sr-navigation-bar-vbi.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    background-position: calc(var(--sr-navigation-background-saturation) * -83px) calc(var(--sr-navigation-background-lightness) * -18px);
}

.sr-navigation-bar-swiper {
    transition: transform 330ms ease-in-out;
    font-family: var(--sr-navigation-swiper-font-family);
    font-size: var(--sr-navigation-swiper-font-size);
    width: calc(100% - 64px);
}

.sr-navigation-bar-swiper.sr-navigation-bar-dragging {
    transition: none;
}

.sr-navigation-bar-swiper::-webkit-scrollbar {
    display: none;
}

.sr-navigation-bar-swiper.sr-navigation-bar {
    height: 100%;
}

.sr-navigation-bar-swiper .sr-navigation-bar-item {
    padding: 0.5em 1em;
    background: #373737;
    color: #ffffff;
    border-bottom: var(--sr-navigation-swiper-item-border-bottom-width) solid #373737;
    border-left: var(--sr-navigation-swiper-item-border-left-width) solid #373737;
    border-right: var(--sr-navigation-swiper-item-border-right-width) solid #373737;
    justify-content: center;
}

.sr-navigation-bar-swiper .sr-navigation-bar-item:hover {
    background: var(--sr-navigation-swiper-item-hover-background);
    color: var(--sr-navigation-swiper-item-hover-text-color);
    border-bottom-color: var(--sr-navigation-swiper-item-hover-border-bottom-color);
    border-left-color: var(--sr-navigation-swiper-item-hover-border-left-color);
    border-right-color: var(--sr-navigation-swiper-item-hover-border-right-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-item:hover .sr-navigation-bar-ambassador {
    color: var(--sr-navigation-swiper-hover-ambassador-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-item.sr-navigation-bar-maintenance:hover {
    background: var(--sr-navigation-swiper-item-hover-background);
    color: var(--sr-navigation-swiper-item-hover-text-color);
    border-bottom-color: var(--sr-navigation-swiper-item-hover-border-bottom-color);
    border-left-color: var(--sr-navigation-swiper-item-hover-border-left-color);
    border-right-color: var(--sr-navigation-swiper-item-hover-border-right-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-item.sr-navigation-bar-maintenance:hover .sr-navigation-bar-ambassador {
    color: var(--sr-navigation-swiper-hover-ambassador-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-item.sr-navigation-bar-selected, .sr-navigation-bar-swiper .sr-navigation-bar-item.sr-navigation-bar-selected.sr-navigation-bar-maintenance {
    background: var(--sr-navigation-swiper-item-selected-background);
    color: #000000;
    border-color: var(--sr-navigation-swiper-item-selected-border-bottom-color);
    border-left-color: var(--sr-navigation-swiper-item-selected-border-left-color);
    border-right-color: var(--sr-navigation-swiper-item-selected-border-left-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-item.sr-navigation-bar-selected .sr-navigation-bar-ambassador, .sr-navigation-bar-swiper .sr-navigation-bar-item.sr-navigation-bar-selected.sr-navigation-bar-maintenance .sr-navigation-bar-ambassador {
    color: var(--sr-navigation-swiper-selected-ambassador-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-item-wrapper {
    flex-flow: row;
}

.sr-navigation-bar-swiper .sr-navigation-bar-ambassador {
    font-size: 1.5em;
    margin-right: 5px;
    justify-content: center;
    display: var(--sr-navigation-swiper-ambassador-display);
    color: var(--sr-navigation-swiper-ambassador-color);
}

.sr-navigation-bar-swiper .sr-navigation-bar-sport-name-countdown-wrapper {
    min-width: unset;
}

.sr-navigation-bar-swiper .sr-navigation-bar-sport-name {
    display: flex;
}

.sr-navigation-bar-swiper .sr-navigation-bar-countdown {
    display: none;
}

.sr-navigation-bar-swiper .sr-navigation-bar-maintenance-label {
    display: none !important;
}

.sr-navigation-scroll-indicator.sr-navigation-bar-scroll-left, .sr-navigation-scroll-indicator.sr-navigation-bar-scroll-right {
    display: flex;
    z-index: 201;
    background: var(--sr-navigation-swiper-scroll-indicator-background);
    width: 32px;
    justify-content: flex-start;
    align-items: center;
    min-height: 37px;
}

.sr-navigation-scroll-indicator.sr-navigation-bar-scroll-right {
    order: 3;
    justify-content: flex-end;
}

.sr-navigation-scroll-indicator .sr-icon-arrow-left,
.sr-navigation-scroll-indicator .sr-icon-arrow-right {
    display: flex;
    height: 100%;
    width: 30px;
    color: var(--sr-navigation-swiper-arrow-color);
    background: var(--sr-navigation-swiper-arrow-background);
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
}

.sr-navigation-scroll-indicator .sr-icon-arrow-left:hover,
.sr-navigation-scroll-indicator .sr-icon-arrow-right:hover {
    color: var(--sr-navigation-swiper-arrow-hover-color);
    background: var(--sr-navigation-swiper-arrow-hover-background);
}

.sr-navigation-scroll-indicator.sr-navigation-bar-scroll-inactive .sr-icon-arrow-left,
.sr-navigation-scroll-indicator.sr-navigation-bar-scroll-inactive .sr-icon-arrow-right {
    color: var(--sr-navigation-swiper-arrow-inactive-color);
    background: var(--sr-navigation-swiper-arrow-inactive-background);
    cursor: default;
    opacity: var(--sr-navigation-swiper-arrow-inactive-opacity);
}

.sr-navigation-bar-vertical {
    flex-flow: column;
    height: auto;
    font-family: var(--sr-navigation-vertical-font-family);
    font-size: var(--sr-navigation-vertical-font-size);
}

.sr-navigation-bar-vertical .sr-navigation-bar-item {
    background: var(--sr-navigation-vertical-item-background);
    color: var(--sr-navigation-vertical-item-text-color);
    border-bottom: var(--sr-navigation-vertical-item-border-bottom-width) solid var(--sr-navigation-vertical-item-border-bottom-color);
    height: var(--sr-navigation-vertical-item-height);
}

.sr-navigation-bar-vertical .sr-navigation-bar-item:last-of-type {
    border-bottom: none;
}

.sr-navigation-bar-vertical .sr-navigation-bar-item:hover {
    background: var(--sr-navigation-vertical-item-hover-background);
    color: var(--sr-navigation-vertical-item-hover-text-color);
    border-color: var(--sr-navigation-vertical-item-hover-border-bottom-color);
}

.sr-navigation-bar-vertical .sr-navigation-bar-item.sr-navigation-bar-selected {
    background: var(--sr-navigation-vertical-item-selected-background);
    color: var(--sr-navigation-vertical-item-selected-text-color);
    border-color: var(--sr-navigation-vertical-item-selected-border-bottom-color);
}

.sr-navigation-bar-vertical .sr-navigation-bar-item-wrapper {
    flex-flow: row;
    width: 100%;
}

.sr-navigation-bar-vertical .sr-navigation-bar-ambassador {
    align-items: center;
    font-size: 25px;
    margin: 5px 2%;
    width: 1.5em;
    justify-content: center;
}

.sr-navigation-bar-vertical .sr-navigation-bar-countdown {
    display: none;
}

.sr-navigation-bar-vertical .sr-navigation-bar-sport-name-countdown-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.sr-navigation-bar-vertical .sr-navigation-bar-maintenance.sr-navigation-bar-item:hover {
    background: var(--sr-navigation-vertical-item-background);
    color: var(--sr-navigation-vertical-item-text-color);
    border-color: var(--sr-navigation-vertical-item-border-bottom-color);
}

.sr-navigation-bar-vertical .sr-navigation-bar-item.sr-navigation-bar-maintenance .sr-navigation-bar-maintenance-label {
    display: none;
}

.sr-navigation-bar-vertical .sr-navigation-bar-vfb .sr-navigation-bar-item-wrapper,
.sr-navigation-bar-vertical .sr-navigation-bar-vbi .sr-navigation-bar-item-wrapper {
    justify-content: left;
}
