:root {
  --nav-stack-header-height: 44px;
  --nav-stack-footer-height: 50px;
}

.NavStack {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  overflow: hidden;
}
.NavStack--layer0 {
  transform: translateY(0);
  z-index: 1;
}
.NavStack--layer1 {
  transform: translateY(100%);
  z-index: 2;
}
.NavStack--layer2 {
  transform: translateY(200%);
  z-index: 3;
}
.NavStack-itemContainer {
  position: absolute;
  top: var(--nav-stack-header-height);
  bottom: 0;
  left: 0;
  width: 500%;
}
.NavStack--withFooter .NavStack-itemContainer {
  bottom: var(--nav-stack-footer-height);
}
.NavStack-item {
  position: absolute;
  width: 20%;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.NavStack-item-0 {
  left: 0%;
}
.NavStack-item-1 {
  left: 20%;
}
.NavStack-item-2 {
  left: 40%;
}
.NavStack-item-3 {
  left: 60%;
}
.NavStack-item-4 {
  left: 80%;
}
.NavStack-item-5 {
  left: 100%;
}
.NavStack-item-6 {
  left: 120%;
}
.NavStack-item-7 {
  left: 140%;
}
.NavStack-item-8 {
  left: 160%;
}
.NavStack-item-9 {
  left: 180%;
}
.NavStack-item-10 {
  left: 200%;
}
.NavStack-item-11 {
  left: 220%;
}
.NavStack-item-12 {
  left: 240%;
}
.NavStack-item-13 {
  left: 260%;
}
.NavStack-item-14 {
  left: 280%;
}
.NavStack-item-15 {
  left: 300%;
}
.NavStack-item-16 {
  left: 320%;
}
.NavStack-item-17 {
  left: 340%;
}
.NavStack-item-18 {
  left: 360%;
}
.NavStack-item-19 {
  left: 380%;
}
.NavStack-item-20 {
  left: 400%;
}
.NavStack-item-21 {
  left: 420%;
}
.NavStack-item-22 {
  left: 440%;
}
.NavStack-item-23 {
  left: 460%;
}
.NavStack-item-24 {
  left: 480%;
}
.NavStack-item-25 {
  left: 500%;
}
.NavStack-item-26 {
  left: 520%;
}
.NavStack-item-27 {
  left: 540%;
}
.NavStack-item-28 {
  left: 560%;
}
.NavStack-item-29 {
  left: 580%;
}
.NavStack-item-30 {
  left: 600%;
}
.NavStack-item-31 {
  left: 620%;
}
.NavStack-item-32 {
  left: 640%;
}
.NavStack-item-33 {
  left: 660%;
}
.NavStack-item-34 {
  left: 680%;
}
.NavStack-item-35 {
  left: 700%;
}
.NavStack-item-36 {
  left: 720%;
}
.NavStack-item-37 {
  left: 740%;
}
.NavStack-item-38 {
  left: 760%;
}
.NavStack-item-39 {
  left: 780%;
}
.NavStack-item-40 {
  left: 800%;
}
.NavStack-item-41 {
  left: 820%;
}
.NavStack-item-42 {
  left: 840%;
}
.NavStack-item-43 {
  left: 860%;
}
.NavStack-item-44 {
  left: 880%;
}
.NavStack-item-45 {
  left: 900%;
}
.NavStack-item-46 {
  left: 920%;
}
.NavStack-item-47 {
  left: 940%;
}
.NavStack-item-48 {
  left: 960%;
}
.NavStack-item-49 {
  left: 980%;
}
.NavStack-item-50 {
  left: 1000%;
}
.NavStack-item-51 {
  left: 1020%;
}
.NavStack-item-52 {
  left: 1040%;
}
.NavStack-item-53 {
  left: 1060%;
}
.NavStack-item-54 {
  left: 1080%;
}
.NavStack-item-55 {
  left: 1100%;
}
.NavStack-item-56 {
  left: 1120%;
}
.NavStack-item-57 {
  left: 1140%;
}
.NavStack-item-58 {
  left: 1160%;
}
.NavStack-item-59 {
  left: 1180%;
}
.NavStack-item-60 {
  left: 1200%;
}
.NavStack-item-61 {
  left: 1220%;
}
.NavStack-item-62 {
  left: 1240%;
}
.NavStack-item-63 {
  left: 1260%;
}
.NavStack-item-64 {
  left: 1280%;
}
.NavStack-item-65 {
  left: 1300%;
}
.NavStack-item-66 {
  left: 1320%;
}
.NavStack-item-67 {
  left: 1340%;
}
.NavStack-item-68 {
  left: 1360%;
}
.NavStack-item-69 {
  left: 1380%;
}
.NavStack-item-70 {
  left: 1400%;
}
.NavStack-item-71 {
  left: 1420%;
}
.NavStack-item-72 {
  left: 1440%;
}
.NavStack-item-73 {
  left: 1460%;
}
.NavStack-item-74 {
  left: 1480%;
}
.NavStack-item-75 {
  left: 1500%;
}
.NavStack-item-76 {
  left: 1520%;
}
.NavStack-item-77 {
  left: 1540%;
}
.NavStack-item-78 {
  left: 1560%;
}
.NavStack-item-79 {
  left: 1580%;
}
.NavStack-item-80 {
  left: 1600%;
}
.NavStack-item-81 {
  left: 1620%;
}
.NavStack-item-82 {
  left: 1640%;
}
.NavStack-item-83 {
  left: 1660%;
}
.NavStack-item-84 {
  left: 1680%;
}
.NavStack-item-85 {
  left: 1700%;
}
.NavStack-item-86 {
  left: 1720%;
}
.NavStack-item-87 {
  left: 1740%;
}
.NavStack-item-88 {
  left: 1760%;
}
.NavStack-item-89 {
  left: 1780%;
}
.NavStack-item-90 {
  left: 1800%;
}
.NavStack-item-91 {
  left: 1820%;
}
.NavStack-item-92 {
  left: 1840%;
}
.NavStack-item-93 {
  left: 1860%;
}
.NavStack-item-94 {
  left: 1880%;
}
.NavStack-item-95 {
  left: 1900%;
}
.NavStack-item-96 {
  left: 1920%;
}
.NavStack-item-97 {
  left: 1940%;
}
.NavStack-item-98 {
  left: 1960%;
}
.NavStack-item-99 {
  left: 1980%;
}
.NavStack-item-100 {
  left: 2000%;
}
.NavStack-header {
  position: absolute;
  height: var(--nav-stack-header-height);
  box-sizing: content-box;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.NavStack-headerContainer {
  position: relative;
}
.NavStack-headerComponent,
.NavStack-headerContainerComponent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.NavStack-headerContainerComponent {
  will-change: opacity transform;
}
.NavStack-parentItemHeaderContainer {
  opacity: 0;
}
.NavStack-footer {
  position: absolute;
  bottom: 0;
  height: var(--nav-stack-footer-height);
  box-sizing: content-box;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.NavStack.is-birdsEyeDebugging {
  width: 320px;
  height: 480px;
}
.NavStack.is-birdsEyeDebugging.NavStack--layer1 {
  transform: translateY(480px);
}
.NavStack.is-birdsEyeDebugging.NavStack--layer2 {
  transform: translateY(960px);
}
.NavStack.is-birdsEyeDebugging .NavStack-itemContainer {
  left: 0px;
  width: 1600px;
}
.NavStack.is-birdsEyeDebugging .NavStack-item {
  border: 1px dashed blue;
}