.fizz-relative {
  position: relative;
}

.fizz-absolute {
  position: absolute;
}

.fizz-sticky {
  position: sticky;
}

[class*="fizz-fixed"] {
  position: fixed;
  left: 0;
  right: 0;
  z-index: $elevation-sticky;
}

.fizz-fixed-top {
  top: 0;
  bottom: auto;
}

.fizz-fixed-bottom {
  top: auto;
  bottom: 0;
}

.fizz-sticky-top {
  background-color: $color-white;
  position: sticky;
  top: 0;
  z-index: $elevation-sticky;
}

// Deprecated
.fizz-sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: $elevation-sticky;
  background-color: $color-background-surface;
}