@use "../breakpoints";

@mixin content-centering-margin {
  margin-left: 2rem;
  margin-right: 2rem;

  @include breakpoints.landscape {
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
  }

  @include breakpoints.mq-md($direction: "above") {
    margin-left: 3vw;
    margin-right: 3vw;
  }
}