/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./styles/components/LeftSidebar.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* styles/components/Sidebar.module.css */
.LeftSidebar_container__YzJCQ {
  height: 100vh;
  position: fixed;
}

.LeftSidebar_sidebar__nfUzt {
  position: fixed;
  top: 0;
  left: -5rem;
  height: 100vh;
  background-color: #5789ec;
  color: #fff;
  transition:
    width 0.3s ease-in-out,
    left 0.3s ease-in-out;
}

.LeftSidebar_sidebarOpen__7qcZF {
  width: 16rem;
  left: 0;
  top: 68px;
}

.LeftSidebar_sidebarClosed__LpSSj {
  width: 0;
  top: 68px;
}

.LeftSidebar_content__Vtgjd {
  margin-left: 5rem;
  transition: margin-left 0.3s ease-in-out;
}

.LeftSidebar_contentShifted__b1PNb {
  margin-left: calc(5rem + var(--sidebar-width) + 40px);
}

.LeftSidebar_contentShiftedBack__n97lH {
  margin-left: 40px;
}

.LeftSidebar_toggleButton__Gnj03 {
  background-color: #4299e16b;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  position: absolute;
  top: 20px;
  z-index: 1;
  transition: left 0.3s ease-in-out;
}

.LeftSidebar_nav__deTnB {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}