/* 
 * Visibility
 */

@use '../abstracts/variables' as *;
@use '../abstracts/mixins/breakpoints' as *;

.pkt-hide {
  display: none !important;
}
.pkt-show {
  display: block !important;
}
.pkt-invisible {
  visibility: hidden !important;
}
.pkt-visually-hidden {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

@each $name, $value in $breakpoints {
  @if $value != 0 {
    .pkt-hide-#{$name}-up,
    .pkt-show.pkt-hide-#{$name}-up {
      @include bp-up($value) {
        display: none !important;
      }
    }

    .pkt-show-#{$name}-up,
    .pkt-hide.pkt-show-#{$name}-up {
      display: none !important;
      @include bp-up($value) {
        display: block !important;
      }
    }
  }
}