@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);
}

.e-floating-bars__cta-icon {
	color: var(--e-floating-bars-cta-button-text-color);
	display: inline-flex;
	transition: all .3s;
}

.e-floating-bars__cta-button-container {
	order: 3;
}

@media (max-width:767px) {
	.e-floating-bars__cta-button-container {
		display: flex;
		grid-column: span 2/span 2;
		grid-row-start: 2;
	}
}

.e-floating-bars .e-floating-bars__cta-button, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]) {
	align-items: center;
	color: var(--e-floating-bars-cta-button-text-color);
	display: inline-flex;
	font-size: 16px;
	font-weight: 700;
	gap: var(--e-floating-bars-cta-button-icon-gap);
	position: relative;
	transition: all .3s;
	white-space: nowrap;
}

.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.has-entrance-animation, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-entrance-animation {
	opacity: 0;
}

.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:focus, .e-floating-bars .e-floating-bars__cta-button:focus .e-floating-bars__cta-icon, .e-floating-bars .e-floating-bars__cta-button:hover, .e-floating-bars .e-floating-bars__cta-button:hover .e-floating-bars__cta-icon, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):focus, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):focus .e-floating-bars__cta-icon, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):hover, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):hover .e-floating-bars__cta-icon {
	color: var(--e-floating-bars-cta-button-text-color-hover);
	transition: all .3s;
}

.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 .e-floating-bars__cta-button.is-type-link, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-link {
	text-decoration: none;
}

.e-floating-bars .e-floating-bars__cta-button.is-type-link .e-floating-bars__cta-text, .e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-link .e-floating-bars__cta-text {
	text-decoration: underline;
}

.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);
}