@charset "UTF-8";

@media all {
	.logo-area-animate {
		overflow: hidden;
	}

	.logo-area-animate > .container::before,
	.logo-area-animate > .container::after {
		content: '';
		position: absolute;
		z-index: 3;
		top: 0;
		width: 100px;
		height: 100%;
	}

	.logo-area-animate > .container::before {
		left: 0;
		background-image: linear-gradient(90deg, var(--bs-white), transparent);
	}

	.logo-area-animate > .container::after {
		right: 0;
		background-image: linear-gradient(90deg, transparent, var(--bs-white));
	}

	.logo-area-animate.bg-gradient-dark > .container::before {
		left: 0;
		background-image: linear-gradient(90deg, var(--bs-gradient-dark2), transparent);
	}

	.logo-area-animate.bg-gradient-dark > .container::after {
		right: 0;
		background-image: linear-gradient(90deg, transparent, var(--bs-gradient-dark2));
	}

	.logo-area-animate .logo-items-wrapper {
		display: block;
		width: 100%;
		white-space: nowrap;
		text-align: center;
	}

	.logo-area-animate .logo-items-wrapper.logo-animating {
		text-align: left;
		position: relative;
		left: 0;
	}

	.logo-area-animate .logo-items-wrapper > div {
		display: inline-block;
	}
}