/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/styles/patterns/loop-text/default.css ***!
  \*************************************************************************************************************************************************************************************************************/
.loop-text {
	line-height: 1;
	font-size: 188px;
	font-family: var(--wp--preset--font-family--akshar);
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #202020;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	opacity: 0.04;
	display: flex;
	gap: 40px;

	@media screen and (max-width: 781px) {
		font-size: 100px;
	}
}

.loop-text > div {
	margin-top: 0 !important;
}

.loop-text-item {
	display: inline-block;
	white-space: nowrap;
}

body:not(.editor-styles-wrapper) .loop-text-item {
	animation: loop-move 24s linear infinite;
	will-change: transform;
}

@keyframes loop-move {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}


/*# sourceMappingURL=default.css.map*/