@use '../variables/z-index';

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: z-index.$fixed;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: z-index.$fixed;
}

// Responsive sticky top
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: z-index.$sticky;
  }
}