/* CLIPPING */

// Rectangle

.m-cp-rect1 {
  @extend %clip-1;

  &-inverted {
    @extend %clip-1-inverted;
  }
}

.m-cp-rect2 {
  @extend %clip-2;

  &-inverted {
    @extend %clip-2-inverted;
  }
}

.m-cp-rect3 {
  @extend %clip-3;
}

.m-cp-rect4 {
  @extend %clip-4;
}

.m-cp-el1 {
  @extend %clip-ellipse-1;
}

.m-cp-el2 {
  @extend %clip-ellipse-2;
}