.u-owl {
	@include owl-children;
}

.u-box-shadow {
	@include box-shadow;
}

.u-hidden {
	display: none !important
}

.u-visually-hidden {
	position: absolute;

	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;

	white-space: nowrap;

	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.u-margin-auto {
	margin: auto;
}

$uMaxWidths: 1000 720 360;

@each $maxWidth in $uMaxWidths {
	.u-max-width-#{$maxWidth}{
		max-width: #{$maxWidth}px;
	}
}

$uSpacings: 60 30;

@each $uSpacing in $uSpacings {
	.u-spacing-mb-#{$uSpacing}{
		margin-bottom: #{$uSpacing}px;
	}

	.u-spacing-mt-#{$uSpacing}{
		margin-top: #{$uSpacing}px;
	}
}



.u-text-align-center {
	text-align: center;
}