// scss-lint:disable all

.hide {
  // Visually hidden but can be read by screen-readers
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.hide-on-small {
  @include respond-to(small) {
    display: none !important;
  }
}

.hide-on-medium {
  @include respond-to(medium) {
    display: none !important;
  }
}

.hide-on-large {
  @include respond-to(large) {
    display: none !important;
  }
}

.hide-on-xlarge {
  @include respond-to(xlarge) {
    display: none !important;
  }
}

.display-none {
  display: none !important;
}