.hb-announcement-slider {
	--hb-as-color: inherit;
	--hb-as-background: transparent;
	--hb-as-icon-color: currentColor;
	--hb-as-arrow-color: currentColor;
	--hb-as-arrow-background: transparent;
	--hb-as-arrow-hover-background: currentColor;
	--hb-as-arrow-hover-opacity: .1;
	--hb-as-border-color: transparent;
	--hb-as-border-width: 0px;
	--hb-as-border-radius: 0px;
	--hb-as-shadow: 0 0 0 0 transparent;
	--hb-as-duration: 620ms;
	--hb-as-max-width: 760px;
	--hb-as-min-height: 56px;
	--hb-as-font-size: 14px;
	--hb-as-font-weight: 600;
	--hb-as-line-height: 1.25;
	--hb-as-letter-spacing: 0px;
	--hb-as-font-family: inherit;
	--hb-as-text-transform: none;
	--hb-as-text-align: center;
	--hb-as-content-justify: center;
	--hb-as-white-space: nowrap;
	--hb-as-text-overflow: ellipsis;
	--hb-as-padding-vertical: 8px;
	--hb-as-padding-horizontal: 10px;
	--hb-as-content-gap: 9px;
	--hb-as-icon-size: 17px;
	--hb-as-arrow-size: 17px;
	--hb-as-arrow-column-width: 42px;
	--hb-as-link-hover-opacity: .82;
	--hb-as-link-hover-decoration: underline;
	position: relative;
	display: grid;
	grid-template-columns: var(--hb-as-arrow-column-width) minmax(0, 1fr) var(--hb-as-arrow-column-width);
	align-items: stretch;
	width: min(100%, var(--hb-as-max-width));
	min-height: var(--hb-as-min-height);
	margin-inline: auto;
	border: var(--hb-as-border-width) solid var(--hb-as-border-color);
	border-radius: var(--hb-as-border-radius);
	background: var(--hb-as-background);
	box-shadow: var(--hb-as-shadow);
	color: var(--hb-as-color);
	font-family: var(--hb-as-font-family);
	font-size: var(--hb-as-font-size);
	font-weight: var(--hb-as-font-weight);
	line-height: var(--hb-as-line-height);
	letter-spacing: var(--hb-as-letter-spacing);
	text-transform: var(--hb-as-text-transform);
	isolation: isolate;
	overflow: hidden;
}

.hb-announcement-slider--no-arrows {
	grid-template-columns: minmax(0, 1fr);
}

.hb-announcement-slider *,
.hb-announcement-slider *::before,
.hb-announcement-slider *::after {
	box-sizing: border-box;
}

.hb-announcement-slider__viewport {
	position: relative;
	min-width: 0;
	overflow: hidden;
}

.hb-announcement-slider__track {
	display: grid;
	align-items: stretch;
	min-height: 100%;
}

.hb-announcement-slider__slide {
	--hb-as-slide-color: inherit;
	--hb-as-slide-icon-color: var(--hb-as-icon-color);
	--hb-as-slide-background: transparent;
	grid-area: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: var(--hb-as-content-justify);
	min-width: 0;
	padding: var(--hb-as-padding-vertical) var(--hb-as-padding-horizontal);
	background: var(--hb-as-slide-background);
	color: var(--hb-as-slide-color);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(22px, 0, 0) scale(.985);
	filter: blur(4px);
	will-change: opacity, transform, filter;
}

.hb-announcement-slider[data-animation="fade"] .hb-announcement-slider__slide {
	transform: none;
	filter: none;
}

.hb-announcement-slider[data-animation="vertical"] .hb-announcement-slider__slide {
	transform: translate3d(0, 18px, 0) scale(.985);
}

.hb-announcement-slider[data-animation="zoom"] .hb-announcement-slider__slide {
	transform: scale(.94);
	filter: blur(2px);
}

.hb-announcement-slider__slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0) scale(1);
	filter: blur(0);
}

.hb-announcement-slider__content {
	display: inline-flex;
	align-items: center;
	justify-content: var(--hb-as-content-justify);
	gap: var(--hb-as-content-gap);
	min-width: 0;
	max-width: 100%;
	color: inherit;
	font: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: var(--hb-as-text-align);
	text-decoration: none !important;
	text-underline-offset: 4px;
	transition: opacity 180ms ease;
}

.hb-announcement-slider a.hb-announcement-slider__content:hover {
	color: inherit;
	opacity: var(--hb-as-link-hover-opacity);
	text-decoration: var(--hb-as-link-hover-decoration) !important;
	text-decoration-thickness: 1px !important;
}

.hb-announcement-slider a.hb-announcement-slider__content:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 3px;
}

.hb-announcement-slider__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--hb-as-icon-size);
	height: var(--hb-as-icon-size);
	flex: 0 0 var(--hb-as-icon-size);
	color: var(--hb-as-slide-icon-color);
	opacity: .96;
}

.hb-announcement-slider__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.hb-announcement-slider__text {
	display: block;
	min-width: 0;
	overflow: hidden;
	white-space: var(--hb-as-white-space);
	text-overflow: var(--hb-as-text-overflow);
}

.hb-announcement-slider__arrow {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 38px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--hb-as-arrow-background);
	box-shadow: none;
	color: var(--hb-as-arrow-color);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: transform 180ms ease, opacity 180ms ease;
}

.hb-announcement-slider__arrow::before {
	content: "";
	position: absolute;
	inset: 8px 4px;
	border-radius: inherit;
	background: var(--hb-as-arrow-hover-background);
	opacity: 0;
	transform: scale(.78);
	transition: opacity 180ms ease, transform 180ms ease;
}

.hb-announcement-slider__arrow:hover::before,
.hb-announcement-slider__arrow:focus-visible::before {
	opacity: var(--hb-as-arrow-hover-opacity);
	transform: scale(1);
}

.hb-announcement-slider__arrow:hover {
	color: var(--hb-as-arrow-color);
	transform: translateY(-1px);
}

.hb-announcement-slider__arrow:active {
	transform: translateY(0) scale(.94);
}

.hb-announcement-slider__arrow:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -5px;
}

.hb-announcement-slider__arrow svg {
	position: relative;
	z-index: 1;
	display: block;
	width: var(--hb-as-arrow-size);
	height: var(--hb-as-arrow-size);
}

.hb-announcement-slider__status.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (max-width: 600px) {
	.hb-announcement-slider__content {
		max-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hb-announcement-slider__slide,
	.hb-announcement-slider__arrow,
	.hb-announcement-slider__arrow::before,
	.hb-announcement-slider__content {
		transition: none !important;
	}
}