.nb-stairs-menu {
  --nb-stairs-menu-stair: #000000;
  --nb-stairs-menu-overlay: #000000;
  position: relative;
  width: fit-content;
}

.nb-stairs-menu__stairs {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  pointer-events: none;
}

.nb-stairs-menu__stair {
  flex: 1 1 0;
  width: auto;
  height: 0;
  background-color: var(--nb-stairs-menu-stair);
}

.nb-stairs-menu__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--nb-stairs-menu-overlay);
  opacity: 0;
}

.nb-stairs-menu__items-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: auto;
}

.nb-stairs-menu[data-open="nb-stairs-menu--opened"] .nb-stairs-menu__items-wrapper,
.nb-stairs-menu[data-hide-content="false"] .nb-stairs-menu__items-wrapper {
  visibility: visible;
}

.nb-stairs-menu[data-hide-content="true"] .nb-stairs-menu__items-wrapper {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}