.HeroSlider--preview > li{
    vertical-align:top;
}
.js-HeroSlider--slide{
    margin-bottom:20px;
}


.chip-holder {
	position: fixed;
    bottom: 45px;
    left:0;
	width: 150px;
	margin: 0;
	height: 40px;
	z-index: 100000000;
}

.chip-wrapper {
	background-image: linear-gradient(270deg, rgba(78, 195, 224, .8) -6.04%, #c2d52f 120.75%);
	min-width: 8em;
	padding: 2px;
	margin-right: 1em;
	margin-bottom: 1em;
	border-radius: 2em
}

a.chip:first-letter {
	text-transform: uppercase
}

a.chip,
a.chip--selected {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 2em;
	min-width: 8em;
	padding: 0 1em;
	background: #fff;
	font-size: .875em;
	font-weight: 700;
	color: #27251f;
	border-radius: 1em;
	text-decoration: none;
	cursor: pointer;
	transition: all .33s
}

.chip--selected,
.chip:hover {
	color: #fff;
	background-image: linear-gradient(270deg, rgba(78, 195, 224, 0) -6.04%, rgba(194, 213, 47, 0) 120.75%);
	background: hsla(0, 0%, 100%, 0)
}