.e-floating-bars-var-2 {
	--e-floating-bars-announcement-bg-color: #ffffff;
	--e-floating-bars-headline-text-color: #1C2448;
	--e-floating-bars-headline-text-color-hover: #467FF7;
	--e-floating-bars-headline-icon-color: #467FF7;
	--e-floating-bars-pause-play-icon-color: #495157;
	--e-floating-bars-pause-play-bg-color: #F3F5F8;
	--e-floating-bars-close-button-bg-color: #1C2448;

	--e-floating-bars-headlines-gap: 16px;
	--e-floating-bars-headline-icon-size: 16px;
	--e-floating-bars-vertical-padding: 16px;
	--e-floating-bars-headline-icon-position: row;
	--e-floating-bars-controls-icon-size: 16px;
	--e-floating-bars-scroll-duration: 100s;
	--e-floating-bars-scroll-direction: forwards;
	--e-floating-bars-ticker-controls-order: 1;
	--e-floating-bars-headline-icon-gap: 10px;

	align-items: stretch;
	gap: 0;
	padding: 0;

	&.has-close-button {
		padding: 0;
	}

	.e-floating-bars {

		&__headlines {
			display: flex;
			flex-grow: 1;
			gap: var(--e-floating-bars-headlines-gap);
			max-width: 100vw;
			padding-block: var(--e-floating-bars-vertical-padding);
		}

		&__headlines-inner {
			display: flex;
			gap: var(--e-floating-bars-headlines-gap);
			flex-wrap: nowrap;
			width: max-content;
			z-index: $first-layer;
		}

		&__headlines[data-animated="true"] {
			overflow: hidden;

			.e-floating-bars__headlines-inner {
				animation: scroll var(--e-floating-bars-scroll-duration) var(--e-floating-bars-scroll-direction) linear infinite;

				[dir="rtl"] & {
					animation: scroll-reverse var(--e-floating-bars-scroll-duration) var(--e-floating-bars-scroll-direction) linear infinite;
				}
			}

			&.is-paused,
			&.has-pause-hover:hover {

				.e-floating-bars__headlines-inner {
					animation-play-state: paused;
				}
			}
		}
		
		&__headline,
		&__headline:not([href]):not([tabindex]) {
			align-items: center;
			color: var(--e-floating-bars-headline-text-color);
			display: flex;
			flex-direction: var(--e-floating-bars-headline-icon-position);
			gap: var(--e-floating-bars-headline-icon-gap);
			position: relative;
			width: max-content;
			z-index: $first-layer;

			&:hover,
			&:focus {
				color: var(--e-floating-bars-headline-text-color-hover);
			}
		}

		&__headline-icon {
			color: var(--e-floating-bars-headline-icon-color);
			display: flex;
			
			svg {
				fill: var(--e-floating-bars-headline-icon-color);
				height: var(--e-floating-bars-headline-icon-size);
				width: var(--e-floating-bars-headline-icon-size);
			}

			i {
				color: var(--e-floating-bars-headline-icon-color);
				font-size: var(--e-floating-bars-headline-icon-size);
			}
		}

		&__ticker-controls {
			align-items: stretch;
			display: flex;
		}

		&__pause-button,
		&__play-button {
			align-items: center;
			background-color: var(--e-floating-bars-pause-play-bg-color);
			border: 0;
			border-radius: 0;
			color: var(--e-floating-bars-pause-play-icon-color);
			display: flex;
			justify-content: center;
			padding: 16px;
			width: 100%;
			z-index: $first-layer;

			svg {
				fill: var(--e-floating-bars-pause-play-icon-color);
				height: var(--e-floating-bars-controls-icon-size);
				width: var(--e-floating-bars-controls-icon-size);
			}

			i {
				color: var(--e-floating-bars-pause-play-icon-color);
				font-size: var(--e-floating-bars-controls-icon-size);
			}

			&[aria-hidden="true"] {
				display: none;
			}
		}

		&__close-button,
		&__close-button[type="button"] {
			align-items: center;
			align-self: stretch !important; // to override the core variation
			background-color: var(--e-floating-bars-close-button-bg-color);
			border-radius: 0;
			inset-inline-end: unset !important; // to override the core variation
			inset-inline-start: unset !important; // to override the core variation
			order: var(--e-floating-bars-ticker-controls-order);
			padding-inline: 12px;
			position: relative;
			top: unset !important; // to override the core variation
			z-index: $first-layer;

			i {
				font-size: var(--e-floating-bars-controls-icon-size);
			}
		}

		&__play-pause-controls {
			align-items: stretch;
			display: flex;
			position: relative;
		}

		&__overlay {
			z-index: $ground-layer;
		}

		&__ticker-controls {
			order: var(--e-floating-bars-ticker-controls-order);
		}
	}
}

@keyframes scroll {
	to {
		transform: translate(-100%);
	}
}

@keyframes scroll-reverse {
	to {
		transform: translate(100%);
	}
}
