@import '../config/mixins.scss';

.fullcover {
  @include fullcover;
}

.flex-center {
  @include flex-center;
}

.align-center {
  @include align-center;
}

.clearfix {
  @include clearfix;
}

.safe-modal {
  @include safe-modal;
}

.full-breakout {
  @include full-breakout;
}

.photofix {
  @include photofix;
}

/* force landscape with scrollable */
@media only screen and (orientation: portrait) {
  .fix-landscape {
    transform: rotate(90deg) translateY(-100%);
    transform-origin: top left;
  }
}

// Ref from Bootstrap5
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}