// stylelint-disable declaration-no-important
@use '../settings/variables' as v;

.qpp-u-position--relative {
  position: relative !important;
}

.qpp-u-position--absolute {
  position: absolute !important;
}

@each $breakpoint in map-keys(v.$breakpoints) {
  $viewport: map-get(v.$breakpoints, $breakpoint);

  @media (min-width: $viewport) {
    .qpp-u-#{$breakpoint}-position--relative {
      position: relative !important;
    }

    .qpp-u-#{$breakpoint}-position--absolute {
      position: absolute !important;
    }
  }
}