.lg-desktop-only {
  @include breakpoint($jumbo-down) {
    display: none !important; // sass-lint:disable-line no-important
  }
}

.desktop-only {
  @include breakpoint($lg-down) {
    display: none !important; // sass-lint:disable-line no-important
  }

  @include breakpoint($jumbo) {
    display: none !important; // sass-lint:disable-line no-important
  }
}

.tablet-only {
  @include breakpoint($sm-only) {
    display: none !important; // sass-lint:disable-line no-important
  }

  @include breakpoint($above-lg) {
    display: none !important; // sass-lint:disable-line no-important
  }
}

.mobile-only {
  @include breakpoint($md) {
    display: none !important; // sass-lint:disable-line no-important
  }
}

.authenticated-user {
  .show-for-anonymous {
    display: none;
  }
}

.anonymous-user {
  .show-for-authenticated {
    display: none;
  }
}