/* For Primary Sidenav menu and any sidenav menu. */
#primary-sidebar-menu {
  z-index: 10000;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-width: 600px;
}

.primary-sidebar-menu {
  inset-block-start: 0;
  inset-inline-start: -600px;
  visibility: hidden;
  overflow: auto;
  width: 100%;
  max-width: 600px;
  height: 100%;
  transition: visibility 0.2s, transform 0.2s;
  box-shadow: 50px 0 55px -30px rgba(0, 0, 0, 0.2);
}

.primary-sidebar-menu.toggled {
  visibility: visible;
  transform: translateX(600px);
}

#sidebar-button-open {
  width: 100%!important;
  z-index: 1;
  text-align: center !important;
}

#sidebar-button-close button,
#sidebar-button-open button {
  display: flex;
  padding: 4px 12px;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 100%;
}

#sidebar-button-close button {
  justify-content: flex-end;
  align-items: flex-end;
  padding: 12px;
}

#sidebar-button-open button {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
}

#sidebar-button-close button span,
#sidebar-button-open button span {
  display: flex;
}

#sidebar-button-close {
  display: flex;
  justify-content: flex-end;
}

.navigation-sidebar {
  display: flex;
  justify-content: left;
  height: 100%;
  flex-basis: 100%;
  flex-direction: column;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar,
.telegrosik-inner .navigation-sidebar .navigation__sidebar ul.sub__menu {
  display: flex;
  justify-content: left;
  align-items: stretch;
  flex-direction: column;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  transform: translateY(0) !important;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar li.button-only>button,
.telegrosik-inner .navigation-sidebar .navigation__sidebar li.nav__menu-item {
  flex-basis: 100%;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar li.has-sub__menu ul.sub__menu {
  overflow: hidden;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar >li.nav__menu-item>ul.sub__menu>li.nav__menu-item {
  padding-left: 12px;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar>li.nav__menu-item>ul.sub__menu>li.nav__menu-item>ul.sub__menu>li.nav__menu-item {
  padding-left: 24px;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar li.has-sub__menu {
  justify-content: space-between;
  flex-wrap: wrap;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar ul.sub__menu {
  display: none;
}

.telegrosik-inner .navigation-sidebar .navigation__sidebar li.link-and-button>button {
  margin-left: auto;
}

.slide-out {
  animation-duration: 400ms;
  animation-name: slide-out;
}

@keyframes slide-out {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    transform: translateX(-100%);
    opacity: 0;
  }

}

.slide-in {
  animation-duration: 400ms;
  animation-name: slide-in;
}

@keyframes slide-in {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }

}