.position {
  z-index: 100;

  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;

  height: var(--bottom-nav-height);
}

.alignment {
  display: flex;
  justify-content: stretch;
  align-items: center;
}

.style {
  border-top-style: solid;
  border-top-width: 1px;
}

.bottom-nav {
  @extend .position;
  @extend .alignment;
  @extend .style;
}