.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-object-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

$uMaxWidths: 1000 720 360;

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

$uSpacings: 60 30 15;

@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;
}

.u-full-width-overflow {
  width: 100%;
  overflow: hidden;
}