@import "./consts";
@import "./mixins";

.alignLeft {
  /* rtl:ignore */
  z-index: 1;

  &:not(.textWrapNowrap) {
    /* rtl:begin:ignore */
    float: left;
    margin-right: $innerSpacing;
    margin-left: 0;
    /* rtl:end:ignore */

    @include phone {
      /* rtl:ignore */
      margin-right: 0;
    }
  }
}

.alignRight {
  /* rtl:ignore */
  z-index: 1;

  &:not(.textWrapNowrap) {
    /* rtl:begin:ignore */
    float: right;
    margin-left: $innerSpacing;
    margin-right: 0;
    /* rtl:end:ignore */

    @include phone {
      /* rtl:ignore */
      margin-left: 0;
    }
  }
}

.alignCenter {
  display: block;

  &:not(.textWrapNowrap):not(.sizeFullWidth) {
    margin-left: auto;
    margin-right: auto;
  }
}

.sizeFullWidth,
.textWrapNowrap {
  width: 100%;
}

.sizeContent {
  &:not(.textWrapNowrap) {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.sizeSmall {
  &:not(.textWrapNowrap) {
    width: 350px;
  }
}

.sizeSmallCenter {
  &:not(.textWrapNowrap) {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}

.flex {
  display: flex;
}