.featured-header [class^="track"] {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 100%;
	width: 7.5rem;
	border: 1px solid #06b4ea;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: 1.2s;
	transition-timing-function: cubic-bezier(0.07, 0.87, 0.22, 0.98)
}

.featured-header [class^="track"] .t-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform-origin: center;
	transform-origin: center
}

.featured-header [class^="track"]:before {
	display: block;
	width: 100%;
	content: "";
	padding-top: 100%
}

.featured-header [class^="track"].track-4 {
	width: 1rem;
	z-index: 2
}

.featured-header [class^="track"].track-4 .t-wrapper {
	-webkit-animation: track-rotate 10s linear infinite 0s;
	animation: track-rotate 10s linear infinite 0s
}

.featured-header [class^="track"].track-3 {
	width: 2.5rem;
	z-index: 4
}

.featured-header [class^="track"].track-3 .t-wrapper {
	-webkit-animation: track-rotate 16s linear infinite 0s;
	animation: track-rotate 16s linear infinite 0s
}

.featured-header [class^="track"].track-2 {
	width: 5rem;
	z-index: 6
}

.featured-header [class^="track"].track-2 .t-wrapper {
	-webkit-animation: track-rotate 20s linear infinite 0s;
	animation: track-rotate 20s linear infinite 0s
}

.featured-header [class^="track"].track-1 {
	width: 7.5rem;
	z-index: 8
}

.featured-header [class^="track"].track-1 .t-wrapper {
	-webkit-animation: track-rotate 25s linear infinite 0s;
	animation: track-rotate 25s linear infinite 0s
}

.featured-header [class^="track"].track-0 {
	width:10rem;
	z-index: 10
}

.featured-header [class^="track"].track-0 .t-wrapper {
	-webkit-animation: track-rotate 30s linear infinite 0s;
	animation: track-rotate 30s linear infinite 0s
}

@-webkit-keyframes track-rotate {
	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes track-rotate {
	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.featured-header [class^="icon"] {
	position: absolute;
	padding: 0.3rem;
	background-color: #06b4ea;
	border-radius: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center
}

.featured-header [class^="icon"] .i-wrapper {
	width: 100%
}

.featured-header [class^="icon"] svg {
	width: 0.5rem;
	height: 0.5rem;
	display: block;
}