@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");

* {
	font-family: "Outfit", sans-serif;
}

button:disabled {
	filter: grayscale(1);
	background: #7a7a7a;
}

button.btn-1 > i {
	display: none;
}

button.btn-1:disabled > i {
	display: inline-block;
}

button.btn-1:disabled > span {
	display: none;
}

.scrollbar-none::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.driver-popover * {
	font-family: "Outfit", sans-serif !important;
}

.boujee-text {
	--bg-size: 400%;
	--color-one: rgb(99 102 241);
	--color-two: rgb(199 210 254);
	font-size: clamp(3rem, 25vmin, 8rem);
	background: linear-gradient(
			90deg,
			var(--color-one),
			var(--color-two),
			var(--color-one)
		)
		0 0 / var(--bg-size) 100%;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	animation: move-bg 8s infinite linear;
}

@media (prefers-reduced-motion: no-preference) {
	.boujee-text {
		animation: move-bg 8s linear infinite;
	}
	@keyframes move-bg {
		to {
			background-position: var(--bg-size) 0;
		}
	}
}