.c-sticky-banner {
	background-color: var(--color-secondary);

	&.c-sticky-banner--background-yellow {
		background-color: var(--color-secondary);
	}

	&.c-sticky-banner--background-blue {
		background-color: var(--color-blue);
	}

	&.c-sticky-banner--background-white {
		background-color: var(--color-white);
	}

	.c-sticky-banner__placeholder {
		display: block;
		visibility: hidden;
		margin: 0;
		padding: 0;
	}

	&.c-sticky-banner--after-scroll:not(.c-sticky-banner--sticky) {
		display: none;
	}

	&.c-sticky-banner--sticky {
		position: fixed;
		top: var(--header-height);
		left: 0;
		right: 0;
		z-index: 20;
	}

	.c-sticky-banner__banner {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		gap: calc(var(--spacing-md) / 2);
		padding: var(--spacing-xs) 0;
	}

	&.c-sticky-banner--align-center .c-sticky-banner__banner {
		justify-content: center;
	}

	&.c-sticky-banner--align-right .c-sticky-banner__banner {
		justify-content: flex-end;
	}
}