.template-collection  {
	overflow-x: hidden;
}

.collection-scroller{
	background-color: var(--color__neutral-2);
}

.collection-scroller .featured__bubbles.collection-list-style-6 {
	margin: 0;
	padding: var(--spacing__16px) var(--spacing__8px);
	position: relative;

	@media only screen and (min-width: 768px) {
		padding: var(--spacing__24px) var(--spacing__40px);
	}

	.featured__bubble_list {
		display: flex;
		gap: var(--spacing__4px);
		padding: 0;
		z-index: 1;
		max-height: none;

		@media only screen and (min-width: 768px) {
			gap: var(--spacing__10px);
		}
	}

	.featured__bubble-group {
		display: flex;

		.featured__bubble_list {
			opacity: 0;
			z-index: -1;
		}
	}

	.featured__bubble-group > .featured__bubble-link {
		padding-right: var(--spacing__32px);
		background-image: var(--icon-arrow-down);
		background-repeat: no-repeat;
		background-position: right var(--spacing__14px) center;
		background-size: var(--spacing__10px);
	}

	.featured__bubble-group.expanded > .featured__bubble-link {
		background-image: var(--icon-arrow-up);
	}

	.featured__bubble-group > .featured__bubble_list {
		position: absolute;
		display: flex;
		flex-direction: column;
		gap: 0;
		top: var(--spacing__60px);

		@media screen and (min-width: 768px) {
			top: calc((72 / var(--base-font-size)) * 1rem);
		}
	}

	.featured__bubble-group.expanded > .featured__bubble_list {
		opacity: 1;
		z-index: 2;
	}

	.featured__bubble_list > .featured__bubble > .featured__bubble-link {
		width: 100%;
		text-align: left;
	}

	.featured__bubble-group.expanded > .featured__bubble_list > .featured__bubble {
		@media (max-width: 767px) {
			width: 100%;
		}
	}

	.featured__bubble {
		display: flex;
		list-style-type: none;
		white-space: nowrap;
	}

	.featured__bubble-link {
		margin-bottom: 0;
		padding: var(--spacing__16px);
		border-radius: var(--border-radius__5px);
		background-color: var(--color__tag);
		text-transform: uppercase;
		border: 0;

		span {
			font-size: var(--font-size__12px_to_16px);
			font-weight: 500;
		}
	}

	.featured__bubble.active .featured__bubble-link {
		font-weight: normal;
	}

	.featured__bubble.active > .featured__bubble-link {
		background-color: var(--color__tag-active);
	}

	.featured__bubble:hover > .featured__bubble-link {
		background-color: var(--color__tag-hover);
	}
}

.collection-scroller .featured__bubbles.collection-list-style-6.featured__bubbles--only-subcategories {
	.featured__bubble_list_cls6 > .featured__bubble:not(.featured__bubble--current) {
		display: none;
	}

	.featured__bubble-group > .featured__bubble_list {
		opacity: 1;
		z-index: 0;
	}

	.featured__bubble--current .featured__bubble_list,
	.featured__bubble--current {
		opacity: 1;
	}

	.featured__bubble--current {
		gap: var(--spacing__10px);

		.featured__bubble-link {
			width: auto;
			padding-right: var(--spacing__16px);
			background-image: none;
		}

		.featured__bubble_list {
			position: inherit;
			display: flex;
			flex-direction: row;
			gap: var(--spacing__10px);
		}
	}
}