@import "var";

.@{prefixName}-tabbar {
  position: fixed;
  left: 0;
  right: 0;
  height: @tabbar-height;
  display: flex;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  &.bottom{
		bottom: 0;
    // bottom: -env(safe-area-inset-bottom);
  }
  &.top{
    top: 0;
	}
	&.unset{
		position: static;
	}
}