@media (max-width:767px) {}

.e-floating-bars.has-vertical-position-bottom {
	inset-block-end: 0;
}

.e-floating-bars.is-hidden {
	display: none;
}

.e-floating-bars.has-close-button {
	padding-inline-end: calc(var(--e-floating-bars-elements-padding-inline-end) + 20px);
	padding-inline-start: calc(var(--e-floating-bars-elements-padding-inline-start) + 20px);
}

.e-floating-bars .has-corners-rounded {
	--e-floating-bars-corners: 20px;
}

.e-floating-bars .has-corners-round {
	--e-floating-bars-corners: 50px;
}

.e-floating-bars .has-corners-sharp {
	--e-floating-bars-corners: 0;
}

.e-floating-bars__announcement-text {
	align-items: center;
	color: var(--e-floating-bars-announcement-text-color);
	display: flex;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	margin: 0;
}

.e-floating-bars__announcement-icon {
	align-items: center;
	color: var(--e-floating-bars-announcement-icon-color);
	display: flex;
	height: 100%;
}

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

@media (max-width:767px) {}

.e-floating-bars .e-floating-bars__cta-button.animated, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).animated {
	animation-delay: var(--e-floating-bars-cta-button-animation-delay);
	animation-duration: var(--e-floating-bars-cta-button-animation-duration);
	animation-iteration-count: 1;
}

.e-floating-bars .e-floating-bars__cta-button.visible, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).visible {
	opacity: 1;
}

.e-floating-bars .e-floating-bars__cta-button.has-border, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-border {
	border-color: var(--e-floating-bars-cta-button-border-color);
	border-style: solid;
	border-width: var(--e-floating-bars-cta-button-border-width);
}

.e-floating-bars .e-floating-bars__cta-button.has-border:focus, .e-floating-bars .e-floating-bars__cta-button.has-border:hover, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-border:focus, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-border:hover {
	border-color: var(--e-floating-bars-cta-button-border-color-hover);
}

.e-floating-bars .e-floating-bars__cta-button.is-type-button, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-button {
	background-color: var(--e-floating-bars-cta-button-bg-color);
	border-radius: var(--e-floating-bars-corners);
	padding-block-end: var(--e-floating-bars-cta-button-padding-block-end);
	padding-block-start: var(--e-floating-bars-cta-button-padding-block-start);
	padding-inline-end: var(--e-floating-bars-cta-button-padding-inline-end);
	padding-inline-start: var(--e-floating-bars-cta-button-padding-inline-start);
}

.e-floating-bars .e-floating-bars__cta-button.is-type-button:focus, .e-floating-bars .e-floating-bars__cta-button.is-type-button:hover, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-button:focus, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-button:hover {
	background-color: var(--e-floating-bars-cta-button-bg-color-hover);
}

.e-floating-bars__close-button, .e-floating-bars__close-button[type=button] {
	align-items: center;
	display: flex;
	position: absolute;
}

.e-floating-bars__close-button i, .e-floating-bars__close-button[type=button] i {
	font-size: var(--e-floating-bars-close-icon-size);
}

@media (max-width:767px) {
	.e-floating-bars__close-button, .e-floating-bars__close-button[type=button] {
		top: 10px;
	}
}

.e-floating-bars__close-button, .e-floating-bars__close-button:focus, .e-floating-bars__close-button:hover, .e-floating-bars__close-button[type=button], .e-floating-bars__close-button[type=button]:focus, .e-floating-bars__close-button[type=button]:hover {
	background-color: transparent;
	border: 0;
	color: var(--e-floating-bars-close-button-color);
	padding: 0;
}

.e-floating-bars__close-button i, .e-floating-bars__close-button:focus i, .e-floating-bars__close-button:hover i, .e-floating-bars__close-button[type=button] i, .e-floating-bars__close-button[type=button]:focus i, .e-floating-bars__close-button[type=button]:hover i {
	color: var(--e-floating-bars-close-button-color);
}