.bg-wrap {
	z-index: -1;
	background-color: #222326;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
  height: 120vh;
}
/* Critical CSS for above-the-fold content */
.hero-section {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gradient-text {
    background: linear-gradient(to right, rgb(196 181 253), rgb(251 207 232));
    background-clip: text;
    color: transparent;
}
.track-item.playing .track-overlay {
    opacity: 1 !important;
}

.track-item.playing .play-icon {
    display: none;
}

.track-item.playing .pause-icon {
    display: flex !important;
}
.bg-wrap::before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 1;
	will-change: background, opacity;
	transition-duration: 400ms;
	transition-timing-function: ease;
	transition-delay: 0s;
	transition-property: opacity;
	background-image: radial-gradient(
		600px at var(--cursor-x) var(--cursor-y),
		rgba(255, 254, 241, 0.15),
		transparent 40%
	);
	background-size: auto;
	background-origin: padding-box;
	z-index: 1;
}

.bg-tiles {
	z-index: 1;
	background-image: url(/images/632835c8722a32c6adef674b_bg-tile_fhldhc.svg);
	background-position: 50% 0;
	background-repeat: repeat;
	background-size: 142px 71px;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
}